/** *adphilia */ /* ------------------------------ */ /* STRUCTURE */ /* ------------------------------ */ /* quick color styles for publisher/advertiser main colors */ .pub{color:#06c;} .adv{color:#090;} #container{display:block;position:relative;width:100%;margin:0 auto;padding:0;text-align:left;} div.pad{display:block;padding:0 20px;} #header,#content,#footer div.wrap,div#accountalert{width:985px;margin:0 auto;} body.fluid #header div.pad,body.fluid #content,body.fluid #footer{width:98%;margin:0 auto;} #content{display:block;margin-top:5px;padding:10px 0 0 0;line-height:145%;background:#fff;border:1px solid #e1e1e1;-moz-border-radius:4px;-webkit-border-radius:4px;min-height:450px;} #one_column,#two_column,#two_column-right,#three_column{width:100%;} #one_column{} #one_column #col_1{width:100%;} #one_column #col_2{width:100%;} #one_column #col_2 div.pad{padding:0 0 25px 0;} #two_column{} #two_column #col_1{width:29.9%;} #two_column #col_2{width:69.9%;} #two_column-right{} #two_column-right #col_2{width:24.9%;float:right;} #two_column-right #col_1{width:74.9%;float:left;} #three_column{} #three_column #col_1{width:24.9%;} #three_column #col_2{width:49.9%;} #three_column #col_3{width:25%;} #two_column-equal #col_1,#two_column-equal #col_2{display:block;width:49.9%;float:left;background:#fff;border:none;margin:0 0 25px 0;} #two_column-left #col_1{display:block;width:64.9%;float:left;background:#fff;border:none;margin:0 0 25px 0;} #two_column-left #col_2{display:block;width:34.9%;float:left;background:#fff;border:none;margin:0 0 25px 0;} #two_column-left-small #col_1{display:block;width:69.9%;float:left;background:#fff;border:none;margin:0 0 25px 0;} #two_column-left-small #col_2{display:block;width:29.9%;float:left;background:#fff;border:none;margin:0 0 25px 0;} /* ------------------------------ */ /* HEADER */ /* ------------------------------ */ #header{display:block;height:82px;} #header div.pad{padding:0;position:relative;} #header div.pad div#support{position:absolute;top:82px;right:12px;*z-index:-1;} #header div.pad div#support img{border:none;} /* top row */ #header div.pad #toprow{display:block;position:relative;width:100%;height:40px;background:#c60200;} #header div.pad #toprow span.logo{display:block;float:left;background:transparent url("/images/buysellads_logo.png") no-repeat 0 0;width:207px;height:40px;margin:0;color:#fff;text-indent:-9000px;} #header div.pad #toprow span.logo a{display:block;float:left;} #header div.pad #toprow span.logo a em{display:block;float:left;width:207px;height:40px;} #header div.pad #toprow ul#feeds{position:absolute;top:0;left:215px;list-style-type:none;margin:0;padding:0;font-family:helvetica,arial,verdana,sans-serif;} #header div.pad #toprow ul#feeds li{display:block;float:left;margin:0 8px 0 0;padding:0;} #header div.pad #toprow ul#feeds li a{display:block;float:left;color:#fff;text-decoration:none;} #header div.pad #toprow ul#feeds li a em{display:block;float:left;font-size:10px;text-transform:uppercase;font-style:normal;background:#d10200;height:17px;line-height:17px;padding:0 8px 0 15px;border:1px solid #d10200;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;} #header div.pad #toprow ul#feeds li a em:hover{cursor:pointer;background:#d81a18;} #header div.pad #toprow ul#feeds li.twitter a em{padding-left:21px;background-image:url("/images/i/twitter.png");background-repeat:no-repeat;background-position:6px 4px;} #header div.pad #toprow ul#feeds li.rss a em{padding-left:21px;background-image:url("/images/i/rss.png");background-repeat:no-repeat;background-position:6px 3px;} /* bottom row */ /* old way, with images #header div.pad #bottomrow{display:block;position:relative;width:100%;height:42px;background:#d10200 url("/images/bottomRowBg.gif") no-repeat -5px 100%;} #header div.pad #bottomrow div.pad{padding:0;margin:0;height:42px;background:transparent url("/images/bottomRowBg.gif") no-repeat 980px 100%;} */ #header div.pad #bottomrow{display:block;position:relative;} #header div.pad #bottomrow div.pad{padding:0;margin:0;height:40px;background:#d10200;border:1px solid #d10200;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;} #header div.pad #bottomrow div.pad ul.menu{list-style-type:none;margin:0;padding:6px 0 0 6px;} #header div.pad #bottomrow div.pad ul.menu.left{position:absolute;left:0;top:0;} #header div.pad #bottomrow div.pad ul.menu.right{position:absolute;right:12px;top:0;} #header div.pad #bottomrow div.pad ul.menu li{display:block;float:left;position:relative;margin:0 9px 0 0;padding:0;} #header div.pad #bottomrow div.pad ul.menu li.drop{margin:0 4px 0 0;} #header div.pad #bottomrow div.pad ul.menu li.myaccount a.first{padding-left:20px;} #header div.pad #bottomrow div.pad ul.menu li a{display:block;float:left;color:#fff;text-decoration:none;} #header div.pad #bottomrow div.pad ul.menu li a em{display:block;float:left;font-size:15px;font-style:normal;font-weight:bold;font-family:arial,helvetica,sans-serif;padding:5px 15px 5px 15px;line-height:18px;} #header div.pad #bottomrow div.pad ul.menu li a em span{font-weight:normal;padding-left:3px;} #header div.pad #bottomrow div.pad ul.menu li.drop a em{padding-right:7px;} #header div.pad #bottomrow div.pad ul.menu li img.avatar{border:1px solid #da5a59;position:absolute;top:3px;left:7px;} #header div.pad #bottomrow div.pad ul.menu li.drop span.drop{display:block;float:left;width:19px;height:22px;background:transparent url("/images/menuDrop.gif") no-repeat 0 7px;padding:0;margin:0 7px 0 0;} #header div.pad #bottomrow div.pad ul.menu li.drop span.drop:hover{cursor:pointer;background-position:0 -24px;} #header div.pad #bottomrow div.pad ul.menu li:hover,#header div.pad #bottomrow div.pad ul.menu li.current{cursor:pointer;background:#c90200;-moz-border-radius:4px;-webkit-border-radius:4px;} #header div.pad #bottomrow div.pad ul.menu li:hover a{cursor:pointer;} #header div.pad #bottomrow div.pad ul.menu li:hover a em{cursor:pointer;} #header div.pad #bottomrow div.pad ul.menu li.cart a em{padding-left:36px;font-weight:normal;background-image:url("/images/i/cart.png");background-repeat:no-repeat;background-position:8px 7px;} #header div.pad #bottomrow div.pad ul.menu li.cart a em span.cart-total{font-weight:bold;} #header div.pad #bottomrow div.pad ul.menu li.drop.active ul{display:block;z-index:1;/*margin-left:-1px;*/padding-bottom:12px;} #header div.pad #bottomrow div.pad ul.menu li ul{display:none;position:absolute;top:24px;left:0;list-style-type:none;margin:0;padding:11px 0 0 0;background:#c90200;} #header div.pad #bottomrow div.pad ul.menu li ul li{float:none;margin:0;padding:0;} #header div.pad #bottomrow div.pad ul.menu li ul li a{float:none;background:none;margin:0;padding:0;} #header div.pad #bottomrow div.pad ul.menu li ul li a em{float:none;display:block;font-size:13px;height:auto;margin:0;padding:3px 15px 3px 15px;background:none;font-weight:normal;} /* drop down menu hover styles */ #header div.pad #bottomrow div.pad ul.menu li:hover ul{border:1px solid #c90200;border-top:none;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;} #header div.pad #bottomrow div.pad ul.menu li:hover ul *{background:none;-moz-border-radius:0;-webkit-border-radius:0;} #header div.pad #bottomrow div.pad ul.menu li ul li:hover{cursor:pointer;background:#d82725;} /* gives us the rounded corners at the bottom of the drop down #header div.pad #bottomrow div.pad ul.menu li ul li.last{overflow:hidden;height:7px;padding:0;margin:0;} /*#header div.pad #bottomrow div.pad ul.menu li ul li.last em{overflow:hidden;height:7px;padding:0;margin:0;background:#fff url("/images/subMenuBg.gif") no-repeat -220px -23px;*background:#c90200;*background-image:none;}*/ /* meta */ div#header div.pad div#toprow ul.meta{list-style-type:none;position:absolute;top:8px;right:12px;margin:0;padding:0;color:#fff;font-size:13px;font-weight:bold;} div#header div.pad div#toprow ul.meta li{display:block;float:left;margin:0 0 0 11px;padding:0;font-family:verdana,arial,sans-serif;line-height:175%;text-transform:uppercase;font-weight:normal;} /* removed, added avatar to nav: div#header div.pad div#toprow ul.meta li img.avatar{border:1px solid #da5a59;}*/ div#header div.pad div#toprow ul.meta li.processing{display:none;padding-top:3px;} div#header div.pad div#toprow ul.meta li.button a{display:block;float:left;color:#fff;font-weight:bold;text-transform:uppercase;font-family:arial,helvetica,sans-serif;text-decoration:none;background:#b80201;border:1px solid #b80201;-moz-border-radius:4px;-webkit-border-radius:4px;} div#header div.pad div#toprow ul.meta li.button a em{display:block;float:left;line-height:10px;font-size:10px;font-style:normal;padding:6px 12px 7px 12px;} div#header div.pad div#toprow ul.meta li.button:hover a{cursor:pointer;background:#d10200;border-color:#d10200;} div#header div.pad div#toprow ul.meta li.button:hover a em{cursor:pointer;} div#header div.pad div#toprow form#loginForm{display:none;} /* ------------------------------ */ /* CONTENT */ /* ------------------------------ */ #content{} #content p{font-size:12px;} #content div.pad{padding:0 20px;} #content div.pad h2{font-size:19px;color:#888;font-weight:normal;margin:0 0 5px 0;font-family:arial,verdana,helvetica,sans-serif;border-bottom:1px solid #e1e1e1;} #content div.pad h2 span{padding:0 0 3px 5px;} #content div.pad h2.thinborder span{display:block;border-bottom:1px solid #fff;-moz-border-radius-bottomleft:4px;-webkit-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-webkit-border-radius-bottomright:4px;} #content div.pad h2 em{font-style:normal;color:#414141;} #content #col_1 div.pad h4{font-size:32px;line-height:100%;color:#121212;letter-spacing:-1px;font-family:helvetica,arial,sans-serif;padding:0;margin:25px 0 0 0;} #content #col_1 div.pad h3{font-size:24px;font-family:helvetica,arial,sans-serif;color:#666;letter-spacing:-1px;padding:0;margin:35px 0 0 0;} /* content border */ #content div.account #col_1 div.contentborder div.pad,#content div.fixed #col_1 div.contentborder div.pad{padding:15px;} #content div.fixed div.contentborder div.pad{height:225px;} #content div.contentborder{display:block;position:relative;margin:15px 0 0 0;padding:7px;background:#efefef;-moz-border-radius:4px;-webkit-border-radius:4px;} #content div.contentborder div.pad{display:block;padding:15px;background:#fff;border:1px solid #e1e1e1;-moz-border-radius:4px;-webkit-border-radius:4px;} #content div.contentborder div.pad span.smalltitle{font-size:21px;font-weight:normal;color:#121212;margin:0 0 10px 0;padding:5px 0;border-bottom:1px solid #e1e1e1;display:block;clear:both;} #content div.contentborder div.pad span.image{display:block;float:left;margin:0 15px 15px 0;border:1px solid #e1e1e1;-moz-border-radius:3px;-webkit-border-radius:3px;} #content div.contentborder div.pad span.image img{margin:4px;} #content div.contentborder div.pad span.title{color:#121212;font-size:32px;line-height:130%;font-family:helvetica,arial,verdana,sans-serif;letter-spacing:-1px;font-weight:bold;} #content div.contentborder div.pad span.price{float:right;font-size:26px;color:#090;font-weight:bold;font-family:helvetica,arial,verdana,sans-serif;} #content div.contentborder div.pad span.price sup{font-size:13px;} #content div.contentborder div.pad span.price em{font-style:normal;font-size:11px;text-transform:uppercase;color:#666;} #content div.contentborder div.pad span.detail{display:block;font-size:13px;color:#333;padding:3px 0;} #content div.contentborder div.pad p.subtitle{color:#777;font-size:12px;margin:0;} #content div.contentborder div.pad p.subtitle a{padding:2px;font-size:10px;text-transform:uppercase;} #content div.contentborder div.pad p.subtitle a:hover{color:#fff;background:#06c;text-decoration:none;} #content div.contentborder div.pad div.sub{display:block;clear:both;margin:10px 0 0 0;border-top:1px solid #e1e1e1;padding:10px 0 0 0;} #content div.contentborder div.pad div.sub p{margin:0;padding:5px 0;} /* END contentborder */