/* CSS Document */

* {
padding:0;
margin:0;
}

body {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
/*background-color:#bc0505;*/
background-color:#037A2D;
}

#container {
width:947px;
margin:auto;
background-color:#FFFFFF;
border-left:2px solid #000000;
border-right:2px solid #000000;

}

/*Partner Intro ---------------------------------------------------------------*/

#partner-intro-container {
background-image:url(/images/partner-intro-image.jpg);
background-position:top;
background-repeat:no-repeat;
width:894px;
height:572px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
background-color:#000000;
border:2px solid #000000;
}

#intro-logo {
width:182px;
height:182px;
background-image:url(/images/intro-partner-logo.jpg);
background-repeat:no-repeat;
margin-top:5px;
margin-left:10px;
}

#intro-bottom-text {
height:131px;
width:100%;
margin-top:270px;
color:#FFFFFF;
}

#intro-bottom-left {
float:left;
width:689px;

}

#intro-bottom-right {
float:left;

font-size:220%;
margin-top:20px;
font-weight:bold;
}

#intro-bottom-right a {
display:block;
width:150px;
color:#FFFFFF;
text-decoration:none;
}

#intro-bottom-right a:hover {
display:block;
width:150px;
color:#CC3300;
text-decoration:none;
}


.arrows   {
color:#CC3300;
font-size:160%;
font-weight:bold;
letter-spacing:-7px;
}


#intro-bottom-left h2 {
font-size:250%;
color:#FFFFFF;
margin-left:50px;
margin-bottom:8px;
}

#intro-bottom-left p {
font-size:120%;
color:#CCCCCC;
width:400px;
margin-left:50px;
font-weight:bold;
}

/* HEADER --------------------------------------------------------------------*/

#header {
width:100%;
height:182px;
border-top:solid 4px #000000;
border-bottom:solid 4px #000000;
}

#logo {
width:160px;
float:left;
height:182px;
background-repeat:no-repeat;
}

#right-header {
background-image:url(/images/header-angle.jpg);
background-repeat:no-repeat;
background-position:left;
height:182px;
float:left;
width:787px;
}

#header-top {
height:30px;
background-color:#000000;
width:758px;
margin-left:29px;
}

#search-box {
float:left;
margin-top:0px;
}

.search-box {
border:1px solid #999999;
background-color:#66CC00; 
color:#FFFFFF;
font-size:85%;
padding:2px;
margin-top:0px;
}

#go-button {
background-image:url(/images/go-button.jpg);
background-repeat:no-repeat;
width:29px;
height:23px;

float:left;
margin-left:5px;
margin-top:0px;
}

#go-button a {
color:#FFFFFF;
padding-top:3px;
padding-left:7px;
display:block;
height:23px;
text-decoration:none;
}

#go-button a:hover {
color:#FF0000;
padding-top:3px;
padding-left:7px;
text-decoration:none;

}

#checkout-button {
background-image:url(/images/checkout-button.jpg);
background-repeat:no-repeat;
width:63px;
height:23px;

float:left;
margin-left:5px;
margin-top:0px;
}

#checkout-button a {
color:#FFFFFF;
padding-top:3px;
padding-left:5px;
display:block;
height:23px;
text-decoration:none;
}

#checkout-button a:hover {
color:#FF0000;
padding-top:3px;
padding-left:5px;
text-decoration:none;

}

#ssl-logo {
float:right;
width:273px;
background-image:url(/images/ssl-logo.jpg);
background-position:right;
background-repeat:no-repeat;
height:29px;
margin-top:0px;
margin-right:5px;

}

#ssl-logo p {
color:#FFFFFF;
font-size:90%;
font-weight:bold;
padding-top:5px;
padding-left:30px;
}


#header-middle {
float:left;
height:124px;
width:758px;
margin-left:29px;
background-color:#FFFFFF;
}

#partner-banner {
width:511px;
height:104px;
background-color:#FFFFFF;
float:left;
padding-top:20px;
margin:auto;
}

#clubshop-logo {
width:247px;
height:124px;
background-image:url(/images/clubshop-logo.jpg);
float:left;

}

#header-menu {
clear:both;
background-color:#000000;
height:28px;
width:758px;
margin-left:29px;
}

#header-menu ul{
padding-left:50px;


}

#header-menu h2 {
font-size:90%;
}


#header-menu li {
background-image:url(/images/ul-seperator.jpg);
background-repeat:no-repeat;
list-style:none;
float:left;
}

#header-menu li h2 a {
display:block;
padding-left:9px;
padding-right:9px;
padding-top:9px;
padding-bottom:9px;
color:#FFFFFF;
text-decoration:none;
}

#header-menu li h2 a:hover {
background-color:#666666;
padding-top:9px;
padding-bottom:9px;




}

#search {
background-image:url(/images/gradiant2.png);
background-repeat:no-repeat;
background-color:#CC3300;
width:150px;
height:250px;
}

/* END HEADER --------------------------------------------------------------------*/

/* CONTENT --------------------------------------------------------------------*/

#content {
width:937px;
padding:5px;

}

#left {
float:left;
width:180px;
}

#side-menu {

}

#side-menu ul {

}

#side-menu li {
background-color:#66CC00;
margin-bottom:2px;
border:1px solid #666666;
list-style:none;

}

#side-menu h2 {
font-size:90%;

}


#side-menu li h2 a {
padding-top:3px;
padding-left:5px;
height:19px;
display:block;
background-color:#000000;
margin-left:5px;
color:#FFFFFF;
text-decoration:none;
}

#side-menu li h2 a:hover {
background-color:#66CC00;
padding-top:3px;
padding-left:5px;
background-color:#66CC00;
}

#main-search {
background-image:url(/images/search-bg.png);
background-repeat:repeat;
height:234px;
background-color:#66CC00;
/*background-color:#bc0505;*/
width:100%;
margin-top:4px;
}

#main-search-content {
margin-left:auto;
margin-right:auto;
padding-left:24px;
padding-top:13px;
background-image:url(/images/search-circle.gif);
background-repeat:no-repeat;
background-position:top left;
}

#main-search-content h2 {
padding-top:10px;
padding-left:40px;
color:#FFFFFF;
font-size:130%;
}

#main-search-content h3 {
padding-top:14px;
padding-left:0px;
color:#FFFFFF;
font-size:100%;
}

#search-button {
background-image:url(/images/checkout-button.jpg);
background-repeat:no-repeat;
width:63px;
height:23px;
margin-top:5px;
}

#search-button a {
color:#FFFFFF;
padding-top:4px;
padding-left:10px;
display:block;
height:23px;
text-decoration:none;
}

#search-button a:hover {
color:#FF0000;
padding-top:4px;
padding-left:10px;
text-decoration:none;

}


.dropdown {
font-size:100%;
width:131px;
border:#999999 1px solid;
background-color:#66CC00;
color:#FFFFFF;
margin-top:3px;
}

.dropdown2 {
font-size:100%;
border:#999999 1px solid;
background-color:#66CC00;
color:#FFFFFF;
margin-top:3px;
}


#free-delivery {
background-image:url(/images/free-delivery.jpg);
background-repeat:no-repeat;
width:178px;
height:96px;
border:1px solid #000000;
margin-top:3px;
}


#middle {
float:left;
marging-right:5px;
margin-left:5px;
width:538px;
}

#middle h3 {
font-size:130%;
color:#037A2D;
padding-bottom:4px;
border-bottom:1px solid #000;
width:auto;
margin-left:4px;
margin-right:4px;
}

#main-banner {
width:538px;
height:219px;
background-image:url(/images/main-banner.jpg);
background-repeat:no-repeat;
}

#categories {
width:538px;
}

#category-image {
background-color:#FFFFFF;
padding-left:10px;
width:166px; height:176px;
cursor:pointer;
}



#category-image-home {

}



#category1 {
width:176px;
height:204px;
border:1px solid #666666;
margin-right:2px;
float:left;
margin-top:7px;
background-image:url(/images/category-top-bg.jpg);

}

#category1-home {
width:176px;
height:178px;
border:1px solid #666666;
margin-right:2px;
float:left;
margin-top:7px;
background-image:url(/images/category-top-bg.jpg);

}

#category1 a {
background-image:url(/images/category-top-bg.jpg);
background-repeat:repeat-x;
background-position:top;
text-decoration:none;
}
 
#category1-home a {
background-image:url(/images/category-top-bg.jpg);
background-repeat:repeat-x;
background-position:top;
text-decoration:none;
}

#category1 a:hover {
background-image:url(/images/category-top-bg-over.jpg);
background-repeat:repeat-x;
background-position:top;
text-decoration:none;
}

#category1-home a:hover {
background-image:url(/images/category-top-bg-over.jpg);
background-repeat:repeat-x;
background-position:top;
text-decoration:none;
}

#category1-end {
background-image:url(/images/category-top-bg.jpg);
width:176px;
height:204px;
border:1px solid #666666;
float:left;
margin-top:7px;
}

#category1-end-home {
background-image:url(/images/category-top-bg.jpg);
width:176px;
height:178px;
border:1px solid #666666;
float:left;
margin-top:7px;
}

#category1-end a {
background-image:url(/images/category-top-bg.jpg);
background-repeat:repeat-x;
background-position:top;
text-decoration:none;
}

#category1-end-home a {
background-image:url(/images/category-top-bg.jpg);
background-repeat:repeat-x;
background-position:top;
text-decoration:none;
}

#category1-end-home a {
background-image:url(/images/category-top-bg.jpg);
background-repeat:repeat-x;
background-position:top;
text-decoration:none;
}

#category1-end a:hover {
background-image:url(/images/category-top-bg-over.jpg);
background-repeat:repeat-x;
background-position:top;
text-decoration:none;
}

#category-row {
clear:both;
margin-top:4px;
height:0px;
width:538px;
}

#category-top {
height:27px;
border-bottom:1px solid #666666;
cursor:pointer;
}

#category-top h2  {
color:#FFFFFF;
font-size:100%;
padding-top:4px;
text-align:center;
text-decoration:none;

}



#right {
float:left;
width:209px;
margin-left:4px;
}

#basket-container {
width:201px;
height:256px;
background-color:#66CC00;
border:1px solid #666666;
padding:4px;

}

#basket-inner {
background-color:#000000;
min-height:244px;
padding:6px;
}

#basket-inner h2 {
font-size:90%;
color:#FFFFFF;
text-align:center;
}

#basket {
width:100%;
}

#basket-top {
padding-top:3px;
height:20px;
color:#FFFFFF;
background-color:#66CC00;
margin-top:3px;
}

#basket-header-left {
padding-left:5px;
float:left;
width:130px;
color:#FFFFFF;
}

#basket-header-right {
padding-right:5px;
float:left;
color:#FFFFFF;
}

#basket-middle {
padding-left:3px;
padding-top:8px;
padding-bottom:8px;
color:#FFFFFF;
clear:both;
border-left:2px solid #66CC00;
border-right:2px solid #66CC00;
}

#basket-middle li {
list-style:none;

}

#basket-bottom {
height:20px;
background-color:#66CC00;
padding-top:3px;
margin-bottom:5px;
}

#basket-bottom-left {
padding-left:5px;
float:left;
width:130px;
color:#FFFFFF;
}

#basket-bottom-right {
padding-right:5px;
float:left;
color:#FFFFFF;
}

#basket-checkout  {
margin-left:60px;
padding:5px;


}

#basket-checkout a   {
height:20px;
text-align:center;
width:80px;
padding:5px;
background-color:#66CC00;
color:#ff3300;
text-decoration:none;
border:1px solid #666666;

}

#basket-checkout a:hover {
padding-top:4px;
padding-bottom:4px;
background-color:#000000;
}

#logos {
width:205px;
margin-top:20px;

}

#logos-left {
float:left;
width:94px
}

#logos-right {
float:left;
width:94px;
margin-left:10px;
}



#footer {
background-color:#66CC00;
margin-top:3px;
clear:both;
height:50px;
width:940px;
}

#footer p  {
text-align:center;
padding-top:10px;
color:#FFFFFF;
}

#footer p a {
text-decoration:none;
text-align:center;
padding-top:10px;
color:#FFFFFF;
}

#footer p a:hover {
text-decoration:underline;
text-align:center;
padding-top:10px;
color:#FFFFFF;
}


.basket-row1 {
padding-left:8px;
color:#FFFFFF;
font-weight:bold;
font-size:95%;
background-color:#66CC00;
height:24px;

}

.basket-row1-center {
color:#FFFFFF;
text-align:center;
font-weight:bold;
font-size:95%;
background-color:#66CC00;
height:24px;

}


.basket-row2 {
padding-left:8px;
padding-right:8px;
height:34px;
background-color:#000000;
font-size:95%;
color:#FFFFFF;
font-weight:bold;
}

.basket-row2-center {
height:34px;
text-align:center;
background-color:#000000;
color:#FFFFFF;
font-weight:bold;
}

.basket-standard-text {
padding-right:3px;
color:#FFFFFF;
font-size:95%;
font-weight:bold;
}

/* RESULTS ----------------------------------------------------------------------*/

#results-container {
margin-bottom:6px;
margin-right:2px;
float:left;
background-position:center top;
background-repeat:no-repeat;
background-color:#f9f9f9;
}

#results-container a {

border:1px solid #000000;
display:block;
width:175px;
height:233px;
text-decoration:none;
background-image:url(/images/results-title-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#results-container a:hover {
border:1px solid #7e7e7e;
background-image:url(/images/results-title-bg-over.jpg);
background-repeat:repeat-x;

}


#product-price {
color:#000000;
font-weight:bold;
font-size:100%;
text-align:left;
padding-left:5px;
padding-top:5px;
cursor:pointer;

}

#product-title {
font-weight:bold;
font-size:75%;
text-align:center;
height:28px;
padding-top:1px;
padding-left:7px;
padding-right:7px;
color:#ffffff;
cursor:pointer;
}

#size-charts {
padding-left:15px;
}





/* RESULTS swim equipment-------------------------------------------------------------------*/

#results-container-equipment {
margin-bottom:6px;
margin-right:2px;
float:left;
background-position:center top;
background-repeat:no-repeat;
}

#results-container-equipment a {

border:1px solid #000000;
display:block;
width:175px;
height:173px;
text-decoration:none;
background-image:url(/images/results-title-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#results-container-equipment a:hover {
border:1px solid #7e7e7e;
background-image:url(/images/results-title-bg-over.jpg);
background-repeat:repeat-x;

}

#product-price-equipment {
color:#000000;
font-weight:bold;
font-size:100%;
text-align:left;
padding-left:5px;
padding-top:5px;
cursor:pointer;

}

#product-title-equipment {
font-weight:bold;
font-size:80%;
text-align:center;
height:28px;
padding-top:1px;
padding-left:7px;
padding-right:7px;
 color:#ffffff;
cursor:pointer;
}

/* BASKET PAGE --------------------------------------------------------------------------------------*/
 
#basket-container {
width:535px;
margin-top:10px;
height:11px;
background-color:#000000;
padding-top:4px;
padding-bottom:8px;
margin-bottom:5px;
}

#product-basket-page {
clear:both;
width:525px;
padding:5px;
background-color:#fff;
border-bottom:1px solid #333;
height:54px;
clear:both;
margin-top:1px;

}

#basket-title {
width:115px;
float:left;
font-size:95%;
color:#000;
}

#basket-title-large {
width:150px;
float:left;
font-size:85%;
color:#000;
}

#basket-title-input {
width:60px;
float:left;
font-size:95%;
color:#000;
padding-left:5px;
}

#basket-title-image {
float:left;
width:50px;
height:50px;
border:1px solid #666;
margin-right:15px;
}

#basket-title-remove {
float:left;
width:25px;
height:25px;
margin-right:15px;
margin-left:10px;
}

#checkout-button  {
width:90px;
height:29px;
display:block;
float:right;
margin-top:10px;
}

#checkout-button a {
background-image:url(/images/checkout-button.jpg);
background-image:url(/images/checkout-button.jpg);
background-repeat:no-repeat;
width:111px;
height:29px;
display:block;
}

#checkout-button a:hover {
background-image:url(/images/checkout-button.jpg);
background-repeat:no-repeat;
width:111px;
height:29px;
font-weight:bold;
color:#FFFFFF;
}


#checkout-button-medium  {
width:111px;
height:29px;
display:block;
float:right;
margin-right:73px;
margin-top:10px;
color:#FFFFFF;
margin-left:23px;
}

#checkout-button-medium a {
background-image:url(/images/checkout-button-medium.jpg);
background-repeat:no-repeat;
width:111px;
height:29px;
display:block;
color:#FFFFFF;
text-decoration:none;
padding-top:3px;
padding-left:4px;
}

#checkout-button-medium a:hover {
width:111px;
height:29px;
font-weight:bold;
}

#checkout-button-large  {
width:111px;
height:29px;
display:block;
float:right;
margin-right:9px;
margin-top:10px;
color:#FFFFFF;
}

#checkout-button-large a {
background-image:url(/images/checkout-button-large.jpg);
background-repeat:no-repeat;
width:111px;
height:29px;
display:block;
color:#FFFFFF;
text-decoration:none;
padding-top:3px;
padding-left:4px;
}

#checkout-button-large a:hover {
width:111px;
height:29px;
font-weight:bold;
}

#add-basket-headers {
width:110px;
float:left;
color:#FFFFFF;

padding-left:5px;
font-size:95%;
}

#add-basket-headers-small {
width:60px;
float:left;
padding-left:5px;
font-size:95%;
color:#FFFFFF;
}

#add-basket-headers-remove {
width:40px;
float:left;
padding-left:5px;
font-size:95%;
color:#FFFFFF;
}

#add-basket-headers-large {
width:150px;
float:left;
padding-left:5px;
font-size:90%;
color:#FFFFFF;
}

#add-basket-title {
width:115px;
float:left;
font-size:95%;
color:#FFFFFF;
}

#add-basket-title-input {
width:60px;
float:left;
font-size:95%;
color:#FFFFFF;
padding-left:5px;
}

#middle-shopping-basket {
float:left;
marging-right:5px;
margin-left:5px;
width:750px;
}

#middle-shopping-basket h3 {
font-size:130%;
color:#037A2D;
padding-bottom:4px;
border-bottom:1px solid #000;
width:auto;
margin-left:4px;
margin-right:4px;
}

.basketResultLine {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #ffffff;
   background-color:#000000;
   font-style : normal;
   font-variant : normal;
   font-weight : normal;
}	

.basketResultLine2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #ffffff;
background-color:#66CC00;
   font-style : normal;
   font-variant : normal;
   font-weight : normal;
}	


.paymentQuestionTD {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #ffffff;
background-color:#66CC00;
   font-style : normal;
   font-variant : normal;
   font-weight : normal;
}	

.paymentAnswerTD {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #ffffff;
   background-color:#000000;
   font-style : normal;
   font-variant : normal;
   font-weight : normal;
}