html,body{margin:0;padding:0}
body{
	text-align:center;
	background-image: url(../images/bg-body.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 70%;
	color: #333333;
	padding:0;
	margin:0;
	background-attachment: scroll;
	background-position: left top;
	background-color: #FFFFFF;
}



/*generic styles - colours etc...*/
p{}
hr{margin: 0; padding:0;}
#content p{line-height:1.4}
#header h1{padding-left:10px; background-image:url(../images/gyms4home-logo.gif); background-repeat:no-repeat; display:block; height: 67px; text-indent: -9999px; margin:0;}



#header h1 div {
	width: 226px;
	display: block;
	margin: 0;
	height: 67px;

	
}
#header h1 a {
	display: block;
	height: 67px;
	width: 226px;
	
}

h2 {font-size: 150%;}
h3 {font-size: 125%;}


ul {margin:0;padding:0}
img {border: 0}

.red-text {color: #CC0000;}
.red {color: #CC0000; font-size: 110%;}
.blue-text {color: #2D62B9;}
a {color: #2D62B9; text-decoration:none;}
a:hover {color: #2D62B9; text-decoration:underline;}

.morelink { background-image:url(../images/button-right-arrow.jpg); background-repeat:no-repeat; background-position: right; padding: 5px 25px 5px 0;}

div.breaking-line { clear:left; border-bottom: solid 1px #E6E6E6; width: 100%; height: 1px;}








/*************** hold whole site center *************/
#container{width:925px; margin:0 auto; text-align:left; background-image: url(../images/bg-container.jpg); 	background-repeat: repeat-y; background-color:#FFFFFF; padding: 0 10px;}


/*************** header section *************/
#header {padding-bottom: 1em;}

/* basket styles */
#basket {
	width:50%; 
	text-align:right;
	float:right;
	padding: 0em 5px 0 0;
}


#basket em { font-weight: bold; font-style:normal;}
#basket p{ margin: 20px 0 0 0;}
#basket h4 {font-weight: bold; font-style:normal; font-size: 100%; margin: 30px 0 0 0;}
#basket h4 strong { font-size: 150%;}


/* search area styles */
#search { position:absolute; right:0;  margin:0 10px 0 0; background: url(../images/bg-searchbox.jpg) no-repeat; }
#search .label { margin:0; padding:0;}
#search .input-box {

	width: 183px;
	height: 22px;
	margin: 0 0 0 10px;
	padding: 8px 0 0 0;
	background: none;
	border: none;
	color: #333333;
	font-size: 8.5pt;
}
#search .submit-button { width: 30px; height: 31px; text-indent: -9999px; cursor:pointer; background: url(../images/button-search.jpg) no-repeat; border: none; }





/* top horizontal tabs */
#hold-toptabs {height:26px;}
#hold-toptabs ul {margin: 0;}
#hold-toptabs ul li{display:inline; list-style:none;}
#hold-toptabs ul li a.hometab{display: block; float:left; height:26px; width:149px; background-image:url(../images/home-tab.gif); background-repeat:no-repeat; text-decoration:none; color: #FF6666; text-align:center; line-height: 28px; font-size: 9pt;}
#hold-toptabs ul li a.commercialtab{display: block; float:left; height:26px; width:163px; background-image:url(../images/commercial-tab.gif); background-repeat:no-repeat; text-decoration:none; color: #D6E6F3; text-align:center; line-height: 28px; font-size: 8pt;}
#hold-toptabs ul li a:hover{ text-decoration:none;}


/* top horizontal navigation */
#hold-topnavigation {background-image: url(../images/bg-navigation.jpg); background-repeat:no-repeat; height:35px; position:relative;}
#hold-topnavigation ul {margin: 0em 0 0 2.5em; width: 600px; }
#hold-topnavigation ul li{display:inline; margin: 0em 0.5em 0 0.5em; }
#hold-topnavigation ul li a{color: #FFFFFF; text-decoration:none; line-height: 3em;}
#hold-topnavigation ul li a:hover{color: #FF6666; }


/*************** wrap around content column *************/
#wrapper{float:left;width:100%}







/*************** center content column - home page *************/
#content{margin: 105px 225px 0 200px; padding-bottom: 2em; }
#content h2{clear: left;}
#content h3{margin-bottom: 0px; font-size:100%;}
#content p{margin-top: 0px;}


/*************** center content column - inner pages*************/

#content-inner {margin: 0px 10px 0 205px; padding-bottom: 2em; }
#content-inner h2{clear: left; margin: 5px 0px;}
#content-inner h3{margin-bottom: 5px; font-size:120%; color:#2D62B9;}
#content-inner h4{margin-bottom: 5px; font-size:110%; color:#666666;}
#content-inner p{margin-top: 0px;}
#content-inner ul{clear: left; margin: 0 0 10px 25px;}

/************ hold articles text and images *************/
.img-left {float: left; border: none; margin: 0 10px 20px 0;}
.text-left {float: left; border: none; margin: 0; width: 410px;}


/************ hold product details text and images *************/
.product-img-left {float: left; border: none; margin: 0 10px 20px 0; width:300px;}
.product-text-left {float: left; border: none; margin: 0; width: 390px;}

.hold-logo-right {float: right; }
.clear-left {clear: left;}
.border-grey { border: solid 1px #999999;}

/************ hold prices *************/
.hold-left {float: left; margin: 0; height: 40px; vertical-align: middle;}

/*********** style prices *************/
.price-black {font-size: 120%;}
.price-red {font-size: 150%; color: #CC0000;}

/*************** spec table - inner pages *************/
.spec-table{ background-color:#CCCCCC;}

/*************** category list *************/
.catDesc { width: 590px;}
.catDesc p{ font-size: 100%;}

/*************** category list *************/
#content-inner ul.category-list {margin: 0px; padding: 0px;}
.category-list li{
	display:block;
	width: 290px;
	height: 45px;
	background-image: url(../images/bg-category.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-right: 4px;
	margin-bottom:4px;
	background-position: left bottom;
}
.category-list li div{display:block; float:left; margin: 10px 4px 0 4px;}
.category-list li a{display:block; margin: 15px 0px 0px 110px;  background-image: url(../images/arrows-grey.gif); background-repeat: no-repeat; background-position: right;}
.category-list li a:hover{ background-image: url(../images/arrows-blue.gif); background-repeat: no-repeat; background-position: right; }

/* sale items */

.sale-row {
	background-attachment: scroll;
	background-image: url(../images/bg-salerow.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 245px;
	clear: left;
	margin-right: 10px;
}



.sale-item {
	padding: 10px;
	position: relative;
	float: left;
	width: 225px;
	text-align:center;
}
.sale-item div{position:absolute; top: 5px; left: 10px;}
.sale-item p{ padding:0; margin:0 0 0.5em 0;}
.sale-item h3{clear: left; display: block; height: 40px; font-weight: normal; font-size: 100%; margin: 0;}
.sale-item h3 a { display: block; color: #333333;} 
.sale-item h3 a:hover { }
.sale-item p strong{ color: #CC0000; font-size:120%; padding:0; margin:0 0 0.25em 0;}
.sale-item img{}


/* top home banner */
#home-banner {
	float: right;
	background-image: url(../images/bg-her-banner.jpg);
	background-repeat: no-repeat;
	background-position:right top;
	width: 724px;
	height: 95px;
}
#home-banner h2{color: #FFFFFF; padding-left: 20px; margin: 20px 0 0 0;}
#home-banner p{color: #FFFFFF; padding-left: 20px; margin: 0 200px 0 0;}
#home-banner img{float: left; margin: 0 10px 0 0;}

/*************** left column *************/
#leftcolumn{float:left;  width:190px; margin-left:-925px; background-image: url(../images/bg-leftcolumn.jpg); 	background-repeat: no-repeat; padding: 2em 0 1em 0; }
#leftcolumn h3{margin: 0 0 0.5em 20px; padding:0; }
#leftcolumn ul{ margin: 0 0 2em 10px; padding:0; list-style:none;}
#leftcolumn li{ margin: 0 0 0.5em 0;}
#leftcolumn li a{  padding: 0em 0 0em 10px;}
#leftcolumn li a:hover{
	background-image: url(../images/bg-navitem.gif);
	background-repeat: no-repeat;
	background-position:left center;
	background-attachment: scroll;
}



/* style hot product */
#hot-product {
	background-image: url(../images/bg-hotproduct.jpg);
	background-repeat: no-repeat;
	margin: 1em 0 1em 0;
	text-align:center;
}
#hot-product h3{color: #FFFFFF; padding: 20px 10px 0 0px; text-align:left; }
#hot-product h4{ font-weight: normal; font-size: 100%; margin: 0 0 5px 0;}
#hot-product h4 a { display: block; color: #333333;} 
#hot-product h4 a:hover { }
#hot-product p{ padding:0; margin:0 0 0.5em 0;}
#hot-product p strong{ color: #2D62B9; font-size:120%; padding:0; margin:0 0 0.25em 0;}
#hot-product img{}




/*************** right column *************/
#rightcolumn{float:left; width:220px; margin: 105px 0 0 -220px; background-image: url(../images/bg-rightcolumn.jpg); background-repeat: no-repeat;  text-align:center; }
#rightcolumn h3{color: #FFFFFF; padding: 30px 10px 0 15px; text-align:left; margin-top: 0px; }

/* style auction items */
.auction-item {padding: 10px; position: relative;}
.auction-item div{position:absolute; top: 5px; left: 10px;}
.auction-item h4{ font-weight: normal; font-size: 100%; margin: 0 0 5px 0;}
.auction-item h4 a { display: block; color: #333333;} 
.auction-item h4 a:hover { }
.auction-item p{ padding:0; margin:0 0 0.5em 0;}
.auction-item p strong{ color: #2D62B9; font-size:120%; padding:0; margin:0 0 0.25em 0;}
.auction-item img{}


/*************** hold footer row1 *************/
#footer1{
	clear:left;
	width: 100%;
	border-top: solid 1px #E6E6E6;
	padding: 2px 0px;
	
}


/* hold individual footer banner */
.footer-banner {
	float: left;
	background-image: url(../images/bg-footer1.jpg);
	background-repeat: repeat-y;
	background-position:left top;
	width: 308px;
	height: 80px;
}
.footer-banner h2{color: #333333; padding: 0; margin: 10px 0 0 0;}
.footer-banner p{color: #333333; padding-left: 0; margin: 0 0 0 0; font-weight:normal;}
.footer-banner img{float: left; margin: 0 10px 20px 10px;}



/*************** hold footer row2 *************/
#footer2{
	clear:left;
	width: 100%;
	padding: 2px 0px;
	
}
#footer2 div{
	width: 160px;
	padding: 10px 0px;
	float: left;	
}
#footer2 div ul{padding: 0;	margin: 0;}
#footer2 div ul li{list-style: none;}
#footer2 div h3{margin-bottom: 5px;}

#footer2 div.first ul li{
	display: inline;
	padding-bottom: 2px;
	
}
#footer2 div.first ul li a{
	width: 180px;
	display: block;
	float: left;
	
}

/*************** hold footer row *************/
#footer{clear:left; border-top: solid 1px #E6E6E6; width: 100%;  text-align: center; padding:10px 10px}
#footer p{margin:0;padding:5px 10px; font-weight:normal;}