/* CSS Document */
body{
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	height:auto;
}

/*===================================================================*/
/*===================================================================*/
/* THE MAIN DIVS WITHIN THE PAGE CONTAINING ALL THE POSITIONING etc. */
/*===================================================================*/

#topshadow{
	width:770px;
	margin:0px auto;
	background-image:url('../graphics/drop_shadow_top.gif');
	background-position:center;
	background-repeat:none;
	height:15px;
	background-color:#fef0ff;
}
#bottomshadow{
	width:770px;
	margin:0px auto;
	background-image:url('../graphics/drop_shadow_bottom.gif');
	background-position:center;
	background-repeat:none;
	height:24px;
}

#message{
	display:none;
}

#page{
	background-image:url('../graphics/drop_shadow_middle.gif');
	background-position:center;
	background-repeat:repeat-y;
}

#page_div{
	position:relative;
	top:0px;
	left:0px;
	width:750px;
	margin:0px auto;
	padding:0px;
	border:1px solid #cdcdcd;
}

#header{
	display:none;
}

#mainnav{
	display:none;
}

#subnav{
	display:none;
}


#content{
	overflow:auto;
}

#content_div{
	margin-top:2px;
	font-size:90%;
	line-height:1.5em;
	padding:5px;
	padding-left:0px;
  	min-height:500px;
  	height:500px;
}

div[id] #content_div {
   height:auto;
}

#middle_section{
	width:100%;
}

#middle_section_div{ 
	min-height:700px;
	border:1px solid red;
}


#footer{
	clear:both;
	width:100%;
}

#footer_div{
	padding:3px;
	padding-top:0px;
	margin-top:15px;
	text-align:center;
	border-top:1px solid #cdcdcd;
	background-color:#dedede;
	height:100%;
	font-size:0.8em;
}

.random_products{
	padding:3px;
	display:block;
	width:inherit;
	text-align:center;
}


/*===================================================================*/
/* END OF CSS POSITIONING                                            */
/*===================================================================*/
/*===================================================================*/

/*===================================================================*/
/*===================================================================*/
/* FOOTER STYLING                                                    */
/*===================================================================*/
#footer_div ul {
	list-style-type:none;
	margin:3px -1px;
	padding:0px;
	font-weight: bold;
	font-size:0.9em;
}
#footer_div li {
 	padding: 0px;
	display:inline;
}
#footer_div li a:hover {
	text-decoration:underline;
}
#footer_div li a {
 	text-decoration: none;
 	padding: 0px 2.5px;
	color: #333333;
}
#footer_div li.current a{
	color:#000000;
	text-decoration:underline;
}
/*===================================================================*/
/* END OF FOOTER STYLING                                             */
/*===================================================================*/
/*===================================================================*/


/*===================================================================*/
/*===================================================================*/
/* CSS STYLING                                                       */
/*===================================================================*/

/* This highlights search terms within a product */
.searchword{
	color:#CC66CC;
	font-weight:bold;
}

/* ensure that there is no unneccessary space around forms */
form{
	margin:0px;
	padding:0px;
}


/*the pink expanding sections in the side bar */
.sideHeader{
	position:relative;
	top:2px;
	text-align:center;
	text-transform:uppercase;
	padding:3px 0px;
	margin:0px;
	width:inherit;
	display:block;
	color:#666666;
	font-weight:bold;
	line-height:15px;
	background-image:url('../graphics/main_nav_background.jpg');
	border:1px solid #999999;
}

/*the pink heading to table columns */
.tableHeader{
	text-transform:uppercase;
	padding:3px;
	margin:0px;
	color:#666666;
	font-weight:bold;
	font-size:0.8em;
	line-height:15px;
	background-image:url('../graphics/main_nav_background.jpg');
	border:1px solid #999999;
}

/*the links to expand/collapse the side bits*/
#subnav_div a, a.toggle{
	text-decoration:none;
}
#subnav_div .sideHeader:hover, a.toggle h2:hover{
	background-image: url('../graphics/main_nav_background_over.jpg');
	color:#ffffff;
}

/*the boxes that expand/collapse*/
.sideBox{
	margin:0px;
	margin-bottom:5px;
	text-align:center;
	border:1px solid #999999;
	background-color:#fdfdfd;
	height:auto;
}

.sideBox input, .sideBox select{
	font-size:inherit;
	margin:2px 0px;
}

.sideBox td{
	border-bottom:1px solid #efefef;
	text-align:left;
}

/*all images in the content div*/
#content_div img{
	/*padding:5px;*/
}

/*the error message when login doesn't work*/
#login_error, .warning{
	display:none;
}

.logos{
	/*The logos on the front page*/
	padding:10px 3px;
	text-align:center;
}

/* the section headings on the pages */
h2 {
	text-align:center;
	text-transform:uppercase;
	padding:3px 0px;
	margin:0px;
	width:inherit;
	display:block;
	color:#666666;
	font-weight:bold;
	line-height:15px;
	background-image:url('../graphics/main_nav_background.jpg');
	border:1px solid #999999;
	font-size:0.9em;
}

/* the labels */
.label, .tabon, .taboff{
	font-size:0.9em;
	display:block;
	width:120px;
	color:#666666;
	font-weight:bold;
	line-height:15px;
	text-transform:uppercase;
}

#content_div .sideBox div{
	/*padding:5px;*/
}
#content_div .sideBox{
	position:relative;
	padding:5px;
	top:-1px;
}

/* any pills within the site */
.pill{
	width:75px;
}

#thumb_exp{
	display:block;
	padding:0px;
}

form{
	display:inline;
}

.search_link{
	/*this is the links that are returned as an unordered list by ajax to search queries */
}

#blank_image{
	display:block;
	width:75px;
	height:75px;
	margin:auto;
	margin-bottom:2px;
	background-color:white;
}

#empty_basket{
	display:block;
	height:200px;
	width:inherit;
	border:1px solid #999999;
	text-align:center;
	background-image:url(../graphics/basket.gif);
	background-position:center;
	background-repeat:no-repeat;
	line-height:200px;
	font-size:2em;
	font-weight:bold;
}

.basketItem_odd, .basketItem_even{
	display:block;
	width:inherit;
	position:relative;
	text-align:left;
	border-bottom:1px solid #ccc;
}

h3{
	font-size:1.1em;
	font-weight:bold;
	color:#666666;
	margin:1px;
	padding:0px;
}

.colHeading{
	font-weight:bold;
	text-transform:uppercase;
	color:#666666;
	border-bottom:1px solid #666666;
	font-size:0.8em;
}

#discountComment{
	margin-top:5px;
	display:block;
	text-align:center;
	width:inherit;
	font-size:0.9em;
	font-weight:bold;
	color:#666666;
}

.navigation{
	clear:both;
	display:block;
	width:inherit;
	text-align:center;
}

#main_basket_div .product_normal, #main_basket_div .product_highlight{
	height:auto;
}
#main_basket_div .product_right_col, #main_basket_div .product_left_col{
	padding:0px;
	margin:0px;
}
.search{
	font-weight:bold;
	background-color:#ffe0ff;
	border:1px solid #cdcdcd;
	padding:0px 1px;
	text-transform:uppercase;
}


/* put a border round all product images */
.prodshot{
	border-left:1px solid #666666;
	border-top:1px solid #666666;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:0px;
	padding:0px;
}

.prodshot_over{
	border-left:2px solid #666666;
	border-top:2px solid #666666;
	border-right:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
	margin:-1px;
	padding:0px;
}

.question{
	font-weight:bold;
	display:block;
}

.answer{
	colour:#999999;
	padding-left:15px;
	padding-bottom:3px;
	margin-bottom:5px;
	font-style:italic;
	display:block;
}

.ruleNormal{
	font-size:0.8em;
}
.ruleHighlight{
	font-size:0.8em;
	color:red;
	font-weight:bold;
}

.showHideHeader h3{
	font-size:1em;
	border-top:1px solid #999999;
}
.showHideHeader{
	text-decoration:none;
}

.terms{
	padding:0px 15px;
	margin-bottom:5px;
	font-style:italic;
}

.terms img{
	margin:3px 5px 0px;
}

#cardLogos{
	text-align:center;
}

.sizing{
	padding:10px;
	text-align:center;
}

.sizing td{
	border-bottom:1px solid #666666;
}

#sizeConversions h3{
	text-align:left;
}

.sizeCol{
	border-left:1px solid #666666;
	text-align:center;
}
/*===================================================================*/
/* END OF CSS STYLING                                                */
/*===================================================================*/
/*===================================================================*/

/*===================================================================*/
/*===================================================================*/
/* catalogue styles                                                  */
/*===================================================================*/
.minilabel{
	text-transform:lowercase;
	color:red;
	font-size:0.8em;
	line-height:1em;
	font-style:italic;
}
#sort{
	display:block;
	text-align:right;
	font-size:0.9em;
}
#sort input, #sort select{
	font-size:0.9em;
}

#resultrange{
	/*this is the div that say 'Below are items XX-YY out of ZZ' */ 
}

.product_normal{
	position:relative;
	display:block;
	height:6em;
	overflow:hidden;
	border:1px solid #fff;
	border-bottom:1px solid #ccc;
}

.product_highlight{
	position:relative;
	display:block;
	height:6em;
	overflow:hidden;
	border:1px solid #fff;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background-color:#f2f2f2;
}

.product_left_col{
	display:block;
	float:left;
	width:60px;
	padding:2px 5px;
	height:inherit;
}
.product_right_col{
	display:block;
	position:relative;
	padding:2px;
	height:6em;
	height:inherit;
	text-align:left;
}
.product_title a{
	text-transform:uppercase;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}

.product_price{
	position:absolute;
	top:0px;
	right:0px;
	padding-right:2px;
	padding-top:2px;
}
.product_price a{
	text-transform:uppercase;
	font-weight:bold;
	color:#0072c6;
	text-decoration:none;
}

.product_description{
	border-top:2px solid #666666;
	height:3em;
	overflow:hidden;
}

.product_more{
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:inherit;
	padding:5px;
	padding-left:10px;
	font-size:0.95em;
	font-style:italic;
}
.product_more a{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

#customer_review{
	float:left;
	padding-left:5px;
	width:330px;
}

.printCatalogue a{
	text-decoration:none;
	color:#000000;
}

.pdfCatalogue{
	width:25%;
	float:left;
	height:80px;
	text-align:center;
}

.catEnabled{
	background-image:url(../graphics/pdf_icon.gif);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	padding-top:52px;
}
.catEnabled:hover{
	background-image:url(../graphics/pdf_icon_over.gif);
	font-weight:bold;
}

.catDisabled{
	background-image:url(../graphics/pdf_icon_disabled.gif);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	padding-top:52px;
}
/*===================================================================*/
/* end of catalogue styles											 */
/*===================================================================*/
/*===================================================================*/

/*===================================================================*/
/*===================================================================*/
/* start of catalogue page nav										 */
/*===================================================================*/

#catalogueNav{
	display:none;
}

#prevPage{
	display:none;
}

#nextPage{
	display:none;
}

/*===================================================================*/
/* end of catalogue page nav										 */
/*===================================================================*/
/*===================================================================*/

/*===================================================================*/
/*===================================================================*/
/* start of product styles											 */
/*===================================================================*/

#tabbar_top .taboff{
	display:none;
}
#tabbar_top .tabon{
	display:none;
}

.spacer{
	display:block;
	height:3px;
}

#product_photo{
	float:left;
}

#product_thumbs{
	float:left;
	width:50px;
	margin-left:5px;
	margin-right:5px;
}

#product_options{
	float:left;
	width:275px;
	display:block;
}

#product_description{
	clear:both;
	position:relative;
}

#product_average_rating{
	display:block;
	width:99%;
	background-color:#dedede;
	padding:2px;
}

#product_average_rating img{
	margin-right:-4px;
	margin-bottom:-2px;
	padding:0px;
}

.product_review_details{
	clear:left;
	float:left;
	padding:3px;
	width:150px;
}

.product_review{
	float:left;
	padding:3px;
	width:375px;
}

.product_review_spacer{
	display:block;
	clear:both;
	border-bottom:1px solid #cccccc;
}

#back_link{
	display:block;
	width:100%;
	text-align:right;
	text-transform:uppercase;
	color:#666666;
	font-size:0.9em;
}

#product_main_image{
	position:relative;
}
#manufacturers_logo{
	position:absolute;
	bottom:3px;
	right:3px;
}
#zoom_icon{
	display:none;
}
/*===================================================================*/
/* end of product styles											 */
/*===================================================================*/
/*===================================================================*/

/*===================================================================*/
/*===================================================================*/
/* start of comment styles											 */
/*===================================================================*/
.comment{
	padding:5px;
	color:#0066FF;
	font-weight:bold;
	font-style:italic;
}

.quote{
	font-size:1.5em;
	color:#0066FF;
	font-weight:bold;
	line-height:0.8em;
}

.customercomment{
	margin:5px 0px;
	text-align:center;
	padding:5px 10px;
	/*border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-bottom:1px solid #dedede;
	border-right:1px solid #dedede;*/
	background-image:url('/CSS/graphics/quote.gif');
}
/*===================================================================*/
/* end of comment styles											 */
/*===================================================================*/
/*===================================================================*/