/* ############### */ /* TEMPLATE STYLES */ /* ############### */ /* Styles common to all standard pages */ /* */ body { color:#ffffff; background:#B86C1E url(images/body_bg.jpg) top repeat-x; font:12px/1.5 Helvetica, Verdana, Arial, sans-serif; } .clear {clear:both;} #choose_sport { width:170px; } #choose_product { width:145px; } #content ul#colour-chart {list-style:none;margin:0 0 10px;overflow:hidden;padding:0;} #content ul#colour-chart li {border:1px solid #000;display:inline;float:left;height:27px;margin:1px;padding:0;width:27px;} h1, h2, h3, h4, h5, h6{font-weight:normal;} h1 {font-size:30px;} h2 {font-size:26px;} h3 {font-size:24px;} h4 {font-size:22px;} h5 {font-size:20px;} h6 {font-size:14px;} h2.inspire-me { font-size:30px; } .how-to-order dt, .the-concept dt {font-size:20px;font-weight:bold;padding:0 0 3px;border-bottom:1px solid #4e4e4e;} .how-to-order dd, .the-concept dd {margin:0 0 15px;padding:10px 0 0;} #update-area {width:940px;height:auto;margin:0 0 10px;} #update-area ul {width:940px;height:356px;position:relative;} #update-area li {width:940px;height:356px;margin:0;padding:0;list-style:none;position:absolute;top:left;} /* Popup */ #popup-container { filter: alpha(opacity=70); background:#5F5D5D; background: rgba(95,93,93,0.7); top:0; left:0; position:absolute; } a { color:#009AD9; text-decoration:none; } #popup-inner { width:876px; padding:25px 15px; background:#2D2D2D url(images/popup-inner-bg.jpg) top no-repeat; position:relative; margin-right:auto; margin-left:auto; color:#fff; -moz-box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; position:relative; } #popup-close { position:absolute; top:-10px; left:-10px; z-index:1001; } #popup-header { height:44px; border-bottom:1px solid #656464; font-size:12px; margin:0 0 20px; } #popup-header a { color:#009AD9; font-weight:bold; } #popup-header a:hover { color:#A8A8A8; } #popup-inner h2 { width:272px; height:28px; background:url(images/anatomy_of_a_garment_h2.jpg) no-repeat; text-indent:-90000px; } #anatomy-links { float:right; } #anatomy-links li { margin:0; padding:0 5px; list-style:none; float:left; } #anatomy-links a { text-decoration:none; display:block; } #kit-anatomy { } #kit-anatomy li { width:219px; margin:0; pading:0; list-style:none; float:left; } #kit-anatomy li h3 { margin:0 0 5px; } #popup-body-colour h3 { color:#DE1A49; } #popup-trim-1 h3 { color:#647CE1; } #popup-trim-2 h3 { color:#E4E638; } #popup-all-together h3 { } #skip_nav { left: -10000px; position: absolute; top: -10000px; } .container { margin: 0 auto; width: 1033px; } #header { background:#646464 url(images/header_bg.jpg) top repeat-x; height:112px !important; border-bottom:1px solid #3F3F3F; margin:0 0 15px; position:relative; } .home #header { height:112px !important; border:0; margin:0; } #logo { margin:15px 0 0 24px; display:inline; float:left; } #navigation { float:right; font-size:12px; margin:6px 0 0; padding-right: 160px; } #navigation ul { list-style:none; margin:0; padding:0; float:left; } #navigation li { margin:0; } #navigation .nav-1 {width:141px;} #navigation .nav-2 {width:87px;} #navigation .nav-3 {width:109px;} #navigation .nav-4 {width:129px;} #navigation .nav-5 {width:104px;} #navigation a { font-weight:bold; } #navigation a:hover { text-decoration:underline; } #navigation a.menuactive { color:#fff; } #navigation .title { color:#999999; font-size:10px; text-transform:uppercase; } #view-enquiry { position:absolute; margin:10px 42px 7px 0px; clear:both; bottom:0px; right:0px; padding-bottom:15px; } #facebook { position: absolute; top: 10px; right: 19px; } #slider-container { width:939px; padding:0 11px 0 11px; height:500px; background:url(images/slider-container-bg.gif) 0 26px repeat-x; margin:0 auto; } #left { width:29px; padding:192px 0 0; float:left; } #slides { width:881px; height:500px; overflow:hidden; float:left; } #slider { width:900000px; overflow:hidden; } .slide { width:881px; height:500px; float:left; } #right { width:29px; padding:192px 0 0; float:left; } #main { width:960px; overflow: hidden; } #sidebar { width:210px; float:left; } #sidebar h2 { margin-left:15px; font-size:26px; } #sidebar ul { font-size:12px; list-style:none; margin:0 0 15px; padding:0; width:195px; } #sidebar ul ul { width:auto; padding:0 15px; } #sidebar li { margin:0; } #sidebar a { font-weight:bold; padding:1px 15px; display:block; border-bottom:1px solid #444444; } #sidebar ul ul a { } #sidebar a.menuactive { color:#fff; } #sidebar-box { width:195px; height:117px; background:url(images/call_to_action_bg.gif) no-repeat; } #content { width:729px; padding:40px 0 10px 20px; border-left:1px solid #444444; overflow:hidden; float:left; } .home #content { text-align:center; } .home h1 { height:55px; margin:0 0 15px; padding:0; font-size:60px; } .home h2 { height:31px; margin:0 0 15px; padding:0; color:#00AAEF; font-size:34px; } #articles { width:916px; background:url(/uploads/images/articles_bg.gif) 0 59px repeat-x; overflow:hidden; margin:0 auto; } #articles h3 { color:#009AD9; font-size:22px; font-weight:normal; } #mainblock{ width:477px; padding:10px; float:left; position:relative; } #rightblock{ width:437px; padding:0; float:left; padding-top: 10px; padding-left: 18px; } #gallery .menuwrapper { float:left; clear: both; } #gallery .menuwrapper2 { float:left; clear: both; margin-bottom: 20px; } #gallery ul.primary-nav { float: left; list-style: none; margin: 0; padding: 20px; } #gallery ul.primary-nav2 { float: left; list-style: none; margin: 0; padding: 20px 20px 0px 0px; } #gallery ul.primary-nav li { margin: 2px; padding: 5px; float: left; position: relative; /* Set the absolute positioning base coordinate */ width: 131px; height: 141px; } #gallery ul.primary-nav2 li { margin: 0px 8px 8px 0px; padding: 5px; float: left; position: relative; width: 95px; height: 95px; border: 1px solid #CCCCCC; text-align: center; } #gallery ul.primary-nav li p { margin: 2px; padding: 5px; position: absolute; width: 170px; background-color:#F3F3F3; color:#666666; bottom:0px; left:-25px; visibility: hidden; } #gallery ul.primary-nav2 li p { margin: 2px; padding: 5px; position: absolute; width: 170px; background-color:#F3F3F3; color:#666666; bottom:0px; left:-25px; visibility: hidden; } #gallery ul.primary-nav li img { width: 131px; height: 141px /* Set the small thumbnail size */ -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ padding: 0px; position: absolute; left: 0; top: 0; } #gallery ul.primary-nav2 li img { max-width: 95px; max-height: 95px; /* Set the small thumbnail size */ -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ padding: 5px; position: absolute; left: 0; top: 0; } #gallery ul.primary-nav li img.hover, #gallery ul.primary-nav2 li img.hover { background:url(images/thumb_bg.png) no-repeat center center; /* Image used as background on hover effect border: none; /* Get rid of border on hover */ } .boxcolor { color:#000000; } #imagebanner{ background-color:#000000; position:absolute; left:10px; bottom:0px; width:483px; height:150px; opacity:0.7; filter:alpha(opacity=70); margin-bottom:10px; } .article { width:438px; padding:0 10px; background:url(/uploads/images/article_bg.gif) 457px 60px no-repeat; text-align:center; float:left; } .last { background:none; } .tabs {border-bottom:1px solid #5D5D5D;height:25px;padding:0 0 0 15px;margin:0 0 10px;list-style:none;} .tabs li {margin:0;float:left;font-size:11px;} .tabs a {display:block;padding:3px 5px;position:relative;top:1px;text-decoration:none;} .tabs a.selected {border:1px solid #5D5D5D;border-bottom:1px solid #545454;} .tabs a:focus {outline:0;} #concept-container {overflow:hidden;clear:both;} .faqs dl {} .faqs dt { color:#009AD9; font-size:16px;font-weight:bold;margin:0 0 2px;padding:0 0 2px;border-bottom:1px solid #4e4e4e;} .faqs dd {width:729px;margin:0 0 10px;padding:0;} /* Retailers Forms*/ .retailer-form { padding:0; margin:0 0 20px; } .retailers .last { border:0; } .retailers #content form {margin:0 0 15px;} .retailers #content form div {padding:3px 0;clear:left;overflow:hidden;} .retailers #content form label {width:150px;padding:1px 10px 0 0;float:left;} .retailers #content form input {width:170px;} .retailers #content form textarea {width:170px;height:100px;} .retailers #content form input[type="submit"] {width:auto;} #validate_fields {margin:2px 0;} #validate_fields ol {list-style:none;margin:0;padding:0;} #validate_fields li {margin:0 0 0 160px;} #validate_fields li#validation1, #validate_fields li#validation2 {margin:0;} #validate_fields li#validation1 label, #validate_fields li#validation2 label {float:none;} #validate_fields li#validation1 input, #validate_fields li#validation2 input {display:block;margin:0 0 0 160px;} #captchacode1, #captchacode2 {margin:0 5px 0 0;} #validate_fields #validation1 label, #validate_fields #validation2 label {width:auto;} #validate1, #validate2 {display:block;} .anatomy-of-garment { clear:both; padding-left: 27px; } .anatomy-of-garment a { } ol#create-your-own-options { } ol#create-your-own-options li { margin:0; padding:0; list-style:none; position:relative; float:left; } ol#create-your-own-options li.title-li {width:150px;} ol#create-your-own-options li.sport-li {width:230px;} ol#create-your-own-options li.products-li {width:230px;} ol#create-your-own-options li.last {width:340px;} ol#create-your-own-options li label { width:80px; line-height:20px; padding:0 5px 0 0; text-align:right; float:left; } ol#create-your-own-options .sport-li label { width:55px; } ol#create-your-own-options li.last label {width:110px;} #colours ul {margin:0;height:29px;overflow:hidden;float:left;} #colours li { height:29px; margin:0; list-style:none; display:block; float:left; } #colours li a { height:20px; width:60px; padding:5px 5px 4px; display:block; } #colours li a.selected { background:url(/uploads/images/colour_bg.gif) top left no-repeat; } #create-your-own { width:920px; overflow:hidden; padding:20px; color:#060C12; font-size:11px; background:#B8B8B8 url(images/create_your_own_bg.jpg) no-repeat; } #create-your-own fieldset { background:url(images/create_your_own_fieldset_bg.gif) top repeat-x; padding:10px 0 5px 0; } #create-your-own ol li { padding:0; } #create-your-own li img { margin:0 10px 0 0; } #validation label { padding:0 0 5px; } #submit-holder { margin:10px 0 0; float:none; clear:both; } #create-your-own h2 { color:#000000; font-size:17px; margin:0 0 10px; } #create-your-own h3 { color:#000000; font-size:13px; margin:0 0 10px; } #create-your-own h4 { color:#000000; font-size:13px; font-weight:bold; margin:0 0 5px; } #create-your-own h4 small { font-size:9px; } #create-your-own p { margin-bottom:5px; } #create-your-own ul { margin:0; padding:0; } #select-your-garments { overflow:hidden; } #select-your-garments div { overflow:hidden; margin:0 0 10px; } #select-your-garments div div { width:150px; height:230px; margin:0; float:left; } #select-your-garments ul { list-style:none; margin:0; padding:0; } #select-your-garments li { width:140px; margin:0; } #select-your-garments label { display:inline; } #interested-in ul { list-style:none; overflow:hidden; margin:0 0 10px; } #interested-in li { width:50%; margin:0; padding:0; float:left; } #interested-in li label { display:inline; } #body-colour { width:306px; overflow:hidden; float:left; } #body-colour ul { padding-right:70px; overflow:hidden; } #body-colour ul li { margin:2px; padding:0; list-style:none; float:left; } #body-colour ul li a { border:1px solid #B8B8B8; width:23px; height:23px; display:block; text-indent:-9999px; } #body-colour ul li a:focus { outline:0; } #body-colour ul li input { display:none; } #body-colour p { margin:3px 0; clear:both; } #trim-one-colour { width:306px; overflow:hidden; float:left; } #trim-one-colour ul { padding-right:70px; overflow:hidden; } #trim-one-colour ul li { margin:2px; paddin:0; list-style:none; display:inline; float:left; } #trim-one-colour ul li a { border:1px solid #B8B8B8; width:23px; height:23px; display:block; text-indent:-9999px; } #trim-one-colour ul li a:focus { outline:0; } #trim-one-colour ul li input { display:none; } #trim-one-colour p { margin:3px 0; clear:both; } #trim-two-colour { width:306px; float:left; } #trim-two-colour ul { padding-right:70px; overflow:hidden; } #trim-two-colour ul li { margin:2px; padding:0; list-style:none; display:inline; float:left; } #trim-two-colour ul li a { border:1px solid #B8B8B8; width:23px; height:23px; display:block; text-indent:-9999px; } #trim-two-colour ul li a:focus { outline:0; } #trim-two-colour ul li input { display:none; } #trim-two-colour p { margin:3px 0; clear:both; } #send-us-your-details { overflow:hidden; } #send-us-your-details div { width:306px; float:left; } #send-us-your-details ul { } #send-us-your-details li { margin:0; padding:0 0 9px; list-style:none; display:block; } #send-us-your-details input { width:270px; height:16px; padding:3px 3px 0; border:0; margin:0; border-top:1px solid #737373; border-right:1px solid #C3C3C3; border-bottom:1px solid #DDDDDD; border-left:1px solid #C3C3C3; } #send-us-your-details textarea { width:270px; height:104px; padding:3px; margin:0; border-top:1px solid #737373; border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999; margin-top: -539px; position: absolute; margin-left: 148px; } p#further_contact { margin:10px 0; } #further_contact input { width:auto; height:auto; margin:5px 5px 10px 0; border:0; float:left; } #send-us-your-details input#submit { width:auto; height:auto; padding:0; border:0; } .fabrics-sizing dl {overflow:hidden;} .fabrics-sizing dt, .fabrics-sizing dd {border-bottom:1px solid #4e4e4e;padding:0 0 3px;} .fabrics-sizing dt {width:195px;margin:0;float:left;font-weight:bold;} .fabrics-sizing dd {width:520px;margin:0;float:left;} .fabrics-sizing #content ul {list-style:none;margin:0 0 15px;overflow:hidden;} .fabrics-sizing #content li {width:115px;margin:0;float:left;} .NewsSummary { } .NewsClear { clear:both; } .NewsSummaryLink { font-size:16px; margin:0; } .NewsSummaryPostdate { font-size:10px; margin:0 0 5px; padding:0; } .NewsSummaryContent { margin:0 0 10px; } .NewsSummaryContent p { margin:0 0 10px; } .NewsImage { float:left; height:70px; margin: 0 0 10px 0; overflow: hidden; } .NewsImage img { width:80px; padding: 0 12px 10px 0; } #secure-downloads {} #secure-downloads div {margin:2px 0;padding:2px 0;clear:left;} #secure-downloads label {width:80px;padding:1px 10px 1px 0;float:left;} #secure-downloads input {border:1px solid #656464;} #topblock { position:relative; width:100%; margin:5px; margin-left:12px; } #columns { width:878px; margin:0px auto; } #col1{ float:left; margin-right:32px; } #col2{ float:left; margin:3px; } #col3{ float:left; width:257px; height:242px; margin-left:3px; background: #FFF url('/css/images/plus-range.png') no-repeat; } .downloads #main p { overflow:hidden; } .link { border-bottom:1px solid #444; padding:10px 0; } .link .image { float:left; margin:0 10px 10px 0; width:200px; } .link p { margin:0 0 5px; } #footer { font-size:11px; color:#000000; padding:17px 24px 0; overflow:hidden; } #footer p { margin-right:20px; padding:0; } #footer .menuwrapper { float:right; } #footer .primary-nav { margin-right:50px; padding:0; } #footer .primary-nav li { margin:0; padding:0 0 0 13px; list-style:none; float:left; } #footer .primary-nav a { color:#000000; text-decoration:none; } #footer .primary-nav a:hover { color:#000000; } #copyright-info { float:right; margin-top: 15px; } #copyright-info a { color:#000000; text-decoration:none; } #copyright-info a:hover { color:#000000; } .fb_edge_comment_widget { margin-left: -343px; } #nested { color:#FFFFFF !IMPORTANT; } #nested form label { color:#FFFFFF !IMPORTANT; } #nested h1 { color:#FFFFFF !IMPORTANT; } #nested p { color:#FFFFFF !IMPORTANT; } /* Copyright (c) Studio 2 Online Ltd. */