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;
}

#printhead {
	display: none;
	}
#printhome-banner {
	display: none;
}
/*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/fitness-warehouse-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; list-style-type: none;}
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: 26px; font-size: 8pt;}
#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: 26px; 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; }

#hold-topnavigation span.phone { margin: -2.1em 2.5em 0 0; float: right; color: #ffffff; }



/*************** wrap around content column *************/
#wrapper{float:left;width:725px;}
#wrapper h1 {margin-top: 0px;}

/*************** 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 5px; padding-bottom: 2em; }
#content-inner h2{clear: left; margin: 5px 0px;}
#content-inner h3{margin-bottom: 5px; font-size:120%; color:#2D62B9;}
#content-inner h3.featured{margin: 0.5em 0em 0em 0em; font-size:120%; color: #ffffff; background-color: #990000; width:695px;}
#content-inner h3.products{margin: 0.5em 0em 0em 0em; padding: 1em 0em; font-size:100%; color: #2D62B9; border-top: solid 1px #458AC1; border-bottom: solid 1px #458AC1; width:695px; font-weight: normal;}
#content-inner h4{margin-bottom: 5px; font-size:110%; color:#666666;}
#content-inner p{margin-top: 0px;}
#content-inner ul{clear: left; margin: 0;}

/*style central featured list*/
#products { margin: 0em 0em 1em 0em;}
#products li {float: left; display: block; width: 23%; text-align:center; margin:  1em 10px 0em 1%; border: solid 1px #EFEFEF;}
#products li.first{margin-left: 0;}
#products li h3{font-size: 120%; margin: 0.25em 0em 0em 0em; color:#2D62B9;}

#products li p{clear: left;  color:#2D62B9; display: block; height: auto;}
#products li p.first{clear: left; display: block; height: 30px;}
#products li p a{}
#products li p a:hover{}
#products li p strong{color:#639DCD; font-size: 120%; }
#products li img{clear: left; width: 150px; border: none; border-bottom: solid 1px #EFEFEF;}
#products li span{clear: left; display:block; width: 95%; margin:0 auto 0.5em auto;}
#products li span a{display:block; background-color: #458AC1; color:#FFF; line-height:200%; }
#products li span a:hover{background-color: #639DCD; color:#D6E6F3;}

/*style central categories list*/
#categories { margin: 1em 0em;}
#categories li {float: left; display: block; width: 23%; text-align:center; margin:  1em 0em 0em 1%; border: solid 1px #EFEFEF;}
#categories li.first{margin-left: 0;}
#categories li h3{font-size: 125%;}
#categories li img{clear: left; width: 150px; border: none;}
#categories li span{clear: left; display:block; width: 95%; margin:0 auto 0.5em auto;}
#categories li span a{display:block; background-color: #458AC1; color:#FFF; line-height:200%; }
#categories li span a:hover{background-color: #639DCD; color:#D6E6F3;}

/*style central featured list*/
#featured { margin: 0em 0em 1em 0em;}
#featured li {float: left; display: block; width: 23%; text-align:center; margin:  0.5em 0em 0em 1%; border: solid 1px #EFEFEF;}
#featured li.first{margin-left: 0;}
#featured li h3{font-size: 120%; margin: 0.25em 0em 0em 0em; color: #990000;}
#featured li p{clear: left; display: block; height: auto;}
#featured li p.first{clear: left; display: block; height: 30px;}
#featured li p a{color: black;}
#featured li p a:hover{color: black;}
#featured li p strong{color: #990000; font-size: 120%; }
#featured li img{clear: left; width: 150px; border: none; border-bottom: solid 1px #EFEFEF;}
#featured li span{clear: left; display:block; width: 95%; margin:0 auto 0.5em auto;}
#featured li span a{display:block; background-color: #990000; color:#FFF; line-height:200%; }
#featured li span a:hover{background-color: #B01534; color:#FF6666;}

/************ 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: right; border: none; margin: 0; width: 304px;}

.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/col_header.jpg);
	background-repeat: no-repeat;
	background-position:right top;
	width: 724px;
	height: 228px;
	margin-bottom: 10px;
}
#home-banner h2{color: #FFFFFF; padding-left: 20px; margin: 146px 0 0 0;}
#home-banner p{color: #FFFFFF; padding-left: 20px; margin: 0 20px 0 0;}
#home-banner img{float: left; margin: 0 10px 0 0;}

/*************** left column *************/
#leftcolumn{float:left;  width:190px; margin-left:0px; margin-right: 10px; 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 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;
}
#leftcolumn ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 2em 10px; padding:0; }
#leftcolumn li { margin:0 0 0.5em; }
#leftcolumn li ul { margin:0.5em 0 1em 10px; }
#leftcolumn li ul li{ background:url(../../images/bullet-category-nav.gif) no-repeat; padding: 0px 0px 0px 3px; }
#leftcolumn li ul li a{ color: #333; }

/* left column */



/********** content wrappers ***********/

#leftcontent {
    float: left;
    width: 370px;
	margin: -36px 10px 0px 0px;
	display: inline;
}

#rightcontent {
    float:right;
    width: 340px;
    margin-top: 5px;
}

.left h3{
	margin-top:0px;
	}

.mod .mod-content{ border:1px solid #eaeaea; position:relative; z-index:2; }
.mod .mod-content img{border: solid 2px white;}

div#glow { position:relative; z-index:0; width: 367px; margin: 0px 0px 20px 0px; }
/* images in right column */
div#glow2 { position:relative; z-index:0; width: 96px; margin: 0px 10px 20px 10px;}
div#glow3 { position:relative; z-index:0; width: 700px; margin: 0px 10px 20px 10px;}
div#glow4 { position:relative; z-index:0; width: 206px; margin: 0px 10px 20px -1;}


/* 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{}

div.right {
	float: right;
	display: block;
	width: 90px;
	}

div.right a {
    line-height: 1em;
	float: right;
}

div.right a img {
    float: right;
    border: none;
    padding-left: 10px;
    margin-top: 0px;
    }

div.case_block {
	float: left;
	display: block;
	width: 300px;
	}
	

div.casestudies_tn {
    width: 95px;
    margin-left: -15px;
    float: left;
	display: inline;
    }


div.casestudies_sidecol {
    width: 195px;
	margin-left: 0px;
    float: right;
	display:inline; }
    
div.casestudies_sidecol h4 {
    margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 11px;
    }
	
div.casestudies_sidecol p {
	margin-top: 0.6em;
	}


/*************** 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: 236px;
	padding: 10px 0px 20px 65px;
	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: 220px;
	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;}

.contact_cell {
	display:block;
	width: 350px;
	height: 49px;
	background-image: url(../../images/cellbg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	}

.contact_cell label, .address_cell label, .enquiry_cell label {
	float: left;
	margin: 6px 5px 0px 10px;
	font-weight: bold;
	color: #30629c;
	}

.contact_cell input {
	border: none;
	width: 340px;
	margin: 1px 5px 0px 10px;
	color: #2a486f;
	background: none;
	}
	
.address_cell {
	background: url(../../images/addresscell_bg.jpg);
	display: block;
	width: 350px;
	height: 157px;
	background-repeat: no-repeat;
	}
	
.address_cell input {
	background: none;
	border: none;
	width: 340px;
	margin: 2px 10px 0px 10px;
	color: #2a486f;
	}

	
.form_split {
	width: 350px;
	float: left;
	margin-left: 10px;
	display: block;
	}
	
.form_split:first-child {
	margin-left: 0px;
	}
	
.form_split_vert {
	width: 700px;
	float: left;
	display: block;
	}

.enquiry_cell {
	display:block;
	width: 350px;
	height: 157px;
	background-image: url(../../images/addresscell_bg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	}

.enquiry_cell textarea {
	border: none;
	width: 350px;
	margin: 1px 0px 0px 5px;
	color: #2a486f;
	background: none;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px; 
	}
	
#ctl00_bodyPlaceHolder_RegularExpressionValidator1, #ctl00_bodyPlaceHolder_RequiredFieldValidator1, #ctl00_bodyPlaceHolder_RequiredFieldValidator2, #ctl00_bodyPlaceHolder_RequiredFieldValidator3   {
	font-size: 10px;
	line-height: 2.5em;
	}
	
.form_split p, .form_split ul {
	margin-bottom: 1em; list-style-type:none;}
	
.form_split p, .form_split ul, .form_split h3 {
	padding-left: .6em;}
	
.contactdetails {
	border-left: 1px solid #eaeaea;
	margin-top: 5px;
	padding: 0px 0px 0px 0px;
	}
	
div.contactdetails ul {
	background-image: url(../../images/person64.png);
	background-repeat: no-repeat;
	margin-left: 3px;
	padding-left: 70px;
	font-weight: bold;
	}
	
#telephone {
	background-image: url(../../images/phone32.png);
	margin-left: 3px;
	padding-left: 35px;
	background-repeat: no-repeat;
	font-size: 15px;
	line-height: 2em;
	}
	
#googlemap {
	float: left;
	margin-left: 0px;
	}
	
#ctl00_bodyPlaceHolder_enquireBTN {
	text-indent: -10000px;
	display: block;
	background: transparent url(../../images/submit.png) no-repeat center top;
	padding: 0;
	margin: 10px 0;
	border: 0;
	width:119px;
	height:20px;
	cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
	font-size: 0px;
	line-height: 0px;
}

#ctl00_bodyPlaceHolder_enqu/ireBTN:hover {
	background-image: url(../../images/submiton.png);
	}
	
	/************* Case Studies Index ***************/
	
.case_index {
	float: left;
	width: 716px;
	}

#case_studies_index_text {
	float: left;
	width: 500px;
	text-align: justify;
	margin-top: -17px;
	display: inline;
}

p.readmorelink {
	float: right;
	}

#casestudies_indexthumb {
	float: left;
	width: 216px;
	display: inline;
	}
	
#case_studies_text {
	float:left;
	width:300px;
	}
	
#gallery ul {
	float: right;
	width: 422px;
}

#gallery li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	}
	
#casestudy_links {
	margin-top: 25px;
	}
	
#casestudy_links a {
	float: left;
	margin-right: 5px;
	}

#casestudy_links a.back {
	display: block;
	width: 84px;
	text-indent: -5000px;
	height: 35px;
	background-image: url(../../images/back.png);
	background-repeat: no-repeat;
	}
	
#casestudy_links a.back:hover {
	background-image: url(../../images/back_on.png);
	}
	
#casestudy_links a.enquire {
	display: block;
	width: 101px;
	text-indent: -5000px;
	height: 35px;
	background-image: url(../../images/enquire.png);
	background-repeat: no-repeat;
	}
	
#casestudy_links a.enquire:hover {
	background-image: url(../../images/enquire_on.png);
	}
	
.enquirenowbtn{
	background-image: url(../../images/enquirenow.gif);
	width: 304px;
	height: 69px;
	display: block;
	background-repeat: none;
	text-indent: -5000px;
	}
	
.enquirenowbtn:hover{
	background-image: url(../../images/enquirenow_on.gif);

	}