/* standard reset * ------------------------------------------------------- */ body { font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; } table { font-size:inherit;font:100%; } html { } body { margin:0 auto; font-size:93%; } div { margin:0 auto; } h1 { font-size:138.5%; } h2 { font-size:123.1%; } h3 { font-size:108%; } h1,h2,h3,h4,h5,h6,strong { font-weight:bold; } abbr,acronym { border-bottom:1px dotted #000; cursor:help; } em { font-style:italic; } blockquote,ul,ol,dl { margin:1em; } ol,ul,dl { margin-left:2em; } ol li { list-style: decimal outside; } ul li { list-style: disc outside; } dl dd { margin-left:1em; } th,td { padding:.5em; } th { font-weight:bold; text-align:center; } caption { margin-bottom:.5em; text-align:center; } p,fieldset,table,pre { margin-bottom:1em; } input[type=text],input[type=password],textarea{ width:12.25em;*width:11.9em; } a img { border:0; } p { margin-top:0px; } /* PROPERTY ORDER: position & size & border, margin & padding, background, text */ /* global elements * ------------------------------------------------------- */ h4 { font-size:135%; font-weight:normal; color:#f9a25e; margin-top:0px; margin-bottom:5px; } h4 img { vertical-align:middle; } h5 { font-size:135%; font-weight:normal; color:#cde1f1; margin-top:0px; margin-bottom:5px; } h5 img { vertical-align:middle; } h6 { font-size:135%; font-weight:normal; color:#dadc56; margin-top:0px; margin-bottom:5px; } h6 img { vertical-align:middle; } body { font-family:"Century Gothic", "Verdana", "sans-serif"; text-transform:lowercase; color:#cdc8bf; } div.cleared { clear:both; } select { color:#666; } input[type=select] { color:#666; } option { color:#666; } input { color:#666; } textarea { color:#666; } #header { width:864px; background:url(../img/dot.png) center bottom repeat-x; padding-bottom:15px; } #ie6logo { display:none; } #logo { position:absolute; z-index:2; width:100px; text-align:center; top:20px; margin-left:332px; } #logout { position:absolute; z-index:5; width:200px; text-align:left; top:3px; margin-left:0px; font-size:77%; color:#666; } #logout a { color:#f9a25e; } #status { float:right; padding:5px 15px 8px 15px; background-color:#f7f5f4; font-size:77%; color:#cdc8bf; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } #status div { float:left; margin-right:10px; } #status div.tall { line-height:2.6; } #status div.right { background:url(../img/dot.png) left center repeat-y; margin-right:0px; padding-left:15px; } #status div a { padding:2px 5px 2px 5px; text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #status div a.view { background-color:#fff; color:#cdc8bf; } #status div a.view:hover { color:#8d887f; } #status div a.check { background-color:#cde1f1; color:#fff; } #status div a.check:hover { background-color:#adc1d1; } #status div span { color:#f9a25e; } ul#nav { margin:0px; padding:0px; float:left; width:864px; margin-top:60px; display:block; font-size:93%; } #nav li { margin:0px; padding:0px; text-align:center; } #nav li.left { float:left; display:inline; margin-right:50px; } #nav li.right { float:right; display:inline; margin-left:50px; } #nav li a { text-decoration:none; display:block; } #nav li a img { margin-bottom:5px; position:relative; } #nav li a.orange { color:#f9a25e; } #nav li a.blue { color:#cde1f1; } #nav li a.green { color:#dadc56; } #content { width:864px; min-height:400px; padding:20px 0px 40px 0px; } #content a { color:#aaa; text-decoration:none; } #content .bigbox { float:left; width:420px; height:370px; text-align:center; margin-bottom:40px; margin-top:20px; } #content .bigbox.left { width:420px; } #content .bigbox.right { width:420px; margin-left:20px; } #content .bigbox.dotborder { width:414px; height:364px; border:3px dotted #ddd8cf; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } #content .bigbox.orange { background:#f9a25e; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; color:#fff; } #content .bigbox.blue { background:#cde1f1; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; color:#fff; } #content .bigbox h1 { font-size:400%; font-weight:normal; padding-bottom:10px; margin-right:30px; margin-left:30px; border-bottom:3px dotted #fff; } #content .bigbox.dotborder h1 { color:#dadc56; border-bottom:3px dotted #ddd8cf; } #content .bigbox h1 img { vertical-align:middle; margin-right:10px; } #content .bigbox a:hover h1 { color:#f9a25e; } #content .bigbox.orange a:hover h1 { color:#dadc56; } #content .bigbox .bigsize { float:left; width:150px; text-align:center; font-size:65%; margin-left:10px; padding:0px 20px 0px 10px; } #content .bigbox .babysize { float:left; width:150px; text-align:center; font-size:65%; margin-left:10px; padding:0px 20px 0px 20px; border-right:3px dotted #fff; } #content .bigbox .name { font-size:260%; padding-bottom:10px; } #content .bigbox .size { padding-top:10px; font-size:135%; } #content .bigbox a { color:#fff; display:block; } #content .bigbox a:hover { color:#fff; } #content .bigbox.orange a:hover div.name { color:#dadc56; } #content .bigbox.blue a:hover div.name { color:#f9a25e; } #content .bigbox.dotborder a { color:#cdc8bf; } #content .bigbox.dotborder a:hover { color:#cdc8bf; } #content .bigbox.dotborder .babysize a:hover div.name { color:#ddd8cf; } #content .left { float:left; width:450px; } #content .right { float:left; width:410px; } #content .right.loud { padding:0px 30px 0px 30px; width:350px; } #content .loud { font-size:220%; line-height:1.3; color:#f9a253; } #content .loud em { font-style:normal; color:#dadc56; } #content .loud h4 img { vertical-align:middle; margin-right:10px; } #content .loud.green { color:#dadc56; } #content .big { font-size:175%; line-height:1.3; color:#f9a253; } #content .big em { font-style:normal; color:#dadc56; } #content .full { clear:left; float:left; width:864px; margin-top:20px; } #content .sub_nav { text-align:right; position:relative; } #content .sub_nav a { color:#cde1f1; text-decoration:none; } #content .sub_nav a:hover { color:#f9a25e; } #content .sub_nav a.active { color:#f9a25e; } #content .dotted { background:url(../img/dot.png) center top repeat-x; padding-top:20px; } #content .full .two-wide { float:left; width:390px; padding-right:20px; line-height:1.6; } #content .full .two-wide-right { float:left; width:390px; padding-left:20px; padding-right:0px; background:url(../img/dot.png) left center repeat-y; line-height:1.6; } #content .full .four-wide { float:left; width:132px; font-size:85%; height:120px; background:url(../img/dot.png) left center repeat-y; padding-left:20px; padding-right:20px; } #content .full .four-wide a { color:#cdc8bf; text-decoration:none; } #content .full .four-wide a:hover { color:#8d887f; } #content .full .four-wide-right { float:left; width:4px; height:120px; background:url(../img/dot.png) left center repeat-y; } #content #foot_nav { margin:10px 0px 0px 0px; padding-top:30px; } #content #foot_nav a { float:right; margin-left:30px; text-decoration:none; } #content #foot_nav a img { vertical-align:middle; width:20px; } #content #foot_nav a.orange { color:#f9a25e; } #content #foot_nav a.blue { color:#cde1f1; } #content #foot_nav a.green { color:#dadc56; } #content .press-menu { float:left; height:300px; width:160px; margin-bottom:20px; padding:20px; background:#cde1f1; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } #content .press-menu ul { margin:0px; padding:0px; } #content .press-menu ul li { margin:0px; padding:0px; margin-top:5px; list-style-type:none; } #content .press-menu ul li a { text-decoration:none; color:#fff; } #content .press-menu ul li a:hover { color:#f9a25e; } #content .press-menu ul li a.active { color:#f9a25e; } #content .press-content { float:left; height:294px; width:598px; margin-bottom:20px; margin-left:20px; padding:20px; border:3px dotted #ddd8cf; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; text-align:center; } #content #map { padding:20px; float:left; width:500px; } #content .location { padding:20px; float:left; width:260px; padding-left:25px; background:url(../img/dot.png) left center repeat-y; min-height:338px; } #content .location ul { margin:10px; margin-left:0px; } #content .location ul li { margin-bottom:10px; font-size:93%; } #content #mailer-submit { float:right; margin-top:5px; width:450px; background-color:#cde1f1; height:96px; color:#fff; font-size:175%; text-align:center; line-height:96px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } #content #mailer-submit a { color:#fff; text-decoration:none; display:block; } #content #mailer-submit a:hover { border:3px dotted #adc1d1; width:444px; height:90px; line-height:90px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } #content #mailer-success { float:right; margin-top:5px; width:450px; background-color:#f9a25e; height:96px; color:#fff; font-size:175%; text-align:center; line-height:96px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } #content #wholesale-mailer-submit { float:left; width:150px; margin-top:40px; background-color:#cde1f1; height:296px; color:#fff; font-size:175%; text-align:center; line-height:296px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } #content #wholesale-mailer-submit a { color:#fff; text-decoration:none; display:block; } #content #wholesale-mailer-submit a:hover { border:3px dotted #adc1d1; height:290px; line-height:290px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } #content div.input { clear:left; float:left; margin:10px; } #content div.input label { float:left; width:85px; margin-top:10px; text-align:left; } #content div.input input { padding:3px 5px; border:1px solid #cdc8bf; font-size:135%; color:#999; } #content div.letter { float:left; width:305px; } #content div.letter label { color:#f9a25e; font-size:200%; position:relative; float:left; width:30px; height:60px; padding-right:10px; left:-17px; top:-35px; } #content div.letter input { float:left; } #content div.choices { float:left; width:300px; } #content div.choices div.input label { padding:0px; margin:0px; float:left; } #content div.choices div.input input[type='text'] { width:30px; } #content div.choices div.submit { text-align:center; } #content #giftcard div.input label { padding:0px; margin:0px; float:left; } #content #giftcard div.submit { text-align:center; } #content #gifttin div.input label { padding:0px; margin:0px; float:left; } #content #gifttin div.submit { text-align:center; } #content div.summary { float:left; width:200px; background:#eee; min-height:400px; padding:20px; margin-top:20px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } #content div.summary h2 { color:#f9a25e; font-weight:normal; } #content div.summary div.cart_item { padding-top:10px; padding-bottom:10px; color:#666; font-size:108%; } #content div.summary div.total { padding-top:20px; font-weight:bold; color:#666; } #content div.cart { background:#eee; min-height:400px; padding:20px; margin-top:20px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } #content div.cart h2 { color:#f9a25e; font-weight:normal; } #content div.cart div.cart_item { padding-top:10px; padding-bottom:10px; color:#666; font-size:108%; } #content div.cart div.cart_price { float:right; color:#666; font-weight:bold; } #content div.cart div.total { text-align:right; padding-top:20px; color:#666; } #content div.cart div.total strong { color:#f9a25e; } #content .stack div.input label { float:none; display:block; width:285px; margin-bottom:5px; } #content #wholesale-new { color:#fff; font-size:240%; margin:20px 30px 0px 30px; text-align:left; padding:30px 0px 15px 0px; border-bottom:3px dotted #fff; } #content a#wholesale-start { display:block; height:45px; color:#fff; text-decoration:none; text-align:left; margin:10px 30px 10px 30px; padding:10px; } #content a#wholesale-start img { vertical-align:middle; margin-right:10px; } #content a#wholesale-start:hover { background-color:#f9923e; } #content #wholesale-login { color:#cdc8bf; font-size:240%; margin:20px 30px 10px 30px; text-align:left; padding:30px 0px 15px 0px; border-bottom:3px dotted #ddd8cf; } #content #wholesale-description { color:#fff; margin:10px 30px 0px 30px; padding:10px 0px 0px 0px; border-top:3px dotted #fff; text-align:left; } #content #wholesale-login-button { float:right; display:inline; margin-right:30px; padding:10px 15px 10px 15px; color:#fff; text-decoration:none; background:#cde1f1; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } #content .error { color:#f9a25e; font-size:135%; padding:10px 15px 10px 15px; border:3px solid #f9a25e; margin-bottom:20px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } #content .error-small { color:#f9a25e; padding:1px 3px 1px 3px; text-align:left; } #content .success { color:#f9a25e; font-size:135%; padding:10px 15px 10px 15px; border:3px solid #f9a25e; margin-bottom:20px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } #content .input.error { font-size:inherit; min-width:350px; color:inherit; border-color:#ff9999; padding:0px; border:none; } #content .input.error .error-message { font-size:77%; color:#990000; } #footer { background-color:#f7f5f4; color:#cdc8bf; } #footer a { text-decoration:none; } #footer-inner { width:864px; padding-left:10px; padding-right:10px; text-align:center; font-size:77%; font-family:"Verdana"; line-height:1.4; padding-top:20px; padding-bottom:20px; } #footer-inner span.label { font-size:116%; } #footer-inner span.phone { color:#f9a25e; } #footer-inner #call { float:right; text-align:right; } #footer-inner #connect { float:left; text-align:left; } #footer-inner #connect a { float:left; margin-top:5px; padding-right:5px; } #footer-inner p#foot-address { margin:0px; }