/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-size:100%}
body {background:#fff; font:normal 0.7em verdana; color:#666;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
table.productform{ clear:left; width:460px; border:Solid 1px #ccc; color:Black;}
.leftclear{clear:left;}
table.productform tr.fontbold{ font-weight:bold;}
td.padding{padding:8px 8px 8px 8px;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0}
p {margin:0 0 1.5em;}

/* GJ - 07/04/2009 - Commented to allow client to set italic text in WYSIWYG Editor*/
/*em{font-style:normal}*/

a {color:#666; text-decoration:underline}
a:focus, a:hover {color:#666; text-decoration:none}
.float-l{float:left}
.float-r{float:right}
hr{background:#ccc;height:.2em;margin:-8px auto 11px;border:none;}

#main {width:1005px;
	/*min-height:100%;
	height:auto !important;*/
	clear:both;
	margin:0 auto;
	}
.quantitiytext{text-align:center;width:55px;}
.header{width:auto; overflow:hidden;margin-bottom:5px; }
.header #logo{background:url(../images/HBB_Red_500sq_300dpi.jpg) no-repeat 0 0; width:90px; height:90px; display:block; position:relative; float:left;}
.header #logo a,.header #logo a:hover{width:87px; height:90px; display:block; text-indent:-9999px}
.header .searchright{width:575px; float:right; text-align:right; padding:18px 0 0 0; position:relative}
.header .searchright ul{list-style:none; font-size:0.9em; font-weight:bold;}
.header .searchright ul li{display:inline; padding:0 8px; border-right:1px solid #999; color:#999}
.header .searchright ul li a{color:#999; text-decoration:none}
.header .searchright ul li a:hover{color:#999; text-decoration:underline}
.header .searchright ul li.last{border:0; padding-right:0}
.header .searchright ul li.first{border:0;padding:0}
.header .searchright ul.flags{float:left; padding:24px 0 0 0}
.header .searchright ul.flags li{border:0; padding:0}
.header .searchright .welcome{position:absolute; top:2px; right:0; font:bold 0.9em verdana; color:#990000}
.header form.search{background:#A71B1F; padding:5px; margin-top:10px; float:right; width:165px}

ul.footer{text-align:center;width:auto; list-style:none; background:#999; height:12px; padding:7px 6px 7px 65px; font-size:0.9em; clear:both}
ul.menu-1{width:auto; list-style:none;  margin-bottom:3px}
ul.menu-2{width:auto; list-style:none;  margin-bottom:3px}
ul.menu-1{background:#A71B1E; height:14px; padding:7px 6px 7px 60px;}
ul.menu-2{background:#999; height:14px; padding:5px 5px 7px 60px;}
.item{display:inline; padding:0 12px; border-left:1px solid #fff;}
.firstitem{border-left:none;}
.currentitem{border-bottom:1px solid #fff;}

/*
ul.menu-1,ul.menu-2{width:auto; list-style:none;  margin-bottom:3px;list-style-type:none;}
ul.menu-1{ height:14px; padding:7px 6px 7px 60px;}
ul.menu-2{ height:10px; padding:5px 5px 7px 60px;}
ul.menu-1 li,ul.menu-2 li{display:inline;}
ul.menu-1 li a,ul.menu-2 li a{ float:left; padding:0 12px; border-right:1px solid #fff}
ul.menu-1 li a{ background-color:#A71B1E;}
ul.menu-2 li a{background:#999;}
ul#primarynavigation a.currentitem{background-color:#fff; color:Red}
*/
ul.menu-1 li a,ul.menu-2 li a,ul.footer li a{color:#fff; text-decoration:none}
ul.menu-1 li a:hover{color:#ff9999; text-decoration:none}
ul.menu-2 li a:hover,ul.footer li a:hover{color:#ccc; text-decoration:none}
ul.menu-1 li{ text-transform:uppercase;}
.detail{width:56%;padding-left:5px;float:right;}
/*.detail p{width:550px;}*/
.content-home{width:auto; padding:20px 0 0 10px; min-height:700px}
.content{width:auto; padding-left:72px; min-height:700px}
.content-padding2{padding-left:20px;}
.content-padding1{padding-left:72px;}
.content-productdetail{float:left;width:800px;}
.padding-myaccount{padding-top:30px;}
.breadcam{width:auto; height:30px;}
.breadcam1{padding:0 0 0 50px;}

.breadcam2{padding:3px 0 0 0;}
.border {background:#ccc;height:.2em;margin:-8px auto 11px;border:none;}

h1,h2.h1{font:normal 2.1em Helvetica; margin-bottom:15px; color:#999}
h1.h1{float:left; padding-top:18px}
h2{font:normal 1.6em Helvetica; margin-bottom:15px}
h3{font-weight:bold; margin-bottom:10px}
.f14{font-size:1.2em}
.red{color:#990000}
.red2{color:#cc0000}
.green{color:#009900}

.div-0{width:49%}
.div-1,.div-2,.div-3{float:right; overflow:hidden}
.div-1{float:left;width:335px; color:#999;padding:0 0 0 30px;}
.div-2{width:385px; padding-left:9px}
.div-3{width:175px; padding-left:10px}
.divpadding-top{/*padding-top:35px;*/}
.div-4{width:705px; float:left; font-size:0.9em}
/*.div-4 input{width:35px;}*/


div.default_container
{
	background: url(/images/bg-2[1].gif) no-repeat top right;
	padding-right: 20px;
	width: 680px;
	min-height: 700px;
	float: left;
}

.div-5{background:url(../images/bg-2[1].gif) no-repeat top right; padding-right:200px; width:500px; min-height:700px; float:left}

.div-6{width:33%; padding:20px 0}
.div-7{padding:0 15px 0 0;width:auto;float:left;}
.div-8{width:510px;float:left}
.div-10{float:left;width:800px;padding-bottom:10px;}

.div-10 a{float:left;} 
.div-a{ width:340px; float:left;}

/*.div-10 a img{ width:238; height:235; float:left;} */

.span-0{width:110px}
.span-1{width:165px}
.span-2 {
	margin:1px 0 0 1px;
	width:70px;
}
.continue_btn {
margin-bottom:27px !important;
}


/*=====Content Element Styles=====*/
/*.pink,.green1,.white{padding:10px; margin-bottom:10px; font-size:0.9em}
.pink h2,.green1 h2,.white h2{font:normal 2em Helvetica; margin-bottom:10px; text-align:center}

.pink{background:#FFCCCC}

.green1{background:#D7D7A9}
.green1 p{margin:0;}

.green1 em{color:#000;}

.white{border:1px solid #333}
*/

.ceAdvert
{
	padding:10px; margin-bottom:10px; font-size:0.9em
}
.ceAdvert h2
{
	font:normal 2em Helvetica; margin-bottom:10px; text-align:center
}

.Pink{background-color:#FFCCCC}

.Green{background-color:#D7D7A9}
.Green em{color:#000;}
.Green p{margin:0;}

.White{border:1px solid #333}

.Blue{background-color: #3BB9FF; color: White;}
.Blue a {color: White;}
.Yellow{background-color: Yellow;}
.Orange{background-color: Orange;}
.Lilac{background-color: #CC99CC;}
.Grey-light{background-color: #D3D3D3;}
.Grey-dark{background-color: #A9A9A9; color: White;}
.Grey-dark a {color: White;}
.Cream{background-color:#FFFDD0;}



/*====End Content element Styles=========*/
.box-4{background:#999; padding:5px; color:#fff;margin-bottom:10px;}
.box-4 input{width:147px;}

ul#registrationBenefits
{
	padding-left: 13px;
	list-style-position: outside;
}

ul.ul-1{margin:5px 0; list-style:inside}
ul.product-gal,ul.product-gal2,ul.product-gal3,ul.categories{list-style:none; width:auto}
ul.product-gal li,ul.product-gal3 li{float:left; margin:0 5px 5px 0}
ul.product-gal li.homefirst{height:245px;}
ul.product-gal2 li,ul.product-gal3 li{display:block; float:left; text-align:center; width:152px; height:220px; padding:0 10px;}
ul.product-gal3 li{width:170px;padding:0 0 0 0;/*width:135px;*/}
ul.product-gal2 a,ul.product-gal3 a,.breadcam a,ul.categories li a{text-decoration:none}
ul.product-gal2 a:hover,ul.product-gal3 a:hover,.breadcam a:hover,ul.categories li a:hover{text-decoration:underline}
ul.steps{list-style:none; height:50px;}
ul.checkoutstyle{margin-left:340px;}
ul.steps li{display:block; float:left; height:40px; width:70px; padding:0 30px 0 10px; font:normal 1.8em Helvetica; background:url(../images/bg-steps.gif) no-repeat top right; color:#ddd; line-height:20px}
.fastcheckout{position:relative;top:-38px;left:80px;}
/*ul.steps li.li-2{display:block; float:left; height:40px; width:70px; padding:0 50px 0 10px; font:normal 1.8em Helvetica; background:url(../images/bg-steps2.gif) no-repeat top right; color:#ddd; line-height:20px;}*/
ul.steps li.select{background-position:bottom right; color:#990000;}
ul.steps li.select a.select{background-position:bottom right; color:#990000; text-decoration:none;}
ul.steps li.last{background:none; padding:0; width:100px}
ul.categories li,ul.categories li img, ul.categories li p, ul.categories li h3{float:left;}
ul.categories li{padding:0 0 10px 0;display:block; float:left;width:250px;height:200px;}

ul.categories li{margin:0 0 3px}

ul.categories li img{border: Solid 1px #666;display: block;}
ul.categories li a,ul.product-gal3 a,ul.categories li h3{font-weight:bold;color:#A71A1D;}
ul.categories li h3,ul.categories li p{padding: 0 0 0 7px;}
ul.categories li h3, ul.categories li p{width: 130px; font-family:verdana; font-size:100%;}

table.listing th,table.listing td.td2{background:#ccc; border-bottom:4px solid #fff; padding:6px}
table.listing td{background:#E6E7E8; border-bottom:2px solid #fff; padding:6px; color:#333}
table.listing td table td,table.listing-2 td table td{background:none; border:0; padding:2px}
table.listing-2 th,table.listing-2 td.td2{background:#E6E7E8; padding:6px; color:#333}
table.listing-2 td{border-bottom:1px solid #eee; padding:6px; color:#333}


.text{background:url(../images/bg-text.gif) no-repeat 0 0; border:1px solid #999; padding:2px; color:#666;font:normal 1.2em verdana;}
.textarea{border:1px solid #999; padding:2px; color:#666;font:normal 1.2em verdana;}
.btn-1,.btn-2,.btn-3,.btn-3-a,.btn-1-r{color:#fff; font:normal 0.9em verdana; padding:2px; border:0; cursor:pointer; text-align:center}
.btn-1{background:#990000;}
.loginwidth{width:70px;}
.btn-2{background:#999;}
.btn-3{background:#009900;}

p.btn-3{background:#009900; width:75px;}
p.btn-3 a{ text-decoration:none; color:#fff}

p.btn-3-a{background:#999999; width:75px;}
p.btn-3-a a{ text-decoration:none; color:#fff}
.gray{ font-weight:bold; font-size:10px;}



.btn-1-r{background:#990000; float:right; margin-right:30px}
form.form-1 span{display:block; padding:3px 0; width:400px}


form.form-2 span,.div-0 form span{display:block; padding:3px 0;}
/*---new register form css--*/
form div.div-0 span{display:block; padding:3px 0;}
form div.div-0 span label{width:108px; float:left; padding-top:3px}
form div.div-0 .text{width:202px}
/*--end--*/

/*.div-4  input.text{width:340px;} */
.div-4 span label{width:150px; float:left; padding-top:3px}

.div-4 .h1{font:normal 2.1em Helvetica; margin-bottom:15px; color:#999;#}
.div-4 h1.h1{float:left; padding-top:18px;}
 
form.form-1 label,form.form-2 label{width:150px; float:left; padding-top:3px}
.confirmspan{width:360px;}
form.form-1 .btn-1{margin-right:3px;}
.passfont{font-weight:bold;font-size:10px;}
form.form-1 .text{width:240px}
form.form-2 .text{width:340px}
.div-0 form label{width:110px; float:left; padding-top:3px}
.div-0 form .text{width:202px}
.header form.search .text{background:#fff; border:0; width:135px; padding:0;}
.feedback{border:Solid 1px #666; width:780px; margin:10px 0 20px 10px;}
.page_title{font-size:15px;font-weight:bold;margin-bottom:10px;}
.clearfix{display:block; overflow:hidden; clear:both; margin:5px auto}
* html .clearfix, * html .header,* html .content,* html .content-home{height:1%}

.consize{width:340px;}
.reviews{padding-right:10px;}
ul#categories, ul#categories li, ul#categories li img, ul#categories li p, ul#alternative_images, ul#colors,div#relatedproducts
{
	float: left;
}

ul#goback, ul#goback li, ul#goback li img, ul#goback li p

{

	float: left;

}
ul#goback li{list-style-type: none;padding: 0 0px 10px 0;}
ul#goback li a{color:#FFFFFF;text-decoration:none;font-weight:bold;display: block;background-color:#A71B1E;padding: 5px 10px 5px 10px;}


ul#alternative_images li{list-style-type:none;padding: 0 0px 10px 0;}
ul#alternative_images{/*width:100px;*/padding:0px 0px 0px 5px;}
ul#alternative_images li a{padding: 0 0 20px 0;}
ul#colors{text-align:left;width:800px;}
ul#categories li{list-style-type: none;padding: 0 15px 10px 0;}
ul#categories li a{color:#FFFFFF;text-decoration:none;font-weight:bold;display: block;background-color:#A71B1E;padding: 5px 10px 5px 10px;}

ul#colors li a{float:left;padding: 0 10px 0 0;color:Black;font-weight:bold;font-size:0.8em; text-decoration:none; white-space:normal;}

ul#colors li{width:65px;list-style-type: none;float:left;padding: 0 0 10px 0; white-space:nowrap; margin-left:0px; height:70px;}

ul#colors li p{padding:55px 0 0 0;}

.colorshaeding{width:auto;font-size:large;color:#A71B1E;margin:0;}
/*.colorshaeding{width:auto;color:#999; margin:0; margin-bottom: 5px;}*/

/* new added */

/* ul#colors li a{width:51px;list-style-type: none;float:left;padding: 0 0 5px 0; margin-left:2px;} */

/*end */


div#relatedproducts{padding: 10px 0 10px 0;width:800px;background-color:#E6E7E9; }
div#relatedproducts ul{
	clear: both;
	float: left;
	width: 750px; 
}
div#relatedproducts li a{float:left;padding: 0 0 0 10px;color:Black;font-weight:bold;font-size:smaller;text-decoration:none;}
div#relatedproducts li{list-style-type: none;float:left;width:215px; }
div#relatedproducts li a img{border:Solid 1px #666;}
div#relatedproducts li a.apad{/*float:left;color:Black;font-weight:bold;font-size:smaller;*/padding: 15px 0 0 15px;width:160px;}

div#relatedproducts p{float:left;width:auto;padding: 0 15px 0 10px;font-size:small;color:#A71B1E;font-weight:bold;}
	
	
.relatedbox	{
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	margin-left: 10px;
	width:190px;
	
}
.relatedbox img{
	border:Solid 1px #666;
}

div#productfeatures{float:left;padding: 10px 0 10px 0;width:440px;}

div#productfeatures p{color:#999999;font-size:smaller;padding: 0 0 0 10px;margin:0;}
div#productfeatures span{color:black;text-transform:uppercase;font-weight:bold;}

div#productfeatures h3{float:left;color:Black;font-size:smaller;padding: 0 0 0 10px;font-weight:bold;text-transform:uppercase;}

div#productfeatures p.heading {width:auto;padding: 10px 0 20px 10px;font-size:large;color:#A71B1E;}

ul#colors p.heading {width:auto;padding: 10px 0 0 10px;font-size:large;color:#A71B1E; margin: 0;margin-bottom: 5px;}

div#relatedproducts p.heading {width:auto;padding: 0px 0 0 10px;font-weight: normal;font-size:large;color:#A71B1E; margin: 0;margin-bottom: 5px;}

.smallgray{
	padding: 10px 0 0 10px; 
}

.feedback p.heading{width:auto;padding: 10px 0 0 10px;font-size:large;color:#04042F;}

.feedback img.first{padding: 0 0 0 10px;}

.feedback p.feedbackimage{float:left;}
.feedback p.feedbacktext{padding: 0 0 0 140px;}

.feedback p.feedbackname{padding: 0 0 0 140px;color:#04042F;font-weight:bold;}
ul#addbasket li a{color:#FFFFFF;text-decoration:none;font-weight:bold;display: block;background-color:#A71B1E;padding: 5px 3px 5px 3px;}
ul#addbasket li a input[type="image"]{font-weight:bold;color:#FFFFFF;}

ul#addbasket li a:hover,ul#categories li a:hover{color:#FF9999;}
.content form.search{float:left; width:auto;}
ul#addbasket li{list-style-type: none;}
a.link{ text-decoration:none; color:#fff; font-weight:bold;}

ul#myaccount li {list-style-type: none;padding:0 0 5px 0;}
ul#myaccount li a{width:170px;display:block; text-decoration:none;padding:3px 10px 3px 10px;background:#990000 none repeat scroll 0 0;font-weight:bold;font-size:10px;}
ul#myaccount li a:hover{color:#FFFFFF;}
ul#myaccount li a:visited{color:#FFFFFF;}

a.vieworders{display:block; text-decoration:none;background:#990000 none repeat scroll 0 0;}
a.vieworders:hover{color:#FFFFFF;}
a.vieworders:visited{color:#FFFFFF;}

a#addaddress{padding:3px 0 3px 0;width:225px;display:block; text-decoration:none;background:#990000 none repeat scroll 0 0;font-weight:bold;font-size:10px;}
a#addaddress:hover{color:#FFFFFF;}
a#addaddress:visited{color:#FFFFFF;}

a#forgetpassword{padding:3px 8px 3px 8px;width:110px; text-decoration:none;background:#990000 none repeat scroll 0 0;}
a#forgetpassword:hover{color:#FFFFFF;}
a#forgetpassword:visited{color:#FFFFFF;}

a#register{padding:3px 0 3px 0;width:90px;display:block; text-decoration:none;background:#990000 none repeat scroll 0 0;}
a#register:hover{color:#FFFFFF;}
a#register:visited{color:#FFFFFF;}

a.changeaddress{padding:3px 0 3px 0;width:110px;display:block; text-decoration:none;background:#990000 none repeat scroll 0 0;font-weight:bold;font-size:10px;}
a.changeaddress:hover{color:#FFFFFF;}
a.changeaddress:visited{color:#FFFFFF;}
/* -- bread crumb --*/

 ul.breadcam1 li.last
{
	background:transparent none repeat scroll 0%;
	color:#666666;
	font-weight:normal;
}
ul.breadcam li.last
{ 
	background:transparent none repeat scroll 0%;
	color:#666666;
	font-weight:normal;
}
ul.breadcam1 li
{
background:transparent url(../Images/bg_bread_cam.gif) no-repeat scroll right center;
display:inline;
margin-right:5px;
padding-right:10px;
}
ul.breadcam li
{
background:transparent url(../Images/bg_bread_cam.gif) no-repeat scroll right center;
display:inline;
margin-right:5px;
padding-right:10px;
}
ul.breadcam1 li.noarrow
{
background:none;
}
ul.breadcam1 li a{color:#666666;
font-weight:normal;
}
ul.breadcam1 li.last,ul.breadcam1 li.last a.select {
	font-size:11px;
	text-decoration:none;
}
 ul.breadcam1 li.last
{
	list-style-type:none ;
	
	
}
.div-1 h1{width:265px;}
 ul.breadcam1 li 
{
	list-style-type:none ;
	display:inline;
}
ul.breadcam li 
{
	list-style-type:none ;
	display:inline;
}

.breadcam  ul.breadcam1 li.last
{
background:transparent url(../Images/bg_bread_cam.gif) no-repeat scroll right center;
display:inline;
margin-right:5px;
padding-right:10px;
}
.breadcam ul.breadcam1 li.last
{
background:transparent none repeat scroll 0%;
	
}
/* --end --*/

/* error */
p.error{color:red; margin:0 0 0 0; /*padding:0 0 0 40px*/}
span.error{color:Red; }
span.reminder-error{margin:0 0 0 40px;}
div#breadcam-1{width:auto; height:30px;margin:3px 0 0 -53px; }

.retailer-top{padding-top:20px;}

.right{float:right; margin-top:100px}
.float-right{float:right; margin-top:10px}
.div-font{font-size:11.2px}


/* hr css */

.hr{width:60%; float:left }

/* related products IE hacks  */

*:first-child+html div#relatedproducts li a.apad {width:160px;}
*html div#relatedproducts li a.apad{width:160px;}
/*IE hacks  */

*:first-child+html .hr{float:left;}
*html .hr{ float:left;}

.div-5-new{background:url(../images/bg-2[1].gif) no-repeat top right; padding-right:200px; width:500px; float:left}

a#video
{
	display:block;
	margin-top:10px;
}

div#video
{
	display:block;
}

div.clear
{
	clear:both;
}