/* -- GENERAL REDECLARATIONS -- */

html				{height: 100%;}
* 					{margin:0; padding:0;}

body 				{
	text-align:center;
	background: #FFF;
	color: #555555;
	height: 100%;
}

body, tr,
td, input,
select, textarea 	{font:normal 12px/1.7 Arial, Helvetica, sans-serif; letter-spacing: 0.5px;}

a				{outline: none;}
a:link 			{color:#910202; text-decoration:none;}
a:visited 		{color:#910202; text-decoration:none;}
a:hover 		{color:#555555; text-decoration:underline;}
a:active 		{color:#555555; text-decoration:none;}

ul, ol	 		{margin:0 0 10px 25px;}
dl 					{margin:0 0 10px;}
dt 					{font-weight:bold;}
dd					{margin:0 0 3px 10px;}
p 					{margin:0 0 15px;}
h1 					{font-size:16px; margin:0 0 12px;}
h2 					{font-size:14px; margin:8px 0;}
h3 					{font-size:small; margin:6px 0 5px;}
h4 					{font-size:x-small; margin:4px 0;}
h5					{font-size:xx-small; margin:3px 0;}
h6 					{font-size:xx-small; margin:0;}
hr 					{border-style: none; border-bottom: 1px dashed #e3e3e5; color: #fff; background-color: #fff;}
					/*color and background color should be the same as the background color of the div it is contained within*/
img 				{border:none;}
acronym			{border-bottom: 1px dotted;}
blockquote 	{margin:0 25px 20px 25px; font-style:italic;}

span {color:#910202;}

#preload {display: none;}
.clr {clear:both;}
.clear-left {clear: left;}
.right {float: right;}
.left {float: left;}
.rightimage {float: right; margin: 0 0 10px 10px;}
.leftimage {float: left; margin: 0 10px 10px 0;}
.leftbox {float: left; width: 300px;padding: 0 12px 0 12px;}
.rightbox {float: left; width: 400px;padding: 40px 0px 20px 20px;}

.home-page-image {margin-top: -38px;}

/* Standard Layout */

#wrapper {
	position: relative;
	width: 100%;
	margin: 0;
	text-align: left;
/*	height:100%;*/
}

#header {
	position: relative;
	background: #fff url("../images/wrapper-bg.jpg") repeat-x;
	padding: 0px;
	padding-right: 30px;
	height: 100px;
	min-width: 655px;
}

#header h1, #header h2, #header h3 {margin: 0px;}

#header h1 {
	width: 155px;
	height: 87px;
}

#header h1 a {
	display: block;
	width: 155px;
	height: 87px;
	text-indent: -9000px;
	background: url("../images/logo.jpg") no-repeat 0 0;
}

#header h2 {
	float: left;
	text-indent: -9000px;
}

#header h3 {
	position: absolute;
	height: 52px;
	width: 300px;
	top: 29px;
	left: 197px;
	text-indent: -9000px;
	
}

.retailers {
	clear: right;
	float: right;
	width: 78px;
	margin-top: 5px;
	text-align: center;
}

#content {
	/*position: relative;*/
	clear: both;
	margin: 0;
	padding: 0;
	width: auto;
	height:auto;
	background: #fff;
}

#content-main {
	position: relative;
	min-width: 500px;
	height: 100%;
	padding: 0px 0 15px 0;
	margin-left: 200px; 
}

#homepage #content-main {
	width: 750px;
}

#content-side {
	float:left;
	width: 170px;
	padding: 0px;
	padding-left: 0px;margin-left: 0;
	background: #fff;
	height:100%;text-align: left;
}

.sidebar-box {
	background: url("../images/sidebar-box-heading.jpg") repeat-x;
	border: 2px solid #D5D4D4;
	padding-left: 5px;
	margin-left: 15px;
	font-weight: bold;
}

.productbox {
	float: left;
	width: 185px;
	height: 270px;
	padding-left: 3px;
	padding-right: 40px;
	margin-right: 0px;
}

.productbox img {

}

#footer {
	clear:both;
	height: 20px;
	padding: 25px 30px 15px 15px;
	background: #fff url("../images/footer-bg.jpg") repeat-x;
	text-align: left;
}

/* Navigation - Use this for very basic horizontal text based nav */

.subnav {
	float: right;
	list-style: none;
}

.subnav ul {

}

.subnav li {
	display:inline;
	list-style: none;
	padding-right: 4px;
	padding-left: 5px;
	border-right: 1px solid #999;
}

.subnav li.menu-last {
	border-right: 0px solid #999;
}

.subnav a:link, .subnav a:visited 	{color:#555555; text-decoration:none;}
.subnav a:hover 					{color:#910202; text-decoration:underline;}
.subnav a:active 					{color:#910202; text-decoration:none;}

/*-- FORM STYLING --*/


input.qty-input {	
	width: 32px;
	height: 17px;	
	padding: 4px 10px 0 10px;
	text-align: center;
	border: 0;
	background: url("../images/buttons/qty-input-field.jpg") no-repeat;
}

input.pw-input {	
	width: 86px;
	height: 17px;	
	padding: 4px 10px 0 10px;
	text-align: center;
	border: 0;
	background: url("../images/buttons/input-field.jpg") no-repeat;
}

input.order-now {
	width: 82px;
	height: 21px;
	border: 0;
	background: url("../images/buttons/addtocart_off.gif") no-repeat;
}

input.modify-now {
	width: 79px;
	height: 21px;
	border: 0;
	background: url("../images/buttons/adjust_qty_off.gif") no-repeat;
}

input.login-now {
	width: 82px;
	height: 21px;
	border: 0;
	background: url("../images/buttons/login_button_off.gif") no-repeat;
}



/*-- TABLE STYLING --*/

table {
	margin-bottom: 10px;
	padding: 0;
	margin: 0;
}

table td {
	vertical-align: top;
	padding: 2px;
	
	border-collapse: 
	border-bottom: 0px solid #B1460E;
}

td.bold {
	font-weight: bold;
	color: #F57E3D;
}