/* CSS Document */

body {
	background: #31C8C9 url(../images/myzosbgd.jpg) scroll center top repeat-y;
	margin: 0px auto;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
}

a:link {color:#DFD0FF; text-decoration: none; }
a:visited {color:#DFD0FF; text-decoration: none; }
a:hover {color:#C5BB43; text-decoration: none; }
a:active {color:#DFD0FF; text-decoration: none; }

a.sub:link {color:#C5BB43; text-decoration: none; }
a.sub:visited {color:#C5BB43; text-decoration: none; }
a.sub:hover {color:#DFD0FF; text-decoration: none; }
a.sub:active {color:#DFD0FF; text-decoration: none; }

a.subf:link {color:#FFFC00; text-decoration: none; }
a.subf:visited {color:#FFFC00; text-decoration: none; }
a.subf:hover {color:#DFD0FF; text-decoration: none; }
a.subf:active {color:#FFFC00; text-decoration: none; }


.topfix {
	height:0px; /* Fixes t4op bgd repeat gap */
}

h1 {
	font-size:18px;
	line-height:1em;
	margin:0 0;
	padding:0 0;	
}

h3 {
	font-size:14px;
	line-height:1em;
	margin:0 0;
	padding:0 0;
}


img {
	border-width:0;
}

#homebgd {
	background: #31C8C9 url(../images/myzosbgdhome.jpg) scroll center top no-repeat;
}

.prodbgd {
	background: url(../images/prodbgd.jpg) center top no-repeat;
	cursor:pointer;
}

#main {
	width:860px; 
	margin:0 auto;
}

#header {
	width:490px;
	height:78px;
	float:right;
}

#logo {
	width:370px;
	height:150px;
	float:left;
	background: url(../images/myzoslogo.jpg) top no-repeat;
	cursor:pointer;
}

#pagemiddle {
	width:860px;
	margin:0px auto;
	background: url(../colorsforcauses/images/cfcmiddle.jpg) repeat-y;
}

#pagebottom {
	width:860px;
	height:20px;
	margin:0 auto;
	background: url(../colorsforcauses/images/cfcbottom.jpg) repeat-y;
	clear:both;
}

.headermsg {
	color:#990000;
	font-size:16px;
	text-align:center;
}

p {
	line-height:1.6em;
}

/* TOP NAV */

#topnav {
	width:490px;
	height:70px;
	position:relative;
	float:left;
	background:url(../images/topnav.jpg) top no-repeat;
}

#topnav ul {
	list-style: none;
	width: 490px;
	height: 70px;
	margin: 0;
	padding: 0;
	position: relative;
}

#topnav li {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
}

#topmenu li, #topmenu a {
	height: 70px;
	display: block;
}

#topnav a {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}

#topnav_buy		{left: 0px;   width: 112px;}
#topnav_signup	{left: 120px; width: 45px;}
#topnav_news	{left: 180px; width: 50px;}
#topnav_who		{left: 244px; width: 65px;}
#topnav_colors	{left: 325px; width: 70px;}
#topnav_cart	{left: 417px; width: 74px;}

#topnav_buy a:hover 		{background: url(../images/topnav.jpg)	0px -70px no-repeat;}
#topnav_signup a:hover 		{background: url(../images/topnav.jpg)	-120px -70px no-repeat;}
#topnav_news a:hover 		{background: url(../images/topnav.jpg)	-180px -70px no-repeat;}
#topnav_who a:hover 		{background: url(../images/topnav.jpg)	-244px -70px no-repeat;}
#topnav_colors a:hover	 	{background: url(../images/topnav.jpg)	-325px -70px no-repeat;}
#topnav_cart a:hover 		{background: url(../images/topnav.jpg)	-419px -70px no-repeat;}

#home-header {
	width:490px;
	height:70px;
	float:right;
}

#homepromo {
	marign:10px 0px;
	text-align:center;
	color:#99FF00;
	font: 16px Arial, Helvetica, sans-serif bold; 
}

/* SUB FEATURE */

#subfeature {
	width:860px;
	margin:10px auto;
}

.subtext {
	width:250px;
	height:134px;
	margin:0px auto;
	top:20px;
	position:relative;
	font-size:12px;
	line-height:14px;
	overflow:hidden;
}

.subtext img {
	border:0px;
}

.subnewstitle {
	color:#FFFC00;
	margin:7px 0px 0px;
}

#sub1 {
	width:270px;
	height:160px;
	background:url(../images/sub1.jpg) top no-repeat;
	float:left;
}

#sub1 p {
	line-height:14px;
	margin:0px 0px;
}

#sub2 {
	width:270px;
	height:160px;
	background:url(../images/sub2.jpg) top no-repeat;
	margin:0px 25px;
	float:left;
}

#sub3 {
	width:270px;
	height:160px;
	background:url(../images/sub3.jpg) top no-repeat;
	float:left;
	overflow:hidden;
	cursor:pointer;
}

.who {
width:250px;
height:126px;
font-size:10px;
color:#FFFFFF;
text-align:center;
border:none;
overflow:hidden;
top:8px;
position:relative;
}

.who h1 {
	color:#FFFC00;
	font-size:14px;
	font-weight:normal;
	margin:10px 0px 0px;
}

#wholist {
width:254px;
height:300px;
font-size:14px;
color:#FFFFFF;
text-align:center;
border:none;
overflow:hidden;
top:8px;
position:relative;
}

#wholist h1 {
	color:#9A6CFB;
	font-size:14px;
	font-weight:normal;
	margin:10px 0px 0px;
}

#marqueecontainer{
width: 254px;
height: 300px;
font-size:14px;
color:#FFFFFF;
text-align:center;
border:none;
overflow:hidden;
top:8px;
position:relative;
}

#marqueecontainer h1 {
	color:#FFFC00;
	font-size:14px;
	font-weight:normal;
	margin:10px 0px 0px;
}



/* MIDDLE */

#home-middle {
	width:860px;
}

#middle {
	width:860px;
	clear:both;
}

#menuslider {
	width:860px;
}

.product-title {
	font-size:18px;
	font-weight:bold;
	color:#00FF66;
	text-align:center;
}

.pm-title {
	font-size:18px;
	font-weight:bold;
	color:#EA2424;
}

.pm-descrip {
	font-size:14px;
	color:#EA2424;
}

#middle-text {
	width:660px;
	margin:0 auto;
	line-height:1.5em;
}

#middle-text-center {
	width:860px;
	margin:0 auto;
	line-height:1.5em;
	text-align:center;
	clear:both;
}

.main-text-center {
	line-height:1em;
	text-align:center;
}


/* FOOTER */

#footer {
	width:860px;
	margin:0px auto;
	top:20px;
	position:relative;
	text-align:center;
	clear:both;
}

#footernav {
	width:580px;
	height:24px;
	position:relative;
	margin:0px auto;
	background:url(../images/footer.jpg) top no-repeat;
}

#footernav ul {
	list-style: none;
	width: 580px;
	height: 24px;
	margin: 0;
	padding: 0;
	position: relative;
}

#footernav li {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0px;
}

#footermenu {
	margin:0px auto;
}

#footermenu li, #footermenu a {
	height: 24px;
	display: block;
}

#footernav a {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}

#footer_about		{left: 0px;   width: 92px;}
#footer_wholesale	{left: 93px;  width: 136px;}
#footer_retail		{left: 230px; width: 153px;}
#footer_policy		{left: 384px; width: 82px;}
#footer_contact		{left: 467px; width: 114px;}

#footer_about a:hover 		{background: url(../images/footer.jpg)	0px   -24px no-repeat;}
#footer_wholesale a:hover 	{background: url(../images/footer.jpg)	-93px -24px no-repeat;}
#footer_retail a:hover	 	{background: url(../images/footer.jpg)	-230px -24px no-repeat;}
#footer_policy a:hover 		{background: url(../images/footer.jpg)	-384px -24px no-repeat;}
#footer_contact a:hover 	{background: url(../images/footer.jpg)	-467px -24px no-repeat;}


#footertag {
	width:700px;
	height:70px;
	margin:0px auto;
	font-size:10px;
	text-align:center;
	border-top:#FFFFFF solid 1px;
	top:25px;
	position:relative;
}


/* POLICY */

#policytop {
	width:860px;
	height:60px;
	margin:0px auto;
	background: url(../images/pagetoppolicy.jpg) repeat-y;
	clear:both;
}

/* RETAIL */

#retailtop {
	width:860px;
	height:60px;
	margin:0px auto;
	background: url(../images/pagetopretail.jpg) repeat-y;
	clear:both;
}

/* WHOLESALE */

#wstop {
	width:860px;
	height:60px;
	margin:0px auto;
	background: url(../images/pagetopws.jpg) repeat-y;
	clear:both;
}

.wholesale-login {
	width:600px;
	line-height:1em;
	text-align:center;
	margin:0px auto;
	background:#218400;
	padding:10px;
}

.wholesale-login input{
	background-color:#DFD0FF;
	border:#DFD0FF solid 1px;
	width:200px;
}


/* CONTACT */

#contacttop {
	width:860px;
	height:60px;
	margin:0px auto;
	background: url(../images/pagetopcontact.jpg) repeat-y;
	clear:both;
}

.contact {
	width:300px;
	line-height:1em;
	text-align:right;
	margin:0px auto;
	background:#218400;
	padding:10px;
}

.contact input, textarea{
	background-color:#DFD0FF;
	border:#DFD0FF solid 1px;
	width:200px;
	vertical-align:baseline;
}


/* CART */

#cartempty {
	width:600px;
	margin:0 auto;
	text-align:center;
}


/* WHO'S GOT EM PAGE */

#wmiddle {
	width:860px;
	height:400px;
	margin:0px auto;
	background:url(../images/whobgd.jpg) no-repeat;
	clear:both;
}

#whotext {
	width:250px;
	height:310px;
	top:34px;
	left:38px;
	position:relative;
	float:left;
}

#whogallery {
	width:565px;
	height:385px;
	margin-left:10px;
	position:relative;
	float:right;
}

/* LIMITED EDITION */

#lemiddle {
	width:860px;
	height:416px;
	margin:0px auto;
	background:url(../brittany/images/LEbrittany.jpg) no-repeat;
	clear:both;
	cursor:pointer;
}

#letext {
	width:420px;
	height:210px;
	padding-top:40px;
	margin:0px 0px 0px 20px;
	text-align:center;
	font-size:18px;
	color:#EA2424;
}

*letext img {
	
}

#lemiddle img {
	margin:0px 0px;
}

#lemiddle h1 {
	font-size:18px;
	line-height:1em;
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#9A6CFB;
}

#lemiddle p {
	margin:10px 0px;
	line-height:1.4em;
}

/* SPECIAL OFFER */

#somiddle {
	width:860px;
	height:416px;
	margin:0px auto;
	background:url(../breezymama/images/LEbreezy.jpg) no-repeat;
	clear:both;
	cursor:pointer;
}

#sotext {
	width:420px;
	height:210px;
	padding-top:40px;
	margin:0px 0px 0px 20px;
	text-align:center;
	font-size:18px;
	color:#EA2424;
}

*sotext img {
	
}

#somiddle img {
	margin:0px 0px;
}

#somiddle h1 {
	font-size:18px;
	line-height:1em;
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#9A6CFB;
}

#somiddle p {
	margin:10px 0px;
	line-height:1.4em;
}

#soright {
	width:400px;
	height:400px;
	float:right;
	cursor:pointer;
}

/* COLORS FOR CAUSES */

#cfclogo {
	float:right;
	width:460px;
	height:100px;
	cursor:pointer;
}

#cfcmain {
	width:860px;
	margin:0 auto;
	background: url(../colorsforcauses/images/cfctop.jpg) top no-repeat;
	font-size:16px;
}

#cfctop {
	width:860px;
	height:130px;
	margin:0px auto;
	clear:both;
}

#cfctitle {
	width:790px;
	height:100px;
	margin:0 auto;
	top:20px;
	position:relative;
}

#cfcmiddle {
	width:860px;
	margin:0px auto;
	background: url(../colorsforcauses/images/cfcmiddle.jpg) repeat-y;
}

#cfcbottom {
	width:860px;
	height:20px;
	margin:0 auto;
	background: url(../colorsforcauses/images/cfcbottom.jpg) repeat-y;
	clear:both;
}

.cfctext {
	width:790px;
	margin:0 auto;
	line-height:1.5em;
}

.cfctext h1 {
	margin-bottom:-10px;
}

.cfctext h2 {
	font-size:18px;
	line-height:1em;
	margin:0 auto;
	padding:0 0;
	text-align:center;
}

#cfcorgs {
	width:800px;
	margin:10px auto;
	text-align:center;
}

#cfcorgs img {
	margin:0px 20px;
}

.cfctoptext {
	width:325px;
	line-height:1.5em;
	float:left;
}

.cfctoptext h1 {
	margin-bottom:-10px;
}

#cfcwalltop {
	width:860px;
	height:153px;
	margin:0px auto;
	background: url(../colorsforcauses/images/cfcwalltop.jpg) repeat-y;
	clear:both;
}

#cfcwallmiddle {
	width:860px;
	margin:0px auto;
	background: url(../colorsforcauses/images/cfcmiddle.jpg) repeat-y;
}

#cfcwallbottom {
	width:860px;
	height:20px;
	margin:0 auto;
	background: url(../colorsforcauses/images/cfcbottom.jpg) repeat-y;
	clear:both;
}

.icare {
	width:790px;
	margin:0 auto;
	line-height:1.5em;
	text-align:center;
}

.icareicon {
	width:150px;
	text-align:center;
	margin-bottom:15px;
	display:inline;
	line-height:.8em;
	float:left;
}

.icare h6 {
	color:#9A6CFB;
	font-size:10px;
	font-weight:normal;
	line-height:1em;
	margin:0px;
}

/* SIGNUP PAGE */

#signuptop {
	width:860px;
	height:60px;
	margin:0px auto;
	background: url(../images/pagetopsignup.jpg) repeat-y;
	clear:both;
}

/* CLUB MYZOS PAGE */

#clubtop {
	width:860px;
	height:60px;
	margin:0px auto;
	background: url(../images/pagetopclub.jpg) no-repeat;
	clear:both;
}

/* ABOUT PAGE */

#abouttop {
	width:860px;
	height:60px;
	margin:0px auto;
	background: url(../images/pagetopabout.jpg) repeat-y;
	clear:both;
}

/* FREE MYZO PROMOTION */

#freepromo {
	width:860px;
	height:60px;
	margin:0px auto;
	background: url(../images/pagetopfree.jpg) repeat-y;
	clear:both;
}

.freetext {
	width:770px;
	margin:0 auto;
	line-height:1.5em;
}

.freetext img {
	margin:0px 0px 15px 15px;
	float:right;
}

.freetext h1 {
	color:#FFFC00;
	font-size:16px;
	font-weight:normal;
	text-transform:capitalize;
}

.freeform {
	width:300px;
	line-height:1em;
	text-align:right;
	margin:0px auto;
	background:#218400;
	padding:10px;
}

.freeform input, textarea{
	background-color:#DFD0FF;
	border:#DFD0FF solid 1px;
	width:200px;
	vertical-align:baseline;
}

.freeform2 {
	width:500px;
	line-height:1em;
	text-align:center;
	margin:0px auto;
	background:#218400;
	padding:10px;
}

/* NEWS PAGE */

#newstop {
	width:860px;
	height:60px;
	margin:0px auto;
	background: url(../images/pagetopnews.jpg) repeat-y;
	clear:both;
}

.newstext {
	width:770px;
	margin:0 auto;
	line-height:1.5em;
}

.newstext img {
	margin:0px 0px 15px 15px;
	float:right;
}

.newstext h1 {
	color:#FFFC00;
	font-size:16px;
	font-weight:normal;
	text-transform:capitalize;
}

/* ADMIN */

#admin-text-center {
	width:660px;
	margin:0 auto;
	line-height:1.5em;
	text-align:center;
}

#admin-header {
	width:490px;
	height:70px;
	float:right;
	text-align:right;
	margin:50px 0px 0px 0px;
}

.admin-order {
	cursor:pointer;
}

.admin-order:hover {
	background-color:#990000;
}

#main-shipping {
	width:780px;
	margin:0px auto;
	text-align:center;
}

.shippinginfo {
	width:340px;
	height:360px;
	margin:10px;
	padding:10px;
	float:left;
	text-align:right;
	border:#DFD0FF solid 1px;
}

.shippinginfo input, select{
	background-color:#DFD0FF;
	border:#DFD0FF solid 1px;
	width:200px;
	vertical-align:baseline;
}

.shippingtitle {
	width:340px;
	margin:0px 10px;
	padding:0px 10px;
	float:left;
	text-align:left;
}

.credit {
	width:340px;
	height:250px;
	margin:10px;
	padding:10px;
	float:left;
	text-align:right;
	border:#DFD0FF solid 1px;
}

.credit input, select {
	background-color:#DFD0FF;
	border:#DFD0FF solid 1px;
	width:200px;
	vertical-align:baseline;
}

.creditpay {
	width:340px;
	height:250px;
	margin:10px;
	padding:10px;
	float:left;
	text-align:center;
	border:#DFD0FF solid 1px;
}

.soft {
	width:200px;
	color:#CCCCCC;
	font-style:italic;
	text-align:left;
	float:right;
}


#order-receipt {
	width:700px;
	height:900px;
	color:#000000;
	background:#FFFFFF;
	border:#000000 1px solid;
	padding:20px;
	text-align:left;
	margin:0px auto;
	clear:both;
}

.packing-sheet {
	width:700px;
	height:900px;
	color:#000000;
	background:#FFFFFF;
	padding:20px;
	text-align:left;
	margin:0px auto;
	clear:both;
	page-break-after:always;
}

#admin_middle {
	width:860px;
	clear:both;
}

#admin_middle textarea {
	background-color:#DFD0FF;
	border:#DFD0FF solid 1px;
	width:300px;
	vertical-align:baseline;
}

#admin_middle input {
	background-color:#DFD0FF;
	border:#DFD0FF solid 1px;
	vertical-align:baseline;
}

#admin_news textarea {
	width:600px;
	background-color:#DFD0FF;
	border:#DFD0FF solid 1px;
	vertical-align:baseline;
}

#admin_news input {
	width:600px;
	background-color:#DFD0FF;
	border:#DFD0FF solid 1px;
	vertical-align:baseline;
}

/* Newsletter */

#unsubscribe {
	width:860px;
	height:60px;
	margin:0px auto;
	background: url(../images/pagetopunsubscribe.jpg);
	clear:both;
}

/* Buy Page */

#buytop {
	width:860px;
	height:60px;
	margin:0px auto;
	background: url(../images/pagetopbuy.jpg);
	clear:both;
}

.buy-text {
	width:720px;
	margin:0 auto;
	line-height:1.5em;
}

#buy-disney {
	width:760px;
	height:110px;
	margin:0 auto;
	background: #218400 url(../images/buy-disney-top.jpg) no-repeat;
	clear:both;
}

#buy-classic {
	width:760px;
	height:87px;
	margin:20px auto 0px;
	background: #218400 url(../images/buy-collection-top.jpg) no-repeat;
	clear:both;
}

#buyletop {
	width:760px;
	height:100px;
	margin:0px auto;
	background: #218400 url(../images/buy-le-top.jpg) no-repeat;
	clear:both;
}

.buylemiddle {
	width:760px;
	margin:0px auto;
	background: #218400 url(../images/buy-le-middle.jpg) repeat-y;
}

.buylebottom {
	width:760px;
	height:30px;
	margin:0px auto 10px;
	background: #218400 url(../images/buy-le-bottom.jpg) no-repeat;
	clear:both;
}

.buy-middle {
	width:760px;
	margin:0px auto;
	background: #218400 url(../images/buy-middle.jpg) repeat-y;
}

.buy-bottom {
	width:760px;
	height:25px;
	margin:0px auto;
	background: #218400 url(../images/buy-bottom.jpg) no-repeat;
	clear:both;
}

#prod-top {
	width:860px;
	height:40px;
	margin:0px auto;
	background: url(../images/prodbgdtop.jpg) no-repeat;
	clear:both;
}

#prod-middle {
	width:860px;
	margin:0px auto;
	background: url(../images/prodbgdmiddle.jpg) repeat-y;
}

#prod-bottom {
	width:860px;
	height:40px;
	margin:0 auto;
	background: url(../images/prodbgdbottom.jpg) no-repeat;
	clear:both;
}

#mediatop {
	width:860px;
	height:60px;
	margin:0px auto;
	background:url(../media/images/pagetopmedia.jpg) no-repeat;
	clear:both;
}