body, html {height: 100%;} /* 100% Height Fix */

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background:#ffffff url(../images/bg.gif) top center repeat-x;
	margin:0px;
	padding:0px;
	text-align:center;
}

div, p {
	margin-top:0;/*clear top margin for mozilla*/
}

html>body #container {height: auto;} /* Mozilla Height Fix */
* html {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

#container{
	width:758px;
	text-align:center;
	height:100%;
	min-height:100%;
	margin-bottom:-71px;
	margin-left:auto;
	margin-right:auto;
	background:transparent url(../images/container_bg.jpg) top center repeat-y;
}

#clearfooter{clear:both;height:71px;}/*needed to make room for footer*/

#footer_frame {
	clear:both;
	height:71px;
	width:758px;
	position:relative;
	color:#cccccc;
	margin-left:auto ;
	margin-right:auto ;
	background:#000000 url(../images/footer.jpg) bottom center no-repeat;
}
* html #footer_frame {/*only ie gets this style*/
	\height:71px;/* for ie5 */
	he\ight:71px;/* for ie6 */
}

#footer_left {
	float:left;
	width:200px;
	height:auto;
	padding-left:10px;
}
#footer_right {
	float:right;
	width:600px;
	height:auto;
	text-align:center;
	font-size:10px;
}

.breaker, .liner {
	clear:both;
	font-size:0px;
	margin:0px;
	padding:0px;
}
.breaker {
	height:1px;
}
.liner {
	border-bottom:1px solid #cddfed;
}
.spacer {
	height:2px;
	font-size:2px;
	margin:0px;
	padding:0px;
	clear:right;
}

/*global layout styles end*/

/*HEADER STYLES*/

#header, #header_0, #header_1, header_2  {
	width:758px;
}
#header {
	height:142px;
}
#header_0 {
	height:7px;
	font-size:0px;
	background:transparent url(../images/h_0.gif) top center repeat-x;
}
#header_1 {
	height:3px;
	font-size:0px;
	background:transparent url(../images/h1_1.gif) top center no-repeat;	
}
#header_2, #header_2_1, logo_1, #logo_1 a, #logo_1 a:visited, #logo_1 a:hover {
	height:132px;
}
#header_2_1 {
	width:18px;
	background:#000000 url(../images/h2_1.gif) top left no-repeat;
	float:left;
}
#logo_1, #logo_1 a, #logo_1 a:visited, #logo_1 a:hover {
	width:121px;
	float:left;
}
#logo_1 a, #logo_1 a:visited, #logo_1 a:hover {
	background:#000000 url(../images/logo_1.gif) top left no-repeat;	
}
#header_2_2 {
	width:589px;
	height:24px;	
	float:left;
	background:#000000 url(../images/h2_2.jpg) top left no-repeat;
	color:#ffffff;
	font-weight:bold;
	text-align:right;
	padding-right:30px;
}
#logo_2 {
	width:275px;
	height:108px;
	float:left;
	background:#350000 url(../images/logo_2.jpg) top left no-repeat;
}
#header_2_3 {
	width:339px;
	height:108px;	
	float:left;
	background:#000000 url(../images/h2_3.jpg) top left no-repeat;
}
#header_2_4 {
	width:5px;
	height:108px;	
	float:left;
	background:#000000 url(../images/h2_4.gif) top left no-repeat;
}
/*header layout styles end*/
/*CONTENT LAYOUT STYLES*/

#left {
	width:185px;
	height:auto;
	padding:0px;
	float:left;
	background:transparent url(../images/h3_1.jpg) top left no-repeat;
	color:#000000;	
}
#right {
	width:573px;
	height:auto;
	float:left;
	background:transparent url(../images/h3_1.jpg) top left no-repeat;	
}
#content {
	width:573px;
	height:auto;
	float:left;
	background:transparent url(../images/content_bg.jpg) top right no-repeat;
}
#content_in {
	padding-right:17px;
}

/*TOP NAVIGATION STYLES*/
#tnav {
	width:573px;
	height:36px;
	background:transparent url(../images/h3_2.jpg) top left no-repeat;		
}
#tnav a, #tnav a:visited {
	display:block;
	height:20px;
	width:auto;
	float:left;
	padding:6px 10px 0px 32px;
	margin-right:2px;
	border:1px solid #999999;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;	
}
#tnav a:hover {
	border:1px solid #ff6c6c;
	color:#ffdfae;	
}
.bhome {
	background:transparent url(../images/but_home.gif) top left no-repeat;
}
.babout {
	background:transparent url(../images/but_about.gif) top left no-repeat;
}
.bjobs {
	background:transparent url(../images/but_jobs.gif) top left no-repeat;
}
.bwholesale {
	background:transparent url(../images/but_wholesale.gif) top left no-repeat;
}
.bcatalog {
	background:transparent url(../images/but_catalog.gif) top left no-repeat;
}
.bcontact {
	background:transparent url(../images/but_contact.gif) top left no-repeat;
}
/*LEFT NAVIGATION STYLES*/
.slogan {
	width:120px;
	height:40px;
	background:transparent url(../images/bigarrow.jpg) top left no-repeat;
	margin:4px 0px 8px 8px;
	padding:0px 0px 0px 20px;
	font-weight:bold;
	color:#eaeaea;
}
#login_box {
	width:180px;
	height:auto;
	text-align:center;
	color:#ffffff;
	font-size:10px;
}
#login_box a, #login_box a:visited {
	color:#DDF5FF;
}
#login_box a:hover {
	color:#ffffff;
}
a.go_button, a.go_button:visited, a.go_button:hover {
	background:transparent url(../images/arrow_login.gif) top left no-repeat;
	display:block;
	width:10px;
	height:14px;
	float:right;
}
.login_left {
	float:left;
	width:46px;
	height:17px; 
	padding:2px 2px 0px 0px;
	text-align:right;
}
.lnav_tit {
	width:158px;
	height:21px;
	padding:4px 0px 0px 20px;
	background:transparent url(../images/lnav_tit_bg.jpg) top right no-repeat;
	font-weight:bold;
	color:#333333;
}
.lnav_framed {
	border:1px solid #eaeaea;
	width:152px;
	margin-left:14px;
	padding:4px;
	text-align:center;
}
#cats, #prods {
	width:180px;
	height:auto;
}
#cats {
	margin-bottom:10px;
}

#prods a, #prods a:visited {
	display:block;
	width:158px;
	height:16px;
	padding:3px 0px 0px 6px;
	margin-left:14px;
	background:transparent url(../images/lnav_bg.gif) top left no-repeat;
	color:#eaeaea;
	text-decoration:none;
	font-size:11px;
}
#prods a:hover {
	color:#ffdfae;
}
#cats a, #cats a:visited {
	display:block;
	width:auto;
	height:14px;
	padding:2px 0px 0px 18px;
	background:transparent url(../images/arrow.gif) top left no-repeat;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}
#cats a:hover {
	color:#ffdfae;
}
#cats a.curr, #cats a.curr:visited, #cats a.curr:hover {
	display:block;
	width:auto;
	height:14px;
	padding:2px 0px 0px 18px;
	background:transparent url(../images/arrow.gif) top left no-repeat;
	color:#ffdfae;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}

/*GENERAL CONTENT STYLES*/
.l {
	float:left;
}
.r {
	float:right;
}
div, td , p {
	text-align:left;
}
p {
	padding:4px 4px 0px 4px;
	margin:0px 0px 10px 0px;
	line-height:1.5;
}
ul {
	list-style-image:url(../images/bullet.gif);	
}
ol {
	line-height:1.5;
}
li {
	padding-bottom:4px;
	line-height:1.5;
}
a, a:visited {
color:#3d76a6;
}
a:hover {
	color:#ff6666;
}
.framed {
	border:1px solid #3d76a6;
}

.framed_t {
	border:1px solid #3d76a6;
	height:auto;
}


/*SPECIFIC CONTENT STYLES*/

#front_box {
	width:552px;
	height:auto;
	margin-left:2px;
}
#front_box a, #front_box a:visited, .f_title, .f_desc {
	display:block;	
	border:1px solid #3d76a6;
	float:left;
	margin-left:1px;
	text-decoration:none;	
}
.f_desc  {
	width:98px;
	height:auto;
	padding:2px 4px 4px 4px;
	font-size:11px;
	border:1px solid #cddfed;
}
#front_box a, #front_box a:visited {
	height:207px;
	width:106px;
}
#front_box a:hover {
	border:1px solid #ff6c6c;
}

.f_title {
	width:82px;
	height:42px;
	padding:2px 4px 0px 20px;
	font-weight:bold;
	background:transparent url(../images/f_tit.gif) top left no-repeat;
	text-align:center;
	color:#3d76a6;
}
a.f_1 {
	background:transparent url(../images/f_1.jpg) top center no-repeat
}
a.f_2 {
	background:transparent url(../images/f_2.jpg) top center no-repeat
}
a.f_3 {
	background:transparent url(../images/f_3.jpg) top center no-repeat
}
a.f_4 {
	background:transparent url(../images/f_4.jpg) top center no-repeat
}
a.f_5 {
	background:transparent url(../images/f_5.jpg) top center no-repeat
}
.titlem, .titlel, .subtitle {	
	background:transparent url(../images/dots_h.gif) bottom left repeat-x;
	padding-bottom:2px;
	margin-bottom:4px;
	color:#3d76a6;
}
.subtitle {
	font-weight:bold;
	padding-left:2px;
}
.titlem {
	font-size:16px;
}
.titlel {
	font-size:20px;
	font-weight:bold;	
}
.titlecat {
	border:1px solid #ff6c6c;
	background-color: #ffe6e6;
	font-weight:bold;
	font-size:14px;
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	color:#490000;
}
.titleprod {
	border:1px solid #3d76a6;
	background-color:#f1f7fa;
	font-weight:bold;
	padding:4px;
	color:#3d76a6;
}
.prodpic {
	width:90px;
	height:auto;
	float:left;
	text-align:center;
}
.rightbox {
	width:200px;
	height:auto;
	float:right;
	margin-right:2px;
	margin-left:4px;
	border:1px solid #cddfed;
	background-color:#f1f7fa;
	padding:6px;
	text-align:center;
}
a.tiny, a.tiny:visited, a.tiny_forward, a.tiny_forward:visited, #front_box a.tiny_forward, #front_box a.tiny_forward:visited {
	display:block;
	width:auto;
	height:10px;	
	padding:0px 0px 2px 24px;
	font-size:10px;
	text-decoration:none;
}
a.tiny, a.tiny:visited {	
	background:transparent url(../images/arrows_left.gif) bottom left no-repeat;
}
a.tiny_forward, a.tiny_forward:visited, #front_box a.tiny_forward, #front_box a.tiny_forward:visited {
	background:transparent url(../images/arrows_right.gif) bottom left no-repeat;
	border:none;
}
a.tiny:hover, a.tiny_forward:hover, #front_box a.tiny_forward:hover {
	display:block;
	width:auto;
	height:10px;	
	padding:0px 0px 2px 24px;
	font-size:10px;
	text-decoration:underline;
	border:none;
}
a.top, a.top:visited {
	display:block;
	width:auto;
	height:10px;
	background:transparent url(../images/arrow_up.gif) bottom right no-repeat;
	padding:0px 16px 0px 0px;
	margin:4px;
	text-align:right;
	font-size:10px;
	color:#999999;
	}
a.top:hover {
	color:#666666;
	}
.msg {
	border:1px solid #990000;
	background-color:#FFFFCC;
	padding:10px;
}
.bluebold {
	font-weight:bold;
	color:#3d76a6;
}
/*chart styles*/
.charttable {
	width:99%;
	margin-left:4px;
	background-color:#3d76a6;
}
td.chartcell {
	text-align:center;
	background-color:#f1f7fa;
	color:#00386e;
	font-size:10px;
	padding:2px;
}
th.charthead {
	background-color:#3d76a6;
	text-align:center;
	color:#f1f7fa;
	border:1px solid #f1f7fa;
	line-height:1.3;
	padding:2px;
	font-weight:normal;
}
.charttitle {
	font-weight:bold;
	padding-left:6px;
	color:#3d76a6;
}
.prodtable {
	width:462px;
	background-color:#3d76a6;
}
/*form styles*/
form {
	display:inline;
}
select , input , textarea {
	background-color:#eaeaea;
	border:1px solid #999999;
	font-size:11px;
	color:#2d6e89;
	width:130px;
	height:auto;
	margin:0px 1px 0px 0px;	
}
textarea {
	height:100px;
}
input.short {
	width:20px;
	background-color:#ffffff;
	border:none;
}
input.short_reg {
	width:20px;
}
input.medium {
	width:60px;
}
input.long {
	width:160px;
}
.req {
	color:#FF9900;
	}
.fineprint {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	border:1px solid #eaeaea;
	padding:4px;
}
.form_l /*, .form_l2, .form_l3, .form_l4 */{
	float:left;	
	text-align:right;
	padding:2px 6px 0px 3px;
	}
.form_l {
	width:100px;
}
.form_r {
	float:left;
	width:130px;
	}
#skills, #emp1, #emp2, #emp3 {
	background-color:#999999;
	width:98%;
}
#skills td, #emp1 td, #emp2 td, #emp3 td {
	background-color:#ffffff;
}
#skills td.centered {
	text-align:center;
}
#skills th, #emp1 th, #emp2 th, #emp3 th {
	background-color:#cddfed;
}
textarea.long {
	width:420px;
}
a.button, a.button:visited, a.button_sc, a.button_sc:visited {
	display:block;
	width:66px;
	height:15px;
	padding-top:1px;
	color:#cddfed;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background:#a50000 url(../images/red_button.gif) top center no-repeat;
	text-decoration:none;
}
a.button:hover, a.button_sc:hover {
	color:#ffffff;
}
/*SHOPPING CART STYLES*/
.sc_box {
	width:152px;
	border:1px solid #eaeaea;
	background:#ffffff url(../images/bg_grad.gif) top left repeat-x;
	margin-left:14px;
	padding:4px;
	text-align:center;
}
a.button_sc, a.button_sc:visited {
	float:left;
}
.sc_table {
	width:60%;
	background-color:#3d76a6;
}
td.sc_cell {
	text-align:center;
	background-color:#f1f7fa;
	color:#00386e;
	padding:2px;
}
th.sc_head {
	background-color:#3d76a6;
	text-align:center;
	color:#f1f7fa;
	border:1px solid #f1f7fa;
	line-height:1.3;
	padding:2px;
	font-weight:normal;
}