/* Main Styles for Profile Apparel @author Piers Warmers @version 1.0 @date 2007/02/06 */ * { font-family: Verdana, Arial, "MS Trebuchet", sans-serif; font-size: 11px; } body { margin:0; padding:0; text-align:center; background: url("../images/line.png") repeat-x 0 144px #E0DBD2; } a { color: #666; } a img { border: none; } h1 { margin:20px 0 20px; padding:0 30px 15px; font-weight:normal; font-size: 17px; text-transform:uppercase; background: url("../images/tilde_large.gif") no-repeat 17px 100%; } h2 { margin:0; padding:0 30px 5px; font-weight:normal; font-size: 14px; text-transform:uppercase; } p { margin:0 0 10px; padding:0 30px; } #container { margin-left:30px; } ul { padding:0; margin:0 0 5px; } ul li { margin:0px 50px 5px; padding:0; } form { margin:0; padding:0; } /* General style stickers */ .prim-area { background-color: #BF0000; color:#FF9999; } .prim-text, .button-right, .button-left { text-transform:uppercase; } .button-left, .button-right { padding:5px 0; text-decoration:none; } .button-left { padding-left:30px; background: url("../images/left_arrow.png") no-repeat 0 50%; } .button-right { padding-right:30px; background: url("../images/right_arrow.png") no-repeat 100% 50%; } /* Main holder area */ div#main { width: 800px; margin: 0 auto; background:#fff; text-align: left; position: relative; } .content { background:#fff; padding-bottom:0px; position:relative; } .break { clear:both; height:1px; visibility:hidden; } #body { padding-top: 10px; } div#page { margin-left:20px; } /* Home page elements */ #home-splash { height:284px; background:url(/web/template/images/home_splash.jpg) no-repeat; } #home-clientsplash { padding-top: 30px; margin-bottom: 0px; float: left; width: 240px; height: 160px; text-align:center; font-weight:normal; font-size: 14px; text-transform:uppercase; color:#999; } #home-content { margin-left: 260px; padding:10px; border-left:1px dashed #BF0000;background:url(../images/home_bluefade.png) repeat-y scroll; } #home-logo { height:83px; width:143px; position:absolute; left:0; padding: 15px; background: url(../images/logo.png) no-repeat 15px } #home-login { height:105px; width:200px; position:relative; margin-left:500px; padding-top:10px; font-weight:normal; font-size: 10px; text-transform:uppercase; color:#999; } /* Header elements */ div#header { height:143px; margin-bottom:5px; } #content-logo { } #client-logo { height:115px; border-style:none; position:relative; } #user-data { color:#666; height:102px; padding-left:204px; } #user-data p { margin:0; padding-top:20px; } #user-data strong { color:#000; } div#main-nav { position: relative; background:#000; } div#header ul { padding:0; margin:0; text-transform:uppercase; } div#header li { position: relative; list-style: none; margin: 0; padding:7px 32px 7px 20px; float:left; background: url("../images/tab_bg.png") no-repeat 100% 0; } div#header li.last { background:none; } div#header li.logout { float:right; padding-right:45px; background: url("../images/logout_arrow.png") no-repeat 100% 50% ; } div#header .login { float:right; padding-right:15px; background: url("../images/right_arrow.png") no-repeat 100% 100%; } #header a { text-decoration: none; color: #999; } #header a.here { color:#fff; } div#header a:hover { text-decoration: underline; } div#main-nav div { height:2px; clear:both; background: url("../images/stripe_bg.png") no-repeat #fff; border-bottom: 2px solid #000; } /* Shopping Cart style */ #cart-summary { border-collapse:collapse; width:800px; margin-bottom:5px; } #cart-summary td, #cart-summary th { padding:8px; } #cart-summary thead { background-color: #FF9999; color:#fff; } #cart-summary tfoot { background-color: #BF0000; color:#FF9999; } #cart-summary th { text-transform:uppercase; } /* Cart Tools */ #cart-tools { border-bottom: 2px solid #BF0000; text-transform:uppercase; } #cart-tools h2 { font-size:16px; background-color: #BF0000; font-weight:normal; color:#FF9999; text-align:center; padding:3px; margin:0; } #cart-tools p { margin:20px 30px; padding:0; } #cart-tools .button-left{ padding-right:30px; } #cart-tools strong { color:#BF0000; } #cart-tools span { background: #fff url("../images/tilde.png") no-repeat 10px 50%; padding-left:43px; } #cart-tools .button-right { float:right; position:relative; top:-5px; } #cart-row { height:30px; position: relative; } #cart-item { float:left; position: relative;} #additionalRow { position: relative; } /* Product Listing */ #product-list { text-transform:uppercase; border-collapse:collapse; width:800px; margin-bottom:5px; margin-top:10px; } #product-list a { color: #666 } #product-list th, #product-list td { padding:7px 0 7px 30px; } #product-list th, #product-list a.heading { font-weight:bold; background-color: #FF9999; color:#fff; text-align:left; } #product-list td { border-bottom: 1px solid #D7D7D7; } #product-list td.end { height: 40px; border-bottom:none; } /* Product Summary */ #product-summary { width:770px; margin-bottom:5px; margin-top:20px; margin-left:20px; border-collapse:collapse; } #product-summary img { margin-right:20px; } #product-image { width:250px; text-align:right; margin-left:25px; margin-top:5px; } td.label { height:25px; text-transform:uppercase; font-weight:bold; } #product-summary h2, #product-summary p { padding:0; margin:0; clear:both; } #product-summary p { margin-bottom:10px; } #product-summary .quantity { width:40px; } #product-summary input, #product-summary select { margin-right:20px; margin-left:15px; } #product-summary .button-right { float:left; margin-left:0px; margin-top:20px; border:0; } /* User Summary */ #user-summary { width:770px; margin:20px 30px 5px; } /* Sizing Chart */ #sizing-chart { width:600px; margin-left:30px; } #sizing-chart th { height:25px; font-weight:bold; background-color:#d2d2d2; padding:4px; color:#BF0000; } #section { font-weight:bold; height:30px;} /* Errors */ #error { } #error h2 { color:#BF0000; } .errorbox { padding: 30px; border:1px solid #BF0000; background-color:#f1bfc7; width:250px; margin:auto; } /* Footer elements */ div#footer { border-top: 3px solid #E0DBD2; margin-top:2px; padding: 15px 10px; text-align:right; font-size: 9px; }