@font-face { font-family: 'BebasNeue-webfont'; src: url('/font/BebasNeue-webfont.eot'); src: url('/font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('/font/BebasNeue-webfont.woff') format('woff'), url('/font/BebasNeue-webfont.ttf') format('truetype'), url('/font/BebasNeue-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal }
/* ----- Site wide ------------------------ */
html { background: url(/layout/700-bg.png) top center no-repeat #f1f1f1; background-attachment: fixed; margin: 0 auto 0 auto; padding: 0px }
body { height: 100%; margin: 0 auto 0 auto; text-align: center; font-family : Arial, Helvetica, sans-serif; background:;
}
body.filter { height: 1000px; margin: 0 auto 0 auto; text-align: center; font-family: Arial, Helvetica, sans-serif; background: #fff; }
/* ----- TopBanner ------------------------ */
/* ----- TopBanner ----- layout ----- */
#TopBanner-grid { background: url(/layout/700-masthead-bg.png) top center no-repeat; width: 1036px; height: 228px; margin: 0 auto 0 auto; border-top: 5px solid #dbdbdb; position: relative; background-position-y: 30px; }
.TopBanner-controls { padding: 0px; text-align: center; margin: 0 auto 0 auto; height: 115px; width: 1008px; position: relative; }
/* ----- TopBanner ----- logo ----- */
.TopBanner-logo { width: 223px; height: 110px; position: absolute; left: 14px; top: 51px; }
/* ----- TopBanner --- shipping ----- */
.TopBanner-shipping { width: 430px; position: absolute; right: -8px; top: 178px; z-index: 30; }
/* ----- TopBanner ----- links and basket ----- */
.TopBanner-cart { height: 57px; position: absolute; right: 0px; top: 2px; }
.TopBanner-cart li { list-style: none; float: left; height: 20px; display: block; }
.TopBanner-cart li a { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration: none; line-height: 300%; border-right: solid 1px #EAEAEA; padding: 5px 10px; }
.TopBanner-cart li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration: none; line-height: 300%; border-top: 5px solid #b1b1b1; background: #F9F9F9 }
/* ----- TopBanner ----- search ----- */

.TopBanner-search { width: 442px; height: 75px; position: absolute; right: -7px; top: 96px; background: url(/layout/700-orsearch.png) top left no-repeat; display: block }
.TopBanner-search img { float: right; width: 70px; }
.searchBoxForm { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #999999; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; margin: 0px; width: 200px; padding: 8px 8px 8px 40px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px dotted #CCC; background: url(/Images/search-icon.png) no-repeat #fff; background-position: 7px 7px; float: right }
.searchBoxForm:focus { color: #333; background: url(/Images/search-icon.png) no-repeat #FFF; background-position: 7px 7px; outline: none }
.searchButton { float: right; color: #666; width: 96px; height: 31px; background-color: #fafafa; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; line-height: 290%; font-weight: bold; font-size: 12px; text-decoration: none; text-indent: -11px; }
.searchButton img { width: 11px; height: 11px; top: 14px; position: absolute; padding-left: 3px }
.searchButton:Hover { float: right; color: #666; width: 96px; height: 31px; background-color: #FFF; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; line-height: 290%; font-weight: bold; font-size: 12px; text-decoration: none; }
div.brandList { margin: 0 auto 0 auto; width: 185px; height: 0px; position: relative; top: -132px; left: -70px; text-align: left; z-index: 1100 }
.dropdownForm { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #999999; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; margin: 0px; width: 185px; padding: 7px; border: 1px solid #CCC; background: #fff }
OPTION { background: #fff; font-style: italic; line-height: 150%; border: solid 1px red; }
.TopBanner-nav { position: absolute; left: 14px; top: 175px; width: 980px; padding: 0px; margin: 0px }
.TopBanner-nav li { list-style: none; display: block; float: left; height: 30px }
.TopBanner-nav li.bikesContainer { width: 61px }
.TopBanner-nav li.componentsContainer { width: 105px }
.TopBanner-nav li.clotingContainer { width: 79px }
.TopBanner-nav li.accessoriesContainer { width: 102px; margin-right: 7px }
.TopBanner-nav li.womenContainer { width: 73px; margin-right: 7px }
.TopBanner-nav li.saleContainer { width: 44px; margin-right: 7px }
.TopBanner-nav li.offersContainer { width: 162px; margin-right: 7px }
.TopBanner-nav li.socialContainer { width: 200px; height: 30px; float: right; }
.TopBanner-nav li.xmas { background:#666; height: 22px; padding: 4px 14px; float: left; }
.TopBanner-nav li.xmas a { color:#fff; font-weight:bold; text-decoration:none}
.socialContainerInner { float: right; height: 30px; margin-left: 7px; }
.facebookIcon { float: left; padding: 0; margin-top: 3px; margin-right: 12px; height: 24px; width: 67px }
.twitterIcon { float: left; padding: 0; margin-top: 3px; margin-right: 12px; height: 24px; width: 29px }
.googlePlusOne { float: left; margin-top: 3px; }
.socialMedia { float: left; margin-left: -2px; }
.bikes { display: block; width: 61px; height: 30px; background: url(/layout/700-bikes-link.png); cursor: pointer; float: left; text-indent: -1000px; overflow: hidden }
.bikes:hover { background-position: -61px 0px }
.components { width: 105px; height: 30px; background: url(/layout/700-components-link.png); cursor: pointer; float: left; text-indent: -1000px; overflow: hidden }
.components:hover { background-position: -105px 0px }
.clothing { width: 79px; height: 30px; background: url(/layout/700-clothing-link.png); cursor: pointer; float: left; text-indent: -1000px; overflow: hidden }
.clothing:hover { background-position: -79px 0px }
.accessories { width: 102px; height: 30px; background: url(/layout/700-accessories-link.png); cursor: pointer; float: left; text-indent: -1000px; overflow: hidden }
.accessories:hover { background-position: -102px 0px }
.women { width: 73px; height: 30px; background: url(layout/700-women-link.png); cursor: pointer; float: left; text-indent: -1000px; overflow: hidden }
.women:hover { background-position: -73px -0px }
.sale { width: 44px; height: 30px; background: url(layout/700-sale-link.png); cursor: pointer; float: left; text-indent: -1000px; overflow: hidden }
.sale:hover { background-position: -44px -0px }
.offers { width: 162px; height: 30px; background: url(layout/700-offers-link.png); cursor: pointer; float: left; text-indent: -1000px; overflow: hidden }
.offers:hover { background-position: -162px -0px }
.bf { width: 162px; height: 30px; background: url(layout/700-offers-bf.png); cursor: pointer; float: left; text-indent: -1000px; overflow: hidden }
.bf:hover { background-position: -162px -0px }

/* ----- Footer ------------------------ */
/* ----- Footer ----- Twitter ----- */

div.footerCap { background: url(/layout/700-end-cap.png) top left no-repeat; height: 63px; width: 1036px; margin: 0 auto 0 auto; padding: 0px; text-align: left }
#footer-twitter { width: 100%; margin: 0 auto 0 auto; width: 100%; background-color: #6b6b71; clear: both; padding: 0px; s
}
#footer-twitter-controls { padding: 0px; text-align: center; margin: 0 auto 0 auto; width: 1000px; position: relative; height: 60px }
ul#twitter_update_list { padding: 0px; margin: 0px; display: inline; }
ul#twitter_update_list li { font-family: Georgia, "Times New Roman", Times, serif; color: #FFF; font-size: 10pt; list-style: none; font-style: italic; line-height: 150%; background: #87878d; padding: 10px; text-align: left; margin-top: 0px; height: 50px; display: inline }
ul#twitter_update_list li a { font-family: Arial, Helvetica, sans-serif; color: #aecff1; font-size: 8pt; text-decoration: none; margin: 0px; padding: 0px; display: inline; }
div#twitter-lip { left: -50px; top: 5px; position: relative; }
div#twitter-name a { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #a4a4ae; font-weight: normal; font-style: normal; text-decoration: none; position: absolute; top: 35px; left: 470px; text-indent: 30px; }
div#twitter-name img { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #a4a4ae; font-weight: normal; font-style: normal; text-decoration: none; position: absolute; top: 35px; left: 470px; }
div#twitter-name a:hover { color: #81c0ff; }
/* ----- Footer ----- links ----- */
#footer-grid { width: 100%; height: 300px; margin: 0 auto 0 auto; width: 100%; clear: both; padding: 0px; }
#footer-controls { padding: 0px 0px 0px 14px; text-align: center; margin: 0 auto 0 auto; width: 1008px; height: 450px; background: url(/layout/700-footer-ribbon.png) top right no-repeat }
#footer-controls ul { display: inline; margin: 0; padding: 0px; clear: both }
#footer-controls ul li { width: 225px; float: left; margin: 0px; padding: 0px 10px; text-align: left; list-style: none; }
#footer-controls ul li strong, #footer-controls-last ul li.non-line strong { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #FFF; font-weight: normal; font-style: normal; text-decoration: none; line-height: 200%; font-weight: bold }
#footer-grid p { font-family: Arial, Helvetica, sans-serif; font-size: 12.5pt; color: #a4a4ae; font-weight: bold; font-style: normal; text-decoration: none; line-height: 100%; display: inline }
#footer-grid a { font-family: Arial, Helvetica, sans-serif; font-size: 12.5pt; color: #a4a4ae; font-weight: bold; font-style: normal; text-decoration: none; line-height: 100% }
#footer-grid a:hover { text-decoration: none; color: #81c0ff }
/* ----- Footer ----- footer-cards  ----- */

#footer-cards { margin-top: 10px; }
#footer-cards img { margin-left: 10px; padding-right: 14px; border-right: 1px solid #D1D1D1 }
#footer-cards img.end { margin-left: 10px; padding-right: 14px; border-right: none }
/* ----- Footer ----- IP ©  ----- */
#footer-terms { text-align: center; margin: 0 auto 0 auto; width: 100%; padding: 5px 0; clear: both; background: #fff; border-top: 1px solid #e5e5e5 }
#footer-terms-control { padding: 0px; text-align: center; margin: 0 auto 0 auto; width: 1000px; background: #fff }
#footer-terms-control p { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration: none; line-height: 200% }
#footer-terms-control a { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration: underline; line-height: 150% }
#footer-terms-control a:hover { text-decoration: none; color: #7fce4c }
dl { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #a4a4ae; font-weight: normal; font-style: normal; text-decoration: none; text-align: left }
dl dt { float: left; padding: 2px 0px 5px 0px; line-height: 130%; font-weight: bold; width: 75px; }
dl dd { margin: 0px; padding: 2px 0px 5px 0px; line-height: 130%; }
/* ----- Generic Font style ----- */
a, a:hover, a:focus, SELECT { outline: none }
a.root, a.branch { font-family: Arial, Helvetica, sans-serif; font-size: 8.0pt; color: #555; text-decoration: none }
a.leaf { font-family: Arial, Helvetica, sans-serif; font-size: 8.0pt; color: #009ddc; text-decoration: none }
p.bread { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 8.0pt; font-weight: normal; font-style: normal; line-height: 150%; text-decoration: none; display: inline }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #134662 }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #134662 }
h3, .titltle { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #134662; text-decoration: none }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #134662 }
p, ul, li { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 9.0pt; font-weight: normal; font-style: normal; line-height: 180%; text-decoration: none }
.Instructions { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; font-weight: normal; font-style: normal; line-height: 150% }
.required { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #ed1c24; font-weight: normal; font-style: normal; padding-left: 5px }
div.landing-lead { background: url(/layout/700-landing-hdr.png) top center no-repeat; height: 255px; width: 1036px; margin: 0 auto 0 auto; padding: 0px }
div.landing-lead-container { text-align: left; height: 169px; width: 980px; display: block; float: left; position: relative; top: 28px; left: 28px }
div.ll-img-container { float: left; height: 169px; width: 224px; display: block; margin-right: 14px }
div.ll-txt-container { float: left; display: block; width: 724px; height: 169px; padding-left: 13px; border-left: 1px solid #f1f1f1 }
div.category-lead { background: url(/layout/700-landing-hdr.png) top center no-repeat; height: 255px; width: 1036px; margin: 0 auto 0 auto; padding: 0px }
div.category-lead-container { text-align: left; height: 169px; width: 980px; display: block; float: left; position: relative; top: 28px; left: 28px }
div.cp-img-container { float: left; height: 169px; width: 224px; display: block; margin-right: 14px }
div.cp-txt-container { float: left; display: block; width: 724px; height: 169px; padding-left: 13px; border-left: 1px solid #f1f1f1 }
/* ----- Generic Font style --- clPricing -----
.now { font-family:Arial,Helvetica,sans-serif; font-size: 11pt; color: #009ddc; font-weight:bold; font-style: normal; text-decoration: none; display: inline; line-height:100% }
.was { font-family:Arial,Helvetica,sans-serif; font-size: 11pt; color: #999999; font-weight:bold; font-style: normal; text-decoration: none; display: inline; line-height:100% }
.saving {font-family:Arial, Helvetica, sans-serif; font-size: 8.0pt; color:#ffe1e1; font-weight:bold; font-style: normal; text-decoration: none; display: inline; background:#d32f2f; padding:2px 0px 2px 5px;}
.saving-text {font-family:Arial, Helvetica, sans-serif; font-size: 8.0pt; color:#FFF; font-weight:bold; font-style: normal; text-decoration: none; display: inline; background:#d32f2f; padding:2px 5px 2px 0px ;}
/* ----- Generic Font style --- clPricing-detail ----- 
.now-Detail{font-family:Arial,Helvetica,sans-serif; font-size: 8pt; color:#666; font-weight:bold; font-style: normal; text-decoration: none; display: inline; line-height:250%; }
.was-Detail {font-family:Arial,Helvetica,sans-serif; font-size: 8pt; color:#666; font-weight:bold; font-style: normal; text-decoration:line-through; display: inline; line-height:250%; margin-left:5px}
.saving-Detail  {font-family:Arial, Helvetica, sans-serif; font-size: 12pt; color:#ffe1e1; font-weight:bold; font-style: normal; text-decoration: none; display: inline; background:#d32f2f; padding:2px 0px 2px 5px;}
.saving-tex-tDetail  {font-family:Arial, Helvetica, sans-serif; font-size: 12pt; color:#FFF; font-weight:bold; font-style: normal; text-decoration: none; display: inline; background:#d32f2f; padding:2px 5px 2px 0px ;}
/* ----- Generic Font style --- euro ----- 
.now-price-detail-euro { font-family: Arial,Helvetica,sans-serif; font-size: 14pt; font-weight: normal; color: #0066CC; display: block; height: 25px; width: 100px; float: left }
.was-price-detail-euro { font-family: Arial,Helvetica,sans-serif; font-size: 14pt; font-weight: normal; text-decoration: line-through; color: #0066CC; display: block; height: 25px; width: 200px; background: url(/layout/on-sale-euro.png) top right no-repeat; float: left }


/* ----- Generic Forms ----- */
.formSingle { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #999999; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; margin: 0px; width: 200px; padding: 5px; border: 1px solid #CCC; background: #F8F8F8; s
}
.formSingle:focus { color: #333; background: no-repeat #FFF; border: 1px solid #b5b5b5; outline: none }
.formMulti { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #999999; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; margin: 0px; width: 400px; padding: 5px; border: 1px solid #CCC; height: 100px; background: #F8F8F8; display: block }
.formMulti:focus { color: #333; background: no-repeat #FFF; border: 1px solid #b5b5b5; outline: none }
.formSmall { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #999999; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; margin: 0px; width: 50px; padding: 5px; border: 1px solid #CCC; background: #F8F8F8; s
}
.formSmall:focus { color: #333; background: no-repeat #FFF; border: 1px solid #b5b5b5; outline: none }
/* ----- leftcolumnt ----- */
#leftcolumn { width: 205px; text-align: left; vertical-align: top; padding: 0px; float: left; margin-right: 10px; }
#leftcolumn-controls { padding: 10px 0px }
#leftcolumn-controls li { list-style: none; margin-top: 1px; }
/* ----- leftcolumn --- CSSNav ----- */
div#clNav ul { list-style: none; margin: 0px; padding: 0px; }
div#clNav ul li a { margin: 0px; padding: 0px; display: block; width: 100%; height: 25px; cursor: pointer; line-height: 200%; text-align: left; text-decoration: none }
div#clNav ul li a:hover { color: #666 }
div#clNav ul li > ul, div#clNav ul li > ul li, div#clNav ul li > ul li > ul li, div#clNav ul li > ul li > ul li > ul li { display: block }
.CSSParent, .CSSParent:hover { color: #333; font-weight: normal; font-size: 8pt }
.CSSParentSelected { color: #00aeef; font-weight: bold }
.CSSChild, .CSSChild:hover { color: #333; font-weight: normal; font-size: 8pt }
.CSSChildSelected { color: #00aeef; font-weight: bold }
.Level0 { margin: 0 0 0 5px; text-indent: 10px }
/*.Level1 { margin: 0 0 0 8px; text-indent: 10px }*/
.Level2 { margin: 0 0 0 11px; text-indent: 10px }
.Level3 { margin: 0 0 0 14px; text-indent: 10px }
.smOW { display: none; position: absolute; overflow: hidden; padding: 0 2px; margin: 0 0 0 -2px; }
.ExpressDelivery { display: block; width: 980px; height: 120px; padding-top: 45px; background: url(/ssl/images/express-delivery-bg.jpg) top left no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #fff; text-indent: 450px }
/* ----- Main Content ----- */
#store-grid { width: 1006px; text-align: center; margin: 0px auto 0px auto; padding-bottom: 10px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #fff }
.detail-grid { width: 1006px; text-align: center; margin: 0px auto 0px auto; padding-bottom: 10px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #fff }
#centercolumn { width: 1036px; text-align: left; vertical-align: top; padding: 0px; float: left; margin-bottom: 20px; }
#store-grid2 { width: 1036px; text-align: center; margin: 0px auto 0px auto; padding-bottom: 10px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #fff }
#centercolumn2 { width: 1036px; text-align: left; vertical-align: top; padding: 0px; float: left; margin: 0px auto; background: #fff }
#full-width { width: 1000px; text-align: left; vertical-align: top; padding: 10px; background: #fff }
/* ----- Main Content --- Product Repreater */
ul.search-item { display: inline; margin: 0px; padding: 0px; height: 322px; width: 224px; text-align: left }
.search-item li { float: left; list-style: none; }
.search-item li a { text-decoration: none; float: left; width: 224px; height: 322px; margin-left: 24px; margin-bottom: 24px }
.search-item li a:hover { border: none; }
.search-item li img { border: none }
.search-item li h3 { padding: 0px 14px 0px 0px; font-size: 13.5pt; font-weight: bold; line-height: 130%; color: #134662; display: block; letter-spacing: -0.06em }
/* ----- search-item sale */
ul.search-item-sale { display: inline; margin: 0px; padding: 0px; height: 30px; width: 978px; text-align: left }
.search-item-sale li { list-style: none; width: 978px }
.search-item-sale p { display: block; padding: 0px; margin: 0px; line-height: 270%; height: 32px; float: left; margin-left: 14px; margin-right: 14px }
.search-item-sale li a { text-decoration: none; float: left; width: 978px; height: 30px; margin-left: 0px; margin-bottom: 14px }
.search-item-sale li a:hover { border: none; }
.search-item-sale li img { border: 1px solid #e5e5e5; float: left }
/* ----- Main Content --- Tabs */
.tabberlive { margin-top: 1em; }
ul.tabbernav { border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif; margin: 0; padding: 3px 0; }
ul.tabbernav li { list-style: none; display: inline; margin: 0; }
ul.tabbernav li a { margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; padding: 3px .5em; }
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover { color: #000; background: #AAE; border-color: #227; }
ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; }
ul.tabbernav li.tabberactive a:hover { color: #000; background: #FFF; border-bottom: 1px solid #FFF; }
.tabberlive .tabbertab { border: 1px solid #aaa; border-top: 0; padding: 5px; }
.tabberlive#tab2 .tabbertab { height: 200px; overflow: auto; }
.tabberlive .tabbertabhide, .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: none; }
div.detailViewer { background: url(/layout/700-detail-viewer.png) top left no-repeat; height: 808px; width: 1036px; margin: 0 auto 0 auto; padding: 0px }
div.zoomornot { float: left; background: url(/layout/700-zoom.png) top left no-repeat; height: 55px; width: 107px; position: relative; left: -14px }
div.simpleBar { background: url(/layout/700-simple-bar.png) top left no-repeat; height: 63px; width: 1036px; margin: 0 auto 0 auto; padding: 0px; text-align: left }
div.simpleBar h1, div.simpleBar h2 { display: block; padding: 0px; margin: 0px; top: 14px; left: 28px; position: relative }
div.detail-grid-container {  width: 950px; margin-left: 14px; border-top: 1px solid #e5e5e5; padding-top: 14px; padding-left: 14px; padding-bottom: 14px; padding-right: 14px; text-align: left }
div.buy-container { background: url(/layout/700-delivery-note.png) top right no-repeat #f9f9f9; width: 950px; min-height: 220px; margin-left: 14px; border-top: 1px solid #e5e5e5; padding-top: 14px; padding-left: 14px; padding-bottom: 14px; padding-right: 14px; position:relative; padding-top: 58px;}
#rightcolumn { background: #fff; width: 100%; text-align: left; vertical-align: top; padding: 10px; float: right }
td.ContentTableHeader { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666; font-weight: bold; font-style: normal; text-decoration: none; background: #efefef; text-align: left; height: 30px; text-indent: 2px; }
tr.alt-row { background: #efefef; }
.Content { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; }
ul.reorder { list-style: none; width: 714px; height: 65px; margin: 0; padding: 0; }
ul.reorder li { float: left; }
ul.reorder li a { width: 113px; display: inline-block; padding: 5px; color: #333; font-size: 8.5pt; text-decoration: none; margin-bottom: 10px; margin-right: 10px; padding: 0px; background-color: #F0F0F0; padding: 5px 0 }
ul.reorder li a:Hover { width: 113px; display: inline-block; padding: 5px; color: #FFF; font-size: 8.5pt; text-decoration: none; margin-bottom: 10px; margin-right: 10px; padding: 0px; background-color: #bababa; padding: 5px 0 }
ul.top-sellers { margin: 0 10px 0 0; padding: 0; list-style: none; height: 51px; width: 300px; float: left; border-bottom: 1px solid #CCC; }
ul.top-sellers li.img { width: 50px; height: 50px; margin: 0; padding: 0; float: left; }
ul.top-sellers li.txt { width: 250px; height: 50px; margin: 0; padding: 0; float: left; }
div#earch1_UpdatePanel1 { clear: both; }
dl { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #a4a4ae; font-weight: normal; font-style: normal; text-decoration: none; text-align: left }
dl dt { float: left; padding: 2px 0px 5px 0px; line-height: 130%; font-weight: bold; width: 75px; }
dl dd { margin: 0px; padding: 2px 0px 5px 0px; line-height: 130%; }
div#navigation { width: 190px; background-color: #F0F0F0; }
<!--
Form elements
-->
.form {
}
.emailForm { background-color: #FFF }
.emailForm li { list-style: none; display: block; text-align: left; margin-bottom: 10px; }
.contactForm { text-align: left; }
.contactFormPadding { margin: 10px; }
.contactForm li { list-style: none; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 10.5pt; font-weight: normal; font-style: normal; line-height: 150%; text-decoration: none; text-align: left; }
table.int-pricing { padding: 0px; margin: 0px }
table.int-pricing tr td { padding: 0px; margin: 0px }
font.pricing-details { font-family: Arial, Helvetica, sans-serif; font-size: 11.5pt; font-weight: bold; color: #ed1c24 }
div.navigation { width: 687px; height: 100px; text-align: center; margin: 0 auto 0 auto; }
div#leftnav { float: left; width: 113px; height: 45px; }
div#rightnav { float: left; width: 113px; height: 45px; }
td.short-desc p { font-weight: normal }
table.product-detail { width: 970px; text-align: left; border: margin: 0px;
position: relative; top: 28px; left: 28px }
td.prod-viewer { padding-right: 14px; width: 644px }
td.prod-details { padding-left: 14px; border-left: 1px solid #e5e5e5; width: 298px }
td.prod-details p { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 9.0pt; font-weight: normal; font-style: normal; line-height: 180%; text-decoration: none; display: inline }
div#volume { padding-left: 32px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px; margin: 10px; background: url(/layout/heat-grad.jpg) left top no-repeat; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
table.clAttributeGrid { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #134662; height: 30px; width: 616px; background: #e9e9e9; margin-bottom: 10px }
table.clAttributeGrid tr { height: 30px; width: 616px; padding: 0px; margin: 0px }
table.clAttributeGrid td.name { width: 240px; padding: 0px; margin: 0px; text-indent: 10px }
table.clAttributeGrid td.price { width: 80px; padding: 0px; margin: 0px }
table.clAttributeGrid td.stock { width: 242px; padding: 0px; margin: 0px }
table.clAttributeGrid td.add { width: 54px; padding: 0px; margin: 0px; background: url(/layout/Unavailable.png) top left no-repeat; }
table.clAttributeGrid-nomatrix { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666; width: 616px; background: #e7e8e9; clear: both }
table.clAttributeGrid-nomatrix tr { height: 30px; width: 616px; padding: 0px; margin: 0px }
table.clAttributeGrid-nomatrix td.name { width: 240px; padding: 0px; margin: 0px; text-indent: 10px }
table.clAttributeGrid-nomatrix td.price { width: 80px; padding: 0px; margin: 0px }
table.clAttributeGrid-nomatrix td.stock { width: 242px; padding: 0px; margin: 0px }
table.clAttributeGrid-nomatrix td.add { width: 54px; padding: 0px; margin: 0px; background: url(/layout/Unavailable.png) top left no-repeat; }
.out-of-stock { background-color: #e9d4d4; width: 100%; padding: 5px; }
.out-of-stock td { padding: 10px; }
.formSingle-stock { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ab7374; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; margin: 0px; width: 500px; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: none; background: #F8F8F8; height: 26px; float: left; line-height: 200%; text-indent: 5px; }
.formSingle-stock:focus { color: #bd4c50; background: no-repeat #FFF; outline: none; border-bottom: 1px solid #caafb0; border-left: 1px solid #caafb0; border-top: 1px solid #caafb0; }
.button-matrix { float: left; background: #f2f2f2; color: #FFF; width: 54px; height: 30px; background: #e04242 url(/layout/addtobasket.png); no-repeat;
line-height: 290%; font-weight: bold; font-size: 12px; text-decoration: none; text-indent: -15px; text-align: center; background-position: 0px 0px; display: block; border: 1px solid #f2f2f2; }
.button-matrix:Hover { float: left; color: #e04242; width: 54px; height: 30px; background-color: #FFF; border: 1px solid #CCC; line-height: 290%; font-weight: bold; font-size: 12px; text-decoration: none; text-align: center; cursor: pointer; background-position: 0px 30px; }
.button-outofStock { float: left; background: #f2f2f2; color: #FFF; width: 86px; height: 30px; background: #e04242 url(/layout/outofStock.png); no-repeat;
line-height: 290%; font-weight: bold; font-size: 12px; text-decoration: none; text-indent: -15px; text-align: center; background-position: 0px 0px; display: block; border: 1px solid #f2f2f2; }
.button-outofStock:Hover { float: left; color: #e04242; width: 86px; height: 30px; background-color: #FFF; border: 1px solid #CCC; line-height: 290%; font-weight: bold; font-size: 12px; text-decoration: none; text-align: center; cursor: pointer; background-position: 0px 30px; }
.AddButton { float: left; color: #FFF; width: 130px; height: 35px; background: #666666; line-height: 290%; font-weight: bold; font-size: 12px; text-decoration: none; text-indent: -15px; text-align: center; background-position: 105px 12px; display: block; border: 1px solid #333333; text-decoration: underline }
.AddButton:Hover { color: #666666; width: 130px; height: 35px; background-color: #F4F4F4; border: 1px solid #CCC; line-height: 290%; font-weight: bold; font-size: 12px; text-decoration: none; text-align: center; cursor: pointer; text-decoration: underline }
.OutofStockCSS { color: #990000 }
.InStockCSS { color: #060; font-weight: bold }
.BackOrderCSS { color: #f7941d }
.NotifyWarning { font-family: Arial, Helvetica, sans-serif; color: #ed1c24; font-weight: normal; font-size: 8.5pt; line-height: 250%; display: block }
/* ----- Detail --- addtobasket-None Matrix --- */

#Video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
#Video iframe, #Video object, #Video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.StockCount { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #134662; width: 420px; display: block; height: 32px; background: #eae2d9; text-indent: 10px; line-height: 250%; font-weight: normal; float: left; margin: 0px }
.lblLeadTime { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #134662; width: 420px; display: block; height: 32px; background: #eae2d9; text-indent: 10px; line-height: 250%; font-weight: normal; float: left; margin: 0px }
.AddButton-container { height: 40px; background: #f2f2f2; padding: 4px 3px 3px 3px }
table.product-image { width: 754px; height: 566px; text-align: center; border: 1px solid #e5e5e5; background: #fff; margin: 0px; overflow: hidden }
table.product-image td { padding: 0px }
table.detail-info { width: 754px; text-align: left; border: 1px solid #e5e5e5; background: #fff; margin: 0px }
table.detail-info tr td { padding: 10px }
table.detail-info tr td p { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 10.5pt; font-weight: normal; font-style: normal; line-height: 150%; text-decoration: none; padding: 0px; margin: 0px }
table.detail-info tr td ul li { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 10.5pt; font-weight: normal; font-style: normal; line-height: 150%; text-decoration: none }
table.rec-item { width: 755px; height: 120px; border: 1px solid #e5e5e5; list-style : none; padding: 0px; margin: 0px 0px 10px 0px; background: #fff }
table.rec-item tr td { padding: 10px }
table.rec-item img { border: none }
ul#recommended { list-style: none; padding: 0px; margin: 0px }
ul#recommended li.img { float: left; width: 160px; height: 160px }
ul#recommended li.txt { float: left; width: 325px; height: 160px; margin-bottom: 20px; background: #f7f6f1; text-align: left }
ul#recommended li.txt a.item-link { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #f50; vertical-align: middle; text-decoration: none; position: relative; top: 50px; left: 20px }
ul#recommended li.txt a.item-link:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #888; vertical-align: middle; text-decoration: none }
table.review-txt { width: 754px; background: #fff; margin: 0px 0px 10px 0px }
table.review-txt td.review-content { background: #666; padding: 10px }
table.review-txt td { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 8.5pt; font-weight: normal; font-style: normal; line-height: 150%; text-decoration: none }
div#review-header { width: 305px; height: 95px; background: url(/Images/review-bg.jpg) }
div#review-title { position: relative; top: 28px; left: 10px }
div#review-average { width: 754px; height: 35px; margin-bottom: 10px; background: #f7f7f7 }
div#average-text { width: 580px; height: 35px; float: left; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 8.5pt; font-weight: normal; font-style: normal; line-height: 325%; text-decoration: none; letter-spacing: 1.50em }
div#average-stars { width: 150px; height: 35px; float: left; padding: 5px }
div.review-average-sm { width: 400px; height: 25px; background: #fff }
div.average-text-sm { width: 220px; height: 25px; float: left; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 8.5pt; font-weight: normal; font-style: normal; line-height: 210%; text-decoration: none; letter-spacing: 2px }
div.average-stars-sm { width: 80px; height: 25px; float: left; padding: 5px 0px 5px 5px }
div.review { width: 305px; border-bottom: 1px solid #c5d8cd; padding-bottom: 10px; margin-bottom: 10px }
div.review-details { width: 295px; position: relative; left: 5px }
table.attributeimages { float: left; width: 740px; border: 1px solid #e5e5e5; background: #fff; margin: 0 10px 10px 0; }
.basket-msg { display: block; padding: 10px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; background: #ed1c24; }
table.shopping-basket { width: 978px; background: #fff; margin-bottom: 10px; margin-right: 28px; border: none; }
span.fawkes-price { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #ed1c24; font-weight: bold; font-style: normal; text-decoration: none; }
span.srp-price { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #999; font-weight: normal; font-style: normal; text-decoration: none; }
div#divCurrency { background-color: #ecf9ff; padding: 5px; height: 20px; width: 680; border: 1px dashed #069; }
span.euronow, span.eurowas, span.usdnow, span.usdwas, span.Swednow, span.Swedwas, span.Nornow, span.Norwas, span.Dannow, span.Danwas { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; font-style: normal; line-height: normal; font-weight: normal; color: #362f2d; text-decoration: none; }
#nick-name { margin: 0; padding: 10px; height: 100px; width: 250px; border: 1px solid #036; display: none; position: absolute; background: #fff }
#alt-billing { margin: 0; padding: 10px; height: 100px; width: 250px; border: 1px solid #036; display: none; position: absolute; background: #fff; }
#TopProd1, #TopProd2, #TopProd3, #TopProd4, #TopProd5, #TopProd6, #TopProd7, #TopProd8, #TopProd9, #TopProd10 { margin: 0; padding: 10px; border: 1px solid #036; display: none; position: absolute; background: #fff; }
div#feedback-header { width: 305px; height: 95px; background: url(/Images/review-bg.jpg); margin-bottom: 10px; }
div#feedback-title { position: relative; top: 28px; left: 10px; }
div.feedback-name { width: 305px; height: 40px; }
div.feedback-comments { width: 305px; height: 100px; }
div.feedback-score { width: 305px; height: 40px; margin-bottom: 10px; border-bottom: 1px solid #c5d8cd; }
.TopGroup { background: #efefef; }
.Group { background: #efefef; }
.Item { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; cursor: pointer; color: #666; font-weight: normal; padding: 0 0 5px 0; margin: 0; }
.ItemH { background: #bf2317; color: #fff; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; padding: 0 0 5px 0; margin: 0; cursor: pointer; }
.ItemExp { background: #f3f1ea; color: #fff; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; padding: 0 0 5px 0; margin: 0; cursor: pointer; }
div.map0 { font-family: Tahoma; font-size: 10.5pt; color: #0071bc; height: 20px; width: 600px; padding: 0 0 0 20px; float: left }

div.map1 { font-family: Tahoma; font-size: 10.5pt; color: #0071bc; height: 20px; width: 600px; padding: 0 0 0 20px; }
div.map2 { font-family: Tahoma; font-size: 10.5pt; color: #0071bc; height: 20px; width: 600px; padding: 0 0 0 40px; }
div.map3 { font-family: Tahoma; font-size: 10.5pt; color: #0071bc; height: 20px; width: 600px; padding: 0 0 0 60px; }
div.total0 a { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: normal; color: #231f20; float: left; padding-right: 20px; width: 150px; height: 20px; text-decoration: none; }
div.total0 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: normal; color: #f00; float: left; padding-right: 20px; width: 150px; height: 20px; text-decoration: none; }
table#tag-cloud { width: 278px; background: #e8f6ff; margin-bottom: 20px; }
table#tag-cloud a { float: left; display: inline; position: relative; line-height: 120%; padding: 2px; color: #004080; text-decoration: none; }
table#tag-cloud a:hover { background: #004080; color: #fff; text-decoration: none; }
#myOnPageContent { margin: 0; padding: 10px; display: none; }
div#nav-container { width: 945px; height: 65px; border: 1px solid #666; }
div#vertical_slide { background: #ffe6e6; font-weight: bold; }
div#vertical_slide2 { background: #e6f2ff; font-weight: bold; clear: right; }
a#v_toggle, a#v2_toggle, a#v3_toggle, a#v4_toggle, a#v5_toggle, a#v6_toggle, a#v7_toggle { cursor: pointer; }
table#existing-account { float: left; margin-right: 10px; }
table#new-account { float: left; }
tr#ProductDetail21_trDescription td ul { padding: 40px; }
#menu1 { display: none; padding: 0; margin: 0; width: 220px; height: 1100px; clear: both; }
a.menuHead { display: block; width: 220px; height: 40px; }
a.menuHead:hover { display: block; width: 220px; height: 40px; }
ul.rep-item { float: left; width: 172px; height: 300px; border: 1px solid #e5e5e5; list-style: none; padding: 0; margin: 0 10px 10px 0; background: #fff; }
ul.rep-item li.image { width: 172px; height: 172px; text-align: center; vertical-align: middle; margin: 5px 0 0 5px; padding: 0; border-bottom: 1px solid #e5e5e5; }
ul.rep-item li.price { width: 172px; height: 46px; text-align: left; vertical-align: middle; margin: 5px 0 0 5px; padding: 0; border-bottom: 1px solid #e5e5e5; }
ul.rep-item li.name { width: 172px; height: 80px; text-align: left; vertical-align: middle; margin: 5px 0 0 5px; padding: 0; }
ul.rep-item li.name a { text-decoration: none; }
ul.rep-item li.name a:hover { text-decoration: none; color: #ed1c24; }
ul.rep-item-prize { float: left; width: 172px; height: 300px; border: 1px solid #e5e5e5; list-style: none; padding: 0; margin: 0 10px 10px 0; background: #fff; }
ul.rep-item-prize li.image { width: 172px; height: 172px; text-align: center; vertical-align: middle; margin: 5px 0 0 5px; padding: 0; border-bottom: 1px solid #e5e5e5; }
ul.rep-item-prize li.price { width: 172px; height: 46px; text-align: left; vertical-align: middle; margin: 5px 0 0 5px; padding: 0; border-bottom: 1px solid #e5e5e5; }
ul.rep-item-prize li.name { width: 172px; height: 80px; text-align: left; vertical-align: middle; margin: 5px 0 0 5px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666; font-weight: normal; font-style: normal; }
table.prize-draw { width: 746px; height: 200px; background: url(/layout/prize-draw-bg.jpg) top left no-repeat #efefef; margin: 0 0 10px 0; border: 1px solid #e5e5e5; }
table.attributes tr td { padding: 0; margin: 0; }
table.attributes tr td table#ProductDetail21_CAttributeControl1_DlAttributes tr td { margin: 0; padding: 0; background: #e5e5e5; }
ul.general-ul li { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 10.5pt; font-weight: normal; font-style: normal; line-height: 150%; text-decoration: none; }
table#shipping { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-align: left; width: 740px; }
table#shipping th { background: #f3f3f3; font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666; border: 1px solid #d6d6d6; }
table#shipping tr { font-weight: normal; color: #544741; }
table#shipping td { font-weight: normal; background: #fff; border: 1px solid #d6d6d6; text-align: center; }
table#shipping td b { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666; }
table.contact-details { background: url(/layout/contact-bg.jpg) top left no-repeat; width: 746px; height: 466px; }
table.contact-details td { padding: 10px; }
table.contact-details td.contact-content { padding: 10px; width: 450px; }
table.blog-content { background: #fff; border: 1px solid #e5e5e5; float: left; margin: 0 10px 10px 0; width: 746px; }
table.blog-content td { padding: 10px; }
table.blog-content td img { float: left; margin-right: 15px; margin-top: 10px; border: 1px solid #e5e5e5; }
table.blog-content td p.small { font-weight: bold; font-size: 8.5pt; padding: 0; margin: 0; }
.paginationstyle { border-bottom: 1px solid #dfdfdf }
<script type="text/javascript"src="general.js">.paginationstyle {
width:250px;
height:50px;
background:#efefef;
text-align:center;
padding:0;
}
.paginationstyle span.flatview a { margin: 0; color: #a5a5a5; text-decoration: none; line-height: 200%; font-size: 11pt; font-weight: bold; width: 179px; font-size: 12px; padding: 5px 15px; }
.paginationstyle span.flatview a:hover { color: #666; background: #F5F5F5; outline: none; }
.paginationstyle span.flatview a.selected { color: #333333; background: #dfdfdf; outline: none; }
ul.idTabs { text-align: left; padding: 0; margin: 0; }
ul.idTabs li { float: left; list-style: none; display: inline }
ul.idTabs li a { }
ul.idTabs li a:hover { }
ul.idTabs li a.selected { }
ul.landing-item { width: 352px; height: 82px; border: 1px solid #e5e5e5; list-style: none; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; background: #fff; }
ul.landing-item li.img { width: 80px; height: 80px; text-align: center; vertical-align: middle; margin: 0px; padding: 0px; float: left }
ul.landing-item li.txt { width: 270px; height: 80px; text-align: left; vertical-align: middle; margin: 0px; padding: 0px; float: left }
ul.landing-item li.txt a { text-decoration: none; }
ul.landing-item li.txt a:hover { text-decoration: none; color: #ed1c24; }
ul.alt-landing-item { width: 352px; height: 82px; border: 1px solid #e5e5e5; list-style: none; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; background: #fff; float: left }
ul.alt-landing-item li.img { width: 80px; height: 80px; text-align: center; vertical-align: middle; margin: 0px; padding: 0px; float: left }
ul.alt-landing-item li.txt { width: 270px; height: 80px; text-align: left; vertical-align: middle; margin: 0px; padding: 0px; float: left }
ul.alt-landing-item li.txt a { text-decoration: none; }
ul.alt-landing-item li.txt a:hover { text-decoration: none; color: #ed1c24; }
a.landing-nav { display: block; width: 315px; height: 23px; background: #ed1c24; color: #fff; padding: 5px; margin: 0px; text-decoration: none; font-weight: bold; font-size: 13px; }
a.landing-nav:hover { display: block; width: 315; height: 23px; background: #e5e5e5; color: #333; padding: 5px; margin: 0px; text-decoration: none; font-weight: bold; font-size: 13px; }
ul.brand { list-style: none; padding: 0px; margin: 0px }
ul.brand li { float: left; padding: 0px; margin: 0px }
span.sDesc p { font-size: 8.5pt }
* html div#fancy_overlay { position: absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight +'px');
}
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(/js/fancybox/fancybox.png); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { border: 0; overflow: auto; display: none; margin: 0; padding: 0; }
#fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1101; outline: none; display: none; padding: 20px; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }
#fancybox-content { width: 0; height: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0 solid #FFF; padding: 0; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(/js/fancybox/fancybox.png) -40px 0; cursor: pointer; z-index: 1103; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; margin: 0; padding: 14px; }
#fancybox-img { width: 100%; height: 100%; border: none; outline: none; line-height: 0; vertical-align: top; margin: 0; padding: 0; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(/js/fancybox/blank.gif); z-index: 1102; display: none; }
#fancybox-left { left: 0; }
#fancybox-right { right: 0; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url(/js/fancybox/fancybox.png); background-position: -40px -30px; left: -20px }
#fancybox-right-ico { background-image: url(/js/fancybox/fancybox.png); background-position: -40px -60px; right: -20px; left: auto }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; }
#fancybox-left:hover span { left: -20px; }
#fancybox-right:hover span { left: auto; right: -20px; }
.fancybox-bg { position: absolute; border: 0; width: 20px; height: 20px; z-index: 1001; margin: 0; padding: 0; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(/js/fancybox/fancybox-x.png); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url(/js/fancybox/fancybox.png); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(/js/fancybox/fancybox-y.png); background-position: -20px 0; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(/js/fancybox/fancybox.png); background-position: -40px -182px; }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(/js/fancybox/fancybox-x.png); background-position: 0 -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(/js/fancybox/fancybox.png); background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(/js/fancybox/fancybox-y.png); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url(/js/fancybox/fancybox.png); background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { background-image: url(fancy_title_over.png); display: block; padding: 10px; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { background: url(/js/fancybox/fancybox.png) -40px -90px no-repeat; padding: 0 0 0 15px; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: 700; background: url(/js/fancybox/fancybox-x.png) 0 -40px; padding: 0 0 3px; }
#fancybox-title-float-right { background: url(/js/fancybox/fancybox.png) -55px -90px no-repeat; padding: 0 0 0 15px; }
.fancybox-ie6 #fancybox-close { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_close.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-over { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_over.png', sizingMethod='scale');
zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_main.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height:expression(this.parentNode.clientHeight+"px");
}
#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top:expression((-20+(document.documentElement.clientHeight?document.documentElement.clientHeight/2:document.body.clientHeight/2) 0 (ignoreMe=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)) 0 px);
}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_loading.png', sizingMethod='scale');
}
.fancybox-ie .fancybox-bg { background: transparent!important; }
.fancybox-ie #fancybox-bg-n { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_n.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-ne { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_e.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_se.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_s.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_w.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}
div.categorySelect { background: url(http://www.fawkes-cycles.co.uk/catalogue/images/category-select-icon.png) top left no-repeat #e5e5e5; width: 205px; height: 30px; line-height: 200%; text-indent: 30px }
div.categorySelect-alt { background: url(http://www.fawkes-cycles.co.uk/catalogue/images/category-select-icon.png) top left no-repeat #efefef; width: 205px; height: 30px; line-height: 200%; text-indent: 30px }
div.appFilter { background: #fee7e8; width: 205px; height: 30px; padding-top: 5px; line-height: 200%; font-family: Arial, Helvetica, sans-serif; color: #9e0039; font-size: 10.5pt; font-weight: normal; font-style: normal; text-decoration: none; text-indent: 5px }
div.divSearchPhrase { background: #fee7e8; width: 205px; height: 30px; padding-top: 5px; line-height: 200%; font-family: Arial, Helvetica, sans-serif; color: #9e0039; font-size: 10.5pt; font-weight: normal; font-style: normal; text-decoration: none; text-indent: 5px }
div.divPriceBands { background: #fee7e8; width: 205px; height: 30px; padding-top: 5px; line-height: 200%; font-family: Arial, Helvetica, sans-serif; color: #9e0039; font-size: 10.5pt; font-weight: normal; font-style: normal; text-decoration: none; text-indent: 5px }
#progressBackgroundFilter { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; padding: 0; margin: 0; background-color: #000; filter: alpha(opacity=100); opacity: 0; z-index: 1000 }
#processMessage { position: fixed; top: 30%; left: 43%; padding: 10px; width: 14%; z-index: 1001; filter: alpha(opacity=50); opacity: 0.5 }
.srch-filter-msg { display: block; background: url(/layout/filter-tick-title.png) top right no-repeat #999; color: #fff; font-size: 8.5pt; padding: 5px; width: 735px; margin-bottom: 5px; margin-left: 14px; letter-spacing: 2px; text-align: left; text-indent: 5px }
.brands a { color: #444444; text-decoration: underline; line-height: 180%; font-size: 8pt; font-weight: bold; }
.brands a:hover { color: #000000; text-decoration: none; line-height: 180%; font-size: 8pt; font-weight: bold; }
.altBrands { padding: 3px 10px 3px 10px; margin: 0 0px 5px 0; color: #666666; background: #f8f8f8; text-decoration: none; line-height: 150%; font-size: 11pt; font-weight: bold; display: block; height: 25px; }
.altBrands:hover { background: #e1e1e1 }
.altBrands a { color: #444444; text-decoration: underline; line-height: 180%; font-size: 8pt; font-weight: bold; }
.altBrands a:hover { color: #000000; text-decoration: none; line-height: 180%; font-size: 8pt; font-weight: bold; }
.discount { color: #F00; margin-right: 50px; }
/* ----- Detail Page --- techData ----- */
/* ----- Supplier tech data ----- */
.techData { display: inline }
.techData li.techData-title { width: 100%; line-height: 150%; list-style: none; padding-bottom:18px; border-bottom: 1px solid #e5e5e5;}
.techDataLitem { float: left; margin-bottom: 28px; padding: 0;}
.techDataLitem li { width: 920px; font-weight: normal; list-style: none; padding: 14px ; float:left}
.techDataLitem li:nth-child(odd) { background:#f5f5f5}
.techDataKey { float:left; width: 16%; padding-right: 7px;}
.techDataValue {float:left; width:80%;padding-left: 7px;}
/* ----- Supplier tech data ----- */
/* ----- Newsletter ----- */
input { outline: none!important; }
.newsletter-footer { border: none; outline: none; margin: 0; width: 223px; border: 5px solid #b1b8bc; padding: 6px 8px; float: left; clear: left; margin-top: 10px; font-size: 11px; color: #919191; }
.newsletter-footer:hover { color: #868c8f; }
.newsletter-footer:active { color: #656b6f; }
.newsletter-footer-submit { position: absolute; left: 198px; top: 87px; height: 20px; background-color: #b7bec4; color: #FFF; padding: 0; text-decoration: none; cursor: pointer; font-size: 10px; font-weight: bold; text-align: center; font-family: Arial, Helvetica, sans-serif; line-height: 180%; padding: 0 5px }
.newsletter-footer-submit:hover { background-color: #666 }
#newsletter-footer-text { float: left; clear: both; margin-top: 10px; font-size: 9px; color: #fff; display: none; margin-right: 14px; }
#newsletter-footer-text b { color: #fff; }
.newsletterSuccess { background: #549c1f url(layout/reviews/tick.png) no-repeat; background-size: 14px; background-position: 5px; padding: 5px 10px 5px 25px }
.newsletterFail { background: #b51515 url(layout/reviews/cross.png) no-repeat; background-size: 14px; background-position: 5px; padding: 5px 10px 5px 25px }
.newsletter-form { font-family: Arial, Helvetica, sans-serif; color: #777777; font-size: 18px; font-weight: normal; font-style: normal; line-height: 150%; text-decoration: none; padding-left: 10px; width: 446px; height: 56px; border: 1px solid #dbdbdb; float: left }
.newsletter-form:hover { border: 1px solid #c5c5c5; }
.newsletter-form:focus { color: #333 }
.newsletter-Send { border: 0; width: 112px; height: 60px; cursor: pointer; float: left; background: #8dc63f; background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#77ad2f)); background: -moz-linear-gradient(top, #8dc63f, #77ad2f); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dc63f', endColorstr='#77ad2f');
color: #FFFFFF; font-weight: bold; font-size: 18px; text-transform: uppercase; text-align: center; line-height: 320% }
.newsletter-Send:hover { background: #77ad2f; background: -webkit-gradient(linear, left top, left bottom, from(#77ad2f), to(#8dc63f)); background: -moz-linear-gradient(top, #77ad2f, #8dc63f); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ad2f', endColorstr='#8dc63f');
}
.newsletter-Send:active { background: #77ad2f; background: -webkit-gradient(linear, left top, left bottom, from(#77ad2f), to(#77ad2f)); background: -moz-linear-gradient(top, #77ad2f, #77ad2f); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ad2f', endColorstr='#77ad2f');
}
#newsletter-popup-text, #newsletter-page-text { float: left; clear: both; margin-top: 24px; color: #FFFFFF }
#newsletter-page-text { margin: 7px 0; }
/* ----- END - Newsletter ----- */

.ErrorMessages { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; }



/* ----- Better Search --------------------------------------------------------------------------------------------------------------------------- */
.bs{background:url(/layout/sprite.png) -6px -37px no-repeat; width:172px; -webkit-appearance:none; border:none; margin-top: 14px;}
.adv-slideBoxContainerNew {display: none;}
#BetterSearchResult { width: 748px; float:right}
#clAdvancedSearch1_panSizeTemplates {display:none}
#betterSearch { background-position:238px 0; margin:0; float:left; width:100%;}

.advDrilldownContainer { display: block; width: 238px; height: 21px; margin: 0px 0px 7px 0px }
.advRemoveDrilldown { display: block; width: 21px; height: 21px; background: url(/layout/sprite.png) -156px -317px no-repeat; float: left }
.advDrillCategories { display: block; width: 217px; height: 21px; float: left; line-height: 180%; font-family:Arial,Helvetica,sans-serif;}

#sideFilter { width: 222px; float:left; padding: 18px; border-right: 1px solid #efefef; margin: 0;}
#sideFilter>li, #sideFilter>div>li  { float:left; position:relative; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px dotted #efefef; list-style:none; font-size: 12px; width: 224px;}
#sideFilter>li.none { margin-bottom:7px; padding-bottom:7px; border-bottom:none}
#sideFilter>li:nth-last-child(1){margin-bottom:0; padding-bottom:0; border-bottom:none;}
#sideFilter>li>a { padding:0 0 0 21px; background:url(/layout/sprite.png) -14px -980px no-repeat; float:left; width:100%; color:#666;}
#sideFilter>li>a.showhideTrue {background:url(/layout/sprite.png) -14px -980px no-repeat;}
#sideFilter>img, .Clear { position:absolute; cursor:pointer; left: 2px; top: 34px;}
#sideFilter>li>.searchBoxForm { border:1px solid #ccc;}

div.priceFilterTitle { font-size: 14px; display: block; padding: 0px 0px 7px 0px; margin: 0px 0px 7px 0px; width: 100%; border-bottom: 1px solid #e5e5e5 }
div.priceRangeCtr { display: block; width: 100%; margin: 0px 0px 7px 0px }
div.adv-sliderRangeContainer { padding: 14px }
div.adv-sliderRangeContainer input { border: none; padding: 14px; width: 100%; font-size: 18px; color: #666 }
div.adv-sliderRangeContainer a { text-decoration: none }
div.adv-sliderRangeContainer a:hover { text-decoration: none }
div.adv-sliderRangeContainer .applyPriceFilter { display: block; width: 100%; background: #acd373; padding: 14px; margin: 14px 0px 0px 0px; box-shadow: 0px 3px 0px #9cbc6f; border-radius: 4px; text-align: center; color: #fff; font-size: 18px; text-shadow: 1px 1px #9cbc6f }
div.adv-sliderRangeContainer .clearPriceFilter { display: block; width: 100%; background: none; padding: 7px 7px 0px 7px; margin: 14px 0px 0px 0px; text-align: left; color: #0897e4; font-size: 12px }
div.adv-sliderRangeContainer .above { margin: 0px 0px 7px 0px }
div.adv-sliderRangeContainer .below { margin: 7px 0px }
div.adv-sliderRangeContainer div span { color: #0897e4 }

.adv-sliderAmountTotal { display:block; margin-bottom:7px;}
.priceForms{font-family: Arial,Helvetica,sans-serif; font-size: 9pt; color: #999; font-weight:bold; font-style: normal; text-decoration: none; text-align:left; width:50px; border: 1px solid #CCC; background:#FFF no-repeat; display:inline-block; margin:0; padding:7px; height: 35px; -webkit-border-radius: 0px; margin:0px; }
.priceForms:hover{color:#333;}
.adv-pricRange { font-family: Arial,Helvetica,sans-serif; font-size: 9pt; color: #666; line-height:150%}
.adv-question { position:absolute; top:0; left:0}
.reOrder { padding: 0 0 6px 21px; background:url(/layout/dropdown.png) no-repeat; background-position:0 5px; display:block; width:100%; color:#333; cursor:pointer}
.reOrder:hover { color:#666; text-decoration:underline}
.showhideTrue {background:url(/layout/dropdown-side.png) no-repeat; background-position:3px 3px;}
.checkClear { position:absolute; top:0; right:0px; color:#00aeef; cursor:pointer; font-family:Arial,Helvetica,sans-serif;}
.checkClear:hover { text-decoration:underline; color:#1582ef}
.checkResults { margin:0; padding:0}
.checkResults li { list-style:none; float:left; margin-top:5px; width: 40%; padding:0 0 0 21px; position:relative}
.checkResults li img { position:absolute; left:0; top:0}
.checkResults li a { color:#666; text-transform:capitalize; font-size: 11px; font-family: arial;}
#advSizeFilter span { display: inline-block; clear: both; width: 100%; margin-top: 14px;}
.ddPanelContainer { padding:0; margin:0}
.ddPanelContainer li { list-style:none}
.ddPanelContainer li div {list-style:none; position:relative}
.ddPanelContainer li div img {}
.catImage { float:left; margin: 0 14px 14px 0; width:224px; height:224px; outline:1px solid #efefef}
#txtTermBetterSearch {border-right:1px solid #CCC; width:224px; height: 42px; box-sizing:border-box}
.adv-slideBox{float:left;height:25px;background:#3886BC;margin-right:20px;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#FFF;font-weight:400;line-height:220%;font-style:normal;text-decoration:none;padding:6px 10px;}
.adv-sliderAmount{border:0;font-weight:700; display:inline-block; clear:left; color:#0897e4}
.adv-sliderRangeContainer{width:224px;float:left; background:#F5F5F5; padding:7px;}
.adv-sliderRange{width:205px;height:10px;margin-top:12px; float:right;}
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em;}
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/; font-size: 1em; }
.ui-widget-content { border-top: 1px solid #d9d8d8; background: #eae9e9;}
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: none;
background: -webkit-gradient(linear, left top, left bottom, from(#08a4ec), to(#0790de));background: -moz-linear-gradient(top,  #08a4ec,  #0790de);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#08a4ec', endColorstr='#0790de');}
.ui-widget-header a { color: #222222/; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {  }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { }
.ui-state-hover a, .ui-state-hover a:hover { text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.7em; margin-left: -1.0em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.adv-formSingle{float:left;font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width:224px;border:1px solid #CCC;height:37px;background:url(/Images/adv-question.png) no-repeat #FFF;outline:none;margin:0;padding:10px 10px 10px 32px;  -webkit-appearance:none; border-radius:0; background:url(Images/dropdown.png) no-repeat; background-position: 197px 12px;}
.adv-formSingle:hover{color:#333;border:1px solid #999;outline:none;cursor:pointer;}
.adv-formSingle:focus{color:#333;border:1px solid #666;outline:none;cursor:pointer;}
.adv-search-item {display:inline;list-style:none;margin:0;padding:0;}
.adv-search-item li {float:left;list-style:none;width:238px; box-sizing:border-box; height: 490px; position:relative; padding: 0;  background-position: 237px 0; margin: 0 14px 14px 0; padding:0; text-align:center;  padding-right:14px;}
.adv-search-item li img.cacheImage{margin:0 0 0 0;padding:0 0 0 0;  float:left; margin-bottom:10px;border: 1px solid #efefef;}
.adv-search-item li h3{font-size:12px;color:#333;display:block;margin:0; padding: 43px 10px 0;float: left;text-align: center;width: 100%;}
.adv-search-item li p{font-size:11px;color:#888;margin:0;}
.adv-search-item li:nth-child(1) img.cacheImage, .adv-search-item li:nth-child(2) img.cacheImage, .adv-search-item li:nth-child(3) img.cacheImage { /* border-top:none */}
.adv-search-item li:nth-child(3n){width:224px;  background:none; margin: 0 0 14px 0; padding-right:0 }
.list {display:inline;list-style:none;margin:0;padding:0;}
.list li {float:left;list-style:none;width:100%; box-sizing:border-box; height:80px; position:relative; padding: 0; background:none; margin: 0 0 14px 0; margin: 0 0 14px 0; text-align:left;  border-bottom:1px solid #EFEFEF; position:relative}
.list li  img.cacheImage{margin:0 14px 0 0;padding:0 0 0 0; border-top:none; float:left; width:75px; height:75px;}
.list li .clMIV-DEV { display:none}
.list li h3{font-size:12px;color:#333;display:block;margin:0; float:left}
.list li p{font-size:11px;color:#888;margin:0;}
.list li:nth-child(3n){width:100%;  background:none; margin: 0 }
.list li div a div .hover {width:28px;height:30px;top:0;position:absolute; right:0px; top:20px;}
.list li div a div .now { float:left}
.list li div a div .onsale { display:none}
#loader-DEV{position:absolute;width:100%;height:100%;z-index:10000000;top:0;left:125px;text-align:center; top:100px}
#loader-DEV img{position:fixed;top:50%;}
.clMIV-DEV { top: -10px; position: relative; display: block; height: 40px }
.adv-reorder{display:block;margin: 0 0 14px 0;float: left;width: 100%;padding: 7px 0;}
.adv-reorder>span {margin: 0 7px 0 0;float: left;padding: 0; font-size:10px;line-height: 175%;}
.adv-reorder a {float:left;list-style:none;display:block;margin: 0 7px 0 0; padding:3px 7px; background:#efefef; font-family:Arial,Helvetica,sans-serif;font-size:9px;color:#333;font-weight:400;font-style:normal;text-decoration:none;}
.adv-reorder a:hover { background:#333; color:#FFFFFF; text-decoration:none;}
.inStockOnly, .saleOnly { float:left; width: 100%; text-align:left; line-height: 335%; /* margin-bottom:7px; */}
.inStockOnly { background-color: #93c33f; color: #fff; text-transform:uppercase; margin-bottom:0px; /* width: 50%; */ font-size: 14px; font-weight: bold;}
.saleOnly { background-color: #f4e4e4; color: #CA1616; text-transform:uppercase; font-size: 14px;}
.adv-SaleCheckbox, .adv-StockCheckbox { float:left; margin: 3px 4px 2px 7px; height: 20px;}
#adv-productContainer-search{width:100%;margin:0;padding:0;}
.adv-search-item-container{height: 490px;top:0;left:0;margin:0;position: relative;background: #fafafa;}
.hover{display:inline-block;width:28px;height:30px;top:-18px;position:relative;}
.pagesize { float:left;}
.pagesize  a { padding: 0; float:left; color:#666; background:#FFF; margin: 3px 3px 0 0; padding: 0px 6px; line-height: 200%;}
.pagesize  a:hover { background:#666; color:#FFF; text-decoration:none}
.pagesize span { float:left; font-size:10px; margin-right:7px;}
.adv-paging,.adv-paging-none {width:100%;text-align:center;background-color:#f6f6f6; display:block;background-color:#f5f5f5;float:right;line-height:250%;font-size:9pt;font-family:Arial, Helvetica, sans-serif;color:#333;margin: 0 0 0px 0;padding: 3px 7px;}
.adv-paging-none {margin:0}
.adv-paging a[disabled=disabled]{color:#999;}
.adv-paging-pagination { float:right;}
.adv-centernav{float:left;height:45px;}
.adv-slideBoxPriceDesc { float:left}
.reorderDD {width:250px; height:30px; background:#FFFFFF; border:1px solid #F0F0F0}
ul.topnav {list-style:none;float:left;font-size:9px; background:url(topnav_bg.gif) repeat-x;margin:0;padding:0;}
ul.topnav li {float:left;position:relative;margin:0;padding:0; z-index:1;}
ul.topnav li a{color:#777;display:block;text-decoration:none;float:left;padding:5px 10px; font-size:10px }
ul.topnav li a:hover{background:url(topnav_hover.gif) no-repeat center top;  cursor:pointer; }
ul.topnav li span{width:130px;float:left; margin-top:5px; background:url(/layout/dd-arrow.png) no-repeat; background-position:34px 7px; color:333; cursor:pointer; border-left:1px dotted #CCC; font-size:11px; text-indent:22px; text-align:left} 
ul.topnav li span img.flag{float:left; margin-top:4px; margin-left:10px; border:0}
ul.topnav li span.subhover{ background:url(/layout/dd-arrow.png) no-repeat; background-position:34px -6px; cursor:pointer}
ul.topnav li.over span {color:#0079c2; }
ul.topnav li ul.subnav{list-style:none;position:absolute;left:0;top:29px;background:#ffffff;display:none;float:left;width:250px;margin:0;padding:0;}
ul.topnav li ul.subnav li{border-bottom:1px solid #f5f5f5;clear:both;width:250px;margin:0;padding:0; z-index:100; text-align:left}
ul.topnav li ul.subnav li img.flag{float:left; margin-top:4px; margin-right:10px; border:0}
html ul.topnav li ul.subnav li a{float:left;width:230px}
html ul.topnav li ul.subnav li a:hover{color:#0079c2; background-color:#F8F8F8}
.starsContainer { position:absolute; top: 442px; left: 62px;}
span.starsBS, span.starsBS span {display: inline-block;background: url(/layout/reviews/stars.png) 0 -16px repeat-x;width: 100px;height: 16px; text-indent:-5000px;float: left;}
span.starsBS span {background-position: 0 0;}
.adv-searchContent { width:100%; position:relative}
.adv-searchContent:hover div {cursor:pointer}
.bsButton { width:100%; padding: 10px 14px; height:44px; color:#fff; font-size: 14px; text-transform:uppercase; display: inline-block;}
.quickView { width:44px; height:44px; position:absolute; right:0; top:0; background: rgb(0,0,0); background: rgba(0, 0, 0, 0.5); color:#fff; text-align:center; text-transform:uppercase; padding: 10px 7px; font-size: 9px; font-weight:bold }
.inStockBut {background:#7ba92c;}
.outOfStockBut {background:#ed1c24;}
.customizeBut {background:#f7941d}
.specialOrderBut { background:#15a6dc}
.preOrderBut {background:#8781bd}
.comingSoonBut { background:#67bf95}
.quicklook-InStock, .quicklook-Outofstock, .quicklook-Custom,.quicklook-SpecialOrder, .quicklook-preOrder, .quicklook-Coming, .quicklook-SpecialOrderInstock  { background:url(/layout/sprite.png) no-repeat; width:224px; height:42px; }
.quicklook-InStock { background-position:-14px -1440px}
.quicklook-Outofstock { background-position:-254px -1440px}
.quicklook-Custom { background-position:-490px -1440px}
.quicklook-SpecialOrder { background-position:-14px -1510px}
.quicklook-preOrder { background-position:-250px -1510px}
.quicklook-Coming { background-position:-490px -1510px}
.quicklook-SpecialOrderInstock { background-position:-14px -1580px}
#sizeFilter{ margin:0; padding:0}
#sizeFilter>li {float: left;position: relative;margin: 0 0 14px 0;padding: 0 0 14px 0;border-bottom: 1px dotted #efefef;list-style: none;font-size: 12px;width: 224px; list-style:none}
#clAdvancedSearch1_panApplyTerm { display: block; background: #fff; width: 245px; height: 2040px; float: left }
#clAdvancedSearch1_panApplyTerm p { display: block; width: 245px; height: 42px; background: url(/layout/customFilters/filterGroupHdr.gif) top left no-repeat; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: bold; font-style: normal; text-indent: 35px; color: #3886bc; margin: 0px; padding: 0px; line-height: 400% }
#clAdvancedSearch1_panApplyTerm ul { margin: 0px; padding: 0px; list-style: none }
#clAdvancedSearch1_panApplyTerm li { margin: 0px; padding: 0px; list-style: none; cursor: pointer }
#clAdvancedSearch1_panApplyTerm a { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; width: 238px; margin: 0px; padding: 7px 0px 7px 7px; display: block; text-indent: 21px; background: url(/layout/customFilters/unchecked.png) top left no-repeat }
#clAdvancedSearch1_panApplyTerm a:active { color: #3886bc; background: url(/layout/customFilters/checked.png) top left no-repeat }
.filterContainer { overflow-x: hidden; overflow-y: scroll; display: block; width: 245px; max-height: 100px; padding-top: 14px; padding-bottom: 7px; border-bottom: 1px solid #e5e5e5; background: url(/layout/customFilters/shadow.png) top left no-repeat}

#clAdvancedSearch1_MDFPanel { display:none}
/* ----- END -  Better Search ----- */



/* ----- QuickLook --------------------------------------------------------------------------------------------------------------------------- */
.QuickLook { cursor:pointer; position: absolute; left: 0; top: 224px;}
#dev-QuickLook { width: 750px;}
#dev-QuickLook-img { float:left; margin: 28px; outline: 1px solid #efefef;}
#ImageLargePath-dev { float:left; width: 300px; height: 300px; overflow:hidden;}
#MIV-quicklook-dev { /* float:left; */ /* width: 87px; */ /* display: inline-block; */ width: 250px;}
#MIV-quicklook-dev li { display:inline-block; list-style:none; border: 1px solid #eee; margin: 4px 0px 5px 4px;}
#MIV-image-dev-small {margin:0 0 10px; line-height:1.5em; color:#3e7ca3; font:18px/28px 'OpenSansLight', Arial, sans-serif;}
#ImageLargePath-dev img { /* margin: -25px -25px; */ width: 300px; height: 300;}
#dev-QuickLook-content,#MIV-image-dev,#title-dev,#ShortDescription-dev,#LongDescription-dev,#clPrice-dev { clear:right; display: block;}


#ShortDescription-dev { margin-bottom:14px;}
#attribute-quicklook-dev { clear:right; display: block; padding: 14px 24px; float: left; width: 93%; /* margin-bottom: 24px; */ background: #efefeb; font-family: arial;}
#clPrice-dev {}
#clPrice-dev .pricingRange { padding: 0; /* display: inline-block; */ float: left;}
#dev-QuickLook-content { float:left; width: 364px; padding: 28px 28px 28px 0;}
#title-dev { margin:0 0 10px; line-height:1.5em; color:#333; font-size:24px}
.qv-add-container { width: 100%; display: block;  padding: 7px 0; height: 1%; overflow: hidden; border-bottom: 1px solid #e7e7dd; float:left; clear:both}
.qv-add-container:nth-last-child(1){border-bottom: 1px solid #EFEFEF;} 
.qv-name,  .qv-price, .qv-stock, .qv-add {float: left; margin-right:7px; font-size:12px; line-height: 225%;}
.qv-name { width: 39%; }
.qv-price { width: 16%;  }
.qv-stock { width: 31%;}
.qv-add {  float: right; margin:0;   /* width:57px; */  height: 30px;}
.qv-add img { cursor: pointer }
.qv-stock .InStockCSS, .qv-stock .OutofStockCSS, .qv-stock .BackOrderCSS { font-size:12px; color:#666; text-align:left}
.qv-stock .InStockCSS { color:#006707;}
.qv-stock .OutofStockCSS { color:#a62700;}
.qv-stock .BackOrderCSS {color: #0076a3;}
#ctl01_lblDiscounttext>.save>.onsale { position:absolute; left: 214px; top: 21px; overflow:hidden; width: 71px; height: 71px;}
.QuickLook-cards { margin:14px auto; display:none;}
.QuickLook-cards img { margin:14px 49px 14px 39px;}
.quickview {color: #fef4e9;background: #f78d1d;background:#faa51a}
.quickview:hover {color: #FFF;background: #f47c20;background:#f88e11}
#link-dev { margin-bottom:0; display:inline-block}
#clPrice-dev .pricing { text-align: left; position:relative; top:0; width: 280px; /* background: #efefef; */ margin: 14px 0; height: 40px;}
#clPrice-dev .pricing>span:nth-child(1), .pricing>span:nth-child(2) { width: 94px; padding: 0px; margin: 0; text-align: center; /* background:#efefef; */ display: inline-block;}
#clPrice-dev .pricing>span:nth-child(2) { background:url(/layout/wasPriceOverlayBetter.png) no-repeat }
#clPrice-dev .now { display: block; height: 40px; width: 94px; margin: 0px; padding: 0px; float: left; background: #f1f1f1; color: #666; text-align: center; color:#3e7ca3;line-height: 290%; }
#clPrice-dev .was { background: 3px; display: block; height: 40px; width: 100px; margin: 0px; padding: 0px; float: left; background: url(/layout/wasPriceOverlay.png) top left no-repeat #f1f1f1; color: #999; text-align: center; background-position: -4px;line-height: 290%;}
#clPrice-dev .save { display: block; height: 40px; width: 86px; margin: 0px; padding: 0px; float: left; background: #dc4040; color: #fff; text-align: center;  position: absolute; left: 194px; top: 0; letter-spacing:1px; font-size: 13px; line-height: 300%;}
#clPrice-dev .onsale { position:absolute; right: 0; top: 0; z-index: 1;}
/* ----- END -  QuickLook ----- */


.button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: 0 15px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 230%; font-weight: bold; -webkit-appearance: none; border-style: none; }
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
/* ----- Pricing ----- */
.pricing { position: absolute; top: 334px; text-align: center; width: 224px; padding: 0; margin: 0; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; }
.pricing>span:nth-child(1), .pricing>span:nth-child(2) { width: 100px; padding: 5px; margin: 0; text-align: center; /* background:#efefef; */ display: inline-block; }
.pricing>span:nth-child(2) { background: url(/layout/sprite.png) -301px -837px no-repeat; }
.now, .was, .save { display: inline-block; margin: 0px; padding: 0px; font-size: 14px; }
.now { color: #3e7ca3; font-weight: bold; }
.was { color: #959595; }
.save { background: #da3b28; color: #fff; padding: 2px 0px; font-size: 11px; letter-spacing: 4px; width: 100%; position: absolute; left: 0; top: 32px; }
.priceDisp { display: block; width: 100%; margin: 14px 0 7px 0px; padding: 0px; float: left; text-align: left; line-height: 280%; }
.now-detail { display: block; height: 40px; width: 94px; margin: 0px; padding: 0px; float: left; background: #f1f1f1; color: #666; text-align: center; color: #3e7ca3 }
.was-detail { background: 3px; display: block; height: 40px; width: 100px; margin: 0px; padding: 0px; float: left; background: url(/layout/wasPriceOverlay.png) top left no-repeat #f1f1f1; color: #999; text-align: center; background-position: -4px; }
.save-detail { display: block; height: 40px; width: 86px; margin: 0px; padding: 0px; float: left; background: #dc4040; color: #fff; text-align: center }
.onsale { position: absolute; right: 0; top: 0; z-index: 1; }
.onsaleSmall { position: absolute; right: 0; top: 0; z-index: 1; background: url(/layout/sprite.png) -14px -844px no-repeat; width: 42px; height: 42px; }
#finance-bg-sm { display: block; width: 210px; color: #0d63b2; font-size: 11px; margin: 5px 0; position: absolute; bottom: 63px; z-index: 10; }
#financeTxtPos-sm { display: block; width: 100%; position: relative; background: #d8ecf1; padding: 7px; /* top: 391px; */ }
#financeDetail { height: 37px; display: block; width: 50%; color: #448ccb; font-size: 14px; font-weight: bold; margin: 5px 0; float: right; padding: 10px 40px; background: url(/layout/finance/alert.png) no-repeat right; text-align: right; }
/* ----- END - Pricing ----- */

/* -- Customer Rewards Product ----- */

div.customerRewardsCtr { width: 100%; height: 144px; float: left; margin: 16px 0 28px 0; box-sizing: border-box }
div.customerRewardsCtr div.crValueCtr { height: 96px; float: left; width: 33.33%; background: #fafafa }
div.customerRewardsCtr div.crValueCtr span { font-family: 'roboto'; background: #55acee; height: 64px; width: 64px; text-align: center; display: block; border-radius: 50px; line-height: 64px; color: #fff; font-weight: bold; position: relative; top: 16px; left: 16px }
div.customerRewardsCtr div.crTextDesc { font-family: 'roboto'; height: 96px; float: left; width: 66.67%; padding: 21px 0px 0 0; background: #fafafa; line-height: 18px; text-align: center; color: #707070 } 
div.customerRewardsCtr div.crTextDesc span { font-family: 'roboto'; color: #55acee; text-transform: lowercase }
div.customerRewardsCtr div.crSignInUpCtr { background: #f1f1f1; height: 49px; width: 100%; float: left; box-sizing: border-box; border-top: 1px solid #e1e1e1 }
div.customerRewardsCtr div.crLink { width: 124px; height: 48px; float: left }
div.customerRewardsCtr div.crLink a { font-family: 'roboto'; width: 124px; height: 48px; text-align: center; line-height: 48px; display: block; text-decoration: underline; color: #0076a3 !important }
div.customerRewardsCtr div.crLink a:hover { text-decoration: none }
div.customerRewardsCtr div.crIcon { float: left; height: 48px; width: 32px; background: url(/layout/rewards/crIcon.jpg) top left no-repeat }

/* -- END Customer Rewards Product ----- */

/* ----- Customer Rewards --- */
@font-face { font-family: 'BebasNeue-webfont'; src: url('/font/BebasNeue-webfont.eot');src: url('/font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('/font/BebasNeue-webfont.woff') format('woff'),url('/font/BebasNeue-webfont.ttf') format('truetype'),url('/font/BebasNeue-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal }
.hdrRewardsContainer { float: right; padding: 0 14px 0 21px; position: relative;}
.hdrRewardsContainer>span {padding: 0 0 0 0;background: url(/layout/sprite.png) -127px -1082px no-repeat; width: 17px; height:21px;   position: absolute;left: 0px;}
.hdrRewardsTitle { float: right; color: #666; padding: 0 7px 0 0;}
#crContainer { position: relative;}
.crMasthead { display: block }
#crContainer h1 { font: 56px/100% 'BebasNeue-webfont', Arial, sans-serif; display: block; color: #666 }
#crContainer h2 { font: 28px/100% 'BebasNeue-webfont', Arial, sans-serif; display: block; color: #666 }
#crContainer h3 { font: 21px/100% 'BebasNeue-webfont', Arial, sans-serif; display: block; color: #666; border-top: 1px solid #f1f1f1; padding-top: 7px }
#crContainer p { font: 14px/150% Arial, Helvetica, sans-serif; display: block; color: #666 }
#crContainer span.warning { color: #8dc63f }
#crContainer span.crBrandDkGrn { color: #006633 }
#crContainer span.crBrandGrn { color: #8dc63f }
#crContainer .crPointsBalance { display: block; height: 52px; width: 112px; margin: 0px; background: #f0f0f0; border: none; -webkit-border-radius: 7px; font: 28px/200% 'BebasNeue-webfont', Arial, sans-serif; font-weight: normal; text-align: center; text-decoration: none; color: #666 }
#crContainer .crPointsValue { display: block; height: 52px; width: 112px; margin: 0px; background: #8dc63f; border: none; -webkit-border-radius: 7px; font: 28px/200% 'BebasNeue-webfont', Arial, sans-serif; font-weight: normal; text-align: center; text-decoration: none; color: #fff }
#crContainer .crQuickLogIn { display: block; height: 42px; width: 112px; background: #8dc63f; border: none;  font: 28px/165% 'BebasNeue-webfont', Arial, sans-serif; text-align: center; text-decoration: none; color: #fff  }
#crContainer .crQuickLogIn:hover { background: #539e7a }
#crContainer .crFoundPasswordBtn { display: inline-block; height: 42px; width: 168px; margin: 0px 0px 0px 7px; background: #8dc63f; border: none; -webkit-border-radius: 3px; font: 28px/165% 'BebasNeue-webfont', Arial, sans-serif; text-align: center; text-decoration: none; color: #fff }
#crContainer .crFoundPasswordBtn:hover { background: #539e7a }
#crContainer .crMainSiteLink { display: inline-block; height: 28px; width: 224px; margin: 0px; background: #8dc63f; border: none; -webkit-border-radius: 3px; font: 14px/200% Arial, sans-serif; font-weight: bold; text-align: center; text-decoration: none; color: #fff }
#crContainer .crMainSiteLink:hover { background: #539e7a }
#crContainer .crFormStyle { display: inline-block; margin: 0px; font-size: 18px; width: 280px; height: 42px; border: 1px solid #CCC; padding: 10px }
#crContainer .crLoginAccount { display: block; height: 42px; width: 252px; background: #8dc63f; border: none; -webkit-border-radius: 3px; font: 28px/165% 'BebasNeue-webfont', Arial, sans-serif; text-align: center; text-decoration: none; color: #fff  }
#crContainer .crLoginAccount:hover { background: #539e7a }
#panInactiveCR { border-top: 1px solid #f1f1f1; padding-top: 14px }
#panNotLoggedIntoCitrusStore { border-top: 1px solid #f1f1f1; padding-top: 14px }
#panFoundDifferentPassword { border-top: 1px solid #f1f1f1; padding-top: 14px }
#panFoundDifferentPassword .formContainer { display: block }
#panFoundDifferentPassword .passwordField { display: block; width: 280px; float: left }
#panFoundDifferentPassword .passwordSubmit { display: block; width: 168px; float: left }
#panLoggedIn { border-top: 1px solid #f1f1f1; padding-top: 14px }
#panLogintoRewards { border-top: 1px solid #f1f1f1; padding-top: 14px }
#panLogintoRewards li { font-family: "Courier New", Courier, monospace; font-weight: normal; font-size: 12px; color: #666 }
.crMainLink { font-family: "Courier New", Courier, monospace; font-weight: normal; font-size: 12px; text-decoration: none; border-bottom: 1px solid #0000FF; color: #0000FF }
#panLogintoRewards .formContainer { display: block; background: #F3FEF4; width: 952px; height: 156px; padding: 14px }
#panLogintoRewards .emailField { display: block; width: 280px; float: left }
#panLogintoRewards .passwordField { display: block; width: 280px; float: left; margin-left: 14px }
#panLogintoRewards .passwordSubmit { display: block; width: 252px; float: left; margin-left: 14px }
.crBalanceSm, .crValueSm { /* display: block; */ /* width: 56px; */ padding: 0 7px; /* height: 28px; */ text-align: center; float: left; /* font: 12px/180% Arial, Helvetica, sans-serif; */ /* font-weight: bold; */ border: none; /* padding: 4px; */ margin: 0px }
.crValueSm { /* -webkit-border-radius: 0px 3px 3px 0px; */ /* background: #666; */ color: #8dc63f;}
.crBalanceSm { -webkit-border-radius: 0px; /* background: #efefef; */ border-right: 1px solid #c9f390; color: #8dc63f;}
.crNotLoggedIn, .CustomerRewardsDisplay1-dev a { float: right; color: #3b7c17; text-transform: lowercase;}
.crNotLoggedIn:hover, .CustomerRewardsDisplay1-dev a {  color: #29b017; text-decoration: underline }
.crAccNotActive { display: block; width: 112px; height: 28px; text-align: center; float: left; font: 10px/180% Arial, Helvetica, sans-serif; font-weight: bold; border: none; padding: 4px; margin: 0px; /* -webkit-border-radius: 0px 3px 3px 0px; */ background: #8dc63f; color: #fff }
.crNoAccFound { display: block; width: 182px; height: 28px; text-align: center; float: left; font: 10px/180% Arial, Helvetica, sans-serif; font-weight: bold; border: none; padding: 4px; margin: 0px; -webkit-border-radius: 0px 3px 3px 0px; background: #8dc63f; color: #fff }
.crLinkAcc { display: block; width: 112px; height: 28px; text-align: center; float: left; font: 10px/180% Arial, Helvetica, sans-serif; font-weight: bold; border: none; padding: 4px; margin: 0px; -webkit-border-radius: 0px 3px 3px 0px; background: #8dc63f; color: #fff }
.custmerRewards { float:right; font-size:10px; color:#4e9a10; margin-right:10px; position:relative; background:url(layout/reviews/arrow.png) no-repeat right; padding-right:10px;}
/*.detail-custmerRewards { float:left; margin: 0px; background: url(/layout/rewards/rewards-detail.png) top right no-repeat; padding: 0px; margin: 14px 0px 28px 0px; text-align: left; background-position: 248px 14px; background-size: 28px 29px; border-top: 1px solid #eee; font-family: Arial, Helvetica, sans-serif }
.detail-custmerRewards strong {font-size: 14px; color: #666;}
.detail-custmerRewards strong em {color: #333; font-style: normal;}
.detail-custmerRewards strong span {color: #8dc63f;}*/
.CRpoint {font: 24px 'BebasNeue-webfont', Arial, sans-serif; text-transform:uppercase; color:#707070;   margin: 0;padding: 0;padding: 0;padding: 0px;}
.CRcopy, .detail-custmerRewards-Basket { font-size: 12px }
.CRpoint { margin: 0; padding: 0; float: right; text-indent: 0; margin: 7px 14px 0 0; width: 203px;}
.CRpoint b { color: #4f9a11; font-weight:normal;}
.CRcopy { clear:right; color: #333; font-size: 10px; float: left; margin: 7px 0px 0px 0px }
.CRcopy u {color: #4e9a10;text-decoration: none;}
.detail-custmerRewardsBasket { position:absolute; right: 0; top: 3px; padding: 0 }
.detail-custmerRewardsBasket span.icon { display: block; width: 21px; height: 21px; float: left }
.detail-custmerRewardsBasket div { float: right }
.CRpointBasket { font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; font-size:12px; font-weight:bold; color: #33333; margin-right:5px;  margin: 0; padding: 0; float: left; text-indent: 0px; margin: 0px 0 3px 0px;} 
.CRpointBasket b {color: #4f9a11;}
.CRcopyBasket {font-family: Arial, Helvetica, sans-serif; text-transform:capitalize; font-size:12px; margin: 0px 0px 0px 3px; float: left }
.crShoppingCart {}
.crShoppingCartHeader {font-family:Arial,Helvetica,sans-serif;font-size:8.5pt;color:#769355;font-weight:bold;font-style:normal;text-decoration:none;background: #ebf6d9 url(layout/rewards/reward-small.png) no-repeat; background-size:18px; background-position:14px 5px; text-align:left; border-bottom: 1px solid #acd373;border-top: 1px solid #acd373;padding: 7px 14px 7px 40px;}
.crShoppingCartCopy { background:#f7faf2; padding:14px; font-size:12px; color:#769355; line-height:150%; position: relative; width:100%}
.crShoppingCartCopy>input { position:absolute; right:14px; top:6px}
#CustomerRewardsApplyPoints_panPointsApplied { font-family:Arial,Helvetica,sans-serif;font-size:8.5pt;color:#769355;font-weight:bold;font-style:normal;text-decoration:none;background: #ebf6d9; text-align:left; border-bottom: 1px solid #acd373;border-top: 1px solid #acd373;padding: 14px 45px 14px 14px; position: relative; width:100%}
#CustomerRewardsApplyPoints_panPointsApplied>input { position:absolute; right:14px; top:6px}
/* ----- END Customer Rewards --- */


/* ----- Customer Rewards Promotions ----- */
ul.crCurrentPromo { display: block; width: 980px; list-style: none; padding: 0px; margin: 0px 14px 14px 0px; background: #f6f9e8; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 14px solid #f6f9e8 }
ul.crCurrentPromo li { font-size: 10px; color: #666; padding: 0px; margin: 0px 0px 7px 0px; float: left; display: block; width: 100% }
ul.crCurrentPromo li.crName { font: 21px/150% "BebasNeue-webfont", Arial, sans-serif; color: #718a10; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #9ba76a }
ul.crCurrentPromo li.crNote { display: block; width: 42px; border-right: 1px solid #9ba76a }
ul.crCurrentPromo li.crDescription { font: 12px/150% "Arial", sans-serif; color: #718a10; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #9ba76a }
ul.crCurrentPromo li.crStartDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crEndDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crValue { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crType { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo { display: block; width: 980px; list-style: none; padding: 0px; margin: 0px 14px 14px 0px; background: #fafafa; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 14px solid #fafafa }
ul.crFuturePromo li { font-size: 10px; color: #666; padding: 0px; margin: 0px 0px 7px 0px; float: left; display: block; width: 100% }
ul.crFuturePromo li.crName { font: 21px/150% "BebasNeue-webfont", Arial, sans-serif; color: #666; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5 }
ul.crFuturePromo li.crNote { display: block; width: 42px; border-right: 1px solid #e5e5e5 }
ul.crFuturePromo li.crDescription { font: 12px/150% "Arial", sans-serif; color: #666; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5 }
ul.crFuturePromo li.crStartDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crEndDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crValue { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crType { text-indent: 7px; width: 196px; font-weight: bold }
/* ----- END - Customer Rewards Promotions ----- */


.detail-custmerRewardsBasket { left:14px; top:28px;}

.catDescription { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 9.0pt; font-weight: normal; font-style: normal; line-height: 180%; text-decoration: none; }
/* ---- Prelaunch --------------------------------------------------------------------------------------------------------------------------- */
.prelaunch { width: 100%; background: #f8f4f8 url(/layout/preorder.png) no-repeat 21px 50%; overflow: hidden; padding: 14px 14px 14px 64px; color: #664266; font-size: 12px; line-height: 150%; outline: 1px solid #e9dfe9; float: left; margin-bottom: 10px; text-align: left; }
.prelaunch span { font-weight: bold; }
#preOrderTerms { width: 700px; padding: 28px; height: 1%; overflow: hidden }
.pre-order, .pre-launch, .leadtime { float: left; width: 295px; margin-right: 10px; box-sizing: border-box; border: 1px solid #DEDEDE; padding: 14px; height: 1%; overflow: hidden }
.pre-order, .pre-launch { height: 230px; }
.pre-launch { margin-right: 0px; }
.pre-order .title, .pre-launch .title, .leadtime .title { color: #714071; font-size: 14px; font-weight: bold }
.pre-order p, .pre-launch p, .leadtime p { font-size: 12px }
.leadtime { clear: both; width: 653px; margin-top: 10px }
/* ---- END Prelaunch -------------------------------------------- */
#TopBanner1_CustomerRewardsDisplay_lblMinBalanceRequired { display: none; }



/* ----- FlexSlider --------------------------------------------------------------------------------------------------------------------------- */
.flex-container a:active,.flexslider a:active{outline:none;border:0;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.carousel li {margin-right: 5px}
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.flexslider{width:980px;position:relative;zoom:1;margin:0 auto;padding:0; -webkit-transition: all .3s ease;}
.flexslider ul { padding:0; margin:0;}
.flexslider .slides > li{display:none;position:relative; list-style:none; -webkit-backface-visibility: hidden;}
.no-js .slides > li:first-child {display: block;}
.flexslider .slides img{max-width:100%;display:block;}
.flex-pauseplay span{text-transform:capitalize;}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.flex-container{width:980px;zoom:1;position:relative; margin:0 auto}
.flex-caption{background:none;zoom:1;position:absolute;bottom: 0px;color:#666;font-size: 0;line-height: 50px;width:100%;box-sizing:border-box;width: 850px; padding: 0.75em;}
.flex-caption span{text-decoration:none;color: #000;font-weight:normal;margin:0; padding: 7px 14px; background: rgba(255, 255, 255, 0.9);  display:inline-block;line-height: 150%;  float:left; }
.flex-caption span:first-child { clear:both}
.hmBannerSmallContainer a:hover>.flex-caption>span{background:#00aeef; color: #ffffff;}
.bannerTextsmall { font-size:10px; font-family:Arial, Helvetica, sans-serif; display:none}
span.Description {line-height:100%;text-decoration:none; font-size: 11px;color: #333;font-weight:normal;margin:0;padding:0; padding: 7px 7px 7px 14px; background: rgba(255, 255, 255, 0.8);  line-height: 150%; float:left; clear:both } 
span.link {text-decoration:none;color: #00aeef;font-weight:normal;margin:0; padding:3px 7px; line-height: 150%; float:none; margin-left:7px;background: none;} 
.flexslider .slides > li a:hover p.flex-caption span.link { background:#00aeef; color:#FFF }
.flexslider .slides > li a:hover p.flex-caption strong{color:#333;}
.flex-direction-nav li {list-style:none}
.flex-direction-nav li a {width: 36px; height: 36px; margin: -13px 0 0; display: block; background: url(/layout/sprite.png) -116px -740px no-repeat; position: absolute; top: 49%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .1s ease;}
.flex-direction-nav>li> a.flex-next {background: url(/layout/sprite.png) -162px -740px no-repeat; right: 0; z-index: 2;}
.flex-direction-nav li .flex-prev {left: 0;z-index: 2;}
.flexslider:hover .flex-next {opacity: 0.8; right: 28px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 28px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav li .flex-disabled {opacity: 0; filter:alpha(opacity=0); cursor: default; display:none}
.flex-control-nav {position: absolute; bottom: 7px; text-align:center; right: 14px;z-index: 2;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li a {width: 9px; height: 9px; display: block; background: #666; background: rgba(188,178,169,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(170,160,149,0.3);}
.flex-control-nav li a.active { background: #6280A8; background: rgba(98,128,168,0.8); }
.flex-control-nav li a:hover { background: #333; background: rgba(170,160,149,0.7); }
.flex-control-nav li a.flex-active { background: #000; background: rgba(170,160,149,0.9); cursor: default;}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/* ----- END - FlexSlider ----- */






/* ----- FlexSlider Brands --------------------------------------------------------------------------------------------------------------------------- */
.flexsliderBrands { float: left; }
.flexsliderBrands { width: 100%; position: relative; zoom: 1; margin: 0; padding: 0; }
.flexsliderBrands>.flex-viewport { overflow: visible !important }
.flexsliderBrands ul { padding: 0; margin: 0 }
.flexsliderBrands .slides > li { display: none; position: relative; list-style: none; margin-right: 7px }
.flexsliderBrands .slides > li:nth-last-child(1) { margin-right: 0px; }
.flexsliderBrands .slides img { max-width: 100%; display: block; }
.flexsliderBrands:hover .flex-next { opacity: 0.8; right: 0px; }
.flexsliderBrands:hover .flex-prev { opacity: 0.8; left: 0px; }
.flexsliderBrands:hover .flex-next:hover, .flexsliderBrands:hover .flex-prev:hover { opacity: 1; }
.flexsliderBrands .slides > li a img { outline: 1px solid #efefef }
.flexsliderBrands .slides > li:hover a img { outline: 1px solid #dddddd }
/* ----- END - FlexSlider Brands ----- */


/* ----- FlexSlider MIV --------------------------------------------------------------------------------------------------------------------------- */
.flexloading { width: 644px; height: 664px; background: url(/layout/animated-loader-MIV.gif) }
.flexsliderMIV { float: left; width: 644px; }
.flexsliderMIV { position: relative; zoom: 1; margin: 0; padding: 0; outline: 1px solid #efefef; width: 644px; height: 644px; }
.flexsliderMIV ul { padding: 0; margin: 0; border-bottom: 1px solid #e2e2e2; }
.flexsliderMIV .slides > li { display: none; position: relative; list-style: none; }
.flexsliderMIV .slides img:hover { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }
.flexsliderMIV .slides img { max-width: 100%; display: block; }
.flexsliderMIV:hover .flex-next { opacity: 0.8; right: 14px; }
.flexsliderMIV:hover .flex-prev { opacity: 0.8; left: 14px; }
.flexsliderMIV:hover .flex-next:hover, .flexsliderMIV:hover .flex-prev:hover { opacity: 1; }
.flexsliderMIV .slides > li .MIViconPlus { position: absolute; top: 280px; left: 280px; background: url(/layout/sprite.png) -14px -740px no-repeat; width: 90px; height: 90px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=20); display: block; z-index: 0; cursor: pointer; -webkit-transition: all .1s ease; }
.flexsliderMIV .slides > li:hover .MIViconPlus { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=1); cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }
.mivIcons { position: relative; margin: 0 auto; text-align: left; clear: both }
.mivIconsContainer { margin: 4px auto 0px auto; border: 0 }
.mivIconsContainer a li, .mivIconsContainer li { list-style: none; display: inline-block; outline: 1px solid #e5e5e5; width: 64px; height: 64px; }
.mivIconsContainer a:hover li, .mivIconsContainer li:hover { outline: 1px solid #ccc; }
.brandImg { position: absolute; top: 14px; left: 14px; z-index: 3 }
.newicon { left: 520px; top: -1px; position: absolute; z-index: 3; }
#imageContainer { float: left; width: 644px; position: relative; margin: 0; position: relative; background-color: #FFF }
.mainImages { float: left; overflow: hidden; }
.flexsliderMIVThumbnails { float: left; width: 650px; }
.flexsliderMIVThumbnails { width: 100%; position: relative; zoom: 1; padding: 7px; background: #efefef; outline: 1px solid #efefef; }
.flexsliderMIVThumbnails ul { padding: 0; margin: 0; position: relative }
.flexsliderMIVThumbnails .slides > li { display: none; position: relative; list-style: none; margin-right: 7px; cursor: pointer; border: 1px solid #e2e2e2; }
.flexsliderMIVThumbnails .slides > li:hover { border: 1px solid #cbcbcb; }
.flexsliderMIVThumbnails .slides > li:nth-last-child(1) { margin-right: 0px; }
.flexsliderMIVThumbnails .slides img { max-width: 100%; display: block; }
.flexsliderMIVThumbnails:hover .flex-next { opacity: 0.8; right: 16px; }
.flexsliderMIVThumbnails:hover .flex-prev { opacity: 0.8; left: 0px; }
.flexsliderMIVThumbnails:hover .flex-next:hover, .flexsliderMIVThumbnails:hover .flex-prev:hover { opacity: 1; }
.flexsliderMIVThumbnails .slides > li.flex-active-slide { border: 1px solid #bed9f2; background: url(/layout/mivIcon.png) no-repeat; z-index: 1; background-position: 10px 10px; }
/* ----- END - FlexSlider ----- */


/* ----- FlexSlider StyleViewer --------------------------------------------------------------------------------------------------------------------------- */
.flexsliderStyleViewer { float: left; width: 650px; }
.flexsliderStyleViewer { width: 476px; position: relative; zoom: 1; margin: 0; padding: 0; }
.flexsliderStyleViewer ul { padding: 0; margin: 0 }
.flexsliderStyleViewer .slides > li { display: none; position: relative; list-style: none }
.flexsliderStyleViewer .slides img { max-width: 100%; display: block; }
.flexsliderStyleViewer:hover .flex-next { opacity: 0.8; right: 0px; }
.flexsliderStyleViewer:hover .flex-prev { opacity: 0.8; left: 0px; }
.flexsliderStyleViewer:hover .flex-next:hover, .flexsliderStyleViewer:hover .flex-prev:hover { opacity: 1; }
.flexsliderStyleViewer > .flex-control-nav { position: absolute; bottom: -25px; text-align: center; width: 100%; right: 0 }
/* ----- END - FlexSlider Brands ----- */


/* ----- FlexSlider BlogAdvert Small --------------------------------------------------------------------------------------------------------------------------- */
.flexsliderStyleBlogAdvertLarge { float: left; width: 712px; }
.flexsliderStyleBlogAdvertLarge { width: 712px; position: relative; zoom: 1; margin: 0; padding: 0; }
.flexsliderStyleBlogAdvertLarge ul { padding: 0; margin: 0 }
.flexsliderStyleBlogAdvertLarge .slides > li { display: none; position: relative; list-style: none }
.flexsliderStyleBlogAdvertLarge .slides img { max-width: 100%; display: block; }
.flexsliderStyleBlogAdvertLarge:hover .flex-next { opacity: 0.8; right: 14px; }
.flexsliderStyleBlogAdvertLarge:hover .flex-prev { opacity: 0.8; left: 14px; }
.flexsliderStyleBlogAdvertLarge:hover .flex-next:hover, .flexsliderStyleBlogAdvertLarge:hover .flex-prev:hover { opacity: 1; }
.flexsliderStyleBlogAdvertLarge > .flex-control-nav { position: absolute; bottom: -25px; text-align: center; width: 100%; right: 0 }
/* ----- END - FlexSlider BlogAdvert ----- */


/* ----- FlexSlider Icons --------------------------------------------------------------------------------------------------------------------------- */
.flexsliderIcons { float: left; width: 980px; }
.flexsliderIcons { width: 980px; position: relative; zoom: 1; margin: 0; padding: 0; margin-top: 14px; }
.flexsliderIcons ul { padding: 0; margin: 0 }
.flexsliderIcons .slides > li { display: none; position: relative; list-style: none; margin-right: 28px; }
.flexsliderIcons .slides > li:nth-last-child(1) { margin-right: 0px; }
.flexsliderIcons .slides img { max-width: 100%; display: block; }
.flexsliderIcons:hover .flex-next { opacity: 0.8; right: 14px; }
.flexsliderIcons:hover .flex-prev { opacity: 0.8; left: 14px; }
.flexsliderIcons:hover .flex-next:hover, .flexsliderIcons:hover .flex-prev:hover { opacity: 1; }
.flexsliderIcons > .flex-control-nav { position: absolute; bottom: -25px; text-align: center; width: 100%; right: 0 }
/* ----- END - FlexSlider BlogAdvert ----- */


/* ----- FlexSlider Services --------------------------------------------------------------------------------------------------------------------------- */
.flexsliderServices { float: left; width: 980px; }
.flexsliderServices { width: 980px; position: relative; zoom: 1; margin: 0; padding: 0; margin-top: 14px; }
.flexsliderServices ul { padding: 0; margin: 0 }
.flexsliderServices .slides > li { display: none; position: relative; list-style: none; margin-right: 28px; }
.flexsliderServices .slides > li:nth-last-child(1) { margin-right: 0px; }
.flexsliderServices .slides img { max-width: 100%; display: block; }
.flexsliderServices:hover .flex-next { opacity: 0.8; right: 14px; }
.flexsliderServices:hover .flex-prev { opacity: 0.8; left: 14px; }
.flexsliderServices:hover .flex-next:hover, .flexsliderServices:hover .flex-prev:hover { opacity: 1; }
.flexsliderServices > .flex-control-nav { position: absolute; bottom: -25px; text-align: center; width: 100%; right: 0 }
.flexsliderServices .servicetitle { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: capitalize; color: #374953; font-weight: bold; margin: 0; padding: 0; padding: 7px 0px 0px 0px; background: #fff; display: inline-block; line-height: 150%; float: left; clear: both }
.flexsliderServices span.Description { display: inline; line-height: 100%; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: capitalize; color: #333; font-weight: normal; margin: 0; padding: 0; padding: 0px 0px 7px 0px; background: #fff; display: inline-block; line-height: 150%; float: left; clear: both }
/* ----- END - FlexSlider BlogAdvert ----- */


/* ----- FlexSlider Landing Page --------------------------------------------------------------------------------------------------------------------------- */
.flexsliderLanding { float: left; width: 700px; }
.flexsliderLanding { width: 100%; position: relative; zoom: 1; margin: 0; padding: 0; background: #374953; }
.flexsliderLanding ul { padding: 0; margin: 0 }
.flexsliderLanding .slides > li { display: none; position: relative; list-style: none; }
.flexsliderLanding .slides > li:nth-last-child(1) { margin-right: 0px; }
.flexsliderLanding .slides img { max-width: 100%; display: block; }
.flexsliderLandings:hover .flex-next { opacity: 0.8; right: 16px; }
.flexsliderLanding:hover .flex-prev { opacity: 0.8; left: 0px; }
.flexsliderLanding:hover .flex-next:hover, .flexsliderLanding:hover .flex-prev:hover { opacity: 1; }
.flexsliderLanding p.flex-caption { display: none; }
/* ----- END - FlexSlider Brands ----- */


/* ----- Finance Calculator --------------------------------------------------------------------------------------------------------------------------- */
.financeContiner { width: 269px; height: auto; background: #d8ecf1; padding: 14px 28px; }
#financePerMonth { float: left; font-size: 14px; margin: 0; background: url(/layout/finance/alert2.png) no-repeat; background-position: 0; padding: 7px 0 7px 28px; }
#financePerMonth a { color: #fff; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: 0 15px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 230%; font-weight: bold; -webkit-appearance: none; border-style: none; color: #f9f9f9; background: #496d9d; background: -webkit-gradient(linear, left top, left bottom, from(#5d87c0), to(#496d9d)); background: -moz-linear-gradient(top, #5d87c0, #496d9d); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d87c0', endColorstr='#496d9d');
width: 100%; }
#financePerMonth a:hover { color: #FFF; background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#496d9d), to(#496d9d)); background: -moz-linear-gradient(top, #496d9d, #496d9d); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b1b1', endColorstr='#b1b1b1');
}
#financePerMonth strong, #financePerMonth strong span { color: #0c7ca6 }
#finance { display: block; width: 940px }
#financeContainer { display: block; background: #FFF; padding: 28px; }
.financeOption, .financeOptionNone { display: block; margin-bottom: 14px; padding-bottom: 14px; /* border-bottom: 1px solid #e5e5e5; */ }
.financeOptionNone { margin-bottom: 0; padding-bottom: 0; border-bottom: none }
#financemessage { display: block; width: 100%; text-align: center; }
table#radFinanceProductList { border-collapse: collapse }
table#radFinanceProductList tr { float: left; display: block; width: 276px; background: #d8ecf1; padding: 7px; margin: 0px 7px 7px 0px; color: #0d63b2 }
table#radFinanceProductList tr:nth-child(3n) { margin: 0px 0px 7px 0px }
.financeAmount { float: left; width: 100%; border: 1px solid #cccccc; height: 84px; margin-bottom: 21px; }
.financeAmountPay { float: left; display: block; width: 149px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-align: left; color: #767676 }
.financeAmountSlider { float: left; display: block; width: 526px; padding: 30px; background: url(/layout/finance/blend.jpg); background-position: -100px -7px; }
.financeAmountPayContainer { display: block; margin: 14px; padding: 7px; color: #444; }
.financeDeposit { float: right; width: 184px; border: 1px solid #3d649a; height: 84px; text-align: center; padding: 16px; background: #5982ba; color: #fff; line-height: 180%; font-size: 13px; }
.financeDeposit b span { display: block; font-size: 24px; }
table#radFinanceProductList tr td label { font-size: 12px; line-height: 230%; }
table#radFinanceProductList tr td input { margin: 7px 7px 7px 7px; float: left; }
.financeDetails { float: left; width: 316px; height: 1%; overflow: hidden; margin-right: 28px; }
.repayDetails, .repayDetailsnone { float: left; display: block; width: 100%; font-size: 14px; text-align: left; border-bottom: 1px solid #e5e5e5; padding: 7px; }
.repayDetailsnone { border-bottom: none; }
.repayDetails strong, .repayDetailsnone strong { float: left; width: 200px; font-weight: normal }
.financeMessages { float: right; width: 530px; font-family: Arial, Helvetica, sans-serif; color: #006699; display: inline; font-size: 8.5pt; }
.financeMessages img { float: left; margin-right: 7px; }
.ui-slider-horizontal .ui-state-default { width: 20px; height: 20px; background: white url(/layout/finance/slider.png) no-repeat scroll 50% 50%; }
.keyData { color: #CC0000; font-weight: bold }
.devFinanceradios { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
/* ----- Finance Calculator end ----- */


/* ----- Typography ----- */
.clHeadline { text-align: center; font: normal 2em/1.9 "Lucida Grande", Tahoma; color: #222; margin: 5px 0 0!important; }
.clSubHeadline { letter-spacing: .3em; text-align: center; text-transform: uppercase; font: lighter .75em/1em "Lucida Grande", Tahoma; color: #666; margin: 0 0 24px!important; }
.clSmallHeadline { letter-spacing: 2px; text-transform: uppercase; font-size: 10px; font-weight: 700; color: #bbb; margin: 1em 0!important; }
.clLargeHeadline { letter-spacing: -2px; font: normal 32px/28px Arial, Helvetica, sans-serif; color: #444; margin: 0!important; padding: 0 0 6px; }
.clAudio, .clCreditcard, .clFeed, .clHelp, .clWebcam, .clImages, .clLock, .clPrinter, .clReport, .clScript, .clTime, .clUser, .clWorld, .clCart, .clCd, .clChartBar, .clChartLine, .clChartPie, .clClock, .clCog, .clCoins, .clCompress, .clComputer, .clCross, .clDisk, .clError, .clEmail, .clExclamation, .clFilm, .clFolder, .clGroup, .clHeart, .clHouse, .clImage, .clInformation, .clMagnifier, .clMoney, .clNew, .clNote, .clPage, .clPage_white, .clPlugin, .clAccept, .clAdd, .clCamer, .clBrick, .clBox, .clCalendar, .clCamera { padding: 0 0 2px 30px !important; }
.clInfo1, .clTips1, .clWarning1, .clInfo2, .clTips2, .clWarning2, .clWarning5, .clSuccess1, .clSuccess2, .clSuccess5 { min-height: 20px; line-height: 20px; padding: 7px 14px 7px 56px; margin-bottom: 7px; float: left; }
.clInfo3, .clTips3, .clWarning3, .clInfo4, .clTips4, .clWarning4, .clSuccess3, .clSuccess4 { min-height: 60px; line-height: 22px; padding: 10px 10px 10px 80px; margin-bottom: 7px; float: left; }
.clInfo4, .clTips4, .clWarning4, .clWarning5, .clSuccess5 { font-size: 14px; }
.clInfo2, .clInfo3, .clTips2, .clTips3, .clWarning2, .clWarning3 { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.clHighlight1, .clHighlight2, .clHighlight3, .clHighlight4 { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; text-shadow: none; cursor: default; padding: 1px 5px; }
ol { list-style-position: inside; margin: 0; padding: 0; }
ol.clDec { list-style-type: decimal; }
ol.clRoman { list-style-type: upper-roman; }
ol.clAlpha { list-style-type: lower-alpha; }
ol.clDecimalLeadingZero { list-style-type: decimal-leading-zero; }
ul.clBullet1, ul.clBullet2, ul.clBullet3, ul.clBullet4, ul.clCircle1, ul.clCircle2, ul.clSquare1, ul.clSquare2, ul.clSquare3 { margin: 2em 0; padding: 0; }
ul.clBullet1 li, ul.clBullet2 li, ul.clBullet3 li, ul.clBullet4 li, ul.clCircle1 li, ul.clCircle2 li, ul.clSquare1 li, ul.clSquare2 li { line-height: 1.8em!important; list-style-position: inside; overflow: inherit; margin: 0!important; padding: 2px 0 2px 28px; }
dl.clDef1 dt, dl.clDef2 dt, dl.clDef3 dt { margin: 10px 0 5px; }
dl.clDef2 dt { text-decoration: underline; }
dl.clDef3 dt { margin-top: 10px; letter-spacing: .3em; text-transform: uppercase; font: lighter 1.1em/1.2em "Lucida Grande", Tahoma; font-variant: normal; color: #666; }
acronym, abbr { border-bottom-width: 1px; border-bottom-style: dotted; }
acronym:hover, abbr:hover { border-bottom-style: solid; cursor: pointer; }
div.clLegend1 h4, div.clLegend2 h4, div.clLegend3 h4, div.clLegend4 h4 { float: left; position: relative; top: -18px; left: 11px; font-size: 13px; text-transform: uppercase; line-height: 22px; font-weight: 400; background: #fff; text-shadow: none; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0 0 -9px!important; padding: 0 10px; }
div.clLegend1, div.clLegend2, div.clLegend3, div.clLegend4 { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 25px 0; padding: 6px; }
div.clLegend1 p, div.clLegend2 p, div.clLegend3 p, div.clLegend4 p { clear: both; margin: 7px; }
span.clDropcap1, span.clDropcap2, span.clDropcap3 { display: block; float: left; line-height: 1em; font-size: 5em; color: #333; }
span.clDropcap1 { height: 61px; margin: -4px 5px -3px 0; }
p.clDropcap2 { padding: 0 0 0 50px; }
span.clDropcap2 { height: 61px; margin: -4px 0 0 -50px; }
p.clDropcap3 { margin-top: 32px; }
span.clDropcap3 { height: 61px; margin: -32px 5px 0 0; }
blockquote { font-style: italic; margin: 20px 0; }
blockquote div { display: block; }
blockquote div.clBlockquote1 div, blockquote div.clBlockquote2 div { background: url(/layout/typography/close1.png) no-repeat right bottom; padding: 0 24px; color: #666666; font-family: Georgia, "Times New Roman", Times, serif; line-height: 150%; font-size: 16px; }
blockquote div.clBlockquote3 { padding-bottom: 5px; background: url(/layout/typography/open2.png) no-repeat left bottom; }
blockquote div.clBlockquote3 div { background: url(/layout/typography/close2.png) no-repeat right top; padding: 5px 27px 0; }
blockquote div.clBlockquote4 div { background: url(/layout/typography/close2.png) no-repeat right top; padding: 0 27px; }
.clBlockTextLeft, .clBlockTextRight, .clBlockTextCenter { display: block; font-size: 15px; font-style: italic; line-height: 150%; width: 38%; color: #222; padding: 30px; }
.clBlockTextLeft { float: left; text-align: left; }
.clBlockTextRight { float: right; text-align: right; }
.clBlockTextCenter { text-align: center; margin: 0 auto; }
.numblocks { position: relative; min-height: 38px; margin: 30px 0; padding: 0 0 0 60px !important; }
.numblocks span { position: absolute; top: 4px; left: 0; height: 42px; width: 42px; color: #fff; display: block; font: bold 18px/42px Arial, Helvetica, sans-serif; text-align: center; }
.num-1 span { background: url(/layout/typography/number-1.png) no-repeat 50% 50%; }
.num-2 span { background: url(/layout/typography/number-2.png) no-repeat 50% 50%; }
.num-3 span { background: url(/layout/typography/number-3.png) no-repeat 50% 50%; }
.numblocks span.highlight { font-size: 13px; position: static; width: auto; display: inline; background: none; line-height: 23px; color: #000; }
.clblock-1, .clblock-2, .clblock-3, .clblock-4, .clblock-5, .clblock-6, .clblock-7, .clblock-8, .clblock-9 { margin: 20px 0; padding: 6px 12px; }
.bubble-1, .bubble-2, .bubble-3, .bubble-4, .bubble-5, .bubble-6 { position: relative; margin: 20px 0 40px; padding: 6px 12px; }
.bubble-1 cite, .bubble-2 cite, .bubble-3 cite, .bubble-4 cite, .bubble-5 cite, .bubble-6 cite { height: 17px; position: absolute; bottom: -17px; display: block; left: 20px; font-size: 11px; font-weight: 700; line-height: 22px; padding-left: 30px; background: url(/layout/typography/buble_arrow.png) no-repeat 0 0; color: #333!important; }
blockquote div.clBlockquote1 { background: url(/layout/typography/open1.png) no-repeat left top; }
blockquote div.clBlockquote2 { background: url(/layout/typography/open1.png) no-repeat left top; }
blockquote div.clBlockquote4 { background: url(/layout/typography/open2.png) no-repeat left top; }
.clTable thead { text-align: left; font: normal 19px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 5px 10px; }
.clTable2 thead { text-align: left; font: normal 20px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 5px 10px; }
.clTooltip { position: relative; outline: none; cursor: help; text-decoration: none; color: #000; text-shadow: none; text-decoration: underline; }
.clTooltip span { position: absolute; margin-left: -999em; font-size: 11px; line-height: 16px; }
.clTooltip:hover span { position: absolute; left: .5em; top: 1em; z-index: 99; width: 250px; margin-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 8px 8px 1px rgba(0,0,0,0.12); -moz-box-shadow: 8px 8px 1px rgba(0,0,0,0.12); box-shadow: 8px 8px 1px rgba(0,0,0,0.12); }
.clTooltip:hover em { display: block; font-size: 1.2em; line-height: 30px; text-decoration: underline!important; text-shadow: none; font-style: normal!important; padding: 0; }
.clCode2 { background: #fff; border: 1px solid #eee; border-left: 4px solid #78a8d5; }
.clInfo1 { background: url(/layout/typography/info_small.png) no-repeat 4px 8px; }
.clTips1 { background: url(/layout/typography/tips_small.png) no-repeat 4px 6px; }
.clWarning1 { background: url(/layout/typography/warning_small.png) no-repeat 4px 9px; color: #CB260A; }
.clInfo2 { background: url(/layout/typography/info_small_col.png) no-repeat 14px 50%; border: #eee solid 1px; }
.clTips2 { background: url(/layout/typography/tips_small_col.png) no-repeat 14px 50%; border: 1px solid #EAE8CC; color: #796116; background-color: #FFFEF4; }
.clWarning2 { background: url(/layout/typography/warning_small_col.png) no-repeat 14px 50%; color: #CB260A; border: 1px solid #efd3ce; background-color: #fef9f8; }
.clInfo3 { background: url(/layout/typography/info.png) no-repeat 4px 10px; }
.clTips3 { background: url(/layout/typography/tips.png) no-repeat 4px 11px; }
.clWarning3 { background: url(/layout/typography/warning.png) no-repeat 4px 10px; color: #CB260A; }
.clInfo4 { background: url(/layout/typography/info_col.png) no-repeat 4px 10px; }
.clTips4 { background: url(/layout/typography/tips_col.png) no-repeat 4px 11px; color: #6896c1; }
.clWarning4 { background: url(/layout/typography/warning_col.png) no-repeat 4px 10px; color: #cb260a; }
.clWarning5 { background: url(/layout/typography/warning_col.png) no-repeat 14px 57%; color: #FFF; border: 1px solid #a53521; background-color: #CB260A; /* margin-left:30%; */ /* margin-right:30%; */ /* margin-bottom: 28px; */ width: 100%; text-align: center; }
.clSuccess1 { background: url(/layout/typography/success_small.png) no-repeat 4px 9px; color: #536a14; }
.clSuccess2 { background: url(/layout/typography/success_small_col.png) no-repeat 14px 57%; color: #536a14; border: 1px solid #c4d6ab; background-color: #e8f9d0; /* margin-left:30%; */ /* margin-right:30%; */ /* margin-bottom: 28px; */ width: 100%; text-align: center; }
.clSuccess3 { background: url(/layout/typography/success.png) no-repeat 4px 10px; color: #536a14; }
.clSuccess4 { background: url(/layout/typography/success_col.png) no-repeat 4px 10px; color: #536a14; }
.clSuccess5 { background: url(/layout/typography/success_col.png) no-repeat 14px 57%; color: #FFF; border: 1px solid #82b041; background-color: #96c750; /* margin-left:30%; */ /* margin-right:30%; */ /* margin-bottom: 28px; */ width: 100%; text-align: center; }
.clTips1, .clTips3, .clInfo4 { color: #222; }
div.clLegend1 { border: 1px solid #eee; }
div.clLegend2 { border: 1px solid #AFCFED; }
div.clLegend3 { border: 1px solid #EAE8CC; }
div.clLegend4 { border: 4px double #eee; }
div.clLegend2 h4 { background: #fff; color: #6896C1; }
.clHighlight1 { background: #ffd; }
.clHighlight2 { background: #eee; }
.clHighlight3 { background: #78a8d5; color: #fff; }
.clblock-1 { border: 2px dotted #ddd; }
.clblock-2 { border: 2px dotted #EAE8CC; }
.clblock-3 { border: 2px dotted #AFCFED; }
.clblock-4 { border: 1px solid #eee; background: #fff; }
.clblock-7 { background: #222; color: #fff!important; }
.clblock-8 { background: #eee; color: #333!important; }
.clblock-9 { background: #78a8d5; color: #fff!important; }
ul.clBullet1 li, ul.clBullet2 li, ul.clBullet3 li, ul.clBullet4 li, ul.clCircle1, ul.clCircle2, ul.clSquare1, ul.clSquare2 { list-style: none }
ul.clBullet1 li { background: url(/layout/typography/bullet1.png) no-repeat 0 8px!important; }
ul.clBullet2 li { background: url(/layout/typography/bullet2.png) no-repeat 0 5px!important; }
ul.clBullet3 li { background: url(/layout/typography/bullet3.png) no-repeat 0 6px!important; }
ul.clBullet4 li { background: url(/layout/typography/bullet4.png) no-repeat 0 6px!important; }
ul.clCircle1 li { background: url(/layout/typography/bullet-circle1.png) no-repeat 0 6px!important; }
ul.clCircle2 li { background: url(/layout/typography/bullet-circle2.png) no-repeat 0 5px!important; }
ul.clSquare1 li { background: url(/layout/typography/bullet-square1.png) no-repeat 0 6px!important; }
ul.clSquare2 li { background: url(/layout/typography/bullet-square2.png) no-repeat 0 6px!important; }
span.classicTooltip { background-color: #ffd; color: #656565; }
span.criticalTooltip { background: #cb260a; color: #fff; }
span.infoTooltip { background: #F0F0F0; color: #5b5b5b; border: 1px solid #dedede; }
span.warningTooltip { background: #fff; color: #F93B3B; border: 1px solid #fff; }
ul#demo-typography { background: transparent; overflow: hidden; padding: 10px 30px 30px; }
ul#demo-typography li { list-style-position: none; list-style-type: disc; line-height: 24px; width: 23.9%; float: left; color: #cb260a; font-size: 11px; }
ul#demo-typography li a { font-size: 11px; text-shadow: 2px 2px 0 #fff; }
.demo-typoDiv { clear: both; overflow: hidden; margin: 0 0 30px; }
h4.demo-typo { font-size: 18px; font-weight: 400; color: #333; border-bottom: 1px solid #e5e5e5; margin: 30px 0; line-height: 200% }
.demo-typo-col2 { width: 50%; float: left; }
.demo-typo-col3 { width: 33%; float: left; }
.demo-typo-col4 { width: 25%; float: left; }
.demo-typo_padd { padding: 0 30px 0 0; }
#warnings .demo-typo_padd p { margin: 1em 0 1.6em; }
.typoDesc small { font-size: 10px; color: #999; }
.clblock-7 small, .clblock-9 small, .bubble-4 small, .bubble-6 small { color: #fff!important; }
.bubble-5 small, .clblock-8 small { color: #333; }
.clHighlight1:hover, pre:hover, .clCode1:hover { background: #fff; }
.clHighlight2:hover, .clHighlight4, span.helpTooltip { background: #333; color: #fff; }
.clHighlight3:hover, .clHighlight4:hover { background: #fff; color: #000; }
dl.clDef1 dd, dl.clDef2 dd, dl.clDef3 dd, .clTable td, .clTable2 td { padding: 10px; }
.clTable, .clTable2 { border-collapse: collapse; font-style: normal; }
.clTable tfoot, .clTable2 tfoot { margin-bottom: 10px; margin-top: 0; text-align: right; font-size: .8em; font-style: italic; padding: 0; }
.classicTooltip, .customTooltip { text-shadow: none; padding: .6em .8em; }
div.clLegend1 h4, div.clLegend3 h4 { background: #fff; color: #333; }
.clblock-5, .bubble-2 { border: 1px solid #EAE8CC; background: #FFFEF4; }
.clblock-6, .bubble-3 { border: 1px solid #afcfed; background: #f8fcff; }
.icon { background: url(layout/iconSet.png) no-repeat; width: 46px; height: 46px }
/* ----- Typography end ----- */