/* ----------------------------- */ /* ### BODY LAYOUT ### */ html, body {background-color: #5E7EAC;} body { font-family:"Trebuchet MS",Arial, Verdana, Helvetica, sans-serif; font-size:100%; line-height:1.125em; /* 16x1.125=18px */ color:#002B54; } #body-wrap {width:980px; margin:0 auto; background-color:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;} /* ----------------------------- */ /* ### MISC COMMON STYLES ### */ /* LINKS */ a {text-decoration:underline; color:#1066B6;} a:visited {color:#1066B6;} a:hover {color:#ac3433; text-decoration:none;} /* HTML 1.0 */ strong, b {font-weight:bold;} .hide {display: none;} /* ----------------------------- */ /* ### HEADER ### */ #header-wrap {padding:20px; margin-top:20px;text-align:left;position: relative;} #header-wrap h11 {font-size:1.875em; line-height:1em; font-weight:bold; color:#fff;} /* 30px (16px base) */ #header-wrap #tagline {font-size:1.375em; font-weight:bold; color:#4D85C5; margin-left:10px;} /* 20px (16px base) */ #header-wrap #utils-wrap {position: absolute;bottom: 0;right: 0;font-size:.75em; font-weight:bold; color:#002B54;text-align:right;line-height:1em;padding:0 20px 20px 0;} /* 12px (16px base) */ #header-wrap #dailycandy {position: absolute;bottom: 0;right: 0;text-align:right;padding:0 20px 20px 0;} /* 12px (16px base) */ #content-wrap {padding:15px 0;margin:0;} /* ----------------------------- */ /* ### SELECTOR / FORMS ### */ #slider {margin-left:20px; text-align:left;width:640px;float:left;background-color:#fff;} ul#selector-wrap {margin:0 0 0 0; background-color:#BAD2EB; text-align:left;width:140px;float:left;border-top:5px solid #002B54;border-bottom:5px solid #002B54;text-align:left;} ul#selector-wrap {list-style-image:url(null);list-style-type: none;padding:0;} ul#selector-wrap li {border-top: 1px solid #fff;padding:0;} ul#selector-wrap li.first {border-top: 1px solid #fff;} ul#selector-wrap li:last-child {border-bottom: 1px solid #fff;} ul#selector-wrap li a {display:inline-block;} /* trigger hasLayout */ ul#selector-wrap li a {display:block;padding:5px 5px 7px 5px;} ul#selector-wrap li a:link, ul#selector-wrap li a:visited, ul#selector-wrap li a:hover, ul#selector-wrap li a:active {color:#002B54;font-size:.875em;font-weight:bold;text-decoration:none;} ul#selector-wrap li a:hover {background-color:#BB362D;color:#fff;} ul#selector-wrap li a.selected:link, ul#selector-wrap li a.selected:visited, ul#selector-wrap li a.selected:hover, ul#selector-wrap li a.selected:active {background-color:#fff;color:#002B54;cursor: default;} ul#selector-wrap a:focus {outline: none;} #slider h3 {font-size:1.5em; font-weight:bold; color:#BB362D;margin:10px 0;padding-bottom:10px;border-bottom:1px solid #BB362D;} .scroll { float:left; margin-left:20px; height: 420px; width: 460px; overflow: auto; overflow-x: hidden; background: #FFFFFF url(images/content_pane-gradient2.gif) repeat-x scroll left bottom; } #shirtScrollContainer div.panel {padding: 0; height: 420px; width: 460px; text-align:center;} #shirtScrollContainer div.panel img {margin:0 auto;} /* ----------------------------- */ /* ### BODYCOPY ### */ #bodycopy {width:300px;float:left;font-size:.8125em;line-height:2em; /* 13px (16px base) */} #bodycopy h1 {text-align:left; font-size:1.5em; font-weight:bold; color:#BB362D;color:#002B54;margin:0 0;padding-top:10px;border-top:5px solid #002B54;} #bodycopy p {text-align:left; margin:1.2em 0;font-family:"Trebuchet MS",Arial, Verdana, Helvetica, sans-serif;} /* ----------------------------- */ /* ### ABOUT ### */ #about-wrap {width:940px;margin:0 auto;margin-bottom:20px;} #about-wrap #about {text-align:left;padding:15px 20px 10px 20px;background-color:#BAD2EB;background-color:#f2eddc; -moz-border-radius-bottomleft : 10px;-moz-border-radius-bottomright : 10px; -webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px; border-top:1px solid #E0E0E0;} #about-wrap #about h4 {font-size:.8125em;font-weight:bold;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #002B54;/* 13px (16px base) */} #about-wrap #about p {font-size:.8125em;margin:1em 0;/* 13px (16px base) */} #purchase {margin-top:20px;text-align:left;padding:15px 10px 10px 20px;background-color:#BAD2EB;background-color:#BAD2EB; -moz-border-radius-bottomleft : 10px;-moz-border-radius-bottomright : 10px; -webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft : 10px;-moz-border-radius-topright : 10px; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;border:1px solid #ADC4DB;} #about-wrap #purchase h4 {font-size:1.25em;font-weight:bold;margin-bottom:10px;/* 20px (16px base) */} #about-wrap #purchase form {padding:0;margin:0;} #about-wrap #purchase .form-row {font-size:.8125em;padding-right:5px;padding-bottom:5px;} #about-wrap #purchase .form-row .form-col-l {float:left; width: 110px;} #about-wrap #purchase .form-row .form-col-r {float:left; margin-left:5px; width: 140px;} #about-wrap #purchase select {width:140px;} #about-wrap #purchase input#coupcode {width:80px;} #about-wrap #purchase input#applycoupcode {width:46px;margin-left:5px;} #about-wrap #purchase textarea {width:140px;} .fan_box .connect_top{ background: none !important; padding: 0 !important; } .fan_box .profileimage, .fan_box .name_block{ display: none; } .fan_box .connect_action{ padding: 0 !important; } /* ----------------------------- */ /* ### FOOTER margin:0 auto;text-align:left;margin-left:20px; ### */ #footer-wrap {width:940px;margin:0 auto;text-align:left;padding:0 20px;font-size:.625em;color:#fff; /* 10px (16px base) */} /* ----------------------------- */ /* ### SELF CLEARING FLOATS ### */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ * html .clearfix { height:1px; }