/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/

html, body
{
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

body
{
    margin: 0px;
    padding: 0px;
    background-color: #333333;
}

div#contentbackground
{
    margin: auto;
    min-height: 100%;
    width: 780px;
    background-color: white;    
    background-image: url(../images/gr-contentbg.jpg);
    background-position: bottom right;
    background-repeat: repeat-y;
}

div#container
{
    margin: auto;
    width: 780px;
    background: transparent;
    background-position: left;
    background-repeat: repeat-y;
}

div#header
{
    background-color: #666688;
    color: #ffffff;
    top: 0px;
    padding: 0px;
    margin: 0px;
    height:  70px;
    z-index: 100;
    margin: auto;
}

div#header div#header_flash
{
    float: right;
    padding: 0px;
    margin-top: -5px;
}

div#header p
{
    margin: 0px;
    padding: 20px 0px 0px 20px;
    color: #ffffff;
    font-weight: 400;
    font-size: 24px;
}

div#contenttable
{
    display: table;
}

/*
main side menu
*/

div#menu
{
    position: relative;
    display: table-cell;
    width: 187px;
    left: 0px;
    top: 0px;
}

div#menu ul
{
    width: 187px;
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 36px;
}

div#menu ul li
{
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li a
{
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    padding: 5px 5px 5px 15px;
    margin: 0px;
}

div#menu ul li a:hover
{
    color: #ffffff;
    background-color: #777671;
}

div#menu ul li.selected
{
    display: block;
    color: #ffffff;
    background-color: #777671;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li.selected ul
{
    background-color: #a19e97;
    padding: 0px;
    margin: 0px ;
}

div#menu ul li.selected ul li
{
}

div#menu ul li.selected ul li a
{
    font-size: 11px;
    font-weight: 400;
    padding: 5px 5px 5px 30px;
    margin: 0px;    
}

div#menu ul li a ul li.selected
{
    color: #333333 !important;
    background-color: #dddddd !important;
}

/*
end main side menu
*/

div#content
{
    display: table-cell;
    background: transparent;
    width: 581px;
    vertical-align: top;
    top: 0px;
    padding: 5px;
    padding-bottom: 35px;
}

/*
end content wrapper
*/

/*
footer
*/

div#footer
{
    width: 780px;
    margin: 0 auto;
    display: block;
    height: 35px;
    background-color: #eeeeee;
    margin-top: -35px;
    position: relative;
    padding: 0px;
    clear: both;
}

div#footer p
{
    padding: 10px 0px 0px 20px;
    font-size: 11px;
    color: #666666;
}

/*
end footer
*/

/* Product Main */

#product_main{}

#product-detail-image{}
#product-detail-image img{}

#detail-img{}
#detail-img img{}

#product-detail-alternateimages{}
#product-detail-alternateimages img{}

.prod-mini{}
.prod-mini img{max-width:50px;}

#details-left{}
#details-left p {}

#details-short-desc{}
#details-short-desc p {}
#details-long-desc{}
#details-long-desc p {}

#price{}

#associated_products{}
#associated_products h2{}

/* End Product Main */


/* Top Product Links */

#header_links ul
{
	width:985px;
	height: 125px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#header_links ul li
{
	list-style-type:none;
	height:120px;
	width: 65px;
	float:left;
}

div#header_links ul li a
{
	float: left;
	display: block;
	padding:65px 0px 0px 0px;
	width: 65px;
	height:50px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#header_links p {margin:0px;}

#header_links span {}

div#header_links ul li a:hover
{
	background-position: 0px -119px;
	border-bottom: none;
}

div#header_links ul li#link_straights a {background-image: url(/images/straights.png);}
div#header_links ul li#link_castellated a {background-image: url(/images/castellated-hoses.png);}
div#header_links ul li#link_couplers a {background-image: url(/images/couplers.png);}
div#header_links ul li#link_straightreducers a {background-image: url(/images/straight-reducers.png);}
div#header_links ul li#link_90elbows a {background-image: url(/images/90-elbow.png);}
div#header_links ul li#link_90elbowreducers a {background-image: url(/images/90-elbow-reducers.png);}
div#header_links ul li#link_135elbows a {background-image: url(/images/135-elbows.png);}
div#header_links ul li#link_45elbows a {background-image: url(/images/45-elbows.png);}
div#header_links ul li#link_hoseclips a {background-image: url(/images/hose-clips.png);}
div#header_links ul li#link_hoseclipscovers a {background-image: url(/images/hose-clips-with-covers.png);}
div#header_links ul li#link_hosejoiners a {background-image: url(/images/alluminium-hose-joiners.png);}
div#header_links ul li#link_silishine a {background-image: url(/images/silishine-spray.png);}
div#header_links ul li#link_bulbs a {background-image: url(/images/light-bulbs.png);}
div#header_links ul li#link_hosekits a {background-image: url(/images/car-hose-kits.png);}
div#header_links ul li#link_motocross a {background-image: url(/images/motocross-bike-kits.png);}

/* End Top Product Links */

  
/* Devils Club Product */

.dc-container {border: 1px solid #cccccc; background-color: #ffffff; padding: 2px; opacity: 1;height:200px}
.dc-container-inner {text-align: center; border: 1px solid #D1D1D2; background-color: #ffffff; padding: 2px; height:198px; min-width: 100px;}

.dc-title {font-size:10px !important; margin:5px !important;}

.img-container-dc{height:140px;}

.img-container-dc img {max-height:120px;}

#mainpicture
{
	max-width:300px;
}

/* End Devils Club Product */



/* Product Main */

#main-product-container
{
	width:760px;
	float:left;
}

#main-img-container
{
	border:1px solid #FFFFFF;
	float:right;
	/*height:175px;*/
	height:auto;
	width:200px;
}


#main-product-title{width:500px;}
#main-product-title h1 {font-size:12px;}

#main-product-long_desc
{
	width:500px;
}

#main-product-options
{
	
}

.select-container
{
	
}

#main-img-container img {max-width:200px;}
#main-img-container-zoom{height:26px;}

#picture_message
{
	float:left;
	margin:3px 10px 0 0;
}

img.tinypic
{
	background-color:#FFFFFF;
	border:1px solid #fff !important;
	padding:0px !important;
}

#picture_message span {color:#9C0200;}


#small-images-container
{
	float:left;
	height:40px;
	width:550px;
}

#product_thumbnails
{
	width:500px;
	float:left;
}

#product_thumbnails img
{
	max-height:20px;
}


#related-products-container
{
/*	clear:both;
	float:none;*/
	float:left;
}

.related-products-small
{
	width:170px;
	height:110px;
	float:left;
	border:1px solid #fff;
	margin:10px 20px 0px 0px;
}

.related-products-small p
{
	background-image: url(/images/other-product-bg.png);
	background-repeat: repeat-x;
	height:21px;
	width:165px;
	margin:0px;
	padding:0px 0px 0px 5px;
	font-weight:normal;
	color:#fff;
	line-height:20px;
	
}

.related-product-small-img-holder
{
	width:170px;
	height:90px;
	background-color:#fff;
	text-align:center;
}

.related-product-small-img-holder img
{
	max-height: 89px;
}

#priceholder
{
	font-size:15px;
	font-weight: bold;
	color:#9C0200;
}

.options_form
{
	position:relative;
	top:-30px;
}

.add-btn
{
	border: none;
}

/* End Product Main */

/* Technical Info Page */

.technical-info-heading
{
	
}

.technical-info-heading h3
{
	text-decoration:underline;	
}

.technical-info-content
{
	
}

/* End Technical Info Page */

/* Tables */

table.menutable tr td

{

	border: 1px solid #000000;

	background-color:#EBF3FC;

	padding: 5px;

	vertical-align: top;
	color: #000;

}



table.menutable tr.menutableheading

{

	background-color: #9594CD;

	color: #E13B28;

	font-weight: 700;

}



table.menutable tr.menutableheading td

{

	border: 1px solid #000000;
	color:#fff;
	background-color: #DA251D;

}

/* End Tables */	

/* Subpages - Shop Page */

#subpages-shop-container{}
#subpages-shop-container ul {}

#subpages-shop
{
	margin: 0px;
	list-style: none;
	padding: 0px;
}

#subpages-shop li
{
	float:left;
	height:166px;
	margin:0 0 30px;
	padding:0 10px;
	width:220px;
}

.subpage-shop-inner
{
	border:1px solid;
	height:171px;
	width:220px;
}

.subpage-img-container{text-align:center;}
.subpage-img-container p {margin:0px;padding:0px;}

#subpages-shop li img
{
	max-width: 215px;
	max-height: 150px;
}



.subpages-shop-li p.subpage-shop-li-p
{
	background-image: url(/images/other-product-bg.png);
	background-repeat: repeat-x;
	height:21px;
	width:215px;
	margin:0px;
	padding:0px 0px 0px 5px;
	font-weight:normal;
	color:#fff;
	line-height:20px;


/* End Subpages - Shop Page */