body{margin:0px; padding:0px; background:#000; } *{font-family:Arial, Helvetica, sans-serif;} h1, h2, h3, p, img{border:none; margin:0px; padding:0px;} a{outline:0;} /*--DIVS--*/ #header, #content, #footer{width:955px; margin:0px auto; position:relative;} /*--HEADER--*/ #header{height:302px; background:url(../images/img-header.jpg) top center no-repeat;} #header #brand{position:absolute; top:120px; left:230px;} #header #brand a{width:460px; height:70px; display:block; text-indent:-5000em;} /*MENU*/ #lineMenu{width:955px; height:78px; margin:0px auto; position:relative; background:url(../images/img-menu.jpg) top center no-repeat;} #lineMenu #menu{position:absolute; top:60px; left:100px;} #lineMenu #menu ul{margin:0px; padding:0px; list-style:none;} #lineMenu #menu ul li{float:left; margin-right:5px;} #lineMenu #menu ul li a{height:14px; display:block; text-indent:-5000em;} #lineMenu #menu ul li a.home{width:39px; background:url(../images/bt-home.jpg) top left no-repeat;} #lineMenu #menu ul li a.online-store{width:88px; background:url(../images/bt-online-store.gif) top left no-repeat;} #lineMenu #menu ul li a.dealerApplication{width:127px; background:url(../images/bt-dealer-application.jpg) top left no-repeat;} #lineMenu #menu ul li a.press{width:47px; background:url(../images/bt-press.jpg) top left no-repeat;} #lineMenu #menu ul li a.events{width:53px; background:url(../images/bt-events.jpg) top left no-repeat;} #lineMenu #menu ul li a.contact{width:56px; background:url(../images/bt-contact.jpg) top left no-repeat;} #lineMenu #flag{position:absolute; top:60px; right:95px;} #lineMenu #flag a{width:109px; height:18px; display:block; text-indent:-5000em; background:url(../images/usa-flag.jpg) top right no-repeat;} /*MENU SELECT*/ #menuSelect{position:absolute; top:28px; left:100px;} #menuSelect select{font-size:0.6em; color:#333333;} /*--CONTENT--*/ #content{ min-height:298px; overflow:hidden; background:url(../images/img-content.jpg) top center repeat-y;} #content #page{min-height:100px; margin:17px 0px 0px 100px;} #content #clorusBrand{position:absolute; bottom:0px; right:85px;} #content #clorusBrand a{width:55px; height:22px; display:block; text-indent:-5000em; background:url(../images/img-clorus-brand.jpg) top left no-repeat;} /*DEALER APPLICATION*/ #dealerApplication{width:765px;} #dealerApplication #col1{width:504px; height:248px; float:left; margin-right:10px;} #dealerApplication #col1 img{border:solid 1px #666;} #dealerApplication #col2{width:245px; float:left;} #dealerApplication #col2 pre{width:245px; height:500px; background:#CCFF00; display:block;} #dealerApplication #col2 h1{font-size:1.1em; color:#dbdbdb; margin-bottom:5px; text-transform:uppercase;} #dealerApplication #col2 p{width:245px; font-size:0.6em; color:#dbdbdb; text-transform:uppercase; letter-spacing:normal; text-align:justify; margin-top:10px;} #dealerApplication #col2 p.redMore{text-align:right; margin-top:0px;} #dealerApplication #col2 p a{text-decoration:none; color:#fff; font-size:0.9em; background:url(../images/sm_777878_oo.gif) right no-repeat; padding-right:15px; display:block;} #dealerApplication #col2 p a:hover{text-decoration:underline;} /*CLOTHING*/ #clothing{width:765px;} #clothing #clothing-title1{width:416px; height:38px; background:url(../images/img-title-clothing-very-soon.jpg) no-repeat; margin-top:25px;} #clothing #clothing-title2{width:519px; height:15px; background:url(../images/img-title-clothing-very-soon2.jpg) no-repeat;} #clothing #form{width:530px; height:100px;} #clothing #form p{margin-top:25px;} #clothing #form p label{background:url(../images/img-email.jpg) left center no-repeat; width:52px; height:16px; margin-top:3px !important; display:block; float:left; text-indent:-5000em;} #clothing #form p #email{width:230px; border:none; height:26px; font-size:21px; background:#a4a4a4; padding:0px;float:left; margin-right:5px; outline:none;} #clothing #form p #ok{background:url(../images/bt-ok.jpg) no-repeat; border:none; width:35px; height:26px; text-indent:-5000em;float:left;} /*PRESS/EVENTS*/ #pressEvents{width:765px;} #pressEvents p{text-transform:uppercase; color:#ffcc00; font-size:0.9em; font-weight:bold; letter-spacing:-1px;} #pressEvents .box{width:180px; height:240px; float:left; margin:10px 9px 0px 0px; display:block;} #pressEvents .box img{border:1px solid #ccc;} #pressEvents .box .legend{color:#dbdbdb; font-size:0.55em; margin-top:3px; letter-spacing:normal; display:block} /*NEW PRESS*/ #pressEvents div#col1{width:100px; float:left; display:block; margin:5px 10px 30px 0px;} #pressEvents div#col2{width:625px; float:left; display:block; margin:0px 0px 20px 0px;} #pressEvents div#col2 .box{margin:0px 0px 16px 26px;} #pressEvents div#col1 ul{list-style:none; text-transform:uppercase; padding:0px; margin:0px 0px 0px 0px; font-weight:bold;} #pressEvents div#col1 ul li a{text-decoration:none;} #pressEvents div#col1 ul#months li{width:80px; border-bottom:1px dashed #4c4c4c;} #pressEvents div#col1 ul#months li a{color:#959595; font-size:1.5em; letter-spacing:-1px;} #pressEvents div#col1 ul#months li a:hover{color:#3c3c3c;} #pressEvents div#col1 ul#years{margin-top:10px;} #pressEvents div#col1 ul#years li{margin:0px 0px -5px 0px; padding:0px;} #pressEvents div#col1 ul#years li a{color:#ffc200; font-size:1.1em;} #pressEvents div#col1 ul#years li a:hover{font-size:2.1em;} p#year{text-align:right; color:#333333; font-size:1.5em; text-transform:uppercase; } #pressEvents div#paginationPress, #pressEvents div#paginationEvents {color:#FFFFFF; clear:both; width:90px; height:30px; margin:0px auto; text-align:center;} #pressEvents div#paginationPress{padding:0px 0px 0px 0px;} #pressEvents div#paginationEvents{padding:10px 0px 20px 0px;} #paginationPress ul, #paginationEvents ul{margin:0px; padding:0px; list-style:none;} #paginationPress ul li, #paginationEvents ul li{ padding:0px 5px 0px 5px; float:left; color:#505050; font-weight:bold; font-size:1.5em;} #paginationPress ul li span.currentPage, #paginationEvents ul li span.currentPage{font-size:1.2em; margin-left:-2px;} #paginationPress ul li a, #paginationEvents ul li a{margin-top:8px;} #paginationPress ul li a.arrowLeft, #paginationEvents ul li a.arrowLeft{width:13px; height:22px; display:block; text-indent:-5000em; background:url(../images/icon-arrow-left.jpg) left top no-repeat;} #paginationPress ul li a.arrowRight, #paginationEvents ul li a.arrowRight{width:13px; height:22px; display:block; text-indent:-5000em; background:url(../images/icon-arrow-right.jpg) left top no-repeat;} /*NEW EVENTS*/ #pressEvents div.containerNews{width:760px; height:200px; display:block; border-bottom:1px dotted #666; padding-bottom:20px; margin-top:10px;} #pressEvents div.containerNews img{padding:5px; background:#fff; float:left; display:block; margin-right:20px;} #pressEvents div.containerNews h1{color:#505050; letter-spacing:-1px; text-transform:uppercase;} #pressEvents div.containerNews h2{color:#7c7c7c; letter-spacing:-1px; margin-top:-10px; text-transform:uppercase;} #pressEvents p{margin-bottom:20px;} #pressEvents div.containerNews p#text{color:#9e9e9e; text-transform:none; letter-spacing:normal; margin-top:10px;} /*CONTACT*/ #contact{width:765px;} #contact p{text-transform:uppercase; color:#ffcc00; font-size:0.9em; font-weight:bolder; letter-spacing:-1px;} #contact #informations{width:330px; height:220px; margin:25px 5px 0px 0px; float:left;} #contact #informations p{color:#cacaca; font-size:0.9em; line-height:19px;} #contact #informations p .title{font-size:1.2em; color:#cacaca;} #contact #informations span{color:#ffcc00;} #contact #line{width:10px; height:220px; margin:15px 20px 0px 0px; background:url(../images/img-line.jpg) top center no-repeat; float:left;} #contact #formContact{width:395px; height:220px; margin:25px 0px 0px 0px; float:left;} #contact #formContact p{color:#cacaca; margin-bottom:5px;} #contact #formContact p label{width:70px; float:left;} #contact #formContact p input{width:320px; background:#5a5a5a; border:none; color:#fff; outline:none;} #contact #formContact p textarea{width:319px; height:120px; background:#5a5a5a; border:none; color:#fff; overflow:auto; outline:none; font:0.9em arial, helvetica, sans-serif; } #contact #formContact p .button{width:146px; height:36px; border:none; background:url(../images/bt-send.jpg) top left no-repeat; outline:none;} /*READ MORE*/ #readMore{width:765px;} #readMore h1{font-size:1.1em; color:#dbdbdb; margin-bottom:5px; text-transform:uppercase;} #readMore p{font-size:0.6em; color:#dbdbdb; text-transform:uppercase; letter-spacing:normal; text-align:justify; margin-top:10px;} /*RESULTS*/ #results{width:765px;} #results p{text-transform:uppercase; color:#ffcc00; font-size:0.9em; font-weight:bold; letter-spacing:-1px;} #results p span{color:#fff;} div#all{background:url(../images/bk-footer.jpg) top center #000 no-repeat; width:100%; min-width:955px; overflow:hidden;} div.line1{width:955px; margin:0px auto; display:block; height:200px;} div.line1 ul, div.line2 ul{width:220px; float:left; list-style:none; margin:0px; padding:0px; display:block;} div.line1 ul li, div.line2 ul li{text-transform:uppercase;} div.line1 ul#siteLinks {border-right:1px dotted #666; padding-right:30px; margin-left:100px; _margin-left:35px;} div.line1 ul#whatsHot{border-right:1px dotted #666; padding-right:30px; padding-left:30px; height:155px;} div.line1 ul#infoContact{padding-left:30px;} div.line1 ul li.title{color:#ffc200; font-weight:bold; letter-spacing:-1px; margin-bottom:10px; border-bottom:1px solid #666;} div.line1 ul li, div.line2 ul li{margin-bottom:2px; } div.line1 ul li a, div.line2 ul li a{text-decoration:none; color:#d0d0d0; font-size:0.8em; font-weight:bold; letter-spacing:-1px;} div.line1 ul li a:hover, div.line2 ul li a:hover{text-decoration:underline;} div.line1 ul#whatsHot li.listWhatsHot{margin-bottom:10px; list-style:disc; color:#ffc200;} div.line1 ul#whatsHot a.linkWhatsHot{width:220px; display:block;} div.line1 ul#infoContact li.txtContact{text-decoration:none; color:#d0d0d0; font-size:0.8em; margin-bottom:5px; font-weight:bold; letter-spacing:-1px;} div.line1 ul#infoContact li.txtContact span{color:#ffc200;} hr{border:none; border-bottom:1px solid #666; width:100%; min-width:955px; overflow:hidden; margin:0px; padding:0px;} /*SPONSORS*/ div.line2{width:955px; margin:0px auto; position:relative; display:block;} div.line2 h1{display:block; color:#ffc200; font-weight:bold; letter-spacing:-1px; font-size:1.4em; margin-bottom:-5px; margin-left:100px; _margin-left:95px;} div.line3{width:955px; height:300px; margin:0px auto; position:relative; display:block;} div.line3{margin-top:20px;} div.line3 ul{width:955px; height:150px; display:block; margin:0px 0px 0px 70px; _margin-left:95px; padding:0px; list-style:none;} div.line3 ul li{width:250px; height:20px; float:left; display:block; padding-left:30px; overflow:hidden;} div.line3 ul li a{font-size:0.8em; text-decoration:none; color:#d0d0d0; text-transform:uppercase; font-weight:bold; letter-spacing:-1px;} div.line3 ul li a:hover{text-decoration:underline;} div.line3 #line1, #line2{width:2px; height:133px; display:block; position:absolute; top:0px; border-left:1px dotted #666;} div.line3 #line1{left:350px; _left:373px;} div.line3 #line2{left:630px; _left:665px;} /*STORE*/ #shop{min-height:500px; padding-top:5px;} #coluna-left{width:133px; min-height:500px; float:left; margin:0 35px 0 -15px;} #coluna-right{width:625px; min-height:500px; float:left;} #coluna-left a.titleBasket{ width:115px; margin-left:7px; background:url(../images/icon-basket.jpg) left no-repeat; font-size:20px; text-transform:uppercase; color:#999; padding:6px 0 0 30px; letter-spacing:-1px; text-decoration:none; } #coluna-left #items{margin:10px 0px 0px 15px; padding:0px; width:110px; line-height:20px;} #coluna-left #items li{color:#d0d0d0; font-weight:bold; letter-spacing:-1px;} #coluna-left #items li.itens{font-size:17px; list-style:url(../images/img-itens.jpg); margin-left:25px; } #coluna-left #items li.subtotal{list-style:none; font-size:12px;} #coluna-left #items li.checkout{list-style:none; margin-top:7px; margin-left:-5px;} #coluna-left #items li span{color:#FFFF00;} #coluna-left #categories{ padding:20px 35px 0 30px; width:105px; height:190px; list-style:none; line-height:50px; background:url(../images/bg-menu.png) center no-repeat; position:relative; left:-20px; top:0px; margin-top:10px; } #coluna-left #categories li{border-bottom:dashed 1px #111; padding:5px 0 0 0;} #coluna-left #categories li.noline{background:none; border-bottom:none;} #coluna-left #categories li a{display:block; padding:0 0 0 27px; text-transform:uppercase; color:#E7E7E7; font-weight:700; text-decoration:none; font-size:13px; letter-spacing:-1px;} #coluna-left #categories li a:hover{color:#FC0;} #coluna-left #categories li a.for-him{background:url(../images/icon-for-him.png) 0px 5px no-repeat; width:110px;} #coluna-left #categories li a.for-her{background:url(../images/icon-for-her.png) no-repeat; width:110px;} #coluna-left #categories li a.accessories{background:url(../images/icon-accessories.png) 0px 6px no-repeat; width:110px;} #coluna-left img.delivery{margin-top:40px;} #coluna-right h1.title{color:#585858; font-size:18px; letter-spacing:-1px; font-weight:normal;} #coluna-right h1.title span{color:#FC0;} #coluna-right h1.for-him-icon{background:url(../images/icon-for-him.jpg) left no-repeat; padding:8px 0 6px 30px; margin-bottom:15px;} #coluna-right h1.for-her-icon{background:url(../images/icon-for-her.jpg) left no-repeat; padding:8px 0 6px 30px; margin-bottom:15px;} #coluna-right h1.accessories-icon{background:url(../images/icon-accessories.jpg) left no-repeat; padding:8px 0 6px 30px; margin-bottom:15px;} #coluna-right .product{width:191px; height:280px; float:left; margin-right:15px; margin-bottom:50px;} #coluna-right .nomargin-right{margin-right:0px;} #coluna-right .product h1{float:left; font-size:18px; color:#FC0;} #coluna-right .product a{float:right; font-size:9px; color:#CCC; text-decoration:none; position:relative;} #coluna-right .product a.moreDetails{top:7px;} #coluna-right .product a.moreDetails:hover{text-decoration:underline;} #coluna-right .product h3{font-size:14px; color:#CCC; font-weight:700;} #coluna-right .product h4{font-size:10px; color:#CCC;} .gray-line{height:15px; border:none; background:url(../images/gray-line.jpg) center repeat-x; display:block;} #coluna-right .product span{text-align:right; padding-right:3px;} #coluna-right .product span.label-left{display:block; float:left; width:40px; font-size:11px; color:#CCC; padding-top:4px;margin-top:6px;} #coluna-right .product span.nomargintop{margin-top:0px;} #coluna-right .product span.label-right{display:block; float:left; width:35px; font-size:11px; color:#CCC; padding-top:4px; margin-bottom:5px;} #coluna-right .product .colors{width:90px; float:left; font-size:11px;} #coluna-right .product .sizes{width:35px; float:left; font-size:11px; margin-top:7px;} #coluna-right .product .qty{width:15px; float:left; font-size:11px; text-align:center;} #coluna-right .product .newmargintop{margin-top:5px;} #coluna-right .product .add{ background:url(../images/img-bt-add-to-cart.jpg) no-repeat; width:101px; height:30px; border:none; margin-left:5px; cursor:pointer; } #coluna-right .title{position:relative;} #coluna-right a.viewAll{background:url(../images/more-stuff.png) no-repeat; width:88px; height:19px; display:inline-block; text-indent:-5000em; position:absolute; top:17px; right:15px;} ul#login-area{list-style:none; margin:0px; padding:0px; position:absolute; top:10px; left:80px; display:block;} ul#login-area li{float:left; color:#FC0; font-size:10px; font-weight:700; margin-right:15px;} ul#login-area li#basket-top{color:#999;} ul#login-area li a{text-decoration:none; font-weight:normal; font-size:10px; color:#999;} ul#login-area li a:hover{text-decoration:underline;} /*CHECKOUT*/ #checkout .form-client{width:310px; height:205px; border:solid 1px #333; padding:1px; float:left; margin:20px 50px 0 0;} #checkout .nomargin{margin-right:0px; height:150px;} #checkout .form-client h1{background:#020202; color:#FC0; font-size:14px; padding:10px 10px 10px 20px; text-transform:uppercase; border-bottom:solid 1px #333;} h1 a{color:#CCC; font-size:10px; text-decoration:none; font-weight:normal;} #checkout .form-client a{color:#CCC; margin:0; padding:0; font-size:10px; text-decoration:none; display:block; margin-bottom:10px;} #checkout .form-client a:hover{text-decoration:underline;} #checkout .client-log{position:relative; top:20px; left:20px;} #checkout .client-log label{display:block; width:340px;} #checkout .client-log label a.thickbox{position:absolute; bottom:-8px; right:55px; color:#FC0;} #checkout .client-log label span{width:80px; display:block; color:#CCC; font-size:12px;} #checkout .client-log label .field{width:250px; display:block; background:#333; border:#666 solid 1px; font-size:12px; color:#CCC; margin-bottom:15px; padding:2px;} /*NEW CUSTOMER*/ #customer-add{min-height:400px;} #customer-add h1{text-transform:uppercase; color:#ffcc00; font-size:0.9em; font-weight:bold; letter-spacing:-1px;} #new-customer{position:relative; top:20px; left:20px;} #new-customer label{width:700px; display:block; padding:7px 0 7px 0; border-bottom:solid 1px #333;} #new-customer label span{width:140px; line-height:20px; display:block; color:#CCC; float:left; font-size:12px; text-align:right; padding-right:5px;} #new-customer label strong{color:#FC0;} #billingFirstName, #deliveryFirstName, #billingSurname, #deliverySurname, #billingAddress1, #deliveryAddress1, #billingAddress2, #deliveryAddress2, #billingCity, #deliveryCity, #billingPostZipCode, #deliveryPostZipCode, #billingCountry, #billingCountry, #billingStateCode, #deliveryStateCode, #billingPhone, #deliveryPhone, #billingEmailAddress, #billingPassword{margin:0px; border:solid 1px #ccc; background:#fff; font-size:13px;} #billingFirstName, #deliveryFirstName, #billingSurname, #deliverySurname{width:300px;} #billingAddress1, #deliveryAddress1, #billingAddress2, #deliveryAddress2{width:450px;} #billingCity, #deliveryCity{width:200px;} #billingPostZipCode, #deliveryPostZipCode{width:100px;} #billingStateCode, #deliveryStateCode{width:30px;} #billingPhone, #deliveryPhone{width:100px;} #billingEmailAddress{width:300px;} #billingPassword{width:200px;} #new-customer label.first{border-top:solid 1px #333;} #new-customer label.first span{margin-top:-3px;} #new-customer label#buttons{border-bottom:none;} #new-customer label .inputBoxDisable { background-color: #999; border: 1px solid #ccc; } #new-customer label .inputBoxEnable { background-color: #FFF; border: 1px solid #ccc; font-size:13px; } #new-customer label em{color:#CCC; font-size:10px; padding-left:10px;} /*BASKET*/ #basket{padding-bottom:120px;} h2{color:#CCC; text-transform:uppercase; font-size:20px;} #basket p{text-transform:uppercase; color:#FC0; font-size:0.9em; font-weight:bold; letter-spacing:-1px;} a.continue{background:url(../images/bt-continue-shopping.jpg) no-repeat; width:240px; height:45px; display:block; text-indent:-5000em; margin-top:10px; float:left;} #checkout a.checkout{float:right; margin:10px 100px 0 0; text-decoration:none; color:#FC0; font-weight:700; letter-spacing:-1px;} a.checkout{float:right; margin:10px 0 0 0; text-decoration:none; color:#FC0; font-weight:700; letter-spacing:-1px;} a.checkout:hover{text-decoration:underline;} #basket-table{width:760px; border:solid 1px #666; border-right:none; border-bottom:none;} #basket-table thead{background:#373737;} #basket-table thead tr th{ border:solid 1px #999; border-top:none; border-left:none; font-size:11px; color:#FFF; padding:8px; text-align:center; } #basket-table thead tr th.product-name{text-align:left;} #basket-table tbody tr td{ border:solid 1px #666; border-top:none; border-left:none; vertical-align:middle; } #basket-table tbody tr td.title, #basket-table tbody tr td.price, #basket-table tbody tr td.sub-total{font-size:12px; color:#CCC; text-align:center; padding:7px;} #basket-table tbody tr td.title{text-align:left;} #basket-table tbody tr td.total-title{text-align:right; background:#373737; color:#FFF; text-transform:uppercase; font-size:14px; padding:5px;} #basket-table tbody tr td.total-price{text-align:center; color:#FC0; font-size:14px;} .image{padding:5px; text-align:center;} .remove{background:url(../images/icon-remove.jpg) no-repeat; width:13px; height:20px; border:none; cursor:pointer;} .qty{width:25px; font-size:12px; text-align:center;} .update{background:none; border:none; color:#999; cursor:pointer;} /*404*/ #errorPage{width:765px;} #errorPage p{text-transform:uppercase; color:#FC0; font-size:0.9em; font-weight:bold; letter-spacing:-1px;} #footer{height:60px; background:url(../images/img-footer.jpg) top center no-repeat; clear:both;} #checkout h1{font-size:14px; color:#FC0; text-transform:uppercase;} ul#costumer-data{ margin:0px; width:755px; padding:0px; list-style:none; color:#CCC; line-height:20px; margin:20px 0 40px 0; border-top:solid 1px #333; } ul#costumer-data li{display:block; font-size:12px; border-bottom:solid 1px #333;} ul#costumer-data li span{ width:100px; display:block; float:left; text-align:right; padding-right:10px; font-weight:700; color:#FC0; } #paynow{position:absolute; right:100px; bottom:80px; background:#FC0; color:#101010; border:solid 2px #000; padding:5px 10px 5px 10px; font-weight:bold;} a.edit{float:right; position:relative; right:100px; color:#CCC; text-decoration:none; font-size:12px;}