pac.foo{} /* Contributor(s): RetroViz Design */ /* HTML GENERAL */ body{color:#5c5c5e; font-size: 12px; margin:0px; padding:0px; font-family: "ff-meta-web-pro", Arial, Helvetica, sans-serif;} /*html{height:100%;}*/ /************************************************ * Heading * : TATVASOFT ************************************************/ h1 { padding:0px; margin:0px; color:#000; font-size:36px; font-weight:normal; line-height:36px; padding-bottom:10px;} h3 { padding:38px 0px; margin:0px; font-size:24px; font-weight:normal; color:#000000; text-align:center; line-height:24px; font-weight:700;} h4 { padding:30px 0px; margin:0px; font-size:24px; font-weight:normal; color:#666666; text-align:center; line-height:24px;} h5 { padding:20px 0px 10px; margin:0px; font-size:23px; font-weight:normal; color:#666666; text-align:left; line-height:24px;} h6 { padding:5px 0px 15px; margin:0px; font-size:24px; font-weight:700; color:#999999; text-align:left; line-height:24px;} h7 { padding:5px 0 5px; margin:0px; font-size:16px; color: #666666; text-align:left; line-height:20px;} .brand-logo-box a img { max-height: 160px;} .nopadding { padding: 0 !important;} a{color:#3a3a3a;text-decoration:none;} a:hover{color:#f93;text-decoration:none;} img{border:0;} /*h1,h2,h3,h4,h5,h6{font-family:arial, helvetica, sans-serif;} h2,h3{font-size:16px;}*/ textarea{width:100%;font-family:Verdana, Arial, sans-serif;font-size:11px;} checkbox,input,radio,select,button{font-size:11px;}search-section-main /*fieldset{margin:0px 0px 15px;border:1px solid #c9c9c9;padding:15px;}*/ legend{font-weight:bold;line-height:20px;font-size:16px;} .center { text-align: center;} /* MASTER PAGE WRAPPERS */ #page{ width:100%; height:auto;} .master-wrapper-header{width:100%;} .master-wrapper-page{margin:auto;width:960px;} .master-wrapper-content{float:left;width:960px;margin:15px 0 0;text-align:left;background:#555 url(images/bg-container.gif) repeat-x;} /* one column master page */ .master-wrapper-center-1{float:left;width:940px;color:#000;min-height:600px;padding:10px;background:#FFF;display:inline;border-radius:5px;} /* two column master page */ .master-wrapper-side-2{float:left;width:180px;margin:0 0 0 10px;font-family:arial, helvetica, sans-serif;display:inline;} .master-wrapper-center-2{float:left;width:740px;color:#000;min-height:600px;padding:10px;margin:0 0 0 10px;background:#FFF;display:inline;border-radius:5px;} /* three column master page */ .master-wrapper-leftside-3{float:left;width:180px;margin:0 0 0 10px;font-family:arial, helvetica, sans-serif;display:inline;} .master-wrapper-center-3{float:left;width:540px;color:#000;min-height:600px;padding:10px;margin:0 0 0 10px;background:#FFF;display:inline;overflow:hidden;border-radius:5px;} .master-wrapper-rightside-3{float:right;width:180px;margin:0 10px;font-family:arial, helvetica, sans-serif;display:inline;} /* HEADER AND MENU */ /* .header{width:100%; height:300px; background:url(images/bg-new.jpg) top repeat;} .header .icon{vertical-align:bottom;} .header .ico-register{background:url(images/ico-register.gif) no-repeat;padding-left:20px;} .header .ico-login{background:url(images/ico-login.gif) no-repeat;padding-left:20px;} .header .ico-logout{background:url(images/ico-logout.gif) no-repeat;padding-left:20px;} .header .ico-inbox{background:url(images/ico-inbox.gif) no-repeat;padding-left:20px;} .header .ico-cart{background:url(images/ico-cart.gif) no-repeat;padding-left:20px;} .header .ico-wishlist{background:url(images/ico-wishlist.gif) no-repeat;padding-left:20px;} .header .ico-admin{background:url(images/ico-admin.gif) no-repeat;padding-left:20px;} .header-logo{margin-top:5px;float:left;text-align:left;} a.logo{background:url(images/logo.gif);display:block;width:225px;height:60px;text-decoration:none;} .header-selectors-wrapper{text-align:right;float:right;width:500px;} .currency-selector{float:right;} .language-selector{float:right;} .tax-display-type-selector{float:right;} ul.language-list{display:inline;line-height:25px;} ul.language-list li{list-style:none;display:inline;padding:0 5px;} ul.language-list li .selected{border:solid 1px #ccc!important;} ul.language-list li:hover{cursor:pointer;} .header-links-wrapper{position:relative;float:right;text-align:right;width:670px;} .header-links{border:solid 1px #9a9a9a;padding:5px;margin-bottom:5px;display:inline-table;} .header-links ul{padding:0;margin:0;} .header-links ul li{list-style:none;display:inline;padding-right:2px;} .header-links a{color:#FFF;text-decoration:none;} .header-links a:hover{color:#f93;} .header-links a.account{color:#f93;} .header-links span.impersonate{color:#58DE81;font-weight:700;} .header-links span.impersonate .finish-impersonation{color:#E44097;} .header-menu{color:#FFF;background:#3a3a3a;padding:8px 5px 9px;text-align:center;height:100%;vertical-align:middle;letter-spacing:1px;margin-bottom:10px;} .header-menu ul{padding:0;margin:0;} .header-menu li{list-style:none;display:inline;white-space:nowrap;} .header-menu a{color:#FFF;text-decoration:none;text-transform:uppercase;font-size:.9em;font-weight:700;vertical-align:middle;padding-left:10px;padding-right:10px;} .header-menu ul.top-menu{text-align:right;} */ /************************************************ * Header * : TATVASOFT ************************************************/ #header { width:100%; height:300px; background:url(images/bg-new.jpg) top repeat;} .dark-bg { width:100%; height:300px; background:url(images/dark-bg.png) repeat-x;} .top-strip-bg { background:url(images/top-strip.png) repeat-x;} .header-main-bg { background:url(images/circular-bg.png) center top no-repeat; height:300px; margin:0px auto;} .header-main { width:960px; height:300px; margin:0px auto;} .header-toplink { position: relative; width:960px; height:53px; line-height:53px; color:#999999; font-size:16px; text-align:right; } .header-toplink a { color:#faa635; text-decoration:none; font-weight:700;} .header-toplink a:hover { text-decoration:underline;} .logo { width:960px; height:247px; text-align:center;} /************************************************ * Content * : TATVASOFT ************************************************/ #content { width:100%; height:100%;} .wk-is { background: #f1f2f2; padding: 15px 0 17px } .wk-is ul { list-style: none; margin: 0; padding: 0 } .wk-is ul li { background: #fff; border: 1px solid #dddfde; margin-left: 15px; width: 226px; padding: 16px 0 16px 82px; color: #000; border-radius: 4px; float: left; font-size: 2em; line-height: 1.2em; position: relative; } .wk-is ul li:after { position: absolute; content: ""; width: 54px; height: 54px; border-radius: 30px; top: 16px; left: 14px; background: url(images/sprite.png) 9px 11px no-repeat #e8eae9; border: 1px solid #dddfdd; } .wk-is ul li span { font-size: 0.75em; display: block; } .wk-is ul li:first-child { margin-left: 0} .home-featured { width:100%; background:#faa635; border-top: 1px solid #d8912e; border-bottom: 1px solid #d8912e; padding: 31px 0 40px } .home-featured h2 { font-weight: normal; text-align: center; font-size: 3em; padding-bottom: 37px; margin: 0; color: #000; float: left; width: 100%;} .featured-items { width: 635px; float: left;} .featured-items > a { width: 310px; margin: 0 15px 13px 0; float: left; position: relative; display: block; height: 288px; } .featured-items > a.first { margin-right: 0; width: 100%;} .featured-items > a:last-child { margin-right: 0} .featured-items > a img { width: 310px; height: 288px; border-radius: 4px; padding: 0; background: #fff; } .featured-items > a.first img { border-radius: 4px 0 0 4px; float: left;} .featured-items .title { background: #000; background: rgba(0,0,0,0.88); position: absolute; width: 100%; bottom: 0; color: #fff; left: 0; font-size: 1.5em; padding: 10px 20px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0 0 4px 4px; transition: padding 0.3s ease; } .featured-items .title span { color: #999; display: block; } .featured-items a:hover .title { padding: 20px; } .featured-items .first .title { border-radius: 0 4px 4px 0; float: right; height: 288px; position: relative; width: 325px; font-size: 2em; line-height: 1.2em; padding: 20px 0 0 25px; background: url(images/small-logo.png) 240px 219px no-repeat #000; background: url(images/small-logo.png) 240px 219px no-repeat rgba(0,0,0,0.88); } .featured-items .first:hover .title { padding: 20px 0 0 25px } .featured-wheels { width: 100%;} .divider { height: 2px; background: #cd882b; width: 100%; float: left; border: none; margin: 39px 0 27px; } .search-section-main { margin:0 0 0 15px; background: #fcbc65; border: 1px solid #e29634; border-radius: 4px; float: right;padding: 19px; width: 270px; } .search-box { font-size:24px; color:#fff;} .search-section-main h3 { padding: 180px 0 36px; margin:0px; font-size:2.5em; font-weight:normal; color:#000; text-align:center; line-height: 1.1em; background: 0px 4px no-repeat;} .search-section-main h4 { padding:30px 0px; margin:0px; font-size:21px; font-weight:normal; color:#666666; text-align:center; line-height:24px; font-weight:700;} .popup h3.search-popup-header { background: none; padding-top: 0; font-size: 2em; } .popup { border: none;background: #fff;} .search-input { width:270px; height:60px; margin-bottom: 7px; } .search-margin { margin:0px 30px; } .search-input-last { width:297px; float:left; height:50px; background:#fff; border-radius:5px; position:relative;} .search-input-last .input-search { border:none; outline:none; background:none; height:24px; line-height:24px; font-size:24px; color:#999999; padding:13px 15px; position:relative;} .search-input-last .search-icon { width:50px; height:50px; background:url(images/search-icon.png) no-repeat; position:absolute; right:-3px; outline:none; border:none; cursor:pointer;} .search-cars-button { height: 60px; line-height: 60px; display: block; font-weight: 700; text-align: center; border-radius: 4px; background: #000; color: #fff; margin-top: 14px; } .offers-home { width:100%; background:#dddfdf; border-top: 1px solid #f0f1f1; border-bottom: 1px solid #bec2c0; padding:22px 0 6px } .offers-home a { font-size: 3em; color: #000; display: block; line-height: 190px; background: url(images/sprite.png) right -126px no-repeat } .offers-home a img { float: left; margin-right: 47px;} .popularbrand-main { width:960px; height:278px; margin:0px auto;} .brand-logo-box { width:960px; float:left; height:164px;} .brand-logo-box-hover {width:960px; float:left;margin-top: -164px;} .brand-logo { width:240px; height:164px; float:left; position:relative;text-align: center;} .ford-logo { width:270px; height:164px; float:left; position:relative;} .lion-logo { width:174px; height:164px; float:left; margin-left:25px; position:relative;} .toyota-logo { width:208px; height:164px; float:left; margin-left:25px; position:relative;} .kia-logo { width:233px; height:164px; float:left; margin-left:25px; position:relative;} img.grey {position: relative;z-index: 10;cursor:pointer;} img.color { cursor:pointer;} .contentbottom-section { width:100%; min-height:289px; background:#ebeceb; border-top: 1px solid #f6f6f6; } .contentbottom-main { width:960px; min-height:229px; margin:0px auto; padding:30px 0px 40px;} .content-bottom-box { width:300px; float:left;} .content-bottom-text { font-size:18px; line-height:22px; color:#9f9f9f; font-weight:normal;} .content-bottom-text a { text-decoration:none; color:#f9ab41;} .content-bottom-text a:hover { text-decoration:underline;} .content-bottom-text span { color:#787878;} .find-inputbox { width:117px;margin: -48px 0 0 183px; height:50px; background:#fff; border-radius:5px; position:relative;} .input-find { border:none; outline:none; background:none; height:24px; line-height:24px; font-size:23px; color:#c8cac8; padding:13px 10px;} .find-btn { width:117px; height:50px; background:url(images/find-us-btn.png) no-repeat; position:absolute; right:0px; outline:none; border:none; cursor:pointer;} /* FOOTER */ /*.footer{clear:both;height:30px;padding:5px 3px;}*/ .footer a{text-decoration:none;color:#FFF;} .footer-disclaimer{float:right;font-size:11px;} .footer-poweredby{float:left;font-size:11px;} .footer-store-theme{float:right;margin:0 100px 0 10px;font-size:11px;} .store-theme-list{background:#e3e3e3;border:solid 1px #3a3a3a;} .change-device{clear:both;text-align:right;} #footer { width:100%; height:150px; background:url(images/footer-bg-new.jpg) repeat;} #footer-mainpattern { width:100%; height:150px; background:url(images/bg-new.jpg) repeat; margin:0px auto;} #footer-mainbg { width:100%; height:150px; background:url(images/footer-mainbg1.png) center repeat-x; margin:0px auto; } .footer-main { width:960px; height:100px; margin:0px auto; } .footer-left-side { float:left; position:relative;} .company-address span{ width:55px; float:left;} .company-address { font-size:16px; line-height:20px; color:#ffffff; margin-left:125px; position:relative; padding:25px 0px;} .company-address a { color:#faa635; text-decoration:none;} .company-address a:hover { color:#faa635; text-decoration:underline;} .footer-logo { width:198px; height:150px; position:absolute; left:-48px; top:0px; overflow: hidden;} .social { } .social ul { list-style: none; margin: 0 0 0 12px; padding: 0; } .social ul li { float: left; } .social ul li a { text-indent: -999em; background:url(images/ico_social.png) 0 3px no-repeat; display: block; width: 30px; height: 30px; margin-left: 5px; margin-top: -6px; } .social ul li a.fb { background-position: -58px 3px; } .social ul li a.yt { background-position: -114px 3px ;} .footer-rightside { float:right; padding:25px 0 0; text-align:right;} .footer-rightside a { color:#faa635; text-decoration:none; font-size:16px; line-height:20px;} .footer-rightside a:hover { text-decoration:underline;} /* MISC. CLASSES */ .nobr{white-space:nowrap!important;} .wrap{ white-space:normal!important;} .a-left{text-align:left!important;} .a-center{text-align:center!important;} .a-right{text-align:right!important;} .page{} .page-body{ font-size: 14px;} .page-title{border-bottom:1px solid;margin:0 0 10px;overflow:hidden;width:100%;} .page-title h1,.page-title h2{padding:5px 5px 5px 0;font-size:20px;margin:0;font-family:Arial,Helvetica,sans-serif;font-weight:400;} .page-title .link-rss{float:right;margin:10px 10px 0 0;} td{vertical-align:middle;} td.fieldname{font-size:12px;} .captcha-box{} .section-title{padding:10px 10px 5px 0;font-weight:700;clear:both;font-size:12px;} .button-1{background:url(images/orange-button-bg.gif) no-repeat 25% 50% #F80;border:1px solid #F80;color:#FFF;height:20px;padding:0 5px;width:auto;overflow:visible;} .button-2{background:url(images/grey-button-bg.gif) no-repeat 25% 50% #333;border:1px solid #333;color:#FFF;height:20px;padding:0 5px;width:auto;overflow:visible;} .product-box-detail-button{margin-bottom:3px;} .noscript{border:1px solid #ddd;border-width:0 0 1px;background:#ffff90;font-size:12px;line-height:1.25;text-align:center;color:#2f2f2f;} .clear{border:medium none;clear:both;float:none;font-size:0;height:0;line-height:0;} fieldset.form-fields{padding:10px 5px;} fieldset.form-fields legend{font-size:12px;} fieldset.form-fields dl{} fieldset.form-fields dl dt{float:left;width:140px;padding:3px 0 0 0;} fieldset.form-fields dl dd{padding:3px 0 0 0;} /* AJAX LOADING INDICATOR */ .ajax-loading-block-window{position:fixed;top:50%;left:50%;width:128px;height:128px;overflow:hidden;z-index:1104;} .ajax-loading-block-window .loading-image{position:absolute;top:0;left:0;width:128px;height:128px;background-image:url('images/ajax_loader_large.gif');} /* DATA TABLE */ .data-table{width:100%;border:1px solid;border-collapse:collapse;border-spacing:0;empty-cells:show;} .data-table th{font-weight:bold;padding:3px 8px;white-space:nowrap;vertical-align:middle;} .data-table td{padding:3px 8px;} .data-table th,.data-table td{border-bottom:1px solid;border-right:1px solid;} .data-table .odd{} .data-table .even{background-color: #F4FAFF;} /* TOPICS */ .topic-html-content{padding-bottom:5px;} .topic-html-content-title{padding:0 0 5px;clear:both;} .topic-html-content-header{font-size:1.2em;font-weight:700;} .topic-html-content-body{} .topic-html-content-body a{text-decoration:underline;color:#f93;} .topic-page{} .topic-page .page-body{} .topic-page .page-body a{text-decoration:underline;color:#f93;} /* VALIDATION AND ERRORS */ .message-error{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;} .message-error ul{padding:0px;} .message-error ul li{list-style:none;} .validation-summary-errors{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;} .field-validation-error{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;} .required{color:red;} /* USER-AGREEMENT PAGE */ .user-agreement-page{} .user-agreement-page .page-title{} .user-agreement-page .page-body{} /* COPYRIGHT INFO */ .copyright{float:right;padding-right:10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;} .copyright a{color:#3664A5;background-color:inherit;} /* SITEMAP */ .sitemap-page{margin-left:auto;margin-right:auto;width:100%;} .sitemap-page .entity{margin:5px 0 30px;} .sitemap-page .topic-box,.sitemap-page .manufacturer-box,.sitemap-page .category-box,.sitemap-page .product-box{text-align:center;vertical-align:bottom;} .sitemap-page .topic-box .item,.sitemap-page .manufacturer-box .item,.sitemap-page .category-box .item,.sitemap-page .product-box .item{text-align:left;margin:3px 10px;width:150px;border-bottom:1px dotted #ADACAC;} /* EU COOKIE LAW */ .eu-cookie-law{text-align:left;} a.eu-cookie-privacyinfo-tag{color:#F93 !important;text-decoration:underline;} /* PAGER */ .pager{text-align:center;} .pager a{font-size:1em;} .pager a:link{text-align:center;color:#555;} .pager span{color:#f93;font-size:1.2em;font-weight:700;} /* NAVIGATIONS */ .block{margin-bottom:15px;padding-bottom:5px;padding-left:0;color:#FFF;} .block .title{font-size:.9em;font-weight:700;text-transform:uppercase;padding:7px 10px;color:#f93;background:#333;border-radius:5px 5px 0px 0px;} .block .listbox{font-size:11px;padding:5px 10px 10px;line-height:18px;background:#404040;margin:0;border-radius:0px 0px 5px 5px;} .block .listbox ul{margin:0;padding:0 0 0 10px;color:#3664A5;background-color:inherit;} .block a{color:#FFF;font-weight:700;text-decoration:none;} .block li{list-style:none;} .block li.separator{height:1px;line-height:1px;background:#f93;width:140px;font-size:1px;margin:5px 0;} .block-category-navigation,.block-manufacturer-navigation,.block-recently-viewed-products,.block-info,.block-newsletter,.block-popular-tags,.block-popular-blogtags,.block-blog-archive,.block-poll,.block-account-navigation{} .block-category-navigation .active a,.block-manufacturer-navigation .active a{color:#f93;font-weight:700;text-decoration:none;} .block-category-navigation .listbox ul .active,.block-manufacturer-navigation .listbox ul .active{font-weight:700;} .block-category-navigation .listbox ul .inactive,.block-manufacturer-navigation .listbox ul .inactive{} .block-manufacturer-navigation .listbox .view-all a{color:#f93;} .block-account-navigation a.active{color:#f93;font-weight:700;text-decoration:none;} .block-account-navigation a{white-space:nowrap;} .block-account-navigation a.inactive{color:#FFF;font-weight:700;text-decoration:none;} .block-newsletter .options{margin-top:5px;} .block-newsletter .buttons{margin-top:5px;} .block-recently-viewed-products a:hover{font-weight:700;text-decoration:none;color:#f93;} .block-popular-tags li,.block-popular-blogtags li{display:inline!important;} .block-popular-tags .listbox .view-all a{color:#f93;} .block-blog-archive .year{color:#f93;font-weight:700;text-decoration:none;} /* MINI-SHOPPING CART */ #flyout-cart{display:none;position:absolute;float:left;top:40px;right:0px;width:300px;min-height:50px;background:#FFF;z-index:99999;} #flyout-cart.active{display:block;} .mini-shopping-cart{padding:5px 10px 10px;margin:0;border: 1px solid #C1C1C1;color:#FFF;background:#404040;font-size:11px;} .mini-shopping-cart a{color:#FFF;font-weight:700;text-decoration:none;} .mini-shopping-cart .count{/*margin:10px 0px 10px;*/text-align: center;} .mini-shopping-cart .items{overflow:hidden;} .mini-shopping-cart .items table{border-collapse:collapse;width:100%;} .mini-shopping-cart .items table .first td{border-top:1px solid #EEEEEE;} .mini-shopping-cart .items table td{border-bottom:1px solid #EEEEEE;padding:10px 5px;vertical-align:top;} .mini-shopping-cart .items .item{border-bottom:1px solid #CFCFCF;margin:5px 0;} .mini-shopping-cart .items .item .product .name{clear:both;} .mini-shopping-cart .items .item .product .attributes{font-size:10px;margin:0px;} .mini-shopping-cart .items .item .price{font-size:10px;margin:10px 0px 0px 0px;} .mini-shopping-cart .items .item .quantity{font-size:10px;margin:0px} .mini-shopping-cart .totals{margin:0px 0px;text-align:right;} .mini-shopping-cart .buttons{margin:0px 0px;text-align:right;} .mini-shopping-cart .cart-button,.mini-shopping-cart .checkout-button{margin:0px 5px;} /* NOTIFICATIONS */ .bar-notification{display:none;left:0;position:fixed;top:0;width:100%;z-index:100000;} .bar-notification.success{background:none repeat scroll 0 0 #91BD09;border-bottom:3px solid #FFFFFF !important;color:#FFFFFF;margin: 0 0 10px;} .bar-notification.error{background:none repeat scroll 0 0 #CC0000;border-bottom:3px solid #FFFFFF !important;color:#FFFFFF;margin: 0 0 10px;} .bar-notification .close{float:right;margin:9px 9px 0px 0px;cursor:pointer;} .bar-notification p.content{padding:0px 10px;} .bar-notification p.content a{text-decoration:underline;color:#FFFFFF;} .bar-notification p.content a:hover{text-decoration:none;color:#FFFFFF;} .securityMes { background: url(images/ico_lock.png) no-repeat 11px 13px #F1F1F1; border-radius: 5px; color: #aeaeae; display: inline-block; float: right; font-size: 12px; padding: 8px 8px 8px 41px; width: 315px; text-align: left; } /* ORDER SUMMARY, SHOPPING CART, WISHLIST */ .shopping-cart-page,.wishlist-page{} .shopping-cart-page .page-title,.wishlist-page .page-title{border-bottom:0 none;} .shopping-cart-page .page-body,.wishlist-page .page-body{margin:0;padding:0;font-size:11px;color:#555;} .wishlist .share-info{background:url(images/cart-footer-bg.gif) repeat-x bottom;font-size:1.2em;height:50px;padding:0 0 5px 5px;} .wishlist .share-info .share-label{font-weight:700;} .wishlist .share-info .share-link{} .order-summary-content{margin:0;padding:10px;font-size:11px;color:#555;} .wishlist-content{margin:0;font-size:11px;color:#555;background-color:inherit;} .order-summary-content .totals{float:right;padding:23px 5px 0;width:330px;} .order-summary-content .cart-collaterals{padding:20px 0 10px;width:550px;} .order-summary-content .deals{display:inline;float:left;margin:0 20px 0 0;width:250px;} .order-summary-content .shipping{display:inline;float:left;margin:0;width:280px;} .order-summary-content .coupon-box,.order-summary-content .giftcard-box{padding:10px;font-size:11px;color:#555;background:#F7F5E8;margin:0 0 10px;border:dotted 1px #d3d3d3;} .order-summary-content .coupon-box .current-code{padding: 10px 0px 0px 0px;} .order-summary-content .giftcard-box{position:relative;z-index:1;} .order-summary-content .coupon-box .discount-coupon-code, .order-summary-content .giftcard-box .gift-card-coupon-code{width:125px;} .order-summary-content .cart,.wishlist-content .cart{width:100%;border-collapse:collapse;text-align:center;vertical-align:middle;} .wishlist-content .cart{margin-bottom:10px;} .order-summary-content .cart td,.wishlist-content .cart td{padding:10px;} .order-summary-content .cart .cart-header-row,.wishlist-content .cart .cart-header-row{font-weight:700;} .order-summary-content .cart .cart-header-row th,.wishlist-content .cart .cart-header-row th{background:url(images/cart-header-bg.gif) repeat-x 50%;color:#FFF;border-right:solid 1px #6a6a6a;height:20px;padding:2px 8px;vertical-align:middle;white-space:nowrap;} .order-summary-content .cart .cart-header-row th.picture,.wishlist-content .cart .cart-header-row th.picture{border:none;} .order-summary-content .cart .cart-header-row th.end,.wishlist-content .cart .cart-header-row th.end{text-align:right;padding-right:5px;} .order-summary-content .cart .cart-item-row,.wishlist-content .cart .cart-item-row{} .order-summary-content .cart .cart-item-row td,.wishlist-content .cart .cart-item-row td{border-bottom:1px solid #c5c5c5;vertical-align:middle;line-height:30px;} .order-summary-content .cart .cart-item-row td.product,.wishlist-content .cart .cart-item-row td.product{text-align:left;padding:0 10px;} .order-summary-content .cart .cart-item-row td.product a,.wishlist-content .cart .cart-item-row td.product a{font-weight:700;} .order-summary-content .cart .cart-item-row td.end,.wishlist-content .cart .cart-item-row td.end{text-align:right;font-weight:700;color:Green;padding-right:5px;} .order-summary-content .cart .cart-item-row .qty-input,.wishlist-content .cart .cart-item-row .qty-input{border:solid 1px #E3E3E3;font-size:12px;text-align:right;width:40px;} .order-summary-content .cart-footer{width:100%;background:url(images/cart-footer-bg.gif) repeat-x bottom;} .order-summary-content .total-info{margin:0;font-size:12px;} .order-summary-content .total-info .selected-shipping-method{font-weight:normal;font-size:11px;} .order-summary-content .total-info .order-total{color:#353434;} .cart-total-left{width:100%;text-align:right;vertical-align:middle;height:21px;font-weight:700;color:#353434;} .cart-total-left-below{width:100%;text-align:right;vertical-align:top;height:30px;} .cart-total-right{text-align:right;vertical-align:middle;padding-left:5px;} .order-summary-content .remove-gift-card-button,.order-summary-content .remove-discount-button{padding-right:5px;padding-left:18px;background:url(images/ico-delete.gif) no-repeat;border:0;width:32px;height:15px;} .order-summary-content .remove-gift-card-button:hover,.order-summary-content .remove-discount-button:hover{cursor:pointer;} .order-summary-content .selected-checkout-attributes{margin:0;padding:10px 5px 10px 0;width:100%;text-align:right;vertical-align:middle;color:#353434;} .order-summary-content .checkout-attributes{margin:10px 0;padding:10px 20px;background:none repeat scroll 0 0 #F7F5E8;border:1px dotted #D3D3D3;} .order-summary-content .checkout-attributes .text-prompt{font-weight:bold;} .order-summary-content .checkout-attributes ul.option-list{padding:0px;margin:0px;} .order-summary-content .checkout-attributes ul.option-list li{list-style:none;} .order-summary-content .checkout-attributes .textbox{width:300px;} .order-summary-content .checkout-attributes textarea{width:300px;height:150px;} .order-summary-content .min-amount-warning{margin:0;padding:10px 0 10px 10px;} .order-summary-content .terms-of-service{margin:0;padding:10px 0 10px 10px;} .order-summary-content .terms-of-service .read{text-decoration:underline;} .order-summary-content .terms-of-service .read:hover{cursor:pointer;} .order-summary-content .common-buttons{margin:0;padding:10px 10px 10px 0;float:left;} .order-summary-content .checkout-buttons{float:right;margin:0;padding:10px 0 10px 10px;} .order-summary-content .addon-buttons{clear:both;float:right;margin:0;padding:10px 0 10px 10px;text-align:right;} .order-summary-content .cross-sells-title{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;padding:5px 5px 5px 0;border-bottom:0 none;margin:0 0 10px;width:100%;} .order-summary-body .extra-payment-info table { float: right;} .order-summary-body .extra-payment-info table td { text-align: right;padding: 0 10px;} .order-summary-body .extra-payment-info table th { color: #000000;font-size: 18px;text-align: right;} .estimate-shipping{margin:0;padding:10px;font-size:11px;color:#555;background:#F7F5E8;border:dotted 1px #d3d3d3;} .estimate-shipping .country-input,.estimate-shipping .state-input{width:137px;} .estimate-shipping .zip-input{} .estimate-shipping .shipping-options{text-align:left;margin:10px;border:1px solid #d7d7d7;height:auto;} .estimate-shipping .shipping-options .shipping-option-item{text-align:left;vertical-align:text-top;padding:5px 0 0 5px;} .estimate-shipping .shipping-options .shipping-option-item .option-name{font-weight:700;} .estimate-shipping .shipping-options .shipping-option-item .option-description{padding:5px 0 5px 16px;} /* CHECKOUT */ .checkout-page,.checkout-one-page{} .checkout-page .page-title,.checkout-one-page .page-title{border-bottom:0 none;} .checkout-page .checkout-data,.checkout-one-page .checkout-data{margin:0;padding:0;font-size:14px;color:#555;background-color:inherit;} .checkoutstep{} .checkoutstep .steptitle{border:1px solid #2F4F4F;color:#FFF;background-color:#2E4d7B;font-family:Arial, Sans-Serif;font-size:12px;font-weight:700;padding:5px;margin-top:5px;} .checkoutstep .stepcontent{border:dashed 1px #2F4F4F;border-top:none;padding:5px;} .order-summary-title{padding:10px 10px 5px 0;font-size:11px;color:#555;font-weight:700;clear:both;} .order-summary-body{text-align:center;margin:10px;height:auto;} .checkout-data .select-address-title{padding:10px 10px 5px 0;font-weight:700;clear:both;} .checkout-data .address-grid{margin-bottom:15px;padding:0;} .checkout-data .address-grid .item-box{padding-bottom:10px;text-align:center;vertical-align:text-top;} .checkout-data .address-grid .address-item{text-align:center;margin:10px;padding:10px;border:1px solid #d7d7d7;width:200px;height:auto;} .checkout-data .address-grid .address-item .select-button{margin-bottom:5px;margin-top:5px;text-align:center;} .checkout-data .address-grid .address-item .address-box{text-align:left;} .checkout-data .enter-address-title{padding:10px 10px 5px 0;font-weight:700;clear:both;} .checkout-data .enter-address{text-align:center;margin:10px;height:auto;} .checkout-data .enter-address .enter-address-body{text-align:left;margin:10px;} .checkout-data .enter-address .buttons{margin:10px;text-align:left;} .checkout-data .enter-address .the-same-address{text-align:left;margin:10px;} .checkout-data .shipping-options{text-align:left;margin:10px;height:auto;} .checkout-data .shipping-options .shipping-option-item{text-align:left;vertical-align:text-top;padding:5px 0 0 5px;} .checkout-data .shipping-options .shipping-option-item .option-name{font-weight:700;} .checkout-data .shipping-options .shipping-option-item .option-description{padding:5px 0 5px 16px;} .checkout-data .shipping-options .select-button{margin:10px;text-align:left;} .checkout-data .shipping-options .message-error{margin:10px;text-align:left;} .checkout-data .use-reward-points{margin:0;padding:10px;font-size:11px;color:#555;background:#F7F5E8;margin-bottom:10px;border:dotted 1px #d3d3d3;} .checkout-data .payment-methods{text-align:left;margin:10px;height:auto;} .checkout-data .payment-methods .payment-method-item{padding:10px;text-align:left;vertical-align:text-top;} .checkout-data .payment-methods .select-button{margin:10px;text-align:left;} .checkout-data .payment-methods .message-error{padding:10px 10px 5px 0;font-weight:700;clear:both;} .checkout-data .payment-info{text-align:left;margin:10px;height:auto;} .checkout-data .payment-info .body{padding:10px;text-align:left;vertical-align:text-top;} .checkout-data .payment-info .select-button{margin:10px;text-align:left;} .checkout-data .confirm-order{text-align:left;margin:10px;height:auto;} .checkout-data .confirm-order .select-button{margin:10px;text-align:left;} .checkout-data .confirm-order .message-error{margin:10px;text-align:left;} .checkout-data .order-review-data-box{text-align:left;padding:10px;height:auto;} .checkout-data .order-review-data-box .order-details-table{width:100%;border:0px;border-collapse:collapse;border-spacing:0;} .checkout-data .order-review-data-box .order-details-table .billinginfo,.checkout-page .order-review-data-box .order-details-table .shippinginfo{width:50%;vertical-align:top;} .checkout-data .order-completed{text-align:left;margin:10px;height:auto;} .checkout-data .order-completed .body{padding:10px;text-align:left;vertical-align:text-top;} .checkout-data .order-completed .select-button{margin:10px;text-align:left;} .order-progress{height:40px;margin:0 auto;text-align:center;border-bottom:solid 2px #f3f3f3;} .order-progress ul{padding:0;margin:0;} .order-progress ul li{list-style:none;display:inline;padding:5px 20px 0;} .order-progress ul li .active-step{color:#6a6a6a;background:url(images/progress-step-active.gif) no-repeat 50% 50%;padding-bottom:40px;padding-right:1px;} .order-progress ul li .inactive-step{color:#d7d7d7;background:url(images/progress-step-inactive.gif) no-repeat 50% 50%;padding-bottom:40px;padding-right:1px;} .pending-btn.large, .download-btn.large{ height: 70px;width: 245px; font-size:22px;} .pending-btn {-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;box-shadow:inset 0px 1px 0px 0px #f29c93;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e82b19), color-stop(1, #ff0000) );background:-moz-linear-gradient( center top, #e82b19 5%, #ff0000 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e82b19', endColorstr='#ff0000');background-color:#e82b19;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #d83526;display:inline-block;color:#ffffff;font-family:"ff-meta-web-pro";font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:1px 1px 0px #b23e35;} .download-btn {-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;box-shadow:inset 0px 1px 0px 0px #a4e271;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');background-color:#89c403;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #74b807;display:inline-block;color:#ffffff;font-family:"ff-meta-web-pro";font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:1px 1px 0px #528009;} .invoice-btn {-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;box-shadow:inset 0px 1px 0px 0px #fce2c1;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');background-color:#ffc477;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #eeb44f;display:inline-block;color:#ffffff;font-family:arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:1px 1px 0px #cc9f52;} /* ONE PAGE CHECKOUT */ .opc {padding:0px;} .opc .label{color:#000;} .opc .buttons{margin-top:0; /*margin-bottom:30px;*/} .opc .buttons .back-link small{display:none;} .opc .buttons .back-link a{background:url(images/arrow-up.png) 0 50% no-repeat;padding-left:20px;} .opc .buttons.disabled button{display:none;} .opc .buttons .please-wait{height:21px;line-height:21px; padding-top:20px; padding-left:15px; vertical-align:middle;float:right} .opc .ul{list-style:disc outside; padding-left:18px;} .opc ul, .opc ol, ul.opc, ol.opc{list-style:none outside none;} .opc {position:relative;} .opc li.section{padding:20px 0px ;border-bottom:1px solid #dddddd;} /*.opc .step-title{border-width:0 1px;border-style:solid;border-color:#fff #d9dde3 #d9dde3;background:#eee 0 100% repeat-x;padding:4px 8px 6px;text-align:right;}*/ .opc .step-title{padding:4px 8px 6px;text-align:right;} .opc .step-title .number{float:left;font-size: 36px; line-height: 34px;color:#BFC1C0;} .opc .step-title h2{float:left;margin:0;font-size: 36px; line-height: 34px;color:#BFC1C0;} .opc .allow .step-title{color:#a4b3b9;cursor:pointer; background:url(images/correct-icon.png) right center no-repeat;} .opc .allow .step-title .number{color:#a4b3b9;} .opc .allow .step-title h2{color:#a4b3b9;} .opc .active .step-title{padding:10px 0px; line-height:36px; color:#000;cursor:default;font-size:36px; font-weight:700;float:left; background:#fff;clear: both} .opc .active .step-title .number{color:#000;font-size:36px;} .opc .active .step-title h2{color:#000;font-size:36px;} .opc .step{ clear: both; padding: 0;} .opc .step-title:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden;} .opc .order-summary-content .cart-footer{background:none!important;} #co-billing-form { padding: 0; margin: 0; clear: both; } #BillingNewAddress_StateProvinceId{color:#333333; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; padding:4px; background: none repeat scroll 0 0 #E2E2E2; line-height: 30px; height:30px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:190px;} #BillingNewAddress_CountryId{ color:#333333; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; padding:4px; background: none repeat scroll 0 0 #E2E2E2; line-height: 30px; height:30px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:190px;} #shipping-address-select{color:#333333; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; padding:4px; background: none repeat scroll 0 0 #E2E2E2; line-height: 30px; height:30px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:500px;} #billing-address-select {color:#333333; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; padding:4px; background: none repeat scroll 0 0 #E2E2E2; line-height: 30px; height:30px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:500px; } #ShippingNewAddress_CountryId { color:#333333; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; padding:4px; background: none repeat scroll 0 0 #E2E2E2; line-height: 30px; height:30px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:190px; } #Address_CountryId {color:#333333; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; padding:4px; background: none repeat scroll 0 0 #E2E2E2; line-height: 30px; height:30px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:190px; } #ShippingNewAddress_StateProvinceId{color:#333333; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; padding:4px; background: none repeat scroll 0 0 #E2E2E2; line-height: 30px; height:30px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:190px;} #Address_StateProvinceId { color:#333333; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; padding:4px; background: none repeat scroll 0 0 #E2E2E2; line-height: 30px; height:30px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:190px; } #Cid { color:#333333; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; padding:4px; background: none repeat scroll 0 0 #E2E2E2; line-height: 30px; height:30px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:190px; } #CreditCardType { color:#333333; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; padding:4px; background: none repeat scroll 0 0 #E2E2E2; line-height: 30px; height:30px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:190px; } #ExpireMonth { color:#333333; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; padding:4px; background: none repeat scroll 0 0 #E2E2E2; line-height: 30px; height:30px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:55px; } #ExpireYear { color:#333333; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; padding:4px; background: none repeat scroll 0 0 #E2E2E2; line-height: 30px; height:30px; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:65px; } /* ORDER DETAILS */ .order-details{} .order-details .page-title{border-bottom:0 none;text-align:left;} .order-details .page-title .print-buttons{text-align:right;} .order-details .page-body{border:1px solid #d7d7d7;padding:10px;} .order-details .order-overview{text-align:left;padding-bottom:10px;} .order-details .order-overview .order-total-top{text-align:right;} .order-details .order-details-box{text-align:left;padding:10px;border:1px solid #d7d7d7;height:auto;} .order-details .order-overview .order-overview-table, .order-details .order-details-box .order-details-table{width:100%;border:0px;border-collapse:collapse;border-spacing:0;} .order-details .order-details-box .order-details-table .billinginfo,.order-details .order-details-box .order-details-table .shippinginfo{width:50%;vertical-align:top;} .order-details .order-details-box .repost{margin:10px 0px 10px 0px;} .order-details .order-details-box .repost .hint{margin:0px;} .order-details .products-box,.order-details .shipments-box,.order-details .ordernotes-box{text-align:left;padding:10px;border:1px solid #d7d7d7;height:auto;} .order-details .checkout-attributes{text-align:right;vertical-align:middle;padding:10px;height:auto;} .order-details .actions{margin:10px 0px 10px 0px;} .order-details .cart-total-left{color:#000;} /* SHIPMENTS */ .shipment-details{} .shipment-details .page-title{border-bottom:0 none;text-align:left;} .shipment-details .page-body{border:1px solid #d7d7d7;padding:10px;} .shipment-details .overview{text-align:left;padding-bottom:10px;} .shipment-details .tracking-url{color:#f93;text-decoration:none;} .shipment-details .products-box,.shipment-details .shipment-status-events-box{text-align:left;padding:10px;border:1px solid #d7d7d7;height:auto;} /* HOME PAGE */ .home-page-product-grid{margin-left:auto;margin-right:auto;width:520px;} .home-page-product-grid .title{padding:10px 10px 10px 0;margin:0 0 0 10px;font-weight:700;text-transform:uppercase;font-size:1.1em;color:#3a3a3a;text-align:center;} .home-page-category-grid{margin-left:auto;margin-right:auto;width:520px;} .home-page-category-grid a{color:#555;} .home-page-category-grid .item-box{text-align:center;vertical-align:text-top;} .home-page-category-grid .category-item{text-align:center;margin:10px;width:150px;height:auto;background:url(images/category-bg.gif) no-repeat 0 100%;} .home-page-category-grid .category-item .title{text-align:center;font-weight:700;background:url(images/category-title.gif);font-size:.9em;display:block;overflow:hidden;height:1.8em;padding:8px 0 5px;} .home-page-category-grid .category-item .picture{text-align:center;padding:10px 0;} .bestsellers{margin-left:auto;margin-right:auto;width:520px;} .bestsellers .title{padding:10px 10px 10px 0;margin:0 0 0 10px;font-weight:700;text-transform:uppercase;font-size:1.1em;color:#3a3a3a;text-align:center;} /* PRODUCTS IN GRID - TEMPLATE */ .product-grid{margin-bottom:15px;margin-left:auto;margin-right:auto;width:520px;text-align:center;} .product-grid .item-box{padding-bottom:10px;text-align:center;vertical-align:text-top;} .product-grid .product-item{text-align:center;margin:10px 5px;width:250px;background:url(images/productbox-grid-bg.gif) no-repeat 0 100%;} .product-grid .product-item .product-title{font-weight:700;font-size:12px;background:url(images/box-header-left.gif) no-repeat 0 0;padding-left:10px;} .product-grid .product-item .product-title a{background:url(images/box-header-right.gif) no-repeat 100% 0;display:block;height:2em;line-height:1.3em;overflow:hidden;padding:4px 10px 8px 0;} .product-grid .product-item .picture{text-align:center;margin-top:10px;} .product-grid .product-item .description{margin:5px 5px 0;text-align:center;padding:10px 5px;border-top:solid 1px #e3e3e3;color:#555;height:50px;} .product-grid .product-item .add-info{vertical-align:bottom;text-align:right;width:250px;height:85px;position:relative;} .product-grid .product-item .add-info .prices{text-align:right;vertical-align:middle;position:absolute;bottom:15px;right:10px;} .product-grid .product-item .add-info .buttons{vertical-align:middle;position:absolute;bottom:15px;left:10px;text-align:left;} .product-grid .product-item .add-info .prices .product-price,.product-grid .product-item .add-info .prices .old-product-price{margin:0px;} .product-grid .product-item .add-info .prices .product-price .price{color:green;} .product-grid .product-item .add-info .prices .old-product-price .price{color:Red;text-decoration:line-through;} .product-grid .item-box{padding-bottom:10px;text-align:center;vertical-align:text-top;} .product-grid .small-product-item{text-align:center;margin:10px;width:150px;height:150px;} .product-grid .small-product-item .product-title{margin-bottom:5px;margin-top:5px;text-align:center;font-weight:700;font-size:12px;} .product-grid .small-product-item .picture{text-align:center;} /* PRODUCTS IN LINES - TEMPLATE */ .product-list{width:520px;margin:0 auto;padding:0;list-style-type:none;} .product-list .item-box{text-align:left;clear:both;position:relative;margin-bottom:10px;} .product-list .product-item{width:520px;height:177px;background:url(images/productbox-list-bg.gif) no-repeat 0 100%;margin-top:10px;position:relative;} .product-list .product-item .product-title{font-weight:700;font-size:12px;background:url(images/box-header-left.gif) no-repeat 0 0;padding-left:10px;} .product-list .product-item .product-title a{background:url(images/box-header-right.gif) no-repeat 100% 0;display:block;height:2em;line-height:1.3em;overflow:hidden;padding:4px 10px 8px 0;} .product-list .product-item .picture{float:left;margin:10px 0 10px 10px;} .product-list .product-item .description{padding:0 0 0 10px;margin:10px 150px 0 140px;text-align:left;border-left:solid 1px #e3e3e3;color:#555;} .product-list .product-item .add-info{float:right;text-align:right;position:absolute;bottom:20px;right:5px;} .product-list .product-item .prices{} .product-list .product-item .prices .product-price,.product-list .product-item .prices .old-product-price{margin:0px;} .product-list .product-item .prices .product-price .price{color:green;} .product-list .product-item .prices .old-product-price .price{color:Red;text-decoration:line-through;} .product-list .product-item .buttons{padding-top:20px;} /* FEATURED PRODUCTS */ .featured-product-grid{} .featured-product-grid .title{padding:10px 10px 5px 0;font-weight:700;text-transform:uppercase;clear:both;margin:0;color:#f93;} /* CATALOG PAGES */ .category-page,.manufacturer-page,.manufacturer-list-page,.product-tag-page,.product-tags-all-page{} .category-page .page-title,.manufacturer-list-page .page-title,.manufacturer-page .page-title,.product-tag-page .page-title,.product-tags-all-page .page-title{border-bottom:0 none;} .product-tags-all-page .product-tags-list li{display:inline;} .product-tags-all-page .product-tags-list li a{text-decoration:none;margin:0 2px 0 0;} .category-page .category-description,.manufacturer-page .manufacturer-description{color:#555;font-size:1.1em;} .sub-category-grid,.manufacturer-grid{margin-left:auto;margin-right:auto;width:960px;margin-bottom:15px;} .sub-category-grid a,.manufacturer-grid a{color:#555;} .sub-category-grid .item-box,.manufacturer-grid .item-box{text-align:center;vertical-align:text-top;} .sub-category-grid .sub-category-item,.manufacturer-grid .manufacturer-item{text-align:center;margin:10px;width:150px;height:auto;background:url(images/category-bg.gif) no-repeat 0 100%;} .sub-category-grid .sub-category-item .category-title,.manufacturer-grid .manufacturer-item .man-title{text-align:center;font-weight:700;background:url(images/category-title.gif);font-size:.9em;display:block;overflow:hidden;height:1.8em;padding:8px 0 5px;} .sub-category-grid .sub-category-item .picture,.manufacturer-grid .manufacturer-item .picture{text-align:center;padding:10px 0;} .product-sorting{margin:0 auto 10px;float:left;} .product-viewmode{margin:0 auto 10px;float:right;} .product-page-size{width:165px;margin:0 auto;text-align:center;} .product-filters{width:520px;background:url(images/filterbox-bg.gif) no-repeat 0 100%;margin:0 auto;} .product-filters .filter-title{font-weight:700;background:url(images/box-header-left.gif) no-repeat 0 0;padding-left:10px;color:#555;} .product-filters .filter-title span{background:url(images/box-header-right.gif) no-repeat 100% 0;display:block;height:2em;line-height:1.3em;overflow:hidden;padding:4px 10px 8px 0;} .product-filters .filter-item{padding:5px 10px;} .price-range-filter{} .price-range-filter .title{color:#555;font-weight:700;background:url(images/ico-arrow-r.gif) no-repeat;padding:1px 0 5px 20px;} .price-range-filter ul{margin:0;padding-left:20px;} .price-range-filter li{list-style:none;padding-bottom:2px;} .price-range-filter .selected-price-range{padding-left:20px;} .price-range-filter .remove-price-range-filter{font-weight:700;} .product-spec-filter{} .product-spec-filter .title{color:#555;font-weight:700;background:url(images/ico-arrow-r.gif) no-repeat;padding:1px 0 5px 20px;} .product-spec-filter .available-items,.product-spec-filter .already-filtered-items{width:100%;} .product-spec-filter .group{font-weight:700;} .product-spec-filter .available-items .item{padding:2px 2px 2px 16px;} .product-spec-filter .already-filtered-items .item{} .product-spec-filter .remove-filter{padding-top:5px;padding-left:20px;font-weight:700;} /* COMPARE PRODUCTS */ .compare-products-page{} .compare-products-page .page-title{border-bottom:0 none;} .compare-products-page .page-body{margin:0;padding:0;font-size:11px;color:#555;background-color:inherit;} .compare-products-table{width:100%;border:0px;border-collapse:collapse;border-spacing:0;empty-cells:show;} .compare-products-table tr.product-name{background-color:#CCC;font-weight:700;} .compare-products-table td{border-width:1px;border-color:#BFBFBF;border-style:solid;padding:3px;vertical-align:top;} /* LOGIN */ .login-page{} .login-page .page-title{border-bottom:0 none;} .login-page .page-body{font-size:11px;color:#555;} .login-page fieldset{margin:0px;padding:10px;} .login-page fieldset legend{font-size:12px;} .login-page .new-wrapper{float:left;width:46%;min-height:240px;vertical-align:top;} .login-page .new-wrapper .buttons{float:right;margin:30px 30px 5px 30px;} .login-page .returning-wrapper{float:right;width:46%;min-height:240px;vertical-align:top;} .login-page .returning-wrapper .message-error{padding:0px;} .login-page .returning-wrapper .buttons{float:right;margin:5px 30px;} .login-page .returning-wrapper dl dt{width:100px;padding:10px 10px 10px 0;display:block;white-space:nowrap;vertical-align:middle;font-weight:700;} .login-page .returning-wrapper dl dd{padding:10px 0;vertical-align:middle;} .login-page .returning-wrapper .email,.login-page .returning-wrapper .username,.login-page .returning-wrapper .password{width:170px;} .login-page .forgot-password{font-weight:700;} .external-auth-errors{text-align:center;border:solid 1px #d3d3d3;vertical-align:top;width:100%;color:Red;} .external-auth-errors ul{padding:0px;} .external-auth-errors ul li{list-style:none;} .external-auth-association{text-align:center;border:solid 1px #d3d3d3;vertical-align:top;width:100%;} .external-auth-association .identifier{} .external-auth-association .remove{color:#F93;} /* REGISTRATION */ .registration-page{} .registration-page .page-title{border-bottom:0 none;} .registration-page .page-body{margin:0;padding:0;font-size:11px;color:#555;background-color:inherit;} .registration-page .vat-note{display:block;} .registration-page .buttons{float:right;margin-bottom:5px;margin-top:5px;text-align:center;clear:both;} /* BREADCRUMB */ /*.breadcrumb {float:left;font-size:1.1em;font-weight:bold;margin:10px 0 10px;padding:0;text-transform:uppercase;} .breadcrumb ul{margin:0px;padding:0px;} .breadcrumb li{list-style:none;display:inline;} .breadcrumb li strong{font-weight:bold;} .breadcrumb a{text-decoration:none;color:#3a3a3a;} .breadcrumb a:hover{text-decoration:none;color:#f93;} */ /* NEWS */ .news-list-page, .news-list-homepage{margin-bottom:15px;padding-bottom:5px;padding-left:0;} .news-list-homepage .page-title{padding:10px 0 1px;margin:0 5px 10px;font-weight:700;text-transform:uppercase;clear:both;font-size:1.1em;color:#3a3a3a;border-bottom:solid 1px #999;} .news-items{margin:0 5px;padding:0;} .news-items .item{border-bottom:dashed 1px #9a9a9a;margin-bottom:10px;padding-bottom:10px;} .news-items .news-date{color:#9a9a9a;font-style:italic;} .news-items a.news-title{color:#444;text-decoration:none;font-size:1.2em;} .news-items a.news-title:hover{text-decoration:underline;} .news-items .news-details{margin-top:10px;margin-bottom:10px;} .news-items .read-more{font-weight:700;text-decoration:none;color:#f93;background-color:inherit;} .news-item-page{} .news-item-page .page-title{border-bottom:0 none;} .news-item-page .news-date{color:#9a9a9a;font-style:italic;} .news-item-page .news-body{margin:0;padding:0;} .news-item-page .news-body a{color:#f93;text-decoration:underline;} .news-item-page .result{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;} .news-item-page .new-comment{margin-top:10px;} .news-item-page .new-comment .inputs{margin-bottom:12px;clear:both;} .news-item-page .new-comment .captcha-box{margin-bottom:12px;} .news-item-page .new-comment .comment-title{width:350px;} .news-item-page .new-comment .comment-text{width:350px;height:150px;} .news-item-page .new-comment .buttons{text-align:left;} .news-item-page .comment-list{margin:10px 0px 10px 0;} .news-item-page .comment-list .title{padding:10px 10px 10px 0;font-weight:700;text-transform:uppercase;font-size:1.1em;color:#3a3a3a;} .news-comment{} .news-comment .comment-info{width:170px;float:left;padding:5px;height:100%;border-right:solid 1px #F3F3F3;} .news-comment .comment-info .user-info{padding-top:5px;} .news-comment .comment-info .user-info a.username{font-weight:700;margin-bottom:5px;} .news-comment .comment-info .user-info span.username{font-weight:700;margin-bottom:5px;} .news-comment .comment-info .user-info .avatar{margin:5px 0;} .news-comment .comment-info .user-info .avatar .avatar-img{border:solid 2px #CEDBE1!important;} .news-comment .comment-content{margin-left:180px;border-left:solid 1px #F3F3F3;} .news-comment .comment-content .comment-time{font-weight:700;line-height:20px;padding:3px;background:#e3f3f3;} .news-comment .comment-content .comment-time .stat-value{font-weight:400;} .news-comment .comment-content .comment-title{padding:3px;font-weight:700;} .news-comment .comment-content .comment-body{padding:3px;} /* BLOGS */ .blog-page{} .blog-page .page-title{} .blog-page .blogposts .post .blog-date{color:#9a9a9a;font-style:italic;} .blog-page .blogposts .post a.blog-title{color:#444;text-decoration:none;font-size:1.2em;} .blog-page .blogposts .post a.blog-title:Hover{text-decoration:underline;} .blog-page .blogposts{margin:0 5px;padding:0;} .blog-page .blogposts .post{border-bottom:dashed 1px #9a9a9a;margin-bottom:10px;padding-bottom:10px;} .blog-page .blogposts .blog-body,.blog-page .blogposts .tags{margin-top:10px;margin-bottom:10px;} .blog-page .blogposts .blog-body a,.blog-page .blogposts .tags a{color:#f93;text-decoration:underline;} .blog-page .blogposts .blog-details{font-weight:700;text-decoration:none;color:#f93;background-color:inherit;} .blogpost-page{} .blogpost-page .page-title{border-bottom:0 none;} .blogpost-page .post-date{color:#9a9a9a;font-style:italic;} .blogpost-page .post-body,.blogpost-page .tags{margin:0;padding:0;} .blogpost-page .post-body a,.blogpost-page .tags a{color:#f93;text-decoration:underline;} .blogpost-page .result{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;} .blogpost-page .new-comment{margin-top:10px;} .blogpost-page .new-comment .inputs{margin-bottom:12px;clear:both;} .blogpost-page .new-comment .captcha-box{margin-bottom:12px;} .blogpost-page .new-comment .comment-text{width:350px;height:150px;} .blogpost-page .new-comment .buttons{text-align:left;} .blogpost-page .comment-list{margin:10px 0px 10px 0;} .blogpost-page .comment-list .title{padding:10px 10px 10px 0;font-weight:700;text-transform:uppercase;font-size:1.1em;color:#3a3a3a;} .blog-comment{} .blog-comment .comment-info{width:170px;float:left;padding:5px;height:100%;border-right:solid 1px #F3F3F3;} .blog-comment .comment-info .user-info{padding-top:5px;} .blog-comment .comment-info .user-info a.username{font-weight:700;margin-bottom:5px;} .blog-comment .comment-info .user-info span.username{font-weight:700;margin-bottom:5px;} .blog-comment .comment-info .user-info .avatar{margin:5px 0;} .blog-comment .comment-info .user-info .avatar .avatar-img{border:solid 2px #CEDBE1!important;} .blog-comment .comment-content{margin-left:180px;border-left:solid 1px #F3F3F3;} .blog-comment .comment-content .comment-time{font-weight:700;line-height:20px;padding:3px;background:#e3f3f3;} .blog-comment .comment-content .comment-time .stat-value{font-weight:400;} .blog-comment .comment-content .comment-body{padding:3px;} /* POLLS */ .todays-poll-box{margin-bottom:15px;padding-bottom:5px;padding-left:0;} .todays-poll-box .title{padding:10px 10px 5px 0;font-weight:700;text-transform:uppercase;clear:both;} .todays-poll-box .todays-poll-box-block{margin:0;padding:0;font-size:11px;color:#555;background-color:inherit;} .todays-poll-box .poll-item{float:left;text-align:left;vertical-align:top;padding:10px;} .block-poll .poll-item{margin:0;padding:0;font-size:11px;background-color:inherit;text-align:left;vertical-align:top;} .poll-item label{margin:0 0 0 5px;} .poll-take-poll,.poll-results{border:dashed 1px #666;padding:5px;margin-top:10px;} .poll-display-text{font-weight:700;} .poll-total-votes{font-style:italic;} /* EMAIL A FRIEND */ .email-a-friend-page{} .email-a-friend-page .page-title{border-bottom:0 none;} .email-a-friend-page .product{font-weight:bold;} .email-a-friend-page .result{font-weight:bold;} .email-a-friend-page .inputs-left{float:left;} .email-a-friend-page .inputs-right{float:right;} .email-a-friend-page .inputs{margin-bottom:12px;} .email-a-friend-page .captcha-box{margin-bottom:12px;} .email-a-friend-page .friend-email, .email-a-friend-page .your-email{width:250px;padding:1px;} .email-a-friend-page .personal-message{width:350px;height:150px;} .email-a-friend-page .buttons{text-align:left;} /* SEARCH */ .search-page{} .search-page .page-title{border-bottom:0 none;} .search-page .search-input{border:1px solid #d7d7d7;padding:10px;} .search-page .search-input .buttons{text-align:right;} .search-page .search-results{padding-top:10px;} .search-page .search-results .result{font-weight:700;color:#555;} .search-page table.basic-search,.search-page table.adv-search{border-collapse:collapse;color:#333;margin:0;width:100%;vertical-align:middle;text-align:left;table-layout:fixed;} .search-page table.adv-search #Cid{width:374px;} .search-page table.adv-search{border-top:solid #D3D3D3 1px;margin-top:10px;} .search-page table.basic-search td.title,.search-page table.adv-search td.title{padding:4px;text-align:left;vertical-align:middle;width:130px;} .search-page table.basic-search td.data,.search-page table.adv-search td.data{padding:4px;text-align:left;vertical-align:middle;white-space:nowrap;} .search-page table.adv-search .price-from,.search-page table.adv-search .price-to{width:100px;} .search-input .warning{text-decoration:underline;} .search-text{border:solid 1px #d3d3d3;vertical-align:top;font-size:12px;width:100%;} /*.search-box{float:left;width:210px;display:inline;padding-left:5px;} .search-box ul{margin:0;padding:0;} .search-box ul li{list-style:none;float:left;} .search-box .ui-autocomplete-loading{background:white url('images/ajax_loader_small.gif') right center no-repeat;} .search-box-text{background:#e3e3e3;width:110px;border:solid 1px #E3E3E3;vertical-align:top;font-size:12px;} .search-box-button {height:18px;} */ /* PASSWORD RECOVERY AND NEWSLETTER PAGES */ .password-recovery-page,newsletter-page{} .password-recovery-page .page-title,newsletter-page .page-title{border-bottom:0 none;} .password-recovery-page .page-body,newsletter-page .page-body{margin:0;padding:0;font-size:11px;color:#555;background-color:inherit;} .password-recovery-page .email{width:250px;} .password-recovery-page .result{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;} /* ACCOUNT ACTIVATION */ .account-activation-page{} .account-activation-page .page-title{border-bottom:0 none;} .account-activation-page .page-body{margin:0;padding:0;font-size:11px;color:#555;background-color:inherit;} /* CONTACTS */ .contact-page{} .contact-page .result{font-weight:bold;} .contact-page .inputs-left{float:left;} .contact-page .inputs-right{float:right;} .contact-page .inputs{margin-bottom:12px;} .contact-page .captcha-box{margin-bottom:12px;} .contact-page .fullname{width:250px;padding:1px;} .contact-page .email{width:250px;padding:1px;} .contact-page .enquiry{width:350px;height:150px;} .contact-page .buttons{text-align:left;} /* RECENTLY VIEWED AND ADDED PRODUCTS */ .recently-added-products-page{} .recently-added-products-page .page-title{} .recently-viewed-products-page{} .recently-viewed-products-page .page-title{} /* CUSTOMER ACCOUNT PAGES */ .account-page{} .account-page .result{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;} .account-page .page-title{border-bottom:0 none;} .account-page .page-body{margin:0;padding:0;font-size:11px;color:#555;} .account-page .section-body{text-align:left;padding:10px;border:1px solid #d7d7d7;height:auto;} .address-list-page{} .address-list-page .address-list{} .address-list-page .address-list .address-item{} .address-list-page .address-list .address-item .title{font-size:13px;} .address-list-page .address-list .address-item .info{float:left;} .address-list-page .address-list .address-item .buttons{float:right;} .address-list-page .add-button{margin-bottom:5px;margin-top:5px;float:right;text-align:right;} .address-edit-page{} .address-edit-page .buttons{} .avatar-page{padding:10px;} .avatar-page .buttons{margin:5px 0;} .back-in-stock-subscription-list-page{} .back-in-stock-subscription-list-page .subscription-list{} .back-in-stock-subscription-list-page .description{} .back-in-stock-subscription-list-page .no-data{} .back-in-stock-subscription-list-page .buttons{margin-bottom:5px;margin-top:5px;text-align:left;} .back-in-stock-subscription-list-page .biss-grid-pager-style{padding:5px;background:#eee;vertical-align:middle;} .back-in-stock-subscription-list-page .biss-grid-pager-style span{font-weight:700;font-size:1.1em;} .change-password-page{} .change-password-page .buttons{margin-bottom:5px;margin-top:5px;} .downloadable-products-page{} .downloadable-products-page .no-data{} .forum-subscriptions-page{} .forum-subscriptions-page .subscription-list{} .forum-subscriptions-page .description{} .forum-subscriptions-page .no-data{} .forum-subscriptions-page .buttons{margin-bottom:5px;margin-top:5px;text-align:left;} .forum-subscriptions-page .fs-grid-pager-style{padding:5px;background:#eee;vertical-align:middle;} .forum-subscriptions-page .fs-grid-pager-style span{font-weight:700;font-size:1.1em;} .customer-info-page{} .customer-info-page .vat-note{display:block;} .customer-info-page .buttons{margin-bottom:5px;margin-top:5px;text-align:center;} .username-available-status{color:green;padding-left:5px;} .username-not-available-status{color:red;padding-left:5px;} .account-signature-text{height:100px;width:500px;border:solid 1px #E3E3E3;vertical-align:top;} .order-list-page{} .order-list-page .recurring-payments{padding:10px 10px 5px 0;width:100%;clear:both;} .order-list-page .recurring-payments .recurring-payments-box{text-align:left;padding:10px;border:1px solid #d7d7d7;height:auto;} .order-list-page .order-list{} .order-list-page .order-list .order-item{} .order-list-page .order-list .order-item .title{font-size:13px;} .order-list-page .order-list .order-item .info{float:left;} .order-list-page .order-list .order-item .buttons{float:right;} .return-request-list-page{} .return-request-list-page .request-item{} .return-request-list-page .request-item .title{font-size:13px;} .return-request-list-page .request-item .info{} .reward-points-page{} .reward-points-page .reward-points-overview{padding:10px 10px 5px 0;width:100%;} .reward-points-page .reward-points-history{} /* RETURN REQUEST */ .return-request-page{} .return-request-page .page-title{border-bottom:0 none;} .return-request-page .products-box{} .return-request-page .why{} .return-request-page .why .return-reasons{} .return-request-page .why .return-actions{} .return-request-page .why .comment{width:350px;height:150px;} .return-request-page .buttons{} /* PRODUCT DETAILS PAGE */ /*.product-details-page{border:1px solid #d3d3d3;margin-top:10px;padding:10px;} .product-collateral{margin-top:10px;margin-bottom:10px;clear:both;} .product-essential{} .product-details-page{} .product-details-page .product-essential .picture{float:left;width:300px;margin-top:25px;margin-bottom:15px;} .product-details-page .product-essential .picture .picture-thumbs{margin-top:10px;} .product-details-page .overview{float:right;width:230px;margin-right:15px;margin-top:25px;padding:5px;border:dashed 1px #d3d3d3;} .product-details-page .product-name{color:#f93;font-size:1.3em;margin-bottom:1em;} .product-details-page .short-description,.product-details-page .manufacturers,.product-details-page .sku,.product-details-page .manufacturer-part-number,.product-details-page .stock,.product-details-page .gtin{color:#555;margin-bottom:.3em;font-size:1.1em;} .product-details-page .full-description{border-top:solid 1px #d3d3d3;clear:both;color:#555;margin-bottom:.3em;} .product-details-page .back-in-stock-subscription{margin-top:10px;margin-bottom:10px;} .product-details-page .email-a-friend{margin:10px 5px 10px 0px;float:left;} .product-details-page .compare-products{margin:10px 0 10px 0px;float:left;} .product-details-page .product-share-button{margin-top:10px;margin-bottom:10px;} .product-details-page .product-reviews-overview{margin-top:20px;margin-bottom:20px;} .product-details-page .product-reviews-overview .product-review-box{margin-right:5px;width:69px;height:13px;} .product-details-page .product-review-box .rating{height:13px;width:55px;background:url(images/star-x-inactive.gif) 0 0 repeat-x;} .product-details-page .product-review-box .rating div{height:12px;background:url(images/star-x-active.gif) 0 0 repeat-x;} .product-details-page .product-reviews-overview .product-review-links .separator{margin:0 2px;} .product-details-page .product-reviews-overview .product-review-links{margin:0;} .product-details-page .product-no-reviews{margin-top:20px;margin-bottom:20px;} .product-details-page .product-no-reviews a{text-decoration:underline;} .product-details-page .product-variant-list{} .product-details-page .product-variant-line{clear:both;margin-bottom:20px;padding-bottom:20px;margin-top:10px;border-bottom:solid 1px #d3d3d3;} .product-details-page .variant-picture{float:left;width:300px;margin-bottom:15px;} .product-details-page .variant-name{color:#f93;font-size:1.3em;margin-bottom:.3em;} .product-details-page .variant-description{clear:both;color:#555;margin-bottom:.3em;} .product-details-page .download-sample{clear:both;color:#555;margin-top:15px;margin-bottom:15px;} .product-details-page .download-sample .download-sample-button{-x-system-font:none!important;background:#F1F1F1 url(images/download-sample-bg.gif) repeat-x scroll 0 100%;border:1px solid #B5B5B5;color:#444;cursor:pointer;font-family:arial,sans-serif!important;font-size:11px!important;font-size-adjust:none!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:700!important;line-height:normal!important;overflow:visible;padding:1px 5px;text-align:center;text-transform:uppercase;vertical-align:middle;width:auto;} .product-details-page .product-variant-line .prices{float:left;padding-top:10px;margin-right:30px;} .product-details-page .product-essential .prices{margin-top:15px;margin-bottom:15px;} .product-details-page .prices .product-price{color:green;} .product-details-page .prices .old-product-price{color:red;text-decoration:line-through;} .product-details-page .add-to-cart{padding-top:10px;} .product-details-page .add-to-cart .enter-price-input{width:60px;} .product-details-page .add-to-cart .qty-input{width:40px;} .product-details-page .attributes{} .product-details-page .attributes .text-prompt{font-weight:bold;} .product-details-page .attributes .attribute-description{font-size:11px;} .product-details-page .attributes ul.option-list{padding:0px;margin:0px;} .product-details-page .attributes ul.option-list li{list-style:none;} .product-details-page .attributes .textbox{width:300px;} .product-details-page .attributes textarea{width:300px;height:150px;} .product-details-page .giftcard{} .product-details-page .giftcard dt{clear:left;float:left;width:150px;} .product-details-page .giftcard .recipient-name{} .product-details-page .giftcard .recipient-email{} .product-details-page .giftcard .sender-name{} .product-details-page .giftcard .sender-email{} .product-details-page .giftcard .message{width:300px;height:100px;} .related-products-grid,.also-purchased-products-grid{} .related-products-grid .title,.also-purchased-products-grid .title{padding:10px 10px 10px 0;font-weight:700;text-transform:uppercase;clear:both;font-size:1.1em;color:#f93;} .related-products-grid .item-box,.also-purchased-products-grid .item-box{padding-bottom:10px;text-align:center;vertical-align:text-top;} .related-products-grid .item,.also-purchased-products-grid .item{text-align:center;margin:10px;border:solid 1px #d3d3d3;width:200px;height:200px;} .related-products-grid .item .product-title,.also-purchased-products-grid .item .product-title{margin-bottom:5px;margin-top:5px;text-align:center;font-weight:700;text-transform:none;font-size:1em;padding:0;} .related-products-grid .item .picture,.also-purchased-products-grid .item .picture{text-align:center;} .product-specs-box{} .product-specs-box .title{padding:10px 10px 10px 0;font-weight:700;text-transform:uppercase;clear:both;font-size:1.1em;color:#f93;} .product-specs-box .product-specs-list{} .product-tags-box{padding:5px;color:#555;} .product-tags-box .title{padding:10px 10px 10px 0;font-weight:700;text-transform:uppercase;clear:both;font-size:1.1em;color:#f93;} .product-tags-box .product-tags-list{} .product-tags-box .product-tags-list a{text-decoration:underline;} .product-tags-box .product-tags-list .product-tags-wrapper{float:left;} .tier-prices{text-align:center;margin-bottom:10px;} .tier-prices .prices-header{background:#3a3a3a;color:#FFF;padding:3px;font-weight:700;} .tier-prices .prices-list table{width:100%;border-collapse:collapse;text-align:center;vertical-align:middle;background:#f3f3f3;} .tier-prices .prices-list .prices-table td{padding:0;} .tier-prices .prices-list .item-table td{border-bottom:solid 3px #d7d7d7;padding-top:3px;padding-bottom:3px;font-weight:700;} .tier-prices .prices-list .item-table .item-price{color:Green;} .tier-prices .prices-list .header-table td{border-bottom:solid 3px #d7d7d7;padding-top:3px;padding-bottom:3px;font-weight:700;} .tier-prices .prices-list .prices-table .field-header{font-weight:700;text-align:center;} */ /* PRODUCT REVIEWS PAGE */ .product-reviews-page{} .product-reviews-page .page-title{border-bottom:0 none;} .product-reviews-page .page-title a{border-bottom:0 none;text-decoration:underline;} .product-reviews-page .result{} .product-reviews-page .write-review{margin-top:10px;} .product-reviews-page .write-review .inputs{margin-bottom:12px;clear:both;} .product-reviews-page .write-review .captcha-box{margin-bottom:12px;} .product-reviews-page .write-review .review-title{width:350px;} .product-reviews-page .write-review .review-text{width:350px;height:150px;} .product-reviews-page .write-review .review-rating{display:inline-block;} .product-reviews-page .write-review .review-rating input{vertical-align:bottom;} .product-reviews-page .write-review .buttons{text-align:left;} .product-review-list{margin:10px 0px 10px 0;} .product-review-list .title{padding:10px 10px 10px 0;font-weight:700;text-transform:uppercase;font-size:1.1em;color:#3a3a3a;} .product-review-list .product-review-item{border:solid 1px #d3d3d3;margin:10px 0 0;padding:10px 10px 20px;clear:both;} .product-review-list .product-review-item .review-title{font-weight:700;float:left;margin-bottom:5px;} .product-review-list .product-review-item .product-review-box{float:right;margin-right:5px;width:69px;height:13px;} .product-review-list .product-review-item .product-review-box .rating{height:13px;width:55px;background:url(images/star-x-inactive.gif) 0 0 repeat-x;} .product-review-list .product-review-item .product-review-box .rating div{height:12px;background:url(images/star-x-active.gif) 0 0 repeat-x;} .product-review-list .product-review-item .review-text{float:left;margin-bottom:5px;} .product-review-list .product-review-item .review-info{float:left;margin-bottom:5px;} .product-review-list .product-review-item .review-info .separator{margin:0 2px;} .product-review-helpfulness{font-size:11px;color:#333;clear:both;} .product-review-helpfulness .vote{color:#f93;font-weight:700;text-decoration:none;} .product-review-helpfulness .vote:hover{cursor:pointer;text-decoration:none;} /* SLIM BOX (PRODUCT IMAGES) */ #lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;} #lbCenter,#lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff;} .lbLoading{background:#fff url(images/loading.gif) no-repeat center;} #lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;} #lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;} #lbPrevLink{left:0;} #lbPrevLink:hover{background:transparent url(images/prevlabel.gif) no-repeat 0 15%;} #lbNextLink{right:0;} #lbNextLink:hover{background:transparent url(images/nextlabel.gif) no-repeat 100% 15%;} #lbBottom{font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;} #lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(images/closelabel.gif) no-repeat center;margin:5px 0;outline:none;} #lbCaption,#lbNumber{margin-right:71px;} #lbCaption{font-weight:700;} /* PRIVATE MESSAGES */ .send-pm-box{background-color:#EEE;border:1px solid #A0A0A0;color:#555;display:block;float:left;font-family:Arial;font-size:10px;font-weight:700;margin:2px 0 2px 2px;padding:2px;text-decoration:none;text-transform:uppercase;} .send-pm-box .pm-link-button{line-height:14px;padding:1px 6px 2px 18px;background:url(images/ico-pm.png) no-repeat;} .private-message-send-page{background:url(images/pm-footer-bg.gif) repeat-x bottom;} .private-message-send-page .page-title{background:url(images/pm-header-bg.gif) repeat-x 50%;color:#FFF;border:solid 1px #6a6a6a;height:28px;line-height:28px;font-weight:700;padding-left:3px;} .private-message-send-page .page-body{padding:5px;} .private-message-send-page table.post-message{width:100%;vertical-align:middle;border-collapse:collapse;} .private-message-send-page table.post-message td{padding:4px;} .private-message-send-page table.post-message td.fieldname{font-weight:700;width:20%;color:#555;} .private-message-send-page table.post-message td.options{text-align:right;} .private-message-view-page{background:url(images/pm-footer-bg.gif) repeat-x bottom;} .private-message-view-page .page-title{background:url(images/pm-header-bg.gif) repeat-x 50%;color:#FFF;border:solid 1px #6a6a6a;height:28px;line-height:28px;font-weight:700;padding-left:3px;} .private-message-view-page .page-body{padding:5px;} .private-message-view-page table.view-message{width:100%;vertical-align:middle;border-collapse:collapse;} .private-message-view-page table.view-message td{padding:4px;} .private-message-view-page table.view-message td.fieldname{font-weight:700;width:20%;color:#555;} .private-message-view-page table.view-message a{color:#f93;text-decoration:underline;} .private-message-view-page table.view-message td.options{text-align:right;} .private-messages-page{} .private-messages-page .page-title{border-bottom:0 none;} .private-messages-page .page-body{margin:0;padding:0;font-size:11px;color:#555;} .private-messages-box{margin:0;padding:5px;font-size:11px;color:#555;} .private-messages-box .buttons{margin-bottom:5px;margin-top:5px;text-align:left;} .pm-grid-table-style{font-family:arial;font-size:11px;border:1px solid gray;border-collapse:collapse;background-color:#FFF;margin-left:0;width:100%;} .pm-grid-table-style td a{text-decoration:none;display:block;} .pm-grid-alt-row-style{background-color:#F4FAFF;} .pm-grid-header-style th{background:url(images/grid-bg.gif) repeat-x 50%;color:#fff;padding:5px 10px;text-align:center;vertical-align:middle;font-weight:700;border:solid 1px #676767;} .pm-grid-row-style td,.pm-grid-alt-row-style td{padding:4px 10px;border-right:solid 1px #A0C0E7;border-right-color:gray;} .pm-grid-pager-style{padding:5px;background:#eee;vertical-align:middle;} .pm-grid-pager-style span{font-weight:700;font-size:1.1em;} .pm-read{} .pm-unread{font-weight:700;} /* FORUM INPUTS */ .forum-topic-title-text,.pm-title-text{width:500px;border:1px solid #acacac;vertical-align:top;font-size:12px;} .forum-post-text,.bb-editor-text{width:100%;height:300px;} .private-message-subject-text{width:500px;border:1px solid #acacac;vertical-align:top;font-size:12px;} .forum-search-text{width:500px;border:1px solid #acacac;font-size:14px;} .forum-search-box-text{border:1px solid #acacac;font-size:12px;} .bb-editor-text{border:#cec6b5 1px solid;} .edit-topic-link-button{padding-right:5px;padding-left:18px;background:url(images/ico-edit.gif) no-repeat;} .delete-topic-link-button{padding-right:5px;padding-left:18px;background:url(images/ico-delete.gif) no-repeat;} .move-topic-link-button{padding-right:5px;padding-left:18px;background:url(images/ico-move-topic.gif) no-repeat;} .reply-topic-link-button{padding-right:5px;padding-left:18px;padding-bottom:3px;background:url(images/ico-forum-post-add.gif) no-repeat;} .watch-topic-link-button{padding-left:18px;background:url(images/ico-forum-watch.gif) no-repeat;} .edit-post-link-button{padding-right:5px;padding-left:18px;background:url(images/ico-edit.gif) no-repeat;} .delete-post-link-button{padding-right:5px;padding-left:18px;background:url(images/ico-delete.gif) no-repeat;} .quote-post-link-button,.post-link{color:#555;float:right;padding:1px 3px;border:solid 1px #ccc;line-height:15px;font-size:11px;} .post-link{padding:1px 3px;margin-right:5px;border:none;} /* FORUM MAIN */ .forums-main{} .forums-main .forums-main-header{border-bottom:solid 1px #f3f3f3;height:35px;} .forums-main .forums-main-header .current-time{padding-top:20px;font-size:.9em;color:#555;float:left;} .forums-main .forums-main-header .forum-search-box{float:right;text-align:right;} .forums-main .active-discussions{margin-top:50px;} .forum-group-page .forum-search-box{text-align:right;} .forum-group{background:url(images/forum-footer-bg.gif) repeat-x bottom;} .forum-group .group-title a{font-weight:700;} .forum-group table.groups{width:100%;border-collapse:collapse;text-align:center;vertical-align:middle;margin-top:10px;margin-bottom:15px;} .forum-group table.groups td{padding:3px 0;} .forum-group tr.group-header{font-weight:700;} .forum-group tr.group-header td{background:url(images/forum-header-bg.gif) repeat-x 50%;color:#FFF;border-right:solid 1px #6a6a6a;height:20px;} .forum-group tr.group-header td.forum-name{width:55%;text-align:left;padding-left:3px;} .forum-group tr.group-header td.topics{width:10%;} .forum-group tr.group-header td.posts{width:10%;} .forum-group tr.group-header td.last-post{width:25%;} .forum-group tr.forum td.image div{text-align:left;width:36px;height:36px;background:url(images/ico-forum.gif) no-repeat 40% 40%;} .forum-group tr.forum td{border-bottom:1px solid #c5c5c5;vertical-align:middle;padding-left:3px;} .forum-group tr.forum td.forum-name{text-align:left;width:55%;} .forum-group tr.forum td.forum-name .forum-title{font-weight:700;font-size:1.1em;line-height:18px;} .forum-group tr.forum td.forum-name .forum-description{font-size:.9em;color:#555;} .forum-group tr.forum td.last-post{font-size:.8em;color:#555;} /* FORUM PAGE */ .forum{} .forum .forum-header{} .forum .top .forum-info{float:left;} .forum .top .forum-info .forum-name{font-weight:700;font-size:1.2em;line-height:25px;} .forum .top .forum-info .forum-description{color:#555;} .forum .top .actions{float:right;text-align:right;} .forum .top .actions .newtopic{background:url(images/ico-forum-post-add.gif) no-repeat;padding:0 10px 3px 20px;} .forum .top .actions .watch-forum{background:url(images/ico-forum-watch.gif) no-repeat;padding-left:20px;} .forum .top .actions .forum-search-box{padding-top:5px;} .forum .topics-group{background:url(images/forum-footer-bg.gif) repeat-x bottom;} .forum table.topics{width:100%;border-collapse:collapse;vertical-align:middle;text-align:center;} .forum table.topics td{padding:3px 0;} .forum table.topics tr.forum-header{font-weight:700;} .forum table.topics tr.forum-header td{background:url(images/forum-header-bg.gif) repeat-x 50%;color:#FFF;border-right:solid 1px #6a6a6a;height:20px;} .forum table.topics tr.forum-header td.topic-name{width:55%;text-align:left;padding-left:3px;} .forum table.topics tr.forum-header td.replies{width:10%;} .forum table.topics tr.forum-header td.views{width:10%;} .forum table.topics tr.forum-header td.last-post{width:25%;} .forum table.topics tr.topic td{border-bottom:1px solid #c5c5c5;vertical-align:middle;padding-left:3px;} .forum table.topics tr.topic td.image div{text-align:left;width:36px;height:36px;background:url(images/ico-forum.gif) no-repeat 40% 40%;} .forum table.topics tr.topic td.topic-name{text-align:left;width:55%;} .forum table.topics tr.topic td.topic-name .topictype{font-size:.9em;line-height:18px;} .forum table.topics tr.topic td.topic-name .topic-title{font-weight:700;font-size:1.1em;line-height:18px;} .forum table.topics tr.topic td.topic-name .topic-starter,.forum table.topics tr.topic td.topic-name .topicspager{font-size:.9em;color:#555;margin:1px 0px 1px 0px;} .forum table.topics tr.topic td.last-post{font-size:.8em;color:#555;} .forum table.topics tr.topic .post{text-align:left;width:36px;height:36px;background:url(images/ico-forum-post.gif) no-repeat 40% 40%;} .forum table.topics tr.topic .post-annoucement,.forum table.topics tr.topic .poststicky{text-align:left;width:36px;height:36px;background:url(images/ico-forum-post-high.gif) no-repeat 40% 40%;} .forum .pager{text-align:right;padding:5px 3px 5px 0;} /* FORUM TOPIC EDIT */ .post-edit{background:url(images/forum-footer-bg.gif) repeat-x bottom;} .post-edit .title{background:url(images/forum-header-bg.gif) repeat-x 50%;color:#FFF;border:solid 1px #6a6a6a;height:28px;line-height:28px;font-weight:700;padding-left:3px;} .post-edit .wrapper{padding:5px;} .post-edit table.post-topic{width:100%;vertical-align:middle;border-collapse:collapse;} .post-edit table.post-topic td{padding:4px;} .post-edit table.post-topic td.fieldname{font-weight:700;width:20%;color:#555;} .post-edit table.post-topic td.options{text-align:right;} .move-forum-topic{background:url(images/forum-footer-bg.gif) repeat-x bottom;} .move-forum-topic .title{background:url(images/forum-header-bg.gif) repeat-x 50%;color:#FFF;border:solid 1px #6a6a6a;height:28px;line-height:28px;font-weight:700;padding-left:3px;} .move-forum-topic .page-body{padding:5px;} .move-forum-topic table.move-topic{width:100%;vertical-align:middle;border-collapse:collapse;} .move-forum-topic table.move-topic td{padding:4px;} .move-forum-topic table.move-topic td.fieldname{font-weight:700;width:30%;color:#555;white-space:nowrap;} .move-forum-topic table.move-topic td.options{text-align:left;} /* FORUM TOPIC */ .forum-topic{background:url(images/forum-footer-bg.gif) repeat-x bottom;} .forum-topic .title{background:url(images/forum-header-bg.gif) repeat-x 50%;color:#FFF;border:solid 1px #6a6a6a;height:28px;line-height:28px;font-weight:700;padding-left:3px;} .forum-topic .title .topic-name{float:left;font-size:12px;} .forum-topic .title .manage{float:right;text-align:right;} .forum-topic .title .manage a{color:#F3F3F3;} .forum-topic .topic-header{padding:5px;background:#F3F3F3;border-bottom:solid 1px #6a6a6a;height:16px;} .forum-topic .topic-header .topic-options,.topic-footer .topic-options{float:right;text-align:right;} .forum-topic .topic-header .topic-options a,.topic-footer .topic-options a{font-weight:700;} .forum-topic .posts{} .topic-footer{padding:5px;background:#F3F3F3;border-top:solid 1px #6a6a6a;height:16px;} .forum-topic .pager,.topic-footer .pager{text-align:left;} .forum-post{border-bottom:solid 1px #E3E3E3;} .post-info{width:170px;float:left;padding:5px;height:100%;border-right:solid 1px #F3F3F3;} .post-info .manage{line-height:20px;} .post-info .manage a{font-weight:700;color:#555;} .post-info .user-info{padding-top:5px;} .post-info .user-info a.username{font-weight:700;margin-bottom:5px;} .post-info .user-info span.username{font-weight:700;margin-bottom:5px;} .post-info .user-info .avatar{margin:5px 0;} .post-info .user-info .avatar .avatar-img{border:solid 2px #CEDBE1!important;} .post-info .user-info .user-stats{font-size:.9em;text-align:left;font-weight:700;color:#555;} .post-info .user-info .user-stats .stat-value{font-weight:400;} .post-content{margin-left:180px;border-left:solid 1px #F3F3F3;} .post-content .posttime{font-weight:700;line-height:20px;padding:3px;background:#e3f3f3;} .post-content .posttime .stat-value{font-weight:400;} .post-content .post-body{padding:3px;} .post-content .post-body a{color:#f93;text-decoration:underline;} .post-content .post-body .posttext{} .post-content .post-body .posttext .quote{padding:5px;border:dashed 1px #000;background-color:#fff;} .post-content .signature{border-color:#DDD;border-style:solid;border-width:1px 0 0;font-size:90%;margin:1em 8px 8px;padding:1em 0 20px;text-align:left;font-style:italic;} /* FORUM SEARCH */ .forum-search-box{font-size:.9em;float:right;text-align:right;padding:5px 0;} .forum-search{} .forum-search .forum-search-panel{} .forum-search .forum-search-panel .page-title{border-bottom:0 none;} .forum-search .forum-search-panel .search-input{} .forum-search .forum-search-panel .search-error{color:Red;} .forum-search .forum-search-panel .search-results{} .forum-search-panel table.basic-search,.forum-search-panel table.adv-search{border-collapse:collapse;color:#333;width:100%;vertical-align:middle;text-align:left;} .forum-search-panel table.adv-search{margin:10px 0 0;border-top:solid #D3D3D3 1px;} .forum-search-panel table.adv-search td.title{padding:4px;text-align:left;vertical-align:middle;width:130px;} .forum-search-panel table.adv-search td.data{padding:4px;text-align:left;vertical-align:middle;white-space:nowrap;} .forum-search .topics-group{background:url(images/forum-footer-bg.gif) repeat-x bottom;} .forum-search table.topics{width:100%;border-collapse:collapse;vertical-align:middle;text-align:center;} .forum-search table.topics td{padding:3px 0;} .forum-search table.topics tr.forum-header{font-weight:700;} .forum-search table.topics tr.forum-header td{background:url(images/forum-header-bg.gif) repeat-x 50%;color:#FFF;border-right:solid 1px #6a6a6a;height:20px;} .forum-search table.topics tr.forum-header td.topic-name{width:55%;text-align:left;padding-left:3px;} .forum-search table.topics tr.forum-header td.replies{width:10%;} .forum-search table.topics tr.forum-header td.views{width:10%;} .forum-search table.topics tr.forum-header td.last-post{width:25%;} .forum-search table.topics tr.topic td{border-bottom:1px solid #c5c5c5;vertical-align:middle;padding-left:3px;} .forum-search table.topics tr.topic td.image div{text-align:left;width:36px;height:36px;background:url(images/ico-forum.gif) no-repeat 40% 40%;} .forum-search table.topics tr.topic td.topic-name{text-align:left;width:55%;} .forum-search table.topics tr.topic td.topic-name .topictype{font-size:.9em;line-height:18px;} .forum-search table.topics tr.topic td.topic-name .topic-title{font-weight:700;font-size:1.1em;line-height:18px;} .forum-search table.topics tr.topic td.topic-name .topic-starter,.forum-search table.topics tr.topic td.topic-name .topicspager{font-size:.9em;color:#555;margin:1px 0px 1px 0px;} .forum-search table.topics tr.topic td.last-post{font-size:.8em;color:#555;} .forum-search table.topics tr.topic .post{text-align:left;width:36px;height:36px;background:url(images/ico-forum-post.gif) no-repeat 40% 40%;} .forum-search table.topics tr.topic .post-annoucement,.forum-search table.topics tr.topic .poststicky{text-align:left;width:36px;height:36px;background:url(images/ico-forum-post-high.gif) no-repeat 40% 40%;} .forum-search .pager{text-align:right;padding:5px 3px 5px 0;} /* PROFILE PAGE */ .profile-page{} .profile-page .page-title{background:url(images/forum-header-bg.gif) repeat-x 50%;color:#FFF;border:solid 1px #6a6a6a;height:28px;line-height:28px;font-weight:700;padding-left:3px;} .profile-page .page-body{margin-top:15px;} .profile-page .profile-info-box{background:url(images/forum-footer-bg.gif) repeat-x bottom;} .profile-page .profile-info-box, .profile-page .user-last-posts{font-size:12px;} .profile-page .profile-info-box .title{} .profile-page .profile-info-box .profile-stat{font-weight:700;padding:2px;} .profile-page .profile-info-box .profile-stat .profile-stat-value{font-weight:400;color:#555;} .profile-page .profile-info-box .user-details{width:180px;float:left;padding:10px;height:100%;border-right:solid 1px #F3F3F3;text-align:center;} .profile-page .profile-info-box .user-details .avatar{margin-bottom:5px;} .profile-page .profile-info-box .user-details .avatar .avatar-img{border:solid 2px #CEDBE1!important;} .profile-page .profile-info-box .user-stats{margin-left:200px;border-left:solid 1px #F3F3F3;padding:10px;} .profile-page .profile-info-box .user-stats .title{text-transform:uppercase;margin-bottom:10px;} .profile-page .user-last-posts{} .profile-page .user-last-posts .topic{border:solid 1px #F3F3F3;margin-bottom:10px;} .profile-page .user-last-posts .topic-title{font-weight:700;line-height:20px;background:#e3f3f3;padding:3px;} .profile-page .user-last-posts .topic-body{padding:10px;} .profile-page .user-last-posts .topic-body a{color:#f93;text-decoration:underline;} .profile-page .user-last-posts .topic-body .quote{padding:5px;border:dashed 1px #000;background-color:#fff;} .profile-page .user-last-posts .topic-data{background:#f3f3f3;padding:3px;color:#555;font-size:.9em;} .profile-page .user-last-posts .posts-table{width:100%;border:0px;border-collapse:collapse;border-spacing:0;empty-cells:show;} .profile-page .latest-posts-grid-pager-style{padding:5px;background:#eee;vertical-align:middle;} .profile-page .latest-posts-grid-pager-style span{font-weight:700;font-size:1.1em;} /* BB CODE EDITOR */ .toolbar{padding:2px;display:inline;} .toolbar .button{background:url(images/bbeditor-button-bg.gif) repeat-x;padding:2px;margin-right:2px;border:#cec6b5 1px solid;} .toolbar .button:hover{border:#333 1px solid;} /* ACTIVE DISCUSSIONS */ .active-discussions-page{} .active-discussions .active-discussions-title{font-size:1.1em;padding-bottom:5px;font-weight:700;} .active-discussions .active-discussions-title .view-all{float:right;text-align:right;} .active-discussions .topics-group{background:url(images/forum-footer-bg.gif) repeat-x bottom;} .active-discussions table.topics{width:100%;border-collapse:collapse;vertical-align:middle;text-align:center;} .active-discussions table.topics td{padding:3px 0;} .active-discussions table.topics tr.active-discussions-header{font-weight:700;} .active-discussions table.topics tr.active-discussions-header td{background:url(images/forum-header-bg.gif) repeat-x 50%;color:#FFF;border-right:solid 1px #6a6a6a;height:20px;} .active-discussions table.topics tr.active-discussions-header td.topic-name{width:55%;text-align:left;padding-left:3px;} .active-discussions table.topics tr.active-discussions-header td.replies{width:10%;} .active-discussions table.topics tr.active-discussions-header td.views{width:10%;} .active-discussions table.topics tr.active-discussions-header td.last-post{width:25%;} .active-discussions table.topics tr.topic td{border-bottom:1px solid #c5c5c5;vertical-align:middle;padding-left:3px;} .active-discussions table.topics tr.topic td.topic-name{text-align:left;width:55%;} .active-discussions table.topics tr.topic td.topic-name .topic-title{font-weight:700;font-size:1.1em;line-height:18px;} .active-discussions table.topics tr.topic td.topic-name .topic-starter,.active-discussions table.topics tr.topic td.topic-name .topicspager{font-size:.9em;color:#555;margin:1px 0px 1px 0px;} .active-discussions table.topics tr.topic td.last-post{font-size:.8em;color:#555;} /* BBCODES */ pre{white-space:pre-wrap;/* css-3 */white-space:0;/* Mozilla, since 1999 */white-space:0;/* Opera 4-6 */white-space:0;/* Opera 7 */word-wrap:break-word;/* Internet Explorer 5.5+ */} .csharpcode,.csharpcode pre{font-size:small;color:#000;font-family:Consolas, "Courier New", Courier, Monospace;background-color:#fff;} .csharpcode pre{margin:0;} .csharpcode .rem{color:green;} .csharpcode .kwrd{color:#00f;} .csharpcode .str{color:#006080;} .csharpcode .op{color:#0000c0;} .csharpcode .preproc{color:#c63;} .csharpcode .asp{background-color:#ff0;} .csharpcode .html{color:maroon;} .csharpcode .attr{color:red;} .csharpcode .alt{background-color:#f4f4f4;width:100%;margin:0;} .csharpcode .lnum{color:#606060;} /************************************************ * CUSTOM SELECT FIELD * : TATVASOFT ************************************************/ div.selectBox { position:relative; display:inline-block; cursor:default; text-align:left; line-height:50px; clear:both; color:#fff; cursor:pointer; } span.selected { width:270px; text-indent:20px; border:none; border-right:none; border-radius:5px; background: url("images/sprite.png") no-repeat scroll 233px -43px #000; overflow:hidden; cursor:pointer; } span.selected { position:relative; float:left; height:60px; z-index:99; line-height: 60px; } div.selectOptions { position:absolute; top:55px; left:0; width:270px; border:none; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:hidden; background:#EBECEB; padding-top:2px; display:none; z-index:100; } span.selectOption { display:block; line-height:20px; padding:7px 20px; color: #000; } span.selectOption:hover, span.selectOptionM:hover { color:#ebeceb; background:#000; } /**START ADDED BY TATVASOFT :2012-10-23 **/ div.selectOptionsM { position:absolute; top:55px; left:0; width:270px; border:none; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:hidden; background:#EBECEB; padding-top:2px; display:none; z-index:100; } span.selectOptionM { display:block; line-height:20px; padding:7px 20px; color: #000; background: #EBECEB } /** END **/ .inactive, .inactive:hover { color:#fcbc65; background-color: #bd8d4c !important; background-position: 233px -464px !important; cursor: default; } .selectOptionM.inactive { background: #EBECEB !important } .selectOptionM.inactive:hover { color:#ebeceb !important; background:#000 !important; } div.selectBox1 { position:relative; display:inline-block; cursor:default; text-align:left; line-height:50px; clear:both; color:#fff; cursor:pointer; float:left; font-size:24px; } span.selected1 { width:200px; text-indent:20px; border:none; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#000; overflow:hidden; cursor:pointer; } span.selectArrow1 { border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; font-size:20px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background:#000; cursor:pointer; padding-right:12px; } span.selectArrow1 img { padding-top:19px; } span.selectArrow1, span.selected1 { position:relative; float:left; height:50px; z-index:1; } div.selectOptions1 { position:absolute; top:48px; left:0; width:233px; border:none; font-size:24px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:hidden; background:#000; padding-top:2px; display:none; z-index:9; } span.selectOption1 { display:block; width:100%; line-height:20px; /*padding:10px 20px;*/ padding:7px 20px; } span.selectOption1:hover { color:#000; background:#ebeceb; } .inactive1 { color:#595959; } div.selectBox2 { position:relative; display:inline-block; cursor:default; text-align:left; line-height:40px; clear:both; color:#000; cursor:pointer; float:left; font-size:16px; } span.selected2 { width:196px; text-indent:10px; border:none; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; background-color: #faa635; overflow:hidden; cursor:pointer; } .orange-select span.selectedOrange { background-color: #faa635; color: #000; } span.selectArrow2 { border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; font-size:20px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background:#000; cursor:pointer; padding-right:12px; } .orange-select span.selectArrow2 { background-color: #faa635; width: 15px; } span.selectArrow2 img { padding-top:15px; } .orange-select span.selectArrow2 img { display: block; margin-top: 17px; padding-top: 0; } span.selectArrow2, span.selected2 { position:relative; float:left; height:40px; z-index:1; } div.selectOptions2 { position:absolute; top:38px; left:0; width:225px; border:none; font-size:16px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:hidden; background:#000; padding-top:2px; display:none; z-index:9; } .orange-select div.selectOptions2 { background-color: #FAA635; } span.selectOption2 { display:block; width:100%; line-height:20px; padding:10px 20px 10px 10px; } span.selectOption2:hover { color:#000; background:#ebeceb; } .inactive2 { color:#595959; } div.selectBox3 { position:relative; display:inline-block; cursor:default; text-align:left; line-height:30px; clear:both; color:#333333; cursor:pointer; float:left; font-size:16px; margin-top: 3px; } span.selected3 { width:188px; text-indent:10px; border:none; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#e2e2e2; overflow:hidden; cursor:pointer; } span.selectArrow3 { border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; font-size:16px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background:#e2e2e2; cursor:pointer; padding-right:12px; } span.selectArrow3 img { padding-top:11px; } span.selectArrow3, span.selected3 { position:relative; float:left; height:30px; z-index:1; } div.selectOptions3 { position:absolute; top:28px; left:0; width:215px; border:none; font-size:16px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:hidden; background:#e2e2e2; padding-top:2px; display:none; z-index:9; } span.selectOption3 { display:block; width:100%; line-height:20px; padding:10px 20px; } span.selectOption3:hover { color:#000; background:#ebeceb; } .inactive3 { color:#595959; } div.selectBox4 { position:relative; display:inline-block; cursor:default; text-align:left; line-height:28px; clear:both; color:#333333; cursor:pointer; float:left; font-size:16px; } span.selected4 { width:161px; text-indent:9px; border:none; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#e2e2e2; overflow:hidden; cursor:pointer; border:1px solid #cccccc; border-right:none; } span.selectArrow4 { border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; font-size:16px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background:#e2e2e2; cursor:pointer; padding-right:12px; border:1px solid #cccccc; border-left:none; } span.selectArrow4 img { padding-top:10px; } span.selectArrow4, span.selected4 { position:relative; float:left; height:28px; z-index:1; } div.selectOptions4 { position:absolute; top:30px; left:0; width:190px; border:none; font-size:16px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:hidden; background:#e2e2e2; padding-top:2px; display:none; z-index:9; } span.selectOption4 { display:block; width:100%; line-height:20px; width:170px; padding:10px 9px; } span.selectOption4:hover { color:#000; background:#ebeceb; } .inactive4 { color:#595959; } /*==================ONEPAGECHECKOUT STATE DROPDOWNLIST=================*/ div.selectBoxState { position:relative; display:inline-block; cursor:default; text-align:left; line-height:28px; clear:both; color:#333333; cursor:pointer; float:left; font-size:16px; } span.selectedState { width:161px; text-indent:9px; border:none; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#e2e2e2; overflow:hidden; cursor:pointer; border:1px solid #cccccc; border-right:none; } span.selectArrowState { border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; font-size:16px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background:#e2e2e2; cursor:pointer; padding-right:12px; border:1px solid #cccccc; border-left:none; } span.selectArrowState img { padding-top:10px; } span.selectArrowState, span.selectedState { position:relative; float:left; height:28px; z-index:1; } div.selectOptionsState { position:absolute; top:30px; left:0; width:190px; border:none; font-size:16px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:hidden; background:#e2e2e2; padding-top:2px; display:none; z-index:9; } span.selectOptionState { display:block; width:100%; line-height:20px; width:170px; padding:10px 9px; } span.selectOptionState:hover { color:#000; background:#ebeceb; } .inactive4 { color:#595959; } /*==================ONEPAGECHECKOUT BILLING DROPDOWN===================*/ div.selectBoxBilling { position:relative; display:inline-block; cursor:default; text-align:left; line-height:28px; clear:both; color:#333333; cursor:pointer; float:left; font-size:16px; width:630px; } span.selectedBilling { width:600px; text-indent:9px; border:none; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#e2e2e2; overflow:hidden; cursor:pointer; border:1px solid #cccccc; border-right:none; } span.selectArrowBilling { border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; font-size:16px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background:#e2e2e2; cursor:pointer; padding-right:12px; border:1px solid #cccccc; border-left:none; } span.selectArrowBilling img { padding-top:10px; } span.selectArrowBilling, span.selectedBilling { position:relative; float:left; height:28px; z-index:1; } div.selectOptionsBilling { position:absolute; top:30px; left:0; width:630px; border:none; font-size:16px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:hidden; background:#e2e2e2; padding-top:2px; display:none; z-index:9; } span.selectOptionBilling { display:block; width:100%; line-height:20px; padding:10px 9px; } span.selectOptionBilling:hover { color:#000; background:#ebeceb; } .inactiveBilling { color:#595959; } /*==================ONEPAGECHECKOUT SHIPPING DROPDOWN===================*/ div.selectBoxShipping { position:relative; display:inline-block; cursor:default; text-align:left; line-height:28px; clear:both; color:#333333; cursor:pointer; float:left; font-size:16px; width:630px; } span.selectedShipping { width:600px; text-indent:9px; border:none; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#e2e2e2; overflow:hidden; cursor:pointer; border:1px solid #cccccc; border-right:none; } span.selectArrowShipping { border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; font-size:16px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background:#e2e2e2; cursor:pointer; padding-right:12px; border:1px solid #cccccc; border-left:none; } span.selectArrowShipping img { padding-top:10px; } span.selectArrowShipping, span.selectedShipping { position:relative; float:left; height:28px; z-index:1; } div.selectOptionsShipping { position:absolute; top:30px; left:0; width:630px; border:none; font-size:16px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:hidden; background:#e2e2e2; padding-top:2px; display:none; z-index:9; } span.selectOptionShipping { display:block; width:100%; line-height:20px; padding:10px 9px; } span.selectOptionShipping:hover { color:#000; background:#ebeceb; } .inactiveShipping { color:#595959; } /*========== CARD TYPE SELECT =============== */ div.selectBox5 { position:relative; display:inline-block; cursor:default; text-align:left; line-height:28px; clear:both; color:#333333; cursor:pointer; float:left; font-size:16px; } span.selected5 { width:121px; text-indent:10px; border:none; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#e2e2e2; overflow:hidden; cursor:pointer; border:1px solid #cccccc; border-right:none; } span.selectArrow5 { border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; font-size:16px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background:#e2e2e2; cursor:pointer; padding-right:6px; border:1px solid #cccccc; border-left:none; } span.selectArrow5 img { padding-top:9px; } span.selectArrow5, span.selected5 { position:relative; float:left; height:28px; z-index:1; } div.selectOptions5 { position:absolute; top:30px; left:0; width:144px; border:none; font-size:16px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:hidden; background:#e2e2e2; padding-top:2px; display:none; z-index:9; } span.selectOption5 { display:block; width:100%; line-height:20px; padding:5px 5px 5px 10px; } span.selectOption5:hover { color:#000; background:#ebeceb; } .inactive5 { color:#595959; } /*========== EXPIRY DATE SELECT =============== */ div.selectBox6 { position:relative; display:inline-block; cursor:default; text-align:left; line-height:28px; float:left; color:#333333; cursor:pointer; float:left; font-size:16px; } span.selected6 { width:37px; text-indent:9px; border:none; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#e2e2e2; overflow:hidden; cursor:pointer; border:1px solid #cccccc; border-right:none; } span.selectArrow6 { border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; font-size:16px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background:#e2e2e2; cursor:pointer; padding-right:6px; border:1px solid #cccccc; border-left:none; } span.selectArrow6 img { padding-top:9px; } span.selectArrow6, span.selected6 { position:relative; float:left; height:28px; z-index:1; } div.selectOptions6 { position:absolute; top:30px; left:0; width:60px; border:none; font-size:16px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:scroll; height:150px; background:#e2e2e2; padding-top:2px; display:none; z-index:9; } span.selectOption6 { display:block; line-height:20px; padding:5px 5px 5px 9px; } span.selectOption6:hover { color:#000; background:#ebeceb; } .inactive6 { color:#595959; } /*========== EXPIRY YEAR SELECT =============== */ div.selectBox7 { position:relative; display:inline-block; cursor:default; text-align:left; line-height:28px; color:#333333; cursor:pointer; float:left; font-size:16px; margin-left:10px; } span.selected7 { width:47px; text-indent:7px; border:none; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#e2e2e2; overflow:hidden; cursor:pointer; border:1px solid #cccccc; border-right:none; } span.selectArrow7 { border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; font-size:16px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background:#e2e2e2; cursor:pointer; padding-right:6px; border:1px solid #cccccc; border-left:none; } span.selectArrow7 img { padding-top:9px; } span.selectArrow7, span.selected7 { position:relative; float:left; height:28px; z-index:1; } div.selectOptions7 { position:absolute; top:30px; left:0; width:70px; border:none; font-size:16px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:scroll; height:150px; background:#e2e2e2; padding-top:2px; display:none; z-index:9; } span.selectOption7 { display:block; line-height:20px; padding:5px 5px 5px 7px; } span.selectOption7:hover { color:#000; background:#ebeceb; } .inactive7 { color:#595959; } /**************PRODUCT DETAIL WHEEL SIZE***************/ div.selectBox8 { position:relative; display:inline-block; cursor:default; text-align:left; line-height:30px; clear:both; color:#333333; cursor:pointer; float:left; font-size:16px; } span.selected8 { width:410px; text-indent:10px; border:none; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#e2e2e2; overflow:hidden; cursor:pointer; } span.selectArrow8 { border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; font-size:16px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background:#e2e2e2; cursor:pointer; padding-right:12px; } span.selectArrow8 img { padding-top:11px; } span.selectArrow8, span.selected8 { position:relative; float:left; height:30px; z-index:1; } div.selectOptions8 { position:absolute; top:28px; left:0; width:437px; border:none; font-size:14px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow-y: auto; overflow-x: hidden; max-height: 250px; background:#e2e2e2; padding-top:2px; display:none; z-index:9; } span.selectOption8 { display:block; width:397px; line-height:20px; padding:10px 20px; } span.selectOption8:hover { color:#000; background:#ebeceb; } .inactive8 { color:#595959; } /************************************************ * Listing Page * : TATVASOFT ************************************************/ .innerpage-main { width:960px; margin:0px auto; } .innerpage-content-top { width:100%; height:100%; background:#faa635; border-top: 1px solid #fcc376; border-bottom: 1px solid #d8912e;padding-bottom:8px;} #content .innerpage-content-top { margin-top: -10px;} .product-nav-section { width:100%; background:#dddfde; border-top: 1px solid #f0f1f1; border-bottom: 1px solid #b9bcbb; padding: 4px 0; } .product-nav-section p { color: #000; font-size: 1.667em; margin: 12px 0; } .showing-product { width:500px; float:left; padding-top:0px; *padding-top:0px; padding-bottom:10px;} .label1 { font-size:24px; line-height:50px; color:#000; float:left; margin-right:8px;} .search-input-inner { width:244px; float:left; height:50px; } .product-nav-main { width:960px; position:relative; margin:0px auto;} .inner-nav { padding:0px; margin:0px; position:absolute; left: 239px; top:-49px;} .inner-nav li { float:left; height:48px; line-height:48px; list-style:none; margin-left:7px;} .inner-nav li a { display:block; float:left; font-size:24px; color:#fff; text-decoration:none;} .inner-nav li a .left { background:url(images/nav-sprite.png) -44px 0 no-repeat; width:16px; height:48px; float:left;} .inner-nav li a .middle { background: #404040; height:47px; float:left; padding:0px 18px; border-top: 1px solid #535353;letter-spacing: -0.5px;} .inner-nav li a .right { background:url(images/nav-sprite.png) -65px 0 no-repeat; width:16px; height:48px; float:left;} /*.inner-nav li a:hover { display:block; float:left; font-size:24px; color:#000; text-decoration:none; border-bottom: 1px solid #dddfde; cursor:pointer;} .inner-nav li a:hover .left { background:url(images/nav-hoverleftside.png) no-repeat; width:16px; height:48px; float:left;} .inner-nav li a:hover .middle { background:url(images/nav-hovermiddle.png) repeat-x; height:48px; float:left; padding:0px 18px;} .inner-nav li a:hover .right { background:url(images/nav-hoverrightside.png) no-repeat; width:16px; height:48px; float:left;}*/ .inner-nav li a.active { display:block; float:left; font-size:24px; color:#000; text-decoration:none; border-bottom: 1px solid #FAA635; cursor:pointer;} .inner-nav li a.active .left { background:url(images/nav-sprite.png) 0 0 no-repeat; width:16px; height:48px; float:left;border-bottom: 1px solid #FAA635;} .inner-nav li a.active .middle { background:#faa635; height:48px; float:left; padding:0px 18px;border-top: 1px solid #fcc57c;} .inner-nav li a.active .right { background:url(images/nav-sprite.png) -21px 0 no-repeat; width:16px; height:48px; float:left;border-bottom: 1px solid #FAA635} /* Brand header */ .brand-header { background-color: #f1f2f2; border-bottom: 1px solid #e4e6e6; } .brand-header .master-wrapper-page { background-repeat: no-repeat; background-position: right bottom; padding: 20px 0 15px; } .brand-header h1 { background-position: 0 0; background-repeat: no-repeat; padding: 0; } .brand-header p { width: 580px; font-size: 18px; line-height: 23px; } .brand-header p a { display: block; margin: 8px 0; color: #faa635; } .brand-img { width: 600px;} .brand-img img { margin-right: 7px;} #manufactuerdesc p a { display: inline; } /* Brand carousel */ .brand-carousel { background: #f1f2f2; border-bottom: 1px solid #e4e6e6; padding: 30px 0 20px } .jcarousel { position: relative; overflow: hidden; width: 846px; float: left; margin: 0 10px; } .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li { width: 104px; margin: 0 20px; float: left; } .jcarousel-control-prev, .jcarousel-control-next { float: left; background: url(images/sprite.png) 8px -396px no-repeat #faa635; display: block; height: 40px; width: 27px; border-radius: 5px; margin-top: 47px; } .jcarousel-control-next { background-position: -43px -396px } .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { background-color: #dddfde !important; background-position: 9px -356px !important } .jcarousel-control-next.inactive { background-position: -43px -356px !important } .jcarousel-control-prev { margin-right: 10px;} .jcarousel-control-next { margin-left: 30px;} .product-listing-section { width:100%; height:100%; background:#fff; border-bottom:1px solid #dcdedd;} .product-listing-main { width:960px; height:auto; position:relative; margin:0px auto; padding:20px 0px 68px;} .page-offers { background: #f1f2f2; border-top: 1px solid #bec1c0; border-bottom: 1px solid #dddfde; padding: 40px 0; } .page-offers .featured-items { padding: 30px 0 20px; width: 100%} .page-offers .featured-items > a { border: 1px solid #dddfde; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .page-offers .featured-items > a img { width: 308px;height: 286px} .page-offers .featured-items > a.big { width: 470px; height: 435px; margin-bottom: 20px } .page-offers .featured-items > a.big img { width: 468px; height: 433px; } .page-offers .featured-items > a.big .title { font-size: 2em; line-height: 1.2em; padding: 24px 20px} .page-offers .featured-items > a.big:hover .title { padding: 35px 20px} .page-offers .featured-items > .last { margin-right: 0 !important;} .page-offers .featured-items div.empty { float: left; height: 284px; margin: 0 15px 14px 0; position: relative; width: 308px; background: url(images/logo-grey.png) center center no-repeat #dee0df; border: 1px solid #d4d6d5; border-radius: 4px; } /************************************************ * Innerpage Header * :TATVASOFT ************************************************/ #inner-header { width:100%; height:100px; background:url(images/bg-new.jpg) top repeat;} #inner-header .dark-bg { width:100%; height:100px; background:url(images/dark-bg.png) repeat-x;} #inner-header .top-strip-bg { background:url(images/top-strip.png) repeat-x;} #inner-header .header-main-bg { background:url(images/circular-bg.png) center top no-repeat; height:100px; margin:0px auto;} #inner-header .header-main { width:960px; height:100px; margin:0px auto;} #inner-header .header-main .header-width{ width:960px; float:left; height:100px;} #inner-header .header-main .header-toplink1 { height:100px; padding-top: 15px; color:#999999; font-size:16px; text-align:right; float:right;position: relative;} #inner-header .header-main .header-toplink1 a { color:#faa635; text-decoration:none; font-weight:700;} #inner-header .header-main .header-toplink1 a:hover { text-decoration:underline;} #inner-header .header-main .logo1 { height:86px; text-align:left; float:left; padding-top:15px; margin-left: -2px;} .inner-search-input { width:200px; float:right; height:34px; background:url(images/search-bg.png) no-repeat; position:absolute; top:53px; right:0} .inner-search-input .input-search { border:none; outline:none; background:none; height:15px; *height:34px; line-height:15px; font-size:16px; color:#999999; padding:9px 9px; *padding:9px 9px; width:150px !important; float:left;} .inner-search-input .search-icon { width:34px; height:34px; background:url(images/search-icon-small.png) no-repeat; position:absolute; right:0px; top:0px; outline:none; border:none; cursor:pointer;} /************************************************ * LOGIN PAGE CSS * : TATVASOFT ************************************************/ .login-section { width:346px; text-align:center; margin:0px auto; padding:102px 0px 77px; } .login-section-top { background:url(images/login-box-top.jpg) no-repeat; width:346px; height:11px;} .login-section-bottom { background:url(images/login-box-bottom.jpg) no-repeat; width:346px; height:11px;} .login-section-middle { background:url(images/login-box-middle.jpg) repeat-y; width:300px; height:100%; padding:0px 23px;} .login-section-middle label { color:#fca436;text-align: left;padding: 0;font-weight: bold;font-size: 18px; } .login-header { font-size:30px; color:#fca436; width:300px; text-align:center; padding:10px 0px 18px; font-weight:700;} .login-input { width:300px; height:50px; background:url(images/login-input-bg-main.jpg) no-repeat; margin:0px 0px 10px;} .login-input input { text-align:center; font-size:20px; color:#979797; background:none; border:none; outline:none; height:40px; padding:5px; line-height:40px; width:290px;} .login-leftbtn { float:left; margin-top:10px;} .login-rightbtn { float:right; margin-top:10px; *width:146px;} .submit-rightbtn { float:right; margin-top:10px; *width:344px;} .forget-password { font-size:16px; color:#fca436; width:300px; text-align:center; padding:15px 0px 10px; *padding:5px 0px 10px;} .forget-password a { text-decoration:none; color:#fca436;} .forget-password a:hover { text-decoration:underline;} .grey-left { background:url(images/grey-btnleft.jpg) no-repeat; width:4px; height:50px; float:left;} .grey-right { background:url(images/grey-btnright.jpg) no-repeat; width:4px; height:50px; float:left;} .grey-middle { background:url(images/grey-btnmiddle.jpg) repeat-x; height:50px; float:left; border:none; outline:none; line-height:50px; font-weight:700; color:#3e3e3e; font-size:24px; cursor:pointer; margin:0px; padding:0px 0px; text-transform:uppercase;} .yellow-left { background:url(images/yellow-btnleft.jpg) no-repeat; width:4px; height:50px; float:left;} .yellow-right { background:url(images/yellow-btnright.jpg) no-repeat; width:4px; height:50px; float:left;} .yellow-middle { background:url(images/yellow-btnmiddle.jpg) repeat-x; height:50px; float:left; border:none; outline:none; line-height:50px; font-weight:700; color:#fff; font-size:24px; cursor:pointer; margin:0px; padding:0px 0px; text-transform:uppercase;} /************************************************ * REGISTER PAGE CSS * : TATVASOFT ************************************************/ .register-section { width:546px; text-align:center; margin:0px auto; padding:40px 0px 20px; } .register-section-top { background:url(images/register-top-bg.png) no-repeat; width:546px; height:8px;} .register-section-bottom { background:url(images/register-bottom-bg.png) no-repeat; width:546px; height:7px;} .register-section-middle { background:url(images/register-middle-bg.png) repeat-y; width:500px; height:100%; padding:0px 23px 15px;} .register-header { font-size:28px; color:#fff; width:500px; text-align:center; padding:10px 0px 35px; font-weight:700;} .register-formbox { width:500px; height:100%; float:left; margin-bottom:10px;} .regiter-title { height:50px; line-height:48px; font-size:22px; color:#999999; text-align:left; width:200px; float:left;} .register-input { width:300px; height:50px; background:url(images/register-inputbg.png) no-repeat; margin:0px 0px 0px; float:right;} .register-input input { text-align:left; font-size:20px; color:#e7e7e7; background:none; border:none; outline:none; height:40px; padding:5px 5px 5px 9px; line-height:40px; width:280px; } .register-input input:focus { border: 5px solid #fff;padding: 5px 5px 0 5px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;} .register-check { width:300px; height:50px; margin:0px 0px 0px; float:right;} .register-input input.optional { text-align:left; font-size:20px; color:#e7e7e7; background:none; border:none; outline:none; height:40px; padding:5px 5px 5px 9px; line-height:40px; width:280px; font-style:italic; } /************************************************ * CUSTOM CHECK BOX AND RADIO BTN CSS * : TATVASOFT ************************************************/ form { width: 100%; outline:none; border:none;} fieldset { border: 0; padding: 0px; outline:none; border:none;} label { display: block; cursor: pointer; line-height: 20px; padding-bottom: 18px; font-size:15px; color:#fff; outline:none; border:none;} .radios { padding-top: 18px; outline:none; *padding-top: 0px; width:100%;} .label_check input, .label_radio input { margin-right: 5px; outline:none; } .has-js .label_check, .has-js .label_radio { padding-left: 24px; font-weight: 700; padding-bottom: 6px } .has-js .label_radio { background: url(images/radio-off.png) 0 3px no-repeat; } .has-js .label_check { background: url(images/check-off.png) no-repeat; } .has-js label.c_on { background: url(images/check-on.png) no-repeat; } .has-js label.r_on { background: url(images/radio-on.png) 0 3px no-repeat; } .has-js .label_check input, .has-js .label_radio input { position: absolute; left: -9999px; } .has-js label.r_default { padding-bottom: 15px;} form.new{ outline:none; border:none; float:left;} label.checkfileld { display: block; cursor: pointer; line-height: 16px; padding-bottom: 13px; font-size:16px; color:#fff; outline:none; border:none;} .has-js .label_check { padding-left: 20px; } .has-js .label_check { background: url(images/check-off.png) no-repeat; } .has-js label.c_on { background: url(images/check-on.png) no-repeat; } .has-js .label_check.new1, .has-js .label_radio.new { padding-left: 26px; } .has-js .label_radio.new1 { background: url(images/radio-off1.jpg) no-repeat; } .has-js .label_check.new1 { background: url(images/check-off1.png) 0px 15px no-repeat; } .has-js label.c_on.new1 { background: url(images/check-on1.png) 0px 15px no-repeat; } .has-js label.r_on.new1 { background: url(images/radio-on1.jpg) no-repeat; } .has-js .label_check1 input, .has-js .label_radio1 input { position: absolute; left: -9999px; } label.register1{ display: block; cursor: pointer; line-height: 52px; padding-bottom: 18px; font-size:22px; color:#999999; outline:none; border:none ; float:left; margin-right:30px;} label.new3{ display: block; cursor: pointer; line-height: 30px; font-size:16px; color:#999999; outline:none; border:none ; float:left; margin-right:10px;} label.new{ display: block; cursor: pointer; line-height: 20px; font-size:16px; color:#000; outline:none; border:none ;margin-right:10px;} .has-js .label_check.new2, .has-js .label_radio.new2 { padding-left: 26px; } .has-js .label_check.new2 { background: url(images/check-off1.png) 0px 5px no-repeat; } .has-js label.c_on.new2 { background: url(images/check-on1.png) 0px 5px no-repeat; } .input-price{ background:none; border:none; outline:none; font-size:16px; color:#fff; width:40px; padding:0px; margin:0px; } .slider-input{ background:none; border:none; outline:none;} form.temp{ outline:none; border:none; width:146px;} form.temp1{ outline:none; border:none; width:209px;} form.temp2{ outline:none; border:none; width:296px;} /************************************************ * PRICE SLIDER BTN CSS * : TATVASOFT ************************************************/ .dynamic-slider-control { position: relative; -moz-user-focus: normal; -moz-user-select: none; cursor: default; outline: none; } .horizontal { width:154px; height: 16px; float:left; position: relative; top: 8px; } .vertical { width: 29px; height: 200px; } .dynamic-slider-control input { display: none; } .dynamic-slider-control .handle { position: absolute; font-size: 1px; overflow: hidden; -moz-user-select: none; cursor: default; top:-4px !important; } .dynamic-slider-control.horizontal .handle { width: 16px; height: 16px; background-image: url("images/handle.horizontal.png"); } .dynamic-slider-control.horizontal .handle div { } .dynamic-slider-control.horizontal .handle.hover { } .dynamic-slider-control .line { position: absolute; font-size: 0.01mm; overflow: hidden; border:none; background :url(images/slider-bg.png) no-repeat; behavior: url("css/boxsizing.htc"); /* ie path bug */ box-sizing: content-box; -moz-box-sizing: content-box; width:154px !important; top: 0px !important; left: 0px !important; outline:none; } .dynamic-slider-control.horizontal .line { height: 8px; width:154px !important; } .dynamic-slider-control .line div { width: 1px; height: 1px; } /************************************************ * Breadcrumb * : TATVASOFT ************************************************/ .breadcrumb { width:960px; float:left;padding-bottom:12px;} .breadcrumb ul { margin:0px; padding:6px 0px 0px 0px;} .breadcrumb ul li { float:left; list-style:none; margin:0px; line-height:18px; text-align:left; font-size:18px; padding:0px 8px 0px 0px; color:#65400f; } .breadcrumb ul li a { color:#000; text-decoration:none; font-weight:normal; font-weight:700; } .breadcrumb ul li a:hover { color:#000; text-decoration:underline; font-weight:700;} .breadcrumb .arrow-nrm { font-size:18px; color:#65400f; padding:0px 8px 0px 0px; line-height:18px; font-family:Arial, Helvetica, sans-serif;} .breadcrumb ul li img { padding-top:4px; vertical-align:top; *padding-top:4px;} /********* Product Listing Leftside : TATVASOFT**************/ .product-listing-leftside{ width:225px; height:100%; float:left;} .short-box { width:225px; float:left; height:auto; margin-bottom:20px;} .left-heading { width:225px; font-size:16px; color:#7f7f7f; padding-bottom:8px; line-height:16px; float:left; text-align:left; text-transform:uppercase; font-weight:700;} .short-product { width:225px; float:left; height:40px; } .filter-box { width:225px; float:left; height:auto;} .filter-box-1 { width:225px; margin-bottom:10px;} .filter-bottom { background:url(images/filter-bottombar.png) no-repeat; height:4px;} .filter-box-1 .heading { width:215px; height:36px; line-height:36px; font-size:16px; color:#fff; background:#333333; padding-left:10px;border-radius: 4px 4px 0 0} .filter-link { margin:0px; background:#000; padding: 5px 0 2px 10px } .filter-link:last-child { border-radius: 0 0 4px 4px; padding-bottom: 7px;} .filter-link-hidden { display: none; } .filter-box-1 .filter-link-show-more a { color: #FAA635 } .filter-box-1 a { color: #ffffff; font-size: 16px; margin-top: -5px; display: inline-block; } .filter-box-1 a:hover { color: #ff9933; text-decoration: none; } .filter-link li { list-style:none; line-height:30px; font-size:16px; padding-left:10px;} .filter-link li a { color:#fff; background:url(images/filter-nrm-img.png) left center no-repeat; display:block; padding-left:20px; } .filter-link li a:hover { color:#fff; background:url(images/filter-act-image.png) left center no-repeat; display:block; padding-left:20px; } .filter-link li a.inactive { color:#fff; background:url(images/filter-act-image.png) left center no-repeat; display:block; padding-left:20px; } .enter-car-details { background: #FAA635 ; text-align: center; padding: 100px 0 17px; border-radius: 4px; } .enter-car-details p { font-size: 16px; color: #000; line-height: 20px; } .enter-car-details .btn { background: #000000; border-radius: 4px; color: #FFFFFF; display: block; font-size: 16px; font-weight: 700; height: 40px; line-height: 39px; padding: 0 15px; text-transform: uppercase; margin: 0 17px; } .enter-car-details .btn-faded { background: #A86F24; margin-top: 10px; } .select-link { padding:0px; margin:0px; padding-top:10px; float:left; background:#000; padding-bottom:3px;} .select-link .yellow { list-style:none; line-height:16px; font-size:16px; padding-left:10px; width:215px; float:left;} .select-link .yellow a { color:#faa635; padding-left:0px; float:left; background:none !important;} .select-link .yellow span { float:left; color:#333333; font-size:16px; padding:0px 3px; background:none;} .select-link .yellow a:hover{ color:#faa635; padding-left:0px; float:left; background:none !important; text-decoration:underline;} .filter-link2 { padding:0px; margin:0px; padding-bottom:0px; padding-top:10px; width:100px; float:left; background:#000; padding-left:10px;} .filter-link2 li { list-style:none; line-height:30px; font-size:16px; padding-left:15px;} .filter-link2 li a { color:#fff; background:url(images/filter-nrm-img.png) left center no-repeat; display:block; padding-left:20px; } .filter-link2 li a:hover { color:#fff; background:url(images/filter-act-image.png) left center no-repeat; display:block; padding-left:20px; } .filter-link2 li a.inactive { color:#fff; background:url(images/filter-act-image.png) left center no-repeat; display:block; padding-left:20px; } .filter-link .label_check { background-position: 0 13px; padding: 7px 0 9px 23px; line-height: 1.4em; } .filter-link label.c_on { background-position: 0 13px; } .filter-link .label_check span { color: #999; } /********* Product Listing Rightside **************/ .product-listing-rightside { width:735px; height:100%; float:left;} .product-listing-box { margin:0px; padding:0px; width:735px; padding-top:15px;} .product-listing-box li { width:225px; height:292px; margin-left:20px; margin-bottom:43px; list-style:none; float:left;position: relative;} .orange-box { width: 225px;padding:2px 0 7px;background-color: #FAA635;color: #ffffff;text-align: center;font-size: 16px;text-transform: uppercase;font-weight: bold;position: relative;} .orange-infobox { width:225px; background:url(images/pro-bottom-pattern-bg2.png) repeat-y;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px;-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px; padding-bottom: 8px;} .black-box { width: 225px;padding:2px 0 7px;background-color: #000000;color: #FAA635;text-align: center;font-size: 16px;text-transform: uppercase;font-weight: bold;position: relative;} .product-image { width:225px; /*height:233px;*/ text-align:center; position:relative;} .orange-bar { width:225px; height:13px; padding-top:10px; position:relative;} .bar-labeled { margin-top: -34px; } .black-bar { width:225px; height:13px; padding-top:5px; position:relative;} .grey-bar { width:225px; height:13px; padding-top:5px; position:relative;} .sale-infobox { width: 225px;background:url(images/pro-bottom-pattern-bg.png) repeat-y;padding-bottom: 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px;-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;} .sale-infobox .product-price,.sale-infobox .product-name a { color: #777777;} .product-infobox { width:225px; background:url(images/pro-bottom-pattern-bg.png) repeat-y;padding-bottom: 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px;-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;} .product-name { width:225px; font-size:18px; font-weight:700; color:#000; text-align:center; line-height:22px; padding-top:7px;} .product-name a { text-decoration:none; color:#000;} .product-name a:hover { text-decoration:underline; color:#000;} .product-price { width:225px; font-size:18px; color:#000; text-align:center; line-height:22px;} .new-bar-box { width:225px; height:82px; position:absolute; top:-64px; background:url(images/new-tagbg.png) no-repeat;} .new-text { height:30px; margin-top:53px; width:225px; text-align:center; font-size:18px; color:#fff; text-transform:uppercase; line-height:30px; font-weight:700; } .product-infobox-sale { width:225px; background:url(images/pro-bottom-pattern-bg2.png) repeat-y; padding-bottom: 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px;-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;} .product-price-sale { width:225px; font-size:18px; color:#fff; text-align:center; line-height:22px; font-weight:700;} .clearance-bar-box { width:225px; height:91px; position:absolute; top:-73px; background:url(images/sale-tagbg.png) no-repeat;} .clearance-text { height:30px; margin-top:61px; width:225px; text-align:center; font-size:18px; color:#faa635; text-transform:uppercase; line-height:30px; font-weight:700; } .product-tag1 { width:225px; position:absolute; text-align:center; top:90px; left:0px; } .sale-text { color: #fff;font-size: 16px;} .product-sale { width: 225px;text-align: center;line-height: 22px;} .product-tag { width:225px; position:absolute; text-align:center; top:90px; left:0px; *background:url(images/sold-bg.png) no-repeat; *top:0px;} .product-image img.soldout { opacity:0.2;} .soldout-tag { position: absolute;left: 37px; top:74px; } .lowstock-tag { position: absolute;left: 28px; top:74px;z-index: 2;} .product-tag img { *margin-top:90px;} .loading-box { width:735px; text-align:center; height:50px; margin-top:20px; margin-bottom:20px;} .loading-btn { text-align:center;} .loading-btn a { width:225px; height:50px; background:url(images/load-more-btn.png) no-repeat; display:block; line-height:50px; color:#333333; font-size:20px; font-weight:700; margin-left:265px;} /********* Product Listing Pagination **************/ .pagination { font-size: 18px; text-align: center; } .pagination span { color: #000; display: inline-block; padding: 0 5px;} .pagination a { color: #faa635; display: inline-block; padding: 0 5px; } /************************************************ * Product Detail * : TATVASOFT ************************************************/ .qty-hidden-input{display:none;} .product-detail-header { width:960px; float:left; border-bottom:1px solid #dcdedd; padding:13px 0px 15px;} .product-detail-header .leftside { /*width:472px;*/ float:left; font-size:16px; color:#000;} .product-detail-header .leftside div { color:#000; float:left; padding:0px 0px; width:100%; margin-bottom:3px; margin-top:5px;} .product-detail-header .leftside span { color:#000; float:left; padding:0px 0px;} .product-detail-header .leftside span.line { color:#a3a6a8; float:left; padding:0px 5px;} .product-detail-header .leftside span.line:last-child { display: none;} .product-detail-header .rightside { width:480px; float:right; font-size:18px; color:#000;} .product-detail-header .rightside .feature-btn { float:right; background:url(images/product-features-bg.png) no-repeat; width:150px; height:62px; margin-left:10px;} .product-detail-header .rightside .feature-btn span.icon { width:56px; height:62px; float:left; text-align:center;} .product-detail-header .rightside .feature-btn span.icon img { padding-left:3px; padding-top:13px;} .product-detail-header .rightside .feature-btn span.featuretext { width:90px; font-size:18px; text-wrap: normal; line-height:20px; color:#959695; float:right; text-align:left ;padding-top:12px; } .product-detail-header .rightside .feature-btn span.featuretext1 { width:90px; font-size:18px; text-wrap: normal; line-height:62px; color:#959695; float:right; text-align:left ; } .product-detail-leftside { width:471px; height:100%; float:left; padding-top:35px;} .product-detail-image { width:471px; height:471px; float:left; position: relative;} #fW_Content { display: inline; float: left; margin: 0px 0px; overflow: hidden; width:471px; height: 471px;} #fW_Controls { margin: 0px 0px 0px -28px; position:absolute; top:480px; z-index:100; left: 50%;} #fW_Controls a { float: left; display:block; width:20px; height:20px; margin-left:8px; background:url(images/circle-nrm.png) no-repeat; text-indent:-10000px;} #fW_Controls A.activeSlide { background:url(images/circle-active.png) no-repeat;} #fW_Controls A:hover { background:url(images/circle-active.png) no-repeat;} .about-product { width:470px; float:left; margin-right:1px; margin-top:60px;} .about-product-top { background:url(images/about-productbox-top.png) no-repeat; width:470px; height:6px;} .about-product-middle { background:url(images/about-productbox-middle.png) repeat-y; width:440px; height:100%; padding:5px 15px 10px;} .about-product-middle p { color:#666666; font-size:16px; padding:0px; margin:0px; line-height:22px; } .about-product-bottom { background:url(images/about-productbox-bottom.png) no-repeat; width:470px; height:6px;} .product-detail-rightside { width:470px; height:100%; float:left; margin-left:19px; padding-top:35px;} .rightside-top { width:470px; background:url(images/product-detail-right-top.png) no-repeat; height:4px;} .rightside-middle { width:470px; background:#000; height:100%; border-radius: 4px 4px 8px 8px; } .rightside-bottom { width:470px; background:url(images/product-detail-right-bottom.png) no-repeat; height:4px;} .quantitybox { width:440px; padding:15px; border-bottom: 1px solid #424242;} .quantitylist { width:440px; float:left; padding-top:0px;} .label2 { font-size:16px; line-height:30px; color:#fff; float:left; margin-right:8px; font-weight: 700} .quantitylist-input-inner { width:440px; height:30px; } .add-tyre-box { width:440px; padding:15px 15px 7px; border-bottom: 1px solid #424242; font-size:16px; color:#999999;} .radio-box { width:440px; float:left; margin-bottom:5px; font-size:16px; color:#fff; padding-top:5px;} .addtocart-box { width:440px; padding:15px; border-top: 1px solid #e9c088; background:#faa635; border-radius: 0 0 4px 4px } .addtocart-box-inactive { background: #dddfde; } .totalamount { padding-bottom:5px; float:left; line-height: 18px;} .ex-gst-label { font-size: 18px;line-height: 10px;font-weight: 700;color: black; margin-top: -16px; display: block;} .addto-cart-btn { width:213px; float:right;} .addtocart { border:none; outline:none; background:#000; width:205px; height:51px; line-height:51px; color:#fff; font-size:24px; text-transform:uppercase; text-align:center; float:left; cursor:pointer; font-weight:700; border-radius: 4px; float: right;} .addtocart-box-inactive .addtocart { background: #c1c3c2; color: #dddfde; cursor: default; } .quantitylist2 { width:440px; float:left; padding-top:8px;} .confirm-car { background: url(images/img_confirm-car.jpg) 313px 32px no-repeat #faa635; margin-top: 5px; border-radius: 4px; padding: 10px 15px 15px; } .confirm-car h6 { padding-bottom: 6px} .confirm-car p { color: #000; font-size: 16px; margin: 0 0 10px; } .confirm-car .btn { background: #000; border-radius: 4px; color: #fff; font-size: 16px; font-weight: 700; line-height: 39px; height: 40px; padding: 0 15px; text-transform: uppercase; display: inline-block; } .wont-fit, .confirmed-fit { background-image: none;} .wont-fit p.btns { line-height: 40px;} .wont-fit .btn-faded { background: #a86f24;} .confirmed-fit { background-color: #dddfde} .confirmed-fit h6 { padding-left: 31px; position: relative; } .confirmed-fit h6:after { width: 23px; height: 23px; border-radius: 15px; background: url(images/sprite.png) 3px -325px no-repeat #fff; position: absolute; content: ""; top: 7px; left: 0; } .confirmed-fit .btn { background: #a6a7a6; } /************************************************ * CHECKOUT PAGE OF LOGIN CSS * : TATVASOFT ************************************************/ .checkout-header-login { width:960px; font-size:34px; color:#000; font-weight:700; float:left; padding:20px 0px; line-height:34px;} .checkout-subtext-login { width:960px; font-size:18px; color:#000; font-weight:700; float:left; padding:5px 0px 20px;} .checkout-leftside { width:470px; height:100%; float:left;} .checkout-topbg { background:url(images/checkout-loginleft-top.png) no-repeat; width:470px; height:5px;} .checkout-bottombg { background:url(images/checkout-loginleft-bottom.png) no-repeat; width:470px; height:5px;} .checkout-middel { background:#f5f5f5; width:420px; height:100%; padding:25px;} .checkout-middel .header { font-size:24px; color:#646464; padding-bottom:10px; width:420px; line-height:24px;} .checkout-middel .login-infotext { font-size:18px; line-height:22px; color:#a9a9a9; width:420px; margin-bottom:0px; *line-height:22px;} .checkout-btn { float:left; height:50px; padding-top:18px;} .checkout-btn1 { float:right; height:50px; padding-top:18px; width:138px;} .checkout-rightside { width:470px; height:100%; float:left; } .checkout-rightside label { color:#fca436;text-align: left;padding: 0;font-weight: bold;font-size: 18px; } .checkout-middel .login-input { font-size:16px; line-height:22px; color:#a9a9a9; background:url(images/login-input-bg.jpg) no-repeat; width:304px; height:40px; margin-bottom:7px;} .checkout-middel .login-input input { background:none; padding:4px 8px; margin:0px; outline:none; border:none; font-size:18px; color:#6a6a6a; line-height:32px; height:32px; width:288px; text-align:left;} .checkout-forgetlink { float:left; height:50px; padding-left:20px; line-height:50px; padding-top:18px;} .checkout-forgetlink a { text-decoration:none; font-size:18px; color:#f8a734; line-height:50px; display:block; } .checkout-forgetlink a:hover { text-decoration:underline;} /************************************************ * CART PAGE CSS * ************************************************/ .cart-header { width:960px; float:left; font-size:18px; color:#000; padding-bottom:40px; padding-top:18px;} .cart-leftside { width:960px; height:100%; float:left;} .cart-table { width:960px; height:100%; float: left;} .cart-table-top { background:url(images/carttable-top.png) no-repeat; width:960px; height:5px;} .cart-table-bottom { background:url(images/carttable-bottom.png) no-repeat; width:960px; height:5px;} .cart-table-top-rounded {border-top-left-radius: 5px;border-top-right-radius: 5px;} .cart-table-bottom-rounded {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .cart-table-middle { width:715px; height:100%;} .cart-table img { border: 1px solid #c0c2ca;outline: medium none;} .cart-table-middle .label_check { height: 8px;} .gridheader { height:0px; background-color:#333333; color:#fff; font-size:16px; font-weight:700; text-align:left; padding-top:5px; padding-bottom:10px;} .nrmgrid {background-color:#ececec; padding-top:14px; padding-bottom:14px; border-top:2px solid #fff;} .nrmgrid1 {background-color:#f5f5f5; padding-top:14px; padding-bottom:14px; border-top:2px solid #fff;} .quantity { background-color:#fff; border:#c9c9c9 1px solid; width:32px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#000;} .remove-btn { background:url(images/remove-icon.jpg) no-repeat; width:24px; height:24px; border:none; outline:none; cursor:pointer; margin-right:10px;} .voucher-box { width:400px; padding-top:10px; padding-bottom:10px; padding-left:25px; float:left;} .voucher-box span.heading { font-size:18px; color:#676767; width:400px; float:left; padding-bottom:15px; } .voucher-input-section { width:400px; float:left;} .voucher-input { background:url(images/voucher-inputbg.png) no-repeat; width:172px; height:30px; float:left;} .voucher-input input { background:none; border:none; outline:none; width:160px; padding:3px 6px; height:24px; line-height:24px; } .voucher-btn { width:70px; height:30px; float:left; padding-right:10px} .voucher-btn .applybtn { width:70px; height:30px; line-height:28px; color:#fff; text-transform:uppercase; font-weight:700; background:url(images/apply-btn.jpg) no-repeat; text-align:center; outline:none; border:none; font-size:16px; cursor:pointer;} .postcode-box { width:400px; padding-top:10px; padding-bottom:10px; padding-left:25px; float:left;} .postcode-box span.heading { font-size:18px; color:#676767; width:400px; float:left; padding-bottom:15px; } .postcode-input-section { width:400px; float:left;} .postcode-input { background:url(images/voucher-inputbg.png) no-repeat; width:172px; height:30px; float:left;} .postcode-input input { background:none; border:none; outline:none; width:160px; padding:3px 6px; height:24px; line-height:24px; } .postcode-btn { width:70px; height:30px; float:left; padding-right:10px} .postcode-btn .applybtn { width:70px; height:30px; line-height:28px; color:#fff; text-transform:uppercase; font-weight:700; background:url(images/apply-btn.jpg) no-repeat; text-align:center; outline:none; border:none; font-size:16px; cursor:pointer;} .update-box { width:250px; padding-top:10px; padding-bottom:10px; padding-left:25px; float:right; padding-right:16px;} .update-box span.heading { font-size:18px; color:#676767; width:250px; float:right; padding-bottom:15px; text-align:right; } .update-btn { float:right; text-align:right; *width:135px;} .update-btn-left { background:url(images/small-yellow-left.jpg) no-repeat; width:5px; height:30px; float:left;} .update-btn-right { background:url(images/small-yellow-right.jpg) no-repeat; width:5px; height:30px; float:left;} .update-btn-middle { background:url(images/small-yellow-middle.jpg) repeat-x; height:30px; float:left; border:none; outline:none; line-height:30px; font-weight:700; color:#fff; font-size:16px; cursor:pointer; margin:0px; padding:0px 5px; text-transform:uppercase; border:none;} .totalprice-box { width:960px; float:left; padding-top:20px; padding-bottom:12px;} .total-text { font-size:18px; color:#000; text-align:right; } .total-text span { font-size:36px; font-weight:700;} .checkout-box { text-align:right; width:960px; padding-top:13px; float:left; } .checkout-button { float:right;} .checkout-left { background:url(images/big-yellow-left.png) no-repeat; width:4px; height:50px; float:left;} .checkout-right { background:url(images/big-yellow-right.png) no-repeat; width:4px; height:50px; float:left;} .checkout-middle { background:url(images/big-yellow-middle.jpg) repeat-x; height:50px; float:left; border:none; outline:none; line-height:50px; font-weight:700; color:#fff; font-size:24px; cursor:pointer; margin:0px; padding:0px 5px; text-transform:uppercase;} .cart-rightside { width:227px; height:100%; float:left; margin-left:18px;margin-top: 8px;} .cart-rightside-top { background:url(images/cart-rightsection-top.png) no-repeat; width:227px; height:7px;} .cart-rightside-bottom { background:url(images/cart-rightsection-bottom.png) no-repeat; width:227px; height:7px;} .cart-rightside-middle { background:url(images/cart-rightsection-middle.png) repeat-y; width:205px; padding:10px 13px 20px 13px; } .cart-rightside-middle h6 { padding:3px 0px 20px; margin:0px; font-size:24px; font-weight:normal; color:#999999; text-align:left; line-height:26px;} .cart-rightside-middle p { color:#666666; font-size:16px; padding:0px; margin:0px; line-height:22px;} .payment-method-box { padding:0px; margin:0px;} .shipping-information { background-color: #F1F2F2;border: 1px solid #DEE0E0;padding: 20px;margin-top: 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;} .shipping-estimator { display: block;} /************************************************ * CHECKOUT PAGES CSS * ************************************************/ .checkout-step-section { width:715px; float:left; padding:10px 0px 32px; border-bottom:1px solid #dddddd;} .checkout-header { width:715px; font-size:36px; color:#000; font-weight:700; float:left; padding:10px 0px; line-height:36px;} .checkout-subtext { width:715px; font-size:24px; color:#000; font-weight:700; float:left; padding:10px 0px 10px;} .checkout-subtext1 { width:715px; font-size:18px; color:#000; font-weight:700; float:left; padding:0px 0px 10px;} .form-leftside { float:left;} .form-leftside input { background:none; outline:none; border:none; height:24px; line-height:24px; padding:3px 5px 3px 9px; width:180px; color:#333; font-size:16px; } .form-box { height:30px; line-height:30px; margin-bottom:10px; float:left; font-size:18px; color:#000;min-width: 400px;} .form-box .label { width:120px; height:30px; line-height:30px; font-size:17px; color:#000; text-align:left; float:left; font-weight: 700;} .form-box .input-text { height:30px; line-height:30px; font-size:18px; color:#000; text-align:left; background:url(images/checkout-input.png) no-repeat; float:left;} .next-btn { clear:both; float:left; height:50px; padding-top:15px;} .next-btn-right { clear:both; float:right; height:50px; padding-top:15px;} /* TATVASOFT */ .checkout-step-section2 { width:715px; float:left; padding:20px 0px; border-bottom:1px solid #dddddd;} .checkout-header2 { width:715px; font-size:36px; color:#bfc1c0; float:left; padding:10px 0px; line-height:34px;} .checkout-step-section4 { width:715px; float:left; padding-bottom:32px; border-bottom:1px solid #dddddd;} .checkout-step-section.finish { width:715px; float:left; padding:10px 0px 30px; border-bottom:1px solid #dddddd;} .complete { width:715px; font-size:34px; color:#bfc1c0; font-weight:700; float:left; padding:15px 0px 0px; line-height:34px; background:url(images/correct-icon.png) right 13px no-repeat;} .form-box2 { width:300px; line-height:20px; margin-bottom:10px; float:left; font-size:18px; color:#000;} .form-box2 .label { width:150px; height:20px; line-height:20px; font-size:18px; color:#000; text-align:left; float:left; font-weight: 700;} .form-box2 .input-text { width:150px; line-height:20px; font-size:18px; color:#000; text-align:left; float:left; height:auto; min-height:20px;} .form-boxbold { width:300px; line-height:30px; margin-bottom:10px; float:left; font-size:18px; color:#000;} .form-boxbold .label-bold { font-size:24px; color:#000; font-weight:700; float:left; padding:20px 0px 20px; height:30px; line-height:30px; width:300px; } .nrmgrid-checkout { background-color:#eeede9; padding-top:10px; padding-bottom:10px; border-top:2px solid #fff;} .nrmgrid1-checkout { background-color:#f7f6f4; padding-top:10px; padding-bottom:10px; border-top:2px solid #fff;} .update-box-checkout { width:305px; padding-top:5px; padding-bottom:5px; padding-left:0px; float:right; padding-right:15px;} .left-tag { float:left; line-height:28px; } .price-tag { float:right; line-height:28px;} .form-leftside1 { width:350px; float:left; margin-top:20px;} .form-box1 { width:350px; height:30px; line-height:30px; margin-bottom:10px; float:left; font-size:18px; color:#000;} .form-box1 .label { width:160px; height:30px; line-height:30px; font-size:18px; color:#000; text-align:left; float:left; font-weight:700;} .form-box1 .input-text { width:190px; height:30px; line-height:30px; font-size:18px; color:#000; text-align:left; background:url(images/checkout-input.png) no-repeat; float:left;} .form-leftside1 input { background:none; outline:none; border:none; height:24px; line-height:24px; padding:3px 5px 3px 9px; width:184px; color:#000; font-size:14px; } .form-box1 .card-code-text { width:60px; height:30px; line-height:30px; font-size:18px; color:#000; text-align:left; background:url(images/card-code.png) no-repeat; float:left;} .form-leftside1 .card-code-text input { background:none; outline:none; border:none; height:24px; line-height:24px; padding:3px 9px 3px 9px; width:42px; color:#000; font-size:16px; } /************************************************ * Margin Css * : TATVASOFT ************************************************/ .margin-bottom { margin-bottom: 0px !important;} .margin-left60 { margin-left: 60px !important;} .margintop7 { margin-top: 7px !important;} .margin-left20 { margin-left: 20px !important;} .margin-bottom30 { margin-bottom: 30px !important;} .margin-bottom20 { margin-bottom: 20px !important;} .margin-bottom10 { margin-bottom: 10px !important;} .margin-top { *margin-top: 0px !important;} .margin-top10 { margin-top: 10px !important;} .margin-top20 { margin-top: 20px !important;} .margin-top30 { margin-top: 30px !important;} .margin-top40 { margin-top: 40px !important;} .pad-bottom0 { padding-bottom: 0px !important;} .padding-bottom32 { padding-bottom: 32px !important;} .pad-bottom64 { padding-bottom: 64px !important;} .pad-bottom40 { padding-bottom: 40px !important; *padding-bottom: 24px !important;} .pad-bottom20 { padding-bottom: 20px !important; *padding-bottom: 15px !important;} #page { width:100%; height:auto;} /************************************************ * General * ************************************************/ html, body { height: 100%;} img { border:0; outline:none; border:none;} .clear { clear:both; margin:0px !important; padding:0px !important;} .clearfix:before, .clearfix:after {content: " "; display: table; } .clearfix:after {clear: both;} .clearfix {*zoom: 1; } .no-margin { margin:0!important;} .left { float:left;} a { text-decoration:none; outline:none; border:none;} a:active, a:selected, a:visited { border: none; outline: none; } .color1 { color:#ccc;} .color2 { color:#000;} .color-grey { color:#5c5c5c !important;} .bold { font-weight:700 !important;} .no-bg { background:none !important;} .no-border { border:none !important;} input, select { font-family:"ff-meta-web-pro", Arial, Helvetica, sans-serif; outline:none; border:none;} .padding14 { padding-left:14px;} .text-left { text-align:left !important; } .text-l { text-align:center !important; } .text-r { text-align:right !important;} .padding-r14 { padding-right:14px; *padding-right:2px;} .padding-r14new { padding-right:14px;} .p-name { font-size:18px; color:#000; font-weight:bold; } /************************************************ * MY ACCOUNT PAGE CSS * ************************************************/ .product-nav-main { width:960px; position:relative; margin:0px auto;} .account-inner-nav { padding:0px; margin:0px; position:absolute; left:-7px; top:-49px;} .account-inner-nav li { float:left; height:48px; line-height:48px; list-style:none; margin-left:7px;} .account-inner-nav li a { display:block; float:left; font-size:24px; color:#fff; text-decoration:none;} .account-inner-nav li a .left { background:url(images/nav-leftside.png) no-repeat; width:16px; height:48px; float:left;} .account-inner-nav li a .middle { background:url(images/nav-middle.png) repeat-x; height:48px; float:left; padding:0px 18px;} .account-inner-nav li a .right { background:url(images/nav-rightside.png) no-repeat; width:16px; height:48px; float:left;} .account-inner-nav li a:hover { display:block; float:left; font-size:24px; color:#000; text-decoration:none; border-bottom: 1px solid #dddfde; cursor:pointer;} .account-inner-nav li a:hover .left { background:url(images/nav-hoverleftside.png) no-repeat; width:16px; height:48px; float:left;} .account-inner-nav li a:hover .middle { background:url(images/nav-hovermiddle.png) repeat-x; height:48px; float:left; padding:0px 18px;} .account-inner-nav li a:hover .right { background:url(images/nav-hoverrightside.png) no-repeat; width:16px; height:48px; float:left;} .account-inner-nav li a.active { display:block; float:left; font-size:24px; color:#000; text-decoration:none; border-bottom: 1px solid #dddfde; cursor:pointer;} .account-inner-nav li a.active .left { background:url(images/nav-hoverleftside.png) no-repeat; width:16px; height:48px; float:left;} .account-inner-nav li a.active .middle { background:url(images/nav-hovermiddle.png) repeat-x; height:48px; float:left; padding:0px 18px;} .account-inner-nav li a.active .right { background:url(images/nav-hoverrightside.png) no-repeat; width:16px; height:48px; float:left;} .my-account-box { width:960px; float:left; padding:10px 0px 32px; border-bottom:1px solid #dddddd; margin-bottom: 10px; *margin-bottom: 10px; *padding:10px 0px 42px;} .account-header { width:960px; float:left;} .myaccount-header { font-size:36px; color:#000; font-weight:700; float:left; padding:10px 0px 30px; line-height:36px; margin-right:15px;} .edit-btn { float:left; text-align:center; margin-top:13px; *width:56px;} .edit-btn-left { background:url(images/small-yellow-left.jpg) no-repeat; width:5px; height:30px; float:left;} .edit-btn-right { background:url(images/small-yellow-right.jpg) no-repeat; width:5px; height:30px; float:left;} .edit-btn-middle { background:url(images/small-yellow-middle.jpg) repeat-x; height:30px; float:left; border:none; outline:none; line-height:30px; font-weight:700; color:#fff; font-size:16px; cursor:pointer; margin:0px; padding:0px 7px; text-transform:uppercase; *width:46px;} .edit-btn1 { text-align:right; float:right; *min-width:132px;} .edit-btn1-left { background:url(images/small-yellow-left.jpg) no-repeat; width:5px; height:30px; float:left;} .edit-btn1-right { background:url(images/small-yellow-right.jpg) no-repeat; width:5px; height:30px; float:left;} .edit-btn1-middle { background:url(images/small-yellow-middle.jpg) repeat-x; height:30px; float:left; border:none; outline:none; line-height:30px; font-weight:700; color:#fff; font-size:16px; cursor:pointer; margin:0px; padding:0px 7px; text-transform:uppercase; *min-width:122px;} .my-account-box2{ width:960px; float:left; padding:10px 0px 25px; border-bottom:1px solid #dddddd; margin-bottom: 10px;} .form-box-account{ width:480px; line-height:18px; margin-bottom:10px; float:left; font-size:18px; color:#000;} .form-box-account .label{ width:200px; height:20px; line-height:20px; font-size:18px; color:#000; text-align:left; float:left; font-weight:700;} .form-box-account .input-text{ width:280px; height:20px; line-height:20px; font-size:18px; color:#000; text-align:left; float:left;} .form-leftside-account{ width:480px; float:left;} .change-link { text-decoration:none; font-size:18px; color:#f8a734; line-height:18px; } .change-link:hover{ text-decoration:underline;} .myaccount-leftbox{ width:480px; float:left;} .description-box{ width:472px; float:left; margin-top:76px;} .description-top{ width:472px; background:url(images/myacc-des-top.png) no-repeat; height:7px;} .description-bottom{ width:472px; background:url(images/myacc-des-bottom.png) no-repeat; height:7px;} .description-middle{ width:442px; background:url(images/myacc-des-middle.png) repeat-y; padding:5px 15px 15px;} .description-middle p{ color:#666666; font-size:16px; padding:0px; margin:0px; line-height:22px;} /************************************************ * VIEW ORDER PAGE CSS * : TATVASOFT ************************************************/ .order-table{ width:960px; height:100%; float: left;} .order-table-top{ background:url(images/order-table-top.png) no-repeat; width:960px; height:5px;} .order-table-bottom{ background:url(images/order-table-bottom.png) no-repeat; width:960px; height:5px;} .order-table-middle{ width:960px; height:100%;} .order-table-middle img { border: 1px solid #c0c2ca;outline: medium none;} .order-text{ font-size:18px; color:#000; text-align:right; width:960px; padding:20px 0px;} .order-text span{ font-size:36px; font-weight:700;} .download-box{ text-align:right; width:960px; padding-top:13px; float:left; padding:0px 0px 20px; } .download-button{ float:right; *min-width:236px;} .download-left{ background:url(images/big-yellow-left.png) no-repeat; width:4px; height:50px; float:left;} .download-right{ background:url(images/big-yellow-right.png) no-repeat; width:4px; height:50px; float:left;} .proceed-button{ float:right; *min-width:269px;} .proceed-left{ background:url(images/big-yellow-left.png) no-repeat; width:4px; height:50px; float:left;} .proceed-right{ background:url(images/big-yellow-right.png) no-repeat; width:4px; height:50px; float:left;} .proceed-middle{ background:url(images/big-yellow-middle.jpg) repeat-x; height:50px; float:left; border:none; outline:none; line-height:50px; font-weight:700; color:#fff; font-size:24px; cursor:pointer; margin:0px; padding:0px 5px; text-transform:uppercase;} .nrmgrid-order{background-color:#ebeceb; padding-top:8px; padding-bottom:8px; border-top:2px solid #fff;} .nrmgrid1-order{background-color:#ebeceb; padding-top:8px; padding-bottom:8px; border-top:2px solid #fff;} #frmGiftCard { width:0px;} /************************************************ * Tool Tip * : TATVASOFT ************************************************/ button { position: relative; border-radius: 0px; border: 0px #000 solid; background:none; margin: 0px; padding: 0; top:0px; cursor:pointer; color:#faa635 !important; font-family:"ff-meta-web-pro", Arial, Helvetica, sans-serif; margin-top: -5px; } button div { padding: 0px 0px 17px; cursor: pointer; line-height: 20px; font-size: 15px; color: #fff; outline: none; border: none; text-align:left; } button div:hover{color:#faa635 !important;} button div span{ font-size:14px; color:#a3a3a3;} button:hover { color:#faa635 !important; } button:active { background-position: 0 0px !important; } button .hover { cursor:pointer; color:#faa635 !important;} /* styling from tooltip */ .tooltip { position: absolute; left: 155px; top: -260px; margin: 0; z-index: 100; width: 246px; padding:0px; height:260px;} .tooltip span:before { /* triangle */ border-color: rgba(0,0,0,0.5) transparent transparent transparent; left: 0px; bottom:0px; } .tooltip span, .notification span { text-align: center; display: block; text-align:left; } .tooltip span { padding: 0px 0px; color: #fff; line-height: 20px; background-color:#000; border:none; font-size:12px; line-height:16px; } .tooltip span .tooltip-image{ width:236px; height:210px; padding:0px 5px 0px 5px; text-align:center; margin-top:3px;} .tooltip span .tooltip-title{ width:236px; padding:0px 5px 0px 5px; font-size:13px; color:#000; text-align:center; font-weight:bold; line-height:35px;} /* styling from notification */ .sidemenu_button, .bottommenu_button, .tooltip_button, .notification_button { float: left; position: relative; } .sidemenu, .bottommenu, .notification, .tooltip { position: absolute; margin: 0; z-index: 100; display: none; } .sidemenu_button, .bottommenu_button, .tooltip_button, .notification_button { float: left; position: relative; } .sidemenu_button button { float: left; margin-right: 8px;} .sidemenu, .bottommenu, .notification, .tooltip { position: absolute; margin: 0; z-index: 100; display: none;} .sidemenu_button:hover .sidemenu, .bottommenu_button:hover .bottommenu, .tooltip_button:hover .tooltip, .notification_button .notification { display: block; } .sidemenu { float: left; position: absolute; left:0px; width: 0px;} .sidemenu ul:before, .bottommenu ul:before, .tooltip span:before { border:none; position: absolute; } .sidemenu ul:before { /* triangle */ left: 0px; top: 0px; } .tooltip span { list-style: none; padding: 0px; border-radius: 0px; overflow: hidden; background:url(images/popup-bg.png) no-repeat; width: 246px; height: 260px; } .sidemenu ul li:hover, .bottommenu ul li:hover { background-position: 0 0px; } .sidemenu ul li, .bottommenu ul li { height: 0px; line-height: 0px; margin: 0; } .sidemenu ul li:active, .bottommenu ul li:active { background-position: 0 0px; } .sidemenu ul li:last-child { border-bottom: 0; } /************************ Search Page ***********************/ .search-form { width:715px; float:left; margin-left:20px;} .search-box-bold { width:715px; font-size:26px; font-weight:700; margin-bottom:25px; color:#000; margin-top:27px;} .search-box1 { width:715px; height:30px; line-height:30px; margin-bottom:10px; float:left; font-size:18px; color:#000;} .search-box1 .label { width:200px; height:30px; line-height:30px; font-size:17px; color:#000; text-align:left; float:left; font-weight: 700;} .search-box1 .input-text { width:190px; height:30px; line-height:30px; font-size:18px; color:#000; text-align:left; background:url(images/checkout-input.png) no-repeat; float:left;} .search-box1 input { background:none; outline:none; border:none; height:24px; line-height:24px; padding:3px 5px 3px 9px; width:175px; color:#000; font-size:16px; } .search-box1 .input-text-check { height:30px; line-height:30px; font-size:18px; color:#000; text-align:left; float:left; padding-top:7px;} .search-box1 .input-text-check label { height:22px; color:#000;} .search-box1 .price-input { width:100px; height:30px; line-height:30px; font-size:18px; color:#000; text-align:left; background:url(images/price-input.png) no-repeat; float:left;} .search-box1 .price-text{ font-size:14px; float:left; padding:0px 5px;} .search-box1 .price-input input { background:none; outline:none; border:none; height:24px; line-height:24px; padding:3px 9px 3px 9px; width:85px; color:#000; font-size:16px; } .search-button { width:715px; height:30px; line-height:30px; margin-bottom:10px; float:left; font-size:18px; color:#000;} .search-button .label { width:200px; height:30px; line-height:30px; font-size:17px; color:#000; text-align:left; float:left; font-weight: 700;} .search-btn { float:left; text-align:center; margin-top:13px; *width:100px;} .search-btn-left { background:url(images/small-yellow-left.jpg) no-repeat; width:5px; height:30px; float:left;} .search-btn-right { background:url(images/small-yellow-right.jpg) no-repeat; width:5px; height:30px; float:left;} .search-btn-middle { background:url(images/small-yellow-middle.jpg) repeat-x; height:30px; float:left; border:none; outline:none; line-height:18px; font-weight:700; color:#fff; font-size:16px; cursor:pointer; margin:0px; padding:0px 7px; text-transform:uppercase; *width:85px;} /* New Classes */ .add-button { line-height: 36px; padding: 20px 0; float:right; } #ProductSearch{width:0px;} label.checkSearch { display: block; cursor: pointer; line-height: 16px; padding-bottom: 13px; font-size:16px; color:#000; outline:none; border:none;} /* Maps */ .storelocation-grid { margin-top: 50px;} .infobox-line{ font-size: 10px;} .infobox-heading{ font-size: 12px;font-weight: bold;color: #FAA635;} .store-infobox { padding: 15px ;cursor: pointer;width: 870px} .store-infobox h7{ text-decoration: underline;} .infoBox{ border-radius: 5px;border: 2px solid #ffffff !important;background-color: #4F4E4E !important; } .infoBox a {color: #fff} .store-infobox.even { background-color: #F4F7F6;} .store-infobox.odd { background-color:#E8EAE9;} /** Google PPC **/ .google-ppc {width: 100%;background-color: #FAA635;border-bottom: 1px solid #d8912e; padding: 20px 0;} .google-ppc-inner {width: 960px;margin: 0 auto; text-align: center;} .google-ppc-inner .choose-wk {width: 500px;margin: 0 auto; text-align: center; } .google-ppc-inner .choose-wk .label1 { line-height: 74px;margin-top: 15px;} .google-ppc-inner .wk-reasons .reasons-list {margin: 0;padding: 0; text-align: center;list-style: none;} .google-ppc-inner .wk-reasons .reasons-list li { text-align: center;width: 150px;padding: 0 15px;color: #000;display: inline-block;font-size: 18px;vertical-align: top;} .google-ppc-inner .wk-reasons .reasons-list li .reason-image{ background-image: url('images/wk-hero-icons.png'); height: 150px;} .google-ppc-inner .wk-reasons .reasons-list li .reason-image.pricing{ background-position: -22px 10px;} .google-ppc-inner .wk-reasons .reasons-list li .reason-image.genuinewheels{ background-position: -211px 10px;} .google-ppc-inner .wk-reasons .reasons-list li .reason-image.delivery{ background-position: -404px 10px;} .google-ppc-inner .wk-reasons .reasons-list li .reason-image.professional{ background-position: -594px 10px;} .google-ppc-inner .wk-reasons .reasons-list li .reason-image.wkpackages{ background-position: -788px 10px;} .google-ppc-inner .wk-reasons .reasons-list li .reason-image span{ vertical-align: top;} .related-products-grid .related-products-head { float: left;width: 100%;margin-bottom: 20px;} .related-products-grid .related-products-head .title{ color: #191C19;font-size: 24px;float: left;} .related-products-grid .related-products-head .wheel-tyre-toggle button{background-color: #000; color: #fff !important;font-size: 18px; text-transform: uppercase;padding: 10px 20px;float: right;} .related-products-grid .related-products-head .wheel-tyre-toggle button.active{background-color: #FAA635;} .related-products-grid .related-products-head .wheel-tyre-toggle button.tyre-toggle{border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .related-products-grid .related-products-head .wheel-tyre-toggle button.wheel-toggle{border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .related-products-grid .related-wheels,.related-products-grid .related-tyres{ width: 1000px;} .all-staggered-toggle { float: left;margin-top: 20px;} .all-staggered-toggle button{ text-transform: uppercase;font-size: 16px;font-weight: bold;min-width: 130px;padding: 10px 20px; color: #ffffff !important ;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .all-staggered-toggle button.active{ background-color: #FAA635; } .all-staggered-toggle button.inactive{ background-color: #999999!important;color: #cccccc !important;} #package-detail-box {border-bottom: 1px solid #424242;color: #999999;font-size: 16px;padding: 15px 15px 7px;width: 440px;} #package-detail-box .product-name { font-weight: bold;color: #ffffff;}