@charset "utf-8";

/******************************************************************************************************/
/******************************************************************************************************/
/***********======= REMEBER TO CHECK OTHER STYLE SHEETS AND HTML CODE FOR IE 6 FIXES ========**********/
/******************************************************************************************************/
/******************************************************************************************************/

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	padding-top:20px;
}

/* this will only work in IE6	*/
* html body{font-size:12px;}
/* END	*/


p, h1, h2, h3, h4, a, li, ul, input{
	padding:0;
	margin:0;
}

/******************** Misc / Quick styles ********************/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.floatleft{float:left;}
.floatright{float:right;}


/* Table cell colour settings */
.td_bg_colour{
	background-color:#1b75b3;
	color:#FFFFFF;
	padding:0.5em;
}


/******************** Links ********************/
a{outline:none;}

a, a:link, a:visited{
	color: #0579c8;
	text-decoration:underline;
} 
a:hover, a:active{
	color: #a50000;
	text-decoration:underline;
}

a.link2, a.link2:link, a.link2:visited, span.link2{
	color: #999;
	text-decoration:none;
} 
a.link2:hover, a.link2:active{
	color: #6e4734;
}
a.link3, a.link3:link, a.link3:visited{
	color: #cbe9fe;
	text-decoration:underline;
} 
a.link3:hover, a.link3:active{
	color: #e2e0e0;
}
a.link4, a.link4:link, a.link4:visited{
	color: #fff;
	text-decoration:underline;
	font-weight:bold;
} 
a.link4:hover, a.link4:active{
	color: #cbe9fe;
}
a.link5, a.link5:link, a.link5:visited{
	color: #d7002e;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
} 
a.link5:hover, a.link5:active{
	color: #0d255e;
	text-decoration:none;
}
a.link6, a.link6:link, a.link6:visited{
	color: #999;
	text-decoration:underline;
} 
a.link6:hover, a.link6:active{
	color: #6e4734;
}
a.link7, a.link7:link, a.link7:visited{
	color: #0d255e;
	font-size:13px;
} 
a.link7:hover, a.link7:active{
	color: #d7002e;
	text-decoration:underline;
}


/******************** Fonts ********************/
.coloured_txt{color: #fff;}
.coloured_txt2{color: #0579c8;}
.coloured_txt3{color: #FF0000;} /* keep as red for checkout */
.coloured_txt4{color: #6f89c6;font-size:90%; font-weight:bold;}


.sml_txt{font-size:90%;}

.pricesmallwas{
	font-size:90%;
	text-decoration:line-through;
	font-weight:bold;}
.pricesmall{
	font-size:90%;
	font-weight:bold;
	color:#FF0000;}
.pricemedwas{
	font-size:100%;
	text-decoration:line-through;
	font-weight:bold;
	color:#FF0000;}
.pricemed{
	font-size:100%;
	font-weight:bold;
	color:#FF0000;}
.pricelrg{
	font-size:250%;
	font-weight:bold;
	color:#FF0000;}

.priceclearmedwas{
	font-size:100%;
	text-decoration:line-through;
	font-weight:bold;
}

.priceclearmed{
	font-size:100%;
	font-weight:bold;
}


/******************** Overall Layout Styles ********************/


#overallcontainer{
	width: 990px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
	
#welcomelogin{
	background:url(_img/welcomeLogin_bg.gif) no-repeat;
	width:990px;
	height:40px;
	margin:0;
	padding:0;
}
	
#welcomelogin p{
	padding:0.8em 1em 0 0;
	float:right;
}

.myAccountlink{
	padding-left:1.2em;
}
.myAccountlink a{
	text-decoration:underline;
	color:#000;
	background:url(_img/myAccount.gif) no-repeat;
	padding-left:1.2em;
}

#container { 
	width: 990px;  
	background: #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	border:1px solid #103a74;
	border-bottom:none;
	border-top:none;
} 

/******************** Header and header menu ********************/
#header {
	width:990px;
	height:102px;
	margin:0;
	padding:0;
}

#header a {
	display:block;
	cursor:pointer;
	/*height:183px;*/
}

#headerMenu {
	margin:0;
	padding:0;
	line-height:35px;
	
} 

#headerMenu ul li{
	padding:0px;
	float:left;
	list-style:none;
	border-bottom: 1px solid #000000;
}


#headerMenu a, #headerMenu a:visited{
	padding:0px;
	margin:0px;
	display:block;
	width:141px;
	color:#103a74;
	text-align:center;
	font-size:18px;
}

.menulink{
	background-image:url(_img/menuBG1.gif);
	background-position:center right;
	background-repeat:no-repeat;
}


/******************** Left Side Overall Styles ********************/	

#leftsidebar {
	float: left; 
	width: 198px; /* since this element is floated, a width must be given */
	overflow:hidden;
	padding: 15px 29px 0 0; /* top and bottom padding create visual space within this div */
}

/******************** Right Side Overall Styles ********************/	

#rightsidebar {
	float: left; 
	width: 208px; /* since this element is floated, a width must be given */
	overflow:hidden;
	padding: 15px 0px 0 28px; /* top and bottom padding create visual space within this div */
}


/******************** Search Box ********************/	

#searchbox{
	height:76px;
	width:199px;
	margin: -6px 6px 6px 0;
	background:url(_img/search_bg.jpg) no-repeat;
}

#searchbox input.formsubmit {
	position:relative;
}

#searchbox h3{
	font-size:15px;
	padding:13px 0 5px 10px;
	margin:0px;
	color:#CCCCCC;
}
#searchbox input{
	margin:-0.8em 0 0 10px;
	width:100px; /* needed as product calculator styles overwrite width */
}

/******************** Basket Box ********************/
#basketbox{
	height:76px;
	width:250px;
	background:url(_img/basket_bg.jpg) no-repeat;
	margin: -5px 6px 5px 6px;
}

#basketbox h3{
	font-size:15px;
	padding:13px 0 0 10px;
	margin:0px;
	color:#CCCCCC;
}

#basketbox p{
	font-size:14px;
	padding:2px 0 5px 10px;
	margin:0px;
}

/******************** Left Nav container ********************/	

.navcontainer{
	width:196px;
	background:url(_img/navBg.jpg) repeat-y;
}

/* drop shadow */
.img-shadow {
  float:left;
  background: url(_img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(_img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 0px !important;
  margin: 10px 0 0 1px;
  }
  
.img-shadow-right {
  float:left;
  background: url(_img/shadowAlpha-right.png) no-repeat bottom left !important;
  background: url(_img/shadow-right.gif) no-repeat bottom left;
  margin: 10px 0 0 0px !important;
  margin: 10px 0 0 1px;
  }

.img-shadow .navcontainer {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  border-left:none;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }


.navcontainer h3{
	color:#cccccc;
	font-size:15px;
	padding:0.5em 0 0 0.7em;
}
	
#navlist{
	width: 95%;
	margin: -0.5em 0 0 -0.5em;
	padding:1.3em;
}

#navlist li{
	list-style: none;
	margin: 0 0 0 -0.5em;
	padding: 0.5em;
	border-top: 1px solid #6f89c6;
	font-size:90%;
}

#navlist li.top{
	border-top: none;
}
#navlist li a, #navlist li a:link, #navlist li a:active, #navlist li a:visited { 
	color:#ffffff;
	text-decoration: none;
 }
#navlist li a:hover { 
	text-decoration: underline; 
	color:#9bbaf6;
	 }

.catdepth1{
	background-color:#03143b;
	}
.catdepth2{
	background-color:#020611;
	}
	
/*********** Main Content Styles ***********/
#leftsidebar .goHollowayButton{
	background: url(_img/holloway_bg.jpg) no-repeat;
	width:198px;
	height:60px;
	margin: -6px 6px 6px 0;
	}
#leftsidebar .goHollowayButton p{
	padding:15px 10px;
	}
#leftsidebar .goHollowayButton a, #leftsidebar .goHollowayButton a:link, #leftsidebar .goHollowayButton a:visited, #leftsidebar .goHollowayButton a:active{
	color:#fff;
	text-decoration:none;
	}
#leftsidebar .goHollowayButton a:hover{
	color: #9bbaf6;
	text-decoration:underline;
	}

/*********** Main Content Styles ***********/
#mainContent {
	width:527px;
	overflow:hidden;
 	/*margin: 1em 0 0.5em 18em;*/
	float:left;
	padding-top:15px;
} 
#mainContent p, #mainContentbox p{
	padding:0.5em;
	line-height:1.5em;
}

.categoryview #mainContent hr{
	width:99%;
	margin-left:-0.2em;
} 

.specialOfferBox{
	background-color: #ed0000; 
	color:white; 
	width: 226px; 
	border-color:#c00; 
	border-width:2px; 
	border-style:solid;}

/* h1 */
#mainContentbox h1{
	height:34px;
	margin:0;
	padding:0.5em 0 0 0;
	color:#2f7fd6;
	font-size:110%;
}

#mainContent h1{
	height:34px;
	margin:0;
	padding:0.5em 0 0 0;
	color:#113b74;
	font-size:110%;
}


/* h2 */
#mainContentbox h2{
	height:34px;
	margin:0;
	padding:0;
}
#mainContent h2{
	color:#113b74;
	font-size:100%;
	height:34px;
}
.categoryview #mainContent h2{
	color:#1b75b3;
	font-weight:bold;
	font-size:130%;
	padding:0.5em 0 0.8em 0;
}
.itemview #mainContent h2{
	color:#1b75b3;
	font-weight:bold;
	font-size:130%;
	padding:0.5em 0 0.8em 0;
}
/* h3 */
#mainContent h3{
	color:#024878;
	font-size:100%;
}

/*********** Product Box container ***********/
.home #productboxcontainer h1{
	border-bottom:1px #333333 solid;
}

.itemview #productboxcontainer h1{
	color:#1b75b3;
	font-weight:bold;
	font-size:130%;
	padding-top:1em;
}

.relatedCatLinks{
	font-size:85%; 
	border: 1px solid #ccc;
	margin-bottom:0.5em;}

#itemdescription{margin-top:-1.5em; font-size:90%;}


.categoryview #productboxcontainer p{padding:0;}

#leftitemview{
	float:left;
	width:295px;
	}
#rightitemview{
	float:right;
	/*padding-right:1em;*/
	width: 220px;
	}

#iteminfobuttons{margin-left:0em;}

#iteminfoemail a{
	position:relative;
	top:0.5em;
	left:0.5em;
}

#iteminfoprint a{
	position:relative;
	top:0.5em;
	left:0.5em;
}

.itemview input.submit{font-size:85%;}

#requireddetailscontainer{
	border:1px dashed #CCCCCC;
	padding:0.5em;
	margin-left:0.4em;
	position:relative;
	width:500px;
	}
#requireddetailscontainer h2{
	text-indent:-9999px;
	background:url(_img/txt_requireddetails.gif) no-repeat;
	width:144px;
	height:19px;
	margin:0;
	padding:0;
	}
#requireddetailscontainer select{
	width:170px;
	font-size:90%;
	margin:0.5em;}

#addtobasketcontainer{
	border:1px solid #CCCCCC;
	padding: 0.5em 0.5em 0.5em 1em;
	}
#addtobasketcontainer h2{
	text-indent:-9999px;
	background:url(_img/txt_basket.gif) no-repeat;
	width:144px;
	height:19px;
	margin: 0 0 0 -0.4em;
	padding: 0;
	}
#buttonaddtobasket{
	text-indent:-9999px;
	background:url(_img/but_addtobasket.gif) no-repeat;
	width:114px;
	height:21px;
	margin:0 0 0 0.5em;
	padding:0;
	}
#buttonaddtobasket a{
	display:block;
	cursor:pointer;
	width:114px;
	height:21px;
	}
	
.proddetailsbrief p	{
	margin:0;
	padding:0;
	font-size:85%;
	text-align:left;
	}
	
.viewdetails{
	background:url(_img/infoico.gif) no-repeat;
	background-position:left;
	height:22px;	
	margin:0 0 0 0.5em;
	padding:0;
	text-align:center;
}
.viewdetails a{
	cursor:pointer;
	width:120px;
	height:22px;
	text-align:left;
}
.addtocart{
	background:url(_img/cartico.gif) no-repeat;
	background-position:left;
	height:20px;
	margin:0 0 0 0.5em;
	padding:0;
	text-align:center;
}
.addtocart a{
	cursor:pointer;
	width:120px;
	height:22px;
	text-align:left;
}
.productboxspacer_h{
	background:url(_img/productboxspacer_h.gif) repeat-x;
	height:20px;
	margin:0;
	padding:0;
	width:99%;
}
.productboxspacer_v{
	background:url(_img/productboxspacer_v.gif) repeat-x;
	height:91px;
	margin:0;
	padding:0;
	width:5px;
}

.contact .bgcolour{
	background-color:#1b75b3;
	color:#FFFFFF;}
	
.contactTextBox{
	width:300px;
}
.contactTextArea{
	width:300px;
	height:100px;
}

/*** Related Products Section ***/
#relatedProductsContainer{
	margin:0 auto;
	}
#relatedProductsContainer .catitemtable{
	float:left;
	border:1px solid #999999;
	margin:5px;
}

	
/*********** Checkout Pages ***********/
#placeorderdetails{
	border:dashed;
	border-width:2px;
	padding:1em;
	width:92%;}

.checkoutdeliverybox{
	background-color:#F6F6F6;
	padding:1em;
	font-size:90%;
	}

select{font-size:90%;}

.basket_header{
	background-color: #5898dd;
	color:#FFFFFF;
	text-align:left;
	padding:0.2em 0.5em;
}

.basket_item{
	background-color: #f8f7f7;
	text-align:left;
	padding:0.2em 0.5em;
}

.totals_header{	
	background-color: #5898dd;
	color:#FFFFFF;}

.totals_value{background-color: #f8f7f7;}

.totals_headerFinal{	
	background-color: #2f7fd6;
	color:#FFFFFF;}

.totals_valueFinal{background-color: #f0eeee;}

.finalBasketNote{
	margin-right:0.7em;
	text-align:right;}
	
.basketSubmit{
	margin-right:1.1em;
	text-align:right;}	
	
.button_style{
	background-color: #c80000;
	color:#FFFFFF;
	padding:0.2em;
}
	
/*********** Footer ***********/

#footer {
	height:56px;
	background:url(_img/footerbg.jpg);
	background-image:url(_img/footerBG.gif);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	line-height:42px;
} 
#footer p {
	margin:0 1em 0 1em;
	color:#FFFFFF;
	/*padding-top:0.4em;*/
}

#logos{
	padding-top:20px;
}

#companyregdetails{
	float:right;
	text-align:right;
	font-size:90%;
	color: #999;
	padding-top:20px;
}
#rocketuklink{
	float:left;
	font-size:90%;
	padding-top:20px;
}

#rocketuklink, #rocketuklink a{
	font-size:90%;
	color: #999;
}
  
  
/* Generic class used on any page to show very visual errors */

div.errorbox{
	border-style:solid;
	border-width:2px;
	border-color:red;
	background:#ffb0b0;
	padding:1em;
	width:75%;
	text-align:center;
	margin:1px;
}


/******************** Specific to Holloway ********************/
/* Product Calculator - right box */
#productCalculator{
	background:url(_img/productCalculator_bg.jpg) no-repeat;
	width:255px;
	height:292px;	
	display:block;
	cursor:pointer;
	margin: -5px 6px 5px 6px;
}
#productCalculator h3{
	padding:1em 0 0 0.6em;
	color:#cbcbcb;
}
#productCalculator p{
	padding:1em 0 0 0.6em;
	width:182px;
}

#productCalculator a{
	color:#fff;
	text-decoration:none;
}
#productCalculator a:hover{
	color:#8097cd;
	text-decoration:underline;
}

/* Product Calculator - page */
.calculator form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  min-width: 450px;
  max-width: 520px;
  width: 450px; 
}

.calculator form fieldset {
  clear: both; 
  padding: 5px;/* padding in fieldset support spotty in IE */
  margin: 0;
  border:none;
  background-color:#f4f4f4;
  border:1px dashed #243f84;
}

.calculator form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 8px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-variant:small-caps;
	color:#113b75;
}

.calculator form input, .calculator form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:220px; 
	margin:5px 0 10px 10px; 
	
}

.calculator form input#reset {
	margin-left:0px;
}

.calculator textarea { overflow: auto; }

.calculator form small {
	display: block;
	margin: 0 0 5px 160px; 
	padding: 1px 3px;
	font-size: 88%;
}

/*** Warning boxes ***/
.red_message_box
{
	border-style:solid;
	border-width:2px;
	border-color:red;
	background:#ffb0b0;
	padding:1em; width:80%;
	text-align:center;
	margin:1px;
}

.green_message_box
{
	border-style:solid;
	border-width:2px;
	border-color:#339900;
	background:#B8F5B1;
	padding:1em; width:80%;
	text-align:center;
	margin:1px;
}

.blue_message_box
{
	border-style:solid;
	border-width:2px;
	border-color:#0000FF;
	background:#99CCFF;
	padding:1em; width:80%;
	text-align:center;
	margin:1px;
}

#calculator_message_box
{
	border: solid 1px #b2c4e4;
	background:#e9f0fc;
	padding:15px;
	text-align:left;
}

#calculator_message_box h6
{
	font-size: 14px;
	color: #61718d;
	margin: 0 0 5px 0;	 
	border-bottom:solid 1px #b2c4e4;
	padding: 0 0 3px 0;
}

#calculator_message_box a
{
	font-size: 12px;
	color: #8194b5;
	margin: 0 0 10px 0;	 
	display:block;	
}