/* /* * 999 Autoplace Stylesheet * Layout Name : 999 Autoplace in white * Copyright (c) 2009 Recommended Reading, Inc. (http://www.999autoplace.com) */ /* * YUI Reset CSS version: 2.2.2 * Copyright (c) 2007, Yahoo! Inc. All rights reserved. * Licensed under the BSD License: http://developer.yahoo.net/yui/license.txt */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,optgroup,button,p,blockquote,th,td{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}ol,ul{list-style:none;}fieldset,img{border:0;}input,textarea,select,optgroup,option,button{font-family:inherit;font-size:100%;}button,input {width: auto;overflow: visible;}optgroup,address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} /**------------GENERIC STYLE----------**/ html {background:#000;} body {font: 12px Tahoma, Helvetica, sans-serif ,verdana; color:#7C8082;} img,a {outline:none;} a {color:#2786c2;text-decoration:none;} a:hover {color:#ffcc00;} a:active {color:#eebb00} input {vertical-align:middle;} h1 {font-size:30px;} h2 {} h3{} h4{} h5{} h6{} button { cursor: pointer; } p {padding:5px 0 15px 0;} blockquote{} strong { font-weight: bold; } em { color:#999999;} /**------------GENERIC CLASS-----------**/ .afterclear {zoom:1;} .afterclear:after {display: block; visibility: hidden; clear: both; height: 0; content: "."; } .floatleft {float:left;} .floatright {float:right;} .haft{width:50%;} .half{width:50%;} /**------------STRUCTER LAYOUT-----------**/ div#page {width:960px;margin:10px auto 5px;} #header {height:130px;position:relative; padding:0 10px;} #content{} #footer {height:20px;color:#999;padding:5px 10px;} #stupidtop {background:url(../images/stupid-top.png) no-repeat top left;width:960px;padding-top:10px;} #stupidmiddle {background:#fff url(../images/bg-content.png) repeat-x;width:940px;padding:0 10px;} #stupidbottom {background:url(../images/stupid-bottom.png) no-repeat left bottom;width:960px;padding-bottom:10px;} /**------------LOGO-----------------**/ #logo h1 a {height:85px;width:200px;background:url(../images/logo.png) no-repeat;position:absolute;top:5px;display:block;text-indent:-19999em;} /**------------LOGO-----------------**/ div#contact { position: absolute; top: 90px; left:30px; color: #000; } /**------------NAVIGATION-----------**/ /*hor nav*/ .hor-nav {position:relative;} .hor-nav li {display:inline;float:left;} .hor-nav li a{} /*top menu and member login*/ #top-menu {position:absolute;right:0;top:19px;right:10px;} #top-menu a {color:#999;margin:0 2px;font-size:11px;} #top-menu a:hover {color:#aaa;} #top-menu a:active {color:#bbb;} /*main nav*/ #nav .hor-nav {width:940px;height:40px;margin:0 auto;background:#eee;} #nav .hor-nav li{float:none;display:inline;} #nav .hor-nav li a {float:left; height:0px; padding-top:40px; overflow:hidden;background:url(../images/nav.jpg);position: relative;z-index: 1;} /* BUTTONS*/ #nav .hor-nav li.nav1 a {background-position:0 0;width:75px;} #nav .hor-nav li.nav2 a {background-position:-75px 0;width:85px;} #nav .hor-nav li.nav3 a {background-position:-160px 0;width:155px;} #nav .hor-nav li.nav4 a {background-position:-315px 0;width:100px;} #nav .hor-nav li.nav5 a {background-position:-415px 0;width:135px;} #nav .hor-nav li.nav6 a {background-position:-550px 0;width:170px;} #nav .hor-nav li.nav7 a {background-position:-720px 0;width:115px;} #nav .hor-nav li.nav8 a {background-position:-835px 0;width:105px;} /* BUTTONS:HOVER*/ #nav .hor-nav li.nav1 a:hover {background-position:0 -40px;width:75px;} #nav .hor-nav li.nav2 a:hover {background-position:-75px -40px;width:85px;} #nav .hor-nav li.nav3 a:hover {background-position:-160px -40px;width:155px;} #nav .hor-nav li.nav4 a:hover {background-position:-315px -40px;width:100px;} #nav .hor-nav li.nav5 a:hover {background-position:-415px -40px;width:135px;} #nav .hor-nav li.nav6 a:hover {background-position:-550px -40px;width:170px;} #nav .hor-nav li.nav7 a:hover {background-position:-720px -40px;width:115px;} #nav .hor-nav li.nav8 a:hover {background-position:-835px -40px;width:105px;} /* BUTTONS:ACTIVE*/ #nav .hor-nav li.nav1 a:active {background-position:0 -80px;width:75px;} #nav .hor-nav li.nav2 a:active {background-position:-75px -80px;width:85px;} #nav .hor-nav li.nav3 a:active {background-position:-160px -80px;width:155px;} #nav .hor-nav li.nav4 a:active {background-position:-315px -80px;width:100px;} #nav .hor-nav li.nav5 a:active {background-position:-415px -80px;width:135px;} #nav .hor-nav li.nav6 a:active {background-position:-550px -80px;width:170px;} #nav .hor-nav li.nav7 a:active {background-position:-720px -80px;width:115px;} #nav .hor-nav li.nav8 a:active {background-position:-835px -80px;width:105px;} /* BUTTONS:Current*/ #home #nav .nav1 a {background-position:0 -120px;width:75px;} #promotion #nav .nav2 a {background-position:-75px -120px;width:85px;} #car_entertainment #nav .nav3 a {background-position:-160px -120px;width:155px;} #car_film #nav .nav4 a {background-position:-315px -120px;width:100px;} #building_film #nav .nav5 a {background-position:-415px -120px;width:135px;} #accessories #nav .nav6 a {background-position:-550px -120px;width:170px;} #customers #nav .nav7 a {background-position:-720px -120px;width:115px;} #questions #nav .nav8 a {background-position:-835px -120px;width:105px;} /**-------------BANNER-------------**/ #banner {margin:20px 0;} #home #banner, #promotion #banner {width:940px;height:415px;background:url(../images/bg-banner-home.png) no-repeat;} .not-home-page #banner {width:940px;height:220px;} #banner-list {margin:80px 10px;width:920px;} #banner-list .banner-pic {float:left;width:50%;} #banner-list .banner-pic img {float:right} #banner-list .banner-text {float:left;width:40%;margin-left:10%;} .banner-text h2{font-size:25px;} .banner-text h3 {font-size:20px;color:#933;font-weight:normal;font-family:"Arial";} .banner-text p {font-size:15px;line-height:20px;} /*slider*/ #banner-list ul, #banner-list li{ margin:0; padding:0; list-style:none; } #banner-list, #banner-list li{ width:920px; overflow:hidden; } span#prevBtn{} span#nextBtn{} /*slider*/ /**------------Four Item Cat Home---------------**/ #four-item-link {} #four-item-link li {} #four-item-link li{float:left;display:block;width:200px;height:140px;padding:15px 10px 10px;margin:10px;background:url(../images/cat-link-home-box-bg.png) no-repeat;} #four-item-link li.box1,#news-list-home li.box1 {margin-left:0px;} #four-item-link li.box4,#news-list-home li.box4 {margin-right:0px;} #four-item-link li a {color:#993333;font-size:17px;} #four-item-link li p {padding:0;} #four-item-link li p.pic {margin:7px 0 0;} /**----------------PRODUCTS-------------**/ #product-list .box {height:250px;width:185px;padding:15px 10px;float:left;margin:0 10px 10px 0;background: #efefef url(../images/products-box.png) no-repeat;} #product-list .box h3 {margin:0 0 1px 0;} #product-list .box h3 a{font-size:18px;color:#333;} #product-list .box h3 a:hover{color:#666;} #product-list .box h3 a:active{color:#000;} #product-list .box h2 {margin:0 0 1px 0;} #product-list .box .more a {color:#b00;} #product-list .box .more a:hover {color:#f00;} #product-list .box .more a:active {color:#933;} #product-list .box .pic {margin:15px 0 5px 0;} /***CONTENT***/ /*Left*/ /*Right*/ .two-colums #right-col {float:left;width:280px;margin:0 0 0 10px;height:500px;position:relative;} /*Main*/ .two-colums #main-col {float:left;width:650px;} .three-colums #main-col {float:left;width:280px;margin:0 10px;} /*Right*/ /*Left*/ /*------------side bar -------------**/ .two-colums #right-col #side-bar {width:260px;padding:0 10px;background:#fff ;border:#ccc 1px solid;} .search-fill {height:17px;width:225px;} .two-colums #right-col #side-bar li ul{margin-left:15px;} #side-bar .item {margin:15px 0;} #side-bar .item .title,#side-bar .item .search-wrap{background:#333;padding:15px;display:block;} #side-bar .item .title {color:#fff;padding:8px 15px;} #side-bar .item .sub-item {margin:5px;} #side-bar .item .sub-item a {color:#999;} #side-bar .item .sub-item a:hover {color:#933;} #side-bar .item .sub-item a:active {color:#912;} /**-----------News Home-------------**/ #news-title {margin:20px 0 0;color:#993333;font-size:17px;font-weight:normal;} #news-list-home {} #news-list-home li{float:left;display:block;width:223px;height:200px;margin:8px;} #news-list-home li p {padding:0;} #news-list-home li a {color:#666;} #news-list-home li a:hover {color:#999;} #news-list-home li img {margin-bottom:5px;} /***Footer***/ #footer {color:#999;} #footer a {color:#999;} #footer a:hover {color:#bbb;} #footer a:hover {color:#fff;} /*--------------DETAIL PAGE----------* */ .detail-page #content {margin:20px 0 0;} .product-view {padding-top:15px;background:#fff;padding-top:70px;background:#fff url(../images/product-preview-top.jpg) no-repeat top left;width:635px;} .product-view .stupidmiddle {padding:0 15px 30px;background:url(../images/product-preview-middle.jpg) repeat-y top left;width:605px;} .product-view .stupidbottom {padding:0 0 10px 0;background:#fff url(../images/product-preview-bottom.jpg) no-repeat bottom left;width:635px;} .product-image {text-align:center;} #product-tabs {padding:0 30px 30px 0;background:#fff;border:1px solid #ccc;margin-left:1px;-moz-border-radius:3px;border-radius:3px;} .product-name h2 {font-size:22px;color:#933;font-family:Arial, Helvetica, sans-serif;} .product-description {clear:left;} /*Tabs*/ .product-collateral {margin:40px 0 70px 0;} #tabs {margin-left:-1px;} #tabs .tab {float:left;width:120px;line-height:37px;margin-right:5px;margin-top:-36px;text-align:center;background:url(../images/tab-.jpg) no-repeat;color:#933;} #tabs .active-tab {line-height:35px;margin-top:-35px;height:37px;background:url(../images/tab-active.jpg) no-repeat;} #tabs .tab:hover {cursor:pointer;} /*=============product tabs==============*/ #product-tabs .tabs{} #product-tabs .tabs-content{} #product-tabs .tabs-content .border-right .block-width{width:650px; overflow:hidden; position:relative; padding-left:9px; padding-top:10px;} #tabber{ display:block; width:2760px; list-style:none; overflow:hidden;} #tabber .tabs-list{width:650px; float:left; display:block; margin-right:40px;} #tabber .tabs-list .features p {padding-left:10px;padding-right:100px;} /*============//product tabs=============*/ /*=====review==============*/ .rating-wrap {clear:both;} .review-head {font-size:15px; color:#fff; background:#333333 none repeat scroll 0 0;margin-bottom:10px;padding:8px;width:220px;} .review-title {border-bottom:1px solid #aaa;color:#023469;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;margin-bottom:3px;} .required {color:red;} .review-form-info {float:left;} .review-form-rating {float:left;margin:0;padding:5px;border:1px solid #eee;} .review-form-content {clear:left;} .create_review {margin:30px 0 0 0;padding:0 0 0 20px;} .create_review h2 {font-size:17px;font-style:normal;background:#ccc;width:314px;padding:5px;} .create_review h4 {margin:15px 0 2px 0;} .review-form-rating .create_review h4 {margin:0;} table#rating_table {margin-top:20px;} .review-info {background:#F6F6F6 none repeat scroll 0 0;border:1px solid #DFDFDF;clear:both;margin:0 20px 0 0;padding:10px} #reviews {width:500px;margin:20px;} #reviews .review {margin:10px;} .pros { border:1px solid #aaa; margin-bottom:2px; } .cons { border:1px solid #aaa; } .pros, .cons { padding:3px; color:#666; } .author_info {padding-left:55px;} .no-rating {float:left;padding-right:5px;font-size:11px;color:silver;} .rating-desc {font-size:11px;color:silver;} .rating_table {margin-bottom:10px;padding:10px;border:1px solid #DFDFDF;border-spacing:inherit;border-collapse:inherit;}