/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
/* font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;*/
	background: url(../images/bg_bjx_bg.gif) repeat;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#wrapper { 
	margin: 0 auto;
	width: 1028px; /*922px;*/
	border: #000000 1px solid;
	background-color: #FFFFFF;/**/
}





#header_container { /* For all pages excluding the homepage */
	width: auto;
	height: 156px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/bg_topnav_dark_gradient.gif) right repeat-y #000000;
}

#header {
	color: #333;
	width: 1009px; /*900px;*/
	float: left;
	padding: 10px;
	/*border: 1px solid #ccc;*/
	height: 150px; /* 167px; 100px;*/
	margin: 0px; /*10px 0px 0px 0px;*/	/*background: #BD9C8C; */

	/* No background for homepage ..... background: #000000 url(../images/bg_topnav_dark_gradient.gif) repeat-y;*/
}


#header .right_rows {
	width: 500px;
	margin-bottom: 9px;
	float: right; 
	white-space: nowrap; 
	text-align: right;
}
#header .cart_search_nitch {
	height: 27px;
	float: right;
	color: #000000;
	vertical-align: bottom;
}
#header .cart_icon {
	width: 46px;
	height: 27px;
	background: url(../images/topnav_rnd_rect_grey_150_LEFT.png)  no-repeat top left;
	float: right;
}
#header .itemsQty {
	width: auto;
	height: 27px;
	background: #CCCCCC;
	float: right;
	line-height: 2.1em;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	color: #000000;
}
#header a.qty_link,  #header a:visited.qty_link {
	text-decoration: none;
	color: #000000;
}
#header .itemsImage {
	width: auto;
	height: 27px;
	padding: 0 20px 0 3px;
	background: url(../images/topnav_rnd_rect_grey_RIGHT.gif) right no-repeat #CCCCCC; 
	float: right;
	text-align: right;
}
#header .searchbox_container {
	width: 175px; 
	height: 27px;
	padding: 0px 5px 0px 5px; 
	background: url(../images/topnav_rnd_rect_white_RIGHT.png) right no-repeat; 
	float: right;
	line-height: 2.1em;
	text-align: left; 
	vertical-align: middle; 
	color: #666666;
}
#header .searchbox {
	width: 168px; 
	height: 24px; 
	border: 0px #FF0000 solid; 
	outline: none; 
	font-size: 1.5em; 
	vertical-align: baseline;
}
#header a.cartlink, #header a.cartlink:visited {
	font-size: 0.8em;
	color: #0000FF;
}


#leftcolumn { 
	color: #333;
	/*border: 1px solid #ccc;*/
	background: #FFF; /*#E7DBD5;*/
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 25px; /*10px;*/
	height: auto; /*350px;*/
	width: 200px; /*200px;*/
	float: left;
}

#rightcolumn { 
	float: right;
	color: #333;
	/*border: 1px solid #0000FF;*/
	background: #FFF; /*#F2F2E6;*/
	margin: 0px 0px 0px 0px;
	padding: 10px;
	height: auto; /*350px;*/
	width: 783px; /*678px;*/
	display: inline;
}

#onecolumn {
	width: 100%;
	height: auto;
	float: left;
	padding: 0px;
}




#footer { 
	width: auto; /*900px;*/
	clear: both;
	/*border: 1px solid #ccc;
	background: #BD9C8C;*/
	margin: 0px; /*0px 0px 10px 0px;*/
	padding-bottom: 8px; /*10px*/

	border-top: 1px solid #000000; 
	border-bottom:14px solid #000000; 
	background-color:#e7e7e8;

	text-align: center;
}

#footer .address {
	margin-top:1px; 
	font-size: 0.8em; 
	color: #666666;
}

.botnav_img_links, .topnav_img_links, .img_links {
	vertical-align: middle;
	margin: 3px 2px 3px 2px;
}









/* --- Features Section --- */
#features_section {
	width: 200px;
	height: 600px;
	margin-bottom: 25px;
	background-color: #FFFFFF;
	float: left;
}
#features_section .feature {
	width: 99px;
	height: 46px;
	float: left;
}
#features_section .img_box {
	width: 77px;
	height: 46px;
	float: left;
}
#features_section .checkbox {
	width: 20px;
	height: 46px;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	float: left;
	text-align: center;
}
#features_section .x {
	margin-top: 7px;
}
/* --- END Features Section --- */



/* --- Contact Pages --- */
#contact {
	width: 600px;
	height: auto;
	margin: 0 auto 0 auto;
}
#contact .content {
	width: 525px;
	margin: 0px auto 0px auto;
}
#contact .err_msg {
	margin-left: 0px;
	float: left;
	vertical-align: middle;
	white-space: nowrap;
}
#contact .textbox {
	float: left;
}
#contact .contact_image {
	width: 459px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 50px; 
	padding-bottom: 22px; 
/*	border-bottom: #999999 solid 1px; */
}
/* --- Contact Pages --- */


.subtle {
	font-size: 0.8em;
}
.error {
	font-weight: bold;
	color: #FF0000;
}