/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 12px "Trebuchet MS";
	background:url(../gfx/bg.jpg) repeat-x;
	background-color:#c7c7c7;
	line-height:12px;
}

h1{	font: bold 20px "Trebuchet MS"; color: #45719b; }
h2{	font: bold 14px "Trebuchet MS"; color: #45719b; }
h3{	font: bold 12px "Trebuchet MS"; color: #f14f12; }
h4{	font: bold 16px "Trebuchet MS"; color: #45719b; }
h5{	font: bold 14px "Trebuchet MS"; color: #45719b; }
h6{	font: bold 12px "Trebuchet MS"; color: #45719b; }

/* MAKES ALL BROWSERS HANDLE HEADINGS AND PARAGRAPHS THE SAME, USE AT YOUR DISCRETION */
h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 5px 0; }

.clear{	clear: both; }
.left{ float: left; }
.right{ float: right; }
.red{ color: red; }
img{ border: none; }

form, fieldset, legend{ margin: 0; padding: 0; }
fieldset{ border: none; margin: 0; padding: 0; width:auto; }
legend{ display: none; }
.nobg{ border: none; background: none; }

a{
	color: #f14f12;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/* CSS TRANSPARENCY, THIS INVALIDATES THE STYLESHEET, USE AT YOUR DISCRETION */
/*a:hover img{ opacity: 0.8; filter: alpha(opacity=80); -moz-opacity:0.8; }*/

/* input[type=""] DOES NOT WORK IN IE6 */
input[type="checkbox"], input[type="radio"]{ border: none; width: auto; background: none; }


ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

.submit{
	background:none;
	border:none;
	}

#box{
	width:991px;
	margin:0px auto 5px auto;
	overflow:hidden;
	background-color:#FFF;
	}

#header{
	width:991px;
	height:131px;
	overflow:hidden;
	}

#logo {
	width:100px;
	height:131px;
	float:left;
	overflow:hidden;
	}

#cart{
	width:400px;
	height:34px;
	margin-top:46px;
	padding:14px 0px 0px 68px;
	float:right;
	overflow:hidden;
	background:url(../gfx/crate.jpg) no-repeat;
	}

#navBar{
	background:url(../gfx/navBg.jpg) repeat-x;
	overflow: hidden;
	width:100%;
}
#nav{
	width:680px;
	height:27px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	float:right;
	}

#nav ul{
	margin:0px;
	overflow:hidden;
	height:27px;
	}

#nav li{
	float:left;
	list-style:none;
	background:none;
	overflow:hidden;
	height:27px;
	}

#nav li a{
	color: #FFFFFF;
	display: block;
	padding: 7px 12px;
	overflow:hidden;
	float:left;
	height:13px!important;
	}
	
#nav li a:hover, #nav #navOn a{
	color:#FFF;
	text-decoration:none;
	height:13px!important;
	background:url(../gfx/highlightBg.jpg) repeat-x;
	overflow:hidden;

	}

	
#inputSearch{
	background: url(../gfx/navSearch.gif) no-repeat;
	border:none;
	font: 12px "trebuchet ms";
	width: 231px;
	height:22px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	color: #7e7e7e;
	overflow:hidden;
	float: left;
	}

#search{
	overflow:hidden;
	float: left;
	width:311px;
	}
	
#mainContent{ clear: both; }
	
#leftNav{
	width:188px;
	height:auto;
	float:left;
	overflow:hidden;
	text-transform: uppercase;
	}
	
#leftNav ul{	
	margin:10px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	}	
	
#leftNav li {
	list-style:none;
	margin:5px 0px 0px 0px;
	}

#leftNav li a{
	color:#000;
	list-style:none;
	}

.orange {
	color:#f14f12;
	}


	
.productListing{ margin: 20px 0; }
#categoryImage img{ border: 1px solid #d0d0d0; margin-top: 5px; }
#sortBox .productListing-heading{ background: none; color: #000000; }

.productName a{ font: 12px arial; color: #333; padding-bottom:0px!important; font-weight:600;  }
p.productName{ padding-bottom:0px!important;  }
.productPrice{ font: 14px "trebuchet ms"; color: #f74f12; padding-top:0px; margin-bottom:5px; }

#productLeft{ float: left; width: 350px;  }
#productRight{ float: right; width: 430px; }
#productInfoName{ font:20px "trebuchet ms"; color: #000; }
#productInfoPrice{ font: bold 12px "trebuchet ms"; color: #f14f12; }
#productInfoPriceDesc{ font: bold 12px "trebuchet ms"; color: #f14f12; margin-top:-10px; }
#productInfoDescription{ font: 12px "trebuchet ms"; color: #000; line-height: 20px; }

#shoppingCart .infoBoxHeading a, #shoppingCart .infoBoxHeading{ color: #000; }
	
.tableStockists{ width: 90%; }
.tableStockists td{ vertical-align: top; width: 30%; }


#homeBanner{
	margin-top:0px;
	width:792px;
	background:url(../gfx/mainBg.jpg) no-repeat;
	background-color:#FFF;
	float:left;
	position:relative;
	}
#mainArea{
	margin-top:0px;
	width:792px;
	background-color:#FFF;
	float:left;
	position:relative;;
	}
#clickToShop{
	position:absolute;
	top:137px;
	left:365px;
	}
	
#homeCta{
	width:281px;
	height:auto;
	float:right;
	margin:10px 0px 0px 0px;
	}
	
.pic{
	margin-bottom:12px;
	}
	
#footer{
	width:991px;
	height:176px;
	background:url(../gfx/footerBg.jpg) repeat-x;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#footer ul{
	float:left;
	color:#707070;
	list-style:none;
	line-height:15px;
	margin:15px 33px 0px 0px;
	}
	
#footerLinks{
	width:auto;
	margin:0px 0px 0px 20px;
	}	
	
#footer a{
	color:#707070;
	}	
	
#footer a:hover{
	color:#f14f12;
	text-decoration:none;
	}
	
#footerInfo {
	color:#4f4f4f;
	width:991px;
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	}

#footerInfo a{
	color:#4f4f4f;
	text-decoration:underline;
	}

#cards{
	width:392px;
	height:28px;
	background:url(../gfx/cards.jpg) no-repeat;
	float:right;
	margin:35px 15px 0px 0px;
	}
	
	#realex{ width:68px; height:28px; padding:0px; float:right; }


#newsletter{
	width:392px;
	height:28px;
	float:left;
	margin:25px 0px 0px 20px;
	}
	
#newsletterInput{
	background: url(../gfx/newsletter.gif) no-repeat;
	border:none;
	font: 12px "trebuchet ms";
	width: 202px;
	height:20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #888888;
	float: left;
	overflow:hidden;
	}
	
td .odd, td .even{ padding:10px; font-weight:bold; }

.size{ padding:10px; text-align:left; background:#EFEFEF;}

tr .head{ background:#F14F12; color:#FFF;font-size:12px; font-weight:bold; }
tr .head td{padding:10px 0px 10px 0px; font-size:10px; }
tr .title td{ padding:20px 0px 10px 0px; }




tr .odd{ background:#CCC; color:#000; }
tr .odd td{ padding:10px; }
tr .even{ background:#c3c2c2; color:#000; }
tr .even td{ padding:10px; }

tr.odd:hover{ background:#FF8C5F; color:#FFF; }
tr.even:hover{ background:#FF8C5F; color:#FFF; }

td.subtitle { padding:20px 0px 10px 0px; background:#F14F12;  color:#FFF;  }