----------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-size: 100%; vertical-align : baseline; background : transparent; } body { line-height : 1.2; } ol, ul { list-style : none; } blockquote, q { quotes : none; } :focus { outline : 0; } ins { text-decoration : none; } del { text-decoration : line-through; } table { border-collapse : collapse; border-spacing : 0; } /*----Global Styles------------------------------------------------------------------- */ #container{width:994px; text-align:left; margin:0 auto;} #header-outer{background:transparent;} #header-outer{background:url(../images/gear-top-background.png) no-repeat top right; height:144px; position:relative;} #logo{line-height:1em; margin:0;padding-top:0px;} #tag-line{line-height:1em; padding-left:10px;} #content-outer{background:#141427 url(../images/content-slice.jpg) repeat-x top;} #content-outer{background:#0f1923 url(../images/content-slice.jpg) repeat-x top;} #content-outer{background:#fff url(../images/outerbg.png) no-repeat top left;} #content-left{width:679px; float:left;} /*----Branding------------------------------------------------------------------- */ #brand-image {position:relative; left:-17px; width:702px;} /*body.cms-home #brand-image{background:#c00 url(../images/brand-image-3-bottom.jpg) no-repeat top left; height:108px; position:static;}*/ /*body.cms-home #header-inner{background:url(../images/brand-image-3-top.jpg) no-repeat bottom left; height:124px;}*/ /*body.cms-home #brand-image{background:#c00 url(../images/brand-image-4-bottom.jpg) no-repeat top left; height:143px; position:static;}*/ /*body.cms-home #header-inner{background:url(../images/brand-image-4-top.jpg) no-repeat bottom left; height:144px;}*/ /*body.cms-home #brand-image{background:#000 url(../images/frontpage/rotate.php) no-repeat top left; height:320px; position:static;}*/ body.cms-home #brand-image{height:0px; position:static;} body.cms-home #header-inner{height:144px;} body.cms-test-home #brand-image{background:#c00 url(../images/brand-image-5-bottom.jpg) no-repeat top left; height:144px; position:static;} body.cms-test-home #header-inner{background:url(../images/brand-image-5-top.jpg) no-repeat bottom left; height:144px;} /*body.category-performance-wear #brand-image{background:#ccc url(../images/brand-image-performance-bottom.jpg) no-repeat top left; height:104px;} body.category-performance-wear #header-inner{background:url(../images/brand-image-performance-top.jpg) no-repeat bottom left; height:144px;}*/ /*----Action Bar ----- */ #action-bar-outer{position:absolute; width: 614px; left:370px; top:0px; height: 52px; padding-right:10px; font-size:0.80em;} #action-bar-inner{height: 52px; padding-left:10px;} #action-bar-inner li, #action-bar-inner ul, #action-bar-inner form, #action-bar-inner div.links-wrapper{display:inline;} #action-bar-inner ul {float:right;} #action-bar-inner li a {position:relative; top:2px; color:#655841; padding: 0 7px 0 1px; text-decoration:none; border-right:1px solid #fff;} #action-bar-inner li.last a {border:none;} #action-bar-inner li a:hover {text-decoration:underline; color:#333;} .magnifying-glass { vertical-align:middle;} /*----Mcafee Bar ----- */ #mcafee-bar-outer{position:absolute; width: 330px; left:650px; top:76px; height: 35px; padding-right:12px; font-size:0.85em; text-align: right; color:#777777;} #mcafee-bar-inner{height: 42px; padding-left:40px;} #mcafee-bar-inner li {display:inline;} #mcafee-bar-inner ul {float:left;} #mcafee-bar-inner li a {position:relative; color:#cccccc; padding: 0 1px 0 0px; text-decoration:none;} #mcafee-bar-inner li.last a {border:none;} #mcafee-bar-inner li a:hover {text-decoration:underline; color:#394c5f;} /*---- New Twitter Bar ----- */ #twitter-bar-outernew{opacity:0.8;width: 100%; height: 20px; padding-top:2px; font-size:0.85em; text-align: left; color:#333;} #twitter-bar-innernew{height: 20;} /*#twitter-bar-inner{height: 42px; padding-left:40px;} */ #twitter-bar-innernew li, #action-bar-inner ul, #action-bar-inner div.links-wrapper{display:inline;} #action-bar-inner form {float:right;display:inline;} #twitter-bar-innernew ul {float:left;} #twitter-bar-innernew li a {position:relative; color:#cccccc; padding: 0 1px 0 0px; text-decoration:none;} #twitter-bar-innernew li.last a {border:none;} #twitter-bar-innernew li a:hover {text-decoration:underline; color:#394c5f;} #twitter-update-list {display:inline;} /*----Twitter Bar ----- */ #twitter-bar-outer{position:absolute; width: 270px; left:710px; top:30px; height: 35px; padding-right:8px; font-size:0.9em; text-align: right; color:#655841;} /*#twitter-bar-outer{width: 260px; height: 90px; padding-top:8px; font-size:0.85em; text-align: right; color:#777777;} */ #twitter-bar-inner{height: 88px;} /*#twitter-bar-inner{height: 42px; padding-left:40px;} */ #twitter-bar-inner li, #action-bar-inner ul, #action-bar-inner div.links-wrapper{display:inline;} #action-bar-inner form {float:right;display:inline;} #twitter-bar-inner ul {float:left;} #twitter-bar-inner li a {position:relative; color:#655841; padding: 0 1px 0 0px; text-decoration:none;} #twitter-bar-inner li.last a {border:none;} #twitter-bar-inner li a:hover {text-decoration:underline; color:#333;} /*----- BreadCrumbs ----- */ .breadcrumbs{position:absolute; left:10px; top:5px; width:800px; font-size:0.8em; text-transform:capitalize; color:#655841} .breadcrumbs a {color:#333} .breadcrumbs li { display:inline; } /*----Columns ----- */ #column-one, #column-two{width:339px; float:left; margin-top:10px;} #column-one{background:url(images/column-divider.jpg) top right no-repeat;} /*----Right Column ----- */ #right-column {float:right; margin-right:25px; width:260px; padding:15px; border-bottom:1px solid #213a59; background:url(images/basket-background.jpg) top 4px no-repeat;} /*----Mini cart ----- */ div.mini-cart {border-bottom:1px solid #203957;} div.mini-cart div.head, div.mini-cart div.content {background:none; border:0;} /*----Custom Kit ----- */ body.cms-homeold div.page-head {margin:3px 0 3px 17px;} body.cms-homeold .home-indent {margin-left:17px;} body.cms-test-home div.page-head {margin:3px 0 3px 17px;} body.cms-test-home .home-indent {margin-left:17px;} body.cms-home div.page-head {margin:3px 0 3px 17px;} body.cms-home .home-indent {margin-left:17px;} body.cms-shop div.page-head {margin:3px 0 3px 17px;} body.cms-shop .home-indent {margin-left:17px;} div#c ustom-gear {width:702px;} div#custom-gear-top {background: url(../images/custom-kit-top-background.png) top no-repeat; height:45px;} div#custom-gear-top ul#step-titles li{float:left; min-height:45px; padding: 17px 0 0 50px; font-weight:bold;} div#custom-gear-top ul#step-titles li.step-1{background: url(../images/custom-kit-step-1.png) 6px top no-repeat; width:192px; padding-left:54px;} div#custom-gear-top ul#step-titles li.step-2{background: url(../images/custom-kit-step-2.png) left top no-repeat; width:165px;} div#custom-gear-top ul#step-titles li.step-3{background: url(../images/custom-kit-step-3.png) left top no-repeat; width:185px;} div#custom-gear-top a {color:#fff; text-decoration:none;} div#custom-gear-top a:hover {color:#1e7ec8; text-decoration:underline;} div#custom-gear-mid {background: url(../images/custom-kit-mid-background.png) repeat-y;} div#custom-gear-mid ul#step-content li{float:left; width:210px;} div#custom-gear-mid ul#step-content li.step-1{padding:0 5px 0 25px; width:217px; border-right: 1px solid #394C5F;} img.kit-creator-image {padding:10px 0 0 5px;} div#custom-gear-mid ul#step-content li.step-2{margin-left:12px; width:202px; min-height: 9em;} div#custom-gear-mid ul#step-content li.step-3{padding:0 3px 0 12px; margin-left:12px; border-left: 1px solid #394C5F; width:209px; min-height: 9em;} div#custom-gear-mid ul#step-content li#custom-gear-start-uniforms{padding:20px 0 0 8px; width:218px;} div#custom-gear-mid ul#step-content li#custom-gear-start-accessories{padding:20px 0 0 8px; width:220px;} div#custom-gear-mid ul#step-content li#custom-gear-links{width:445px; padding-top:10px;} div#custom-gear-mid ul#step-content li#custom-gear-links ul li {display:inline; border-left:1px solid #394c5f; width:auto; padding:0 10px;} div#custom-gear-mid ul#step-content li#custom-gear-links ul li.first{border:none; padding: 0 10px 0 12px;} div#custom-gear-bottom {background: url(../images/custom-kit-bottom-background.png) bottom no-repeat; height:11px;} /*----Home Page Columns ----- */ body.cms-homeold .col-2-right-layout {width:994px; margin:0;} body.cms-homeold .col-2-right-layout .col-main {width:702px;} body.cms-test-home .col-2-right-layout {width:977px; margin:0;} body.cms-test-home .col-2-right-layout .col-main {width:702px;} body.cms-home .col-1-layout {width:994px; margin:0;} body.cms-home .col-1-layout .col-main {width:994px;} body.cms-shop .col-2-right-layout {width:994px; margin:0;} body.cms-shop .col-2-right-layout .col-main {width:722px;} div#home-left-column{width:346; float:left; padding: 1px 0px 0px 20px;} div#home-right-column{width:346; float:left; padding: 1px 0px 0px 10px;} div#home-left-callout{width:222px; float:left; padding: 15px 4px 0px 18px;} div#home-middle-callout{width:222px; float:left; padding: 15px 4px 0px 4px;} div#home-right-callout{width:222px; float:left; padding: 15px 0px 0px 4px;} /*----Home Page Panels ----- */ div.home-panel {background: url(../images/home-panel-bottom.png) bottom left no-repeat; padding-bottom:11px; margin-top:7px;} div.home-panel-head {background: url(../images/home-panel-top.png) top left no-repeat; height:70px; margin-bottom:0;} div.home-panel-head-inner {padding:11px 0 0 118px;} div.home-panel-head h2 {font-style:italic; font-weight:normal; color:#fff; margin-bottom:0.15em; font-size:1.4em; } div.home-panel-head h2 a{color:#fff; text-decoration:none;} div.home-panel-head h2 a:hover{text-decoration:underline;} div.home-panel-head p {font-size:0.85em; line-height:1em;} div.home-panel-content {background: url(../images/home-panel-background.png) left repeat-y; padding:5px 7px 0 24px;} div.home-panel-content ul li {display:inline; border-left:1px solid #394c5f; width:auto; padding:0 7px; line-height:1.25em;} div.home-panel-content ul li.first{border:none; padding: 0 7px 0 0;} img.home-block-image {float:left;} /*----Product Images ----- */ .product-images {float:left;} .product-images img {} .product-image img {padding:3px; border:#d9a441 1px solid; background:#ccc;} ol#cart-sidebar li {clear:left;} /*----Lookfly Button ----- */ a.lookfly-button {background:#2F519E; color:#FFF; display:block; text-align:right; padding:8px 10px; text-decoration:none; border: 2px solid #7FAAD1;font: bold 12px arial, sans-serif !important; cursor: pointer;} a.lookfly-button:hover {background-position: -232px top ; color:#fff;} a.lookfly-button:active, a.lookfly-button:focus {background-position: -463px top ; color:#000;} a.lookfly-button-disabled {background: url(../images/lookfly-button-disabled.png) no-repeat top left; height:19px; width:208px; color:#FFF; display:block; text-align:right; padding:8px 10px; text-decoration:none;} /*----Lookfly Button Short ----- */ a.lookfly-button-short {background: url(../images/lookfly-button-short.png) no-repeat top left; height:19px; width:193px; color:#FFF; display:block; text-align:right; padding:8px 10px; text-decoration:none;} a.lookfly-button-short:hover {background-position: -232px top ; color:#fff;} a.lookfly-button-short:active, li#custom-gear-start a:focus {background-position: -463px top ; color:#000;} /*----Lookfly Adverts ----- */ .lookfly-advert-image {margin-bottom:1.1em;} .lookfly-advert .head h4{background-image: url(../images/lookfly-logo-tiny.png);} /*----Lookfly Top Level Categories ----- */ .sub-categories .category-image-box {float:left; padding-right:8px;} .sub-categories .category-box {clear:left; margin:0 0 10px; padding: 4px 8px; background:#1a2b3c; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; } .sub-categories .category-box .category-name p a { font-size:1.5em; color:#fff; text-decoration:none; font-style:italic; } .sub-categories .category-box .category-name p a:hover { text-decoration:underline; } .category-top-image {margin:0px 0 0 0;} /*----Contact Us Page -------- */ ul.lookfly-faqs{margin-bottom:10px;} ul.lookfly-faqs li{margin-left: 2em; list-style-type: square;} /*----Generic Floats and CMS styles----- */ .float-right {float:right;} .float-left {float:left;} .align-centre {text-align:center;} .clear-both {clear:both;} .padding-right {padding-right:17px;} .padding-left {padding-left:17px;} blockquote {font-size:1.4em; font-weight:bold;} .cms-page-view .col-main p {font-size:1.0em;} .cms-page-view h2 {font-size:1.5em; font-weight:bold;} .lookfly-green {color:#393;} /*----3 Step process styles----- */ div#custom-block { padding-left:42px; float:left; width:320px} div#custom-block-text { padding-left:5px; float:left; width:310px} div#menu-item { padding-left:2px; float:left; width:152px} div#ordering-steps {height:35px;} div#ordering-steps ul#step-titles li{float:left; min-height:35px; padding: 10px 0 0 50px;} div#ordering-steps ul#step-titles li.step-1{background: url(../images/custom-kit-step-1-off.png) left bottom no-repeat; width:180px; padding-left:54px;} div#ordering-steps ul#step-titles li.step-2{background: url(../images/custom-kit-step-2-off.png) left bottom no-repeat; width:165px;} div#ordering-steps ul#step-titles li.step-3{background: url(../images/custom-kit-step-3-off.png) left bottom no-repeat; width:185px;} div#ordering-steps a {color:#FFFFFF; text-decoration:none;} div#ordering-steps a:hover {color:#1e7ec8; text-decoration:underline;} /* body.category-start div#ordering-steps ul#step-titles li.step-1{background: url(../images/custom-kit-step-1.png) left bottom no-repeat; } body.cms-step2-lookfly-ordering div#ordering-steps ul#step-titles li.step-2{background: url(../images/custom-kit-step-2.png) left bottom no-repeat; } body.cms-step3-submit-confirm-wait div#ordering-steps ul#step-titles li.step-3{background: url(../images/custom-kit-step-3.png) left bottom no-repeat; } */ body.cms-start div#ordering-steps li.step-1 a, body.cms-step2-lookfly-ordering div#ordering-steps li.step-2 a, body.cms-step3-submit-confirm-wait div#ordering-steps li.step-3 a{color:#fff; font-weight:bold;} ol.lookfly-instructions li{list-style-type:decimal; margin-left:2em;} ol.lookfly-instructions li ol li {list-style-type:lower-latin;} ol.lookfly-instructions {margin-bottom:0.5em;} /* ---- Ho-Nav Styles ------------ */ #sddm { margin: 0; padding: 0; z-index: 30} #sddm li { margin: 0; padding: 0; list-style: none; float: left;} #sddm li a { display: block; margin: 0 1px 0 0; padding: 3px 8px; width: auto; background: #679146; border-right: 1px dotted #666; color: #fff; text-align: center; font-weight: bold; font-size: 0.8em; font: bold 1.0em arial; text-decoration: none;} #sddm li a.last { border-right: 0px dotted #666; } #sddm li a.desc { border-right: 0px dotted #666; color: #ddd; } #sddm li a:hover { background: #497CE1; color:#fff;} #sddm div { position: absolute; display: inline; visibility: hidden; margin: 0; padding: 0; width: 460px; background: #679146;} #sddm span { position: absolute; display: inline; visibility: hidden; margin-top: 1px; padding: 0; width: 460px; background: none;} #sddm span a { display: inline; margin: 0 1px 0 0; padding: 4px 10px; width: 80px; background: none; color: #FFF; text-align: center; text-decoration: none;} #sddm div a display: inline; margin: 0; padding: 2px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #2c3033; color: #fff;} #sddm div a:hover { background: #333; color: #FFF} /*--- Left Bar Vert Nav stuff ---- */ .arrowgreen{ width: 180px; /*width of menu*/ border-style: solid solid none solid; border-color: #94AA74; border-size: 1px; border-width: 0px; padding-top: 20px; } .arrowgreen h4{ border-bottom: 1px dotted #333; padding-bottom: 5px; } .arrowgreen ul{ margin: 5px; padding: 0; list-style: disc; } .arrowgreen li { list-style: disc; list-style-type: disc; } .arrowgreen li a{ font: bold 1.0em Arial, Helvetica, sans-serif; display: block; height: 15px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/ padding: 1px 0 2px 18px; line-height: 12px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/ text-decoration: none; } .arrowgreen li a:link, .arrowgreen li a:visited { color: #333; } .arrowgreen li a:hover{ color: #999; background:url(../images/lilogoicon.png) no-repeat bottom left; } .arrowgreen li a.selected{ color: #999; } /*----Vertical Navigation Styles----- */ #midlevel-nav {background:url(../images/midlevelbackground.jpg) no-repeat top right; float: left; height:220px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom:1px #999 dotted; } #midlevel-nav h4 {padding:5px 5px 0px 10px; color:#333; font-size:1.5em; font-weight:bold;} #midlevel-nav h5 {padding:5px 5px 0px 5px; color:#fff; font-size:1.1em;} #midlevel-nav a { color:#655841; text-decoration:none; padding: 0px 0px; } #midlevel-nav a:hover { color:#999;} #midlevel-nav ul {padding:5px 1px 5px 10px; list-style-type:circle;list-style-position: inside; } #midlevel-nav ul li {padding:2px 1px 0px 2px;} /*----Vertical Navigation Styles----- */ #bottomlevel-nav {padding:0px 0px; color:#655841; height:160px; float:left; background:#fff; overflow: hidden; } #bottomlevel-nav h4 {padding:5px 5px 0px 5px; color:#000; font-size:1.5em;} #bottomlevel-nav h5 {padding:5px 5px 0px 8px; color:#000; font-size:1.1em;} #bottomlevel-nav a { text-decoration:none; padding: 0px 0px; font-weight:bold;} #bottomlevel-nav a:hover { text-decoration:underline;} #bottomlevel-nav ul {padding:5px 1px 5px 10px; list-style-type:circle;list-style-position: inside;} #bottomlevel-nav ul li {padding:2px 1px 0px 2px; } #bottomlevel-nav calender-content {padding:5px;} #block-content {font-size:0.85em; padding:5px 5px 5px 10px;} #block-content p {font-size:1.0em;} /*----Vertical Navigation Styles----- */ #vertical-nav .head h4 {padding-left:0;} #vertical-nav a { text-decoration:none; padding: 4px 8px; border-bottom: 1px solid #636275; background:#1a2b3c; display:block; font-weight:bold;} #vertical-nav a:hover { text-decoration:underline;} #vertical-nav a.open, #vertical-nav a.subopen { color:#fff; font-weight:bold;} #vertical-nav ul ul a {padding: 3px 8px 3px 25px; border-bottom: none; background:#333; font-weight:normal; font-size:0.95em;} #vertical-nav ul ul {border-bottom: 1px solid #636275;} /*----Calendar ------- */ #gcalendar-newcontent li {margin-bottom:10px; list-style-type: none;} #gcalendar-newcontent li a.event-title{ font-weight:bold; text-decoration:none; } #gcalendar-newcontent li a.event-title:hover { text-decoration:underline;} #gcalendar-newcontent li span.event-time{ font-size:0.9em; color:#999;} #gcalendar-newcontent li span.event-description{ font-size:0.9em; } /*----Calendar ------- */ #gcalendar-content li {margin-bottom:10px; list-style-type: none;} #gcalendar-content li a.event-title{ font-weight:bold; text-decoration:none; } #gcalendar-content li a.event-title:hover { text-decoration:underline;} #gcalendar-content li span.event-time{ color:#999;} #gcalendar-content li span.event-description { } /*----Topmenu ----- */ #topmenu { background:#679146; position:absolute; padding:0px 5px; left:0px; top:104px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; width: auto;} /*----Footer ----- */ .footer-container {background:#679146; border-top:10px solid #2c3033; position:relative;} .footer-container {background:transparent; border-top:10px solid #679146; position:relative; margin-top:10px;} .footer {width:100%; text-align:center; margin:0 auto; font-size:0.85em; padding: 1px 0px 0px 0px;} .footer li {display:inline;} .footer p {} .footer .lookfly-footer {padding: 10px 0px 0px 0px; position:relative;text-align:center;} .footer .lookfly-footer p{padding-right:3px;} .footer .social {background:#687a46;padding:15px; } /*---- Gallery ---- */ /* general styling for this example */ /* begin gallery styling */ #jgal { list-style: none; width: 200px; } #jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; } #jgal li img { position: absolute; top: 20px; left: 220px; display: none; } #jgal li.active img { display: block; } #jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ } /* --- Sub Page Body Styles --- */ #brandbody {background:url(../images/eco_background.png) no-repeat bottom right; padding:10px 10px; height:100%; width=100%;} #custombody {width:95%;padding:25px 15px 0px; height:100%; width=100%; overflow:hidden; border-left:1px dotted #658C64; float:left;} #customjersey {padding:20px 15px 20px; height:100%; width=100%; overflow:hidden; border-left:1px dotted #658C64;} #customcalc {padding:10px 15px; height:100%; width=70%; overflow:hidden; border:1px dotted #658C64;} .customcalc label {color:#2F519E; padding:2px 5px; float:left; width:300px; text-align:right; } .customcalc fieldset { border: 1px solid #333; padding: 5px; margin: 5px 0px; } #customproductsright {padding:0px 0px 0px 5px; height:100%; width:250px; overflow:hidden; float:right;} #customproductsleft {padding:10px 15px 0px; height:100%; width:60%; overflow:hidden;float:left; border-left:1px dotted #658C64; } .customcalc legend {display:inline; font-weight:bold; } #customjerseys {background:url(../images/customblockbg.png) no-repeat top left; padding:10px 0px 0px; height:100%; width=100%; overflow:hidden; border-left:1px dotted #658C64;} .bodyblock {background:url(../images/custom_background.jpg) repeat-y top left; padding:5px 5px 5px; width:736px; height:370px; margin-bottom:20px; float:left; overflow:none;} .stock {background:url(../images/custom_background_cork.jpg) repeat-y top left;} .bodyblock a {color:#ccc;} .bodyblock a:hover {color:#ccc;} .shortsblock {background:url(../images/custom_background-sand.jpg) repeat-y top left; padding:5px 20px 5px 5px; width:725px; height:280px; margin-bottom:20px; float:left; overflow:none;} .shortsblock a {color:#ccc;} .shortsblock a:hover {color:#ccc;} #shortsimage {margin-right:45px; margin-bottom:5px; margin-top:2px; border:0px solid #658C64; text-shadow: 0.1em 0.1em 0.2em #655841;} .customchooser {padding:5px 0px 4px 30px; width:710px; float:left; background:url(../images/arrowleft.png) no-repeat top right #fff; border:2px solid #ccc; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; margin-bottom:10px; margin-top:10px;} .customchooserkc {padding:5px 5px 4px 10px; width:720px; float:left; background:#fff; border:2px solid #ccc; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; margin-bottom:10px; margin-top:10px;} .customchooser a:hover {text-decoration:none;} #choosestyle {color:#1E7EC8;font-weight:bold; } .productrow1 {padding:5px 0px; overflow: auto; width="100%";} .productrow2 {background:#fff; width:741px; border:0px dotted #666; border-style: dotted; padding:0px 0px; overflow: auto; width="100%";} .productrow3 {padding: 0px 0px 10px; width="100%"; } .productrow3 h2 {color:#fff;} .productrow4 {padding: 0px 0px 10px; overflow: auto; width="100%"; background:#222; float:left; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px;} .productrow4 h2 {color:#fff;} #productdesc {font-size:0.9em;padding:0px 5px 10px 10px; display:inline; float:left; width:231px; border-right:1px dotted #fff; color:#fff;} #producttitle {font-size:2.9em; font-family:Impact; padding:0px 5px 5px 10px; float:left; width:231px; color:#fff; text-shadow: 0.1em 0.1em 0.2em #655841;} #productspecs {font-size:1.5em; font-family:courier; text-align:center;padding:5px 5px 5px 10px; display:inline; float:left; width:430px; color:#fff; text-shadow: 0.2em 0.2em 0.2em #333; vertical-align:middle; } #productspecs2 {font-size:0.8em; font-weight: bold; text-align:center; padding:10px 5px 10px 10px; display:inline; float:left; width:430px; color:#fff; text-shadow: 0.2em 0.2em 0.2em #666; vertical-align:middle; } .productoptiondetails {font-size:0.8em; font-family:courier; text-align:center; padding:5px 5px 5px 5px; display:inline; float:left; width:430px; height:20px; color:#fff; margin-top: 5px;} #productoptions {font-size:1.4em; padding:2px 5px 10px 10px; display:inline; float:left; width:430px; color:#fff; text-align:center;} #productcolours {float:right; padding-right: 30px;} #productfit {font-size:0.9em;padding:0px 5px 10px 10px; display:inline; float:left; width:231px; color:#fff;} .productgallery {padding:0px 10px; overflow: auto; width:auto; float:right;} .productgalleryshorts {padding:0px 10px; overflow: auto; width:350px; float:left;} tr {border:1px dotted #679146; border-style: dotted; } .customgallery {float:right; background:url('../images/products/picturethumbback.png') no-repeat ; height:65px; width:65px; padding: 4px 4px; margin-right:12px;} #productthumb {width:102px; height:96px; border-top:3px solid #666; border-right:3px solid #666;#333;border-left:0px solid #333;} #gallerythumb {width:56px; height:50px; border-top:0px solid #fff; border-right:0px solid #fff; border-bottom:0px solid #fff; border-left:0px solid #fff; opacity:1.0;} #gallerythumb:hover { opacity: 0.8; filter: alpha(opacity=80); } .techtext {padding:5px 0px; font-size:0.8em;} /* --- Union Jack Box Styles --- */ #unionjackbox {font-weight: bold; color:#679146; width:680px; height:30px; padding:5px 10px 5px 50px; float:left; background: url('../images/unionjack.png') no-repeat #fff; border:1px dashed #679146; margin-bottom:10px;} /* --- Kit Creator Page Block Styles --- */ #kitcreatorbox {width:680px; height:400px; padding:10px 10px; margin-left:20px; float:left; background: #679146;} /* --- Blog Page Block Styles --- */ #blog0 {padding:10px 10px 0px; height:190px; width:340px; overflow:hidden; float:left;} #blog1 {border-left:1px dotted #ccc; padding:10px 5px 0px 10px; height:190px; width:340px; overflow:hidden; float:left;} #blog2 {border-top:1px dotted #ccc; padding:10px 10px 10px 10px; height:190px; width:340px; overflow:hidden; float:left;} #blog3 {border-top:1px dotted #ccc; border-left:1px dotted #ccc; padding:10px 5px 10px 10px; height:190px; width:340px; overflow:hidden; float:left;} /* --- Friends Page Block Styles --- */ #friendblock {width:340px; height:200px; padding:10px 10px; float:left;} #friendthumb {padding:10px 10px 0px; overflow:hidden; float:left; vertical-align:middle;} #friendbody {vertical-align:middle;padding:10px 10px 0px; overflow:hidden; } /* --- SWeTE translator styles --- */ .WebLite-language-selector-inline a span { display: none; } /* Product Image Zoom */ #zoom82{position:absolute;left:50px;top:50px;width:280px;height:280px;z-index:1000;visibility:hidden; background-color:transparent;border:none;padding:0;}.listing-type-grid li.item{overflow:visible;} .zoom28{position:relative;}#zoom45{position:absolute;top:6px;left:6px;z-index:1000;} #zoom12{position:absolute;top:0;left:0;background:url('../images/zoom/zoom1.png') no-repeat;width:18px;height:18px;border:none;} #zoom23{position:absolute;top:0;left:18px;background:url('../images/zoom/zoom2.png') repeat-x;width:250px;height:18px;border:none;} #zoom34{position:absolute;top:0;right:0;background:url('../images/zoom/zoom3.png') no-repeat;width:12px;height:18px;border:none;} #zoom65{position:absolute;top:18px;left:0;background:url('../images/zoom/zoom4.png') repeat-y;width:18px;height:250px;border:none;} #zoom18{position:absolute;top:18px;left:18px;background:#fff;width:250px;height:250px;border:none;} #zoom95{position:absolute;top:18px;right:0;background:url('../images/zoom/zoom5.png') repeat-y;width:12px;height:250px;border:none;} #zoom08{position:absolute;bottom:0;left:0;background:url('../images/zoom/zoom6.png') no-repeat;width:18px;height:12px;border:none;} #zoom16{position:absolute;bottom:0;left:18px;background:url('../images/zoom/zoom7.png') repeat-x;width:250px;height:12px;border:none;} #zoom06{position:absolute;bottom:0;right:0;background:url('../images/zoom/zoom8.png') no-repeat;width:12px;height:12px;border:none;} /* --- Sublimation Page Styles --- */ .sublimationdeal {display:none; font-weight:bold; color:#fff; width:300px; } div#custom-gear-mid:after { content:"."; display:block; clear:both; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden; } /* --- Lightbox styles --- */ .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; width: 300px; margin-top: auto; margin-bottom: auto; padding: 8px; border: 8px solid #679146; background-color: #eee; color: #333; z-index:1002; overflow: auto; }