/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ html {height: 100%;} body {height: 100%;} #wrapper { background:#231f20; position: relative; min-height: 100%; width:933px; border-left:#000000 1px solid; border-right:#000000 1px solid; margin:auto;} *html #wrapper { height: 100%;} #container{ position:relative; padding:5px 0px 0px 0px; margin:0px; width:933px; } #header { position:relative; width:100%; height:103px; margin:0px 0px 0px 0px; padding:0px; background:#ffffff;} #contact_area {float:right; width:506px; height:27px; position:absolute; top:0px; right:0px; background:url(../images/contact_area.jpg) no-repeat top right;} *html #contact_area {right:-1px;} #contact_area form {text-align:right; padding:0px 0px 0px 20px; margin:1px 0px 0px 10px;} #contact_area label {color:#ffffff; font-size:1.1em; margin:0px 5px 0px 11px; display:block; float:left;} #contact_area input { width:129px; font-size:1.1em; color:#ffffff; background:#434343; display:block; float:left; border:0px;} #contact_area button {background:none; border:0px; display:block; float:left; margin:-1px 0px 0px 3px; width:55px; height:20px; } *html #contact_area form {padding:0px 0px 0px 11px;} #sport_selection{ width:100%; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; } #sport_selection ul{ margin:0px; padding:0px; } #sport_selection ul li {margin:0px; padding:0px; float:left; display:block; list-style:none; background:none; } #sport_selection ul li a img{ color:#ffffff; font-weight:normal; margin:0px 8px 0px 8px; float:left; display:block; font-size:1em;} #advert {width:468px; height:60px; position:absolute; right:8px; top:34px; } #logo { width:238px; height:103px; margin:0px; padding:0px; } #main { width:100%; margin:0px 0px 0px 0px; background:#ffffff; } #sidebar { width:257px; height:100%; float:left; display:block; margin:0px 0px 0px 7px; padding:0px; background:#ffffff; } *html #sidebar {margin:0px 0px 0px 3px;} #contact_area_sidebar {background:url(../images/contact_area_sidebar.jpg) no-repeat #8cc63f; width:223px; display:block; margin:0px 0px 4px 0px; padding:12px 23px 0px 11px; min-height:198px; height:auto !important; height:198px;} #contact_area_sidebar form {padding:0px; margin:0px; border-collapse: collapse;} #contact_area_sidebar p {font-size:1.2em; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;} label.indent, div.indent {float: left; width: 66px; clear: both; font-size: 12px; line-height: normal; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 0pt;} #search-sport {width:150px; border:1px solid #3f403c;} #search-kit_type {width:150px; border:1px solid #3f403c;} #search-brand {width:150px; border:1px solid #3f403c;} #price {width:67px; border:1px solid #3f403c;} #to {width:67px; border:1px solid #3f403c;} #contact_area_sidebar button {background:none; border:0px; float:right;} #featured_offer {margin:3px 0px 0px 0px;} #advertise_with_us {margin:4px 0px 8px 0px;} #content_main { width:653px; margin:0px 0px 0px 6px; float:left; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:525px; float:left;} #header_img {width:525px; height:135px; margin:0px 0px 7px 0px; position:relative;} #header_img object {position:absolute; top:0px; left:0px;} #header_img2 {width:525px; height:132px; margin:0px 0px 7px 0px; position:relative;} #header_img2 a {position:absolute; top:0px; left:0px;} #hot_deals {display:block; height:28px; top:0px; position: absolute; left:0px; } #new_deals {display:block; height:28px; top:0px; position: absolute; right:0px; } /*top:-28px;*/ #shop_hot_deals {display:block; float:left; height:28px;} #shop_new_deals {display:block; float:right; height:28px;} .paging { float:right; padding:5px; } #deals {background:#e1e1e1; min-height:345px; height:auto !important; height:345px; padding:2px 0px 0px 0px;} *+html #deals {padding:4px 0px 0px 0px;} *html #deals {padding:4px 0px 0px 0px;} #new_dealss {display:none; background:#404040; min-height:345px; height:auto !important; height:345px; padding:2px 0px 0px 0px;} *+html #new_dealss {padding:4px 0px 0px 0px;} *html #new_dealss {padding:4px 0px 0px 0px;} #tabs { position:relative; display:block; margin:0px 0px 0px 0px; height:28px; width:100%: padding:0px;} .product {padding:9px 0px 9px 0px; margin:2px auto 5px auto; width:515px; min-height:90px; height:auto !important; height:90px; display:block; background:#ffffff; border:1px solid #ffffff;} *+html .product {padding-bottom:0px;} .product_img {display:block; float:left; width:83px;} .product_text {display:block; float:left; padding:0px 25px 0px 11px; width:184px; min-height:90px; height:auto !important; height:90px; border-right:1px solid #e3e3e3;} .product_text h3{margin-bottom:0px;} .product_text p {margin:5px 0px 0px 0px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;} .product_rating { text-align:center; display:block; float:left; width:101px; min-height:90px; height:auto !important; height:90px; border-right:1px solid #e3e3e3;} .product_rating form { text-align:center; margin:3px 0px 3px 16px;} *html .product_rating form { text-align:center; margin:3px 0px 3px 15px;} .product_rating button {background:none; border:0px; color:#000000; margin:2px 10px 0px 0px;} .product_price {display:block; float:left; width:100px; min-height:86px; height:auto !important; height:86px; padding:4px 0px 0px 0px; text-align:center;} .product_price p {font-family:Arial, Helvetica, sans-serif;} .yc_sports {margin-top:17px;} *+html .yc_sports {margin-top:15px;} *html .yc_sports {margin-top:15px;} .grey {color:#888888;} .red {color:#d30000;} #sidebar_right { width:120px; height:100%; float:right; margin:0px 0px 0px 0px; padding:0px;} .advert_right {margin:0px 0px 5px 0px;} #brands {width:100%; margin:5px 0px 0px 0px; background-color: #231F20;} #bottom {width:100%; background:url(../images/bottom_menu_bac.jpg) repeat-x #e1e1e1; height:28px;} #bottom_menu {display:block; float:left;} #bottom_menu a {display:block; float:left; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; border-right:1px solid #8cc63f; padding:6px 11px 8px 13px;} #bottom_menu a:hover {} #bottom_link {display:block; float:right; margin:0px 26px 0px 0px;} #bottom_link p img {vertical-align:middle;} #bottom_link p {margin:5px 0px 0px 0px; font-size:1.0em;} #bottom_link p a {color:#000000; } #footer { width:933px; position:relative; background:#231f20; height:22px; margin:auto; padding:0px; border-left:#000000 1px solid; border-right:#000000 1px solid; } #footer p { font-size:0.7em; color:#FFFFFF; } .clear { clear:both; } #tooltip { border:1px solid #ffffff; width:300px; padding:5px 10px 5px 10px; min-height:20px; height:auto !important; height:20px; position:absolute; top:0px; left:0px; background:#242424; font-size:11px; line-height:normal !important; color:#ffffff; z-index:200;} a.abbr {text-decoration:none; border:0px;} #kapatcha_div label.indent {width:240px;} /*------------------------------------ Kit -----------------------------------------------------------*/ #breadcrumb {width:100%; height:21px; position:relative; background:#444444; display:block; color:#ffffff; margin:0px 0px 0px 0px; } #breadcrumb p { padding:0px 0px 0px 6px; margin:1px 0px 0px 0px;} #breadcrumb a {color:#ffffff; font-size:1em;} #breadcrumb a:hover { color:#ffffff; text-decoration:underline;} .underline {text-decoration:underline;} #products_area {width:521px; float:right; display:block; min-height:100px; height:auto !important; height:100px;} #product_text {width:260px; display:block; float:left;} #product_text p {font-size:1.1em;} #product_area {width:253px; display:block; float:right;} #product_area img {margin:40px auto 0px auto;} #contact_area_tabs {margin:10px 0px 0px 0px;} #contact_area_enquire {display:block; width:257px; padding:5px 0px 0px 0px; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; min-height:178px; height:auto !important; height:178px;} #contact_area_enquire form {margin:0px auto 0px auto; width:238px;} #contact_area_enquire input {border:1px solid #414141; width:170px;} #contact_area_enquire textarea {border:1px solid #414141; width:234px; height:50px;} #contact_area_enquire label {width:62px; display:block; float:left;} *html #contact_area_enquire label {width:60px;} #contact_area_enquire button {border:0px; background:none; width:57px; height:20px; display:block; float:right;} #contact_area_freind {display:none; width:257px; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; min-height:171px; height:auto !important; height:171px;} #contact_area_freind form {margin:0px auto 0px auto; width:238px;} #contact_area_freind input {border:1px solid #414141; width:170px;} #contact_area_freind textarea {border:1px solid #414141; width:234px; height:50px;} #contact_area_freind label {width:62px; display:block; float:left;} *html #contact_area_freind label {width:60px; display:block; float:left;} #contact_area_freind button {border:0px; background:none; width:57px; height:20px; display:block; float:right;} .hidden {display:none !important;} #side_products { padding:2px 0px 0px 0px;} .side_product {width:253px; min-height:84px; height:auto !important; height:84px; display:block; border:1px solid #d7d7d7; margin:2px 0px 4px 0px;} .side_shirt {height:84px; width:84px; display:block; float:left;} .side_text {width:129px; height:84px; display:block; float:right; text-align:center;} /*------------------------------------ Membership -----------------------------------------------------------*/ #member_right {float:right; display:block; min-height:20px; height:auto !important; height:20px; margin:20px 0px 0px 0px;;} #view_enquireies {background:#443e3f; width:245px; min-height:85px; height:auto !important; height:85px;} #view_enquireies p {color:#ffffff; margin:10px 0px 10px 10px;} #view_enquireies a {margin:10px 10px 5px 0px; display:block; float:right;} .member_nav {margin:0px 0px 10px 0px;} .member_nav p {margin:0px 0px 1px 0px;} #your_deals { width:580px; display:block; float:left; padding:21px 0px 0px 20px;} .selection label {margin:1px 5px 0px 0px; padding:0px; display:block; float:left;} .selection select {width:170px; display:block; float:left; margin:0px 2px 0px 4px;} .selection button {background:none; border:0px; display:block; float:left; margin:-1px 0px 0px 0px; width:50px; } #your_deal { width:580px; display:block; float:left; padding:21px 0px 0px 20px;} #your_deal label {margin:0px; padding:0px;} #your_deal h1 {background:url(/images/yourdealsh1.jpg) no-repeat #76B425; color:#ffffff; font-size:1.6em; padding:3px 0px 5px 6px; margin:0px 0px 10px 0px;} #your_deal button {background:none !important; border:0px; display:inline; height:20px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} #your_deal label {display:block; float:left; width:100px;} #dealstable table {font-family: Verdana, Arial, Helvetica, sans-serif;} :root #dealstable table {margin:10px 0px 0px 0px;} #dealstable td { color:#000000; font-size:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; } #dealstable th { text-align:center; padding:0px 0px 4px 0px;} .deal_th {width:210px; padding:0px 0px 0px 10px; text-align:left !important;} .deal { background:#77b425; width:210px; padding:0px 0px 0px 10px; text-align:left; background:#77b425;} .added {width:60px; text-align:center; background:#77b425;} .expiry {width:60px; text-align:center; background:#77b425;} .enquiries {width:51px; text-align:center; background:#77b425;} .rating {width:43px; text-align:center; background:#77b425;} .edit {width:59px; text-align:center; background:#77b425;} .veiw {width:59px; text-align:center; background:#77b425;} .traffic_light { background:#ffffff; background:#77b425;} .deal_alt { background:#77b425; width:210px; padding:0px 0px 0px 10px; text-align:left; background:#ddecc8;} .added_alt {width:60px; text-align:center; background:#ddecc8;} .expiry_alt {width:60px; text-align:center; background:#ddecc8;} .enquiries_alt {width:51px; text-align:center; background:#ddecc8;} .rating_alt {width:43px; text-align:center; background:#ddecc8;} .edit_alt {width:59px; text-align:center; background:#ddecc8;} .veiw_alt {width:59px; text-align:center; background:#ddecc8;} .traffic_light_alt { background:#ffffff; } .deal_expired { background:#77b425; width:210px; padding:0px 0px 0px 10px; text-align:left; background:#d3d2d2;} .added_expired {width:60px; text-align:center; background:#d3d2d2;} .expiry_expired {width:60px; text-align:center; background:#d3d2d2;} .enquiries_expired {width:51px; text-align:center; background:#d3d2d2;} .rating_expired {width:43px; text-align:center; background:#d3d2d2;} .edit_expired {width:59px; text-align:center; background:#d3d2d2;} .veiw_expired {width:59px; text-align:center; background:#d3d2d2;} .traffic_light_expired { background:#ffffff; } .enq { background:#77b425; text-align:center; background:#77b425;} .enq_alt { background:#77b425; text-align:center; background:#ddecc8;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:100%; height:30px; background:url(../images/nav.jpg) repeat-x; display:block; border-top:3px solid #231F20; margin:0px 0px 7px 0px; padding:0px 0px 0px 0px; } #nav a { margin:0px 0px 1px 0px; padding:7px 17px 10px 14px; color:#ffffff; display:block; font-weight:normal; font-size:1.1em; float:left;} #nav ul {margin:0px; padding:0px;} #nav ul li {margin:0px; padding:0px; position:relative; z-index:100; list-style:none; float:left; display:block; background:none; } #nav ul li a { margin:0px 0px 1px 0px; color:#ffffff; font-weight:normal; padding:7px 17px 9px 14px; display:block; font-size:1em;} #nav ul li ul {width:150px; position:absolute; top:30px; left:0px; display:none; padding:0px 0px 0px 0px; z-index:200;} #nav ul li ul li { font-size:1.4em !important; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:none; list-style-image:none !important; } #nav ul li ul li a { font-size:0.8em; background:#414141; width:100%; margin:0px !important; border:0px; padding:5px 10px 5px 15px; border-bottom:1px solid #a1a1a2; min-height:16px; height:auto !important; height:16px; float:none; } #nav ul li:hover ul { display:block; } #nav a.last{border-right:none;} #nav ul ul:hover { display:block; } #nav ul li a:hover {background:url(/images/nav_hover.jpg) no-repeat top; text-decoration:none;} #nav ul li a.active {background:url(/images/nav_hover.jpg) no-repeat top; text-decoration:none;} #nav ul li ul li a:hover {background:#E1E1E1; color:#000000;} #nav ul li ul li a.active {background:#E1E1E1; color:#000000;} #nav img {float:left; } /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:#8CC63E; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.6em;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:3.0em; color:#8CC63E; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#000000; font-size:2.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { font-size:1.4em; color:#000000; font-family:Arial, Helvetica, sans serif; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#8CC63E; font-size:1.3em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#000000; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#8CC63E; font-size:1.1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul { } ul li { list-style:disc; font-size:1.2em;} ol {} ol li {list-style:decimal; font-size:1.2em;} address {margin:5px; font-style:italic; font-size:1.2em;} a { color:#6C9B33; text-decoration:none; font-size:1.2em; } a:hover { color:#6C9B33; text-decoration:underline; } p { font-size:1.2em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px;} /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */ .delete_button { background:#FFFFFF none repeat scroll 0 0; border:1px solid #CCCCCC; } .delete_button a { background:transparent url(/images/sd-platform/cross.gif) no-repeat scroll left center; color:#333333; display:block; font-size:11px; font-weight:bold; margin:0; padding:5px 5px 5px 20px; } .view_button { background:#FFFFFF none repeat scroll 0 0; border:1px solid #CCCCCC; } .view_button a { background:transparent url(/images/sd-platform/icon_view.gif) no-repeat scroll left center; color:#333333; display:block; font-size:11px; font-weight:bold; margin:0; padding:5px 5px 5px 20px; } #contact_area_sidebar a, #contact_area_sidebar a:hover { font-weight:bold; color:#FFFFFF; } #advanced_search {background:url(../images/contact_area_sidebar.jpg) no-repeat #8cc63f; display:block; margin:0px 0px 4px 0px; padding:12px 23px 0px 11px; min-height:135px; height:auto !important; height:198px;} #advanced_search form {padding:0px; margin:0px; border-collapse: collapse;} #advanced_search p {font-size:1.2em; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;} label.indent, div.indent {float: left; width: 66px; clear: both; font-size: 12px; line-height: normal; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 0pt;} #advForm-sport {width:150px; border:1px solid #3f403c;} #advForm-type {width:150px; border:1px solid #3f403c;} #advForm-brand {width:150px; border:1px solid #3f403c;} #advForm-price_from {width:67px; border:1px solid #3f403c;} #advForm-price_to {width:67px; border:1px solid #3f403c;} #advanced_search button {background:none; border:0px; float:right;} input.keyword { border:1px solid #C1C9D0; width:13em; }