body {
	font:12px/14px Arial, sans-serif;
	color:#000;
	background:url(../images/bg.jpg) repeat-x;
	margin:0;
}

a
{
	color: #0D5163;
}

img{
	border:none;
	display:block;
}

form{
	padding:0;
	margin:0;
}

.clear{
	clear: both;
}

.main{
	min-width:955px;
	min-height: 300px; height: auto;
	/*height: 300px;*/
}

h1.logo{
	float:left;
	/* background:url(../images/logo.jpg) no-repeat; */
	width:225px;
	height:132px;
	text-indent:-9999px;
	padding:0;
	margin:0;
}

h1{
	width:689px;
	padding:0;
	margin:45px 0 0 15px;
}

.info h1{
	font: bold 32px Arial;
	padding: 0px 0px 10px 0px;
	color: #444444;
	height: 30px;
	background-repeat: no-repeat;
}

.logo a{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
}

.header{
	overflow:hidden;
	width:100%;
}

.header-holder{
	background:url(../images/bg-header.jpg) no-repeat;
	width:934px;
	height:154px;
	padding:8px 0 0 21px;
	position: relative;
}

.nav{
	float:left;
	width:694px;
	padding:40px 0 0 15px;
	position: relative;
}

.nav strong{
	float:left;
	font:22px/24px Arial, sans-serif;
	color:#fff;
	margin:0;
}

.nav ul.logIn a{
	font:11px/18px Arial, sans-serif;
	color:#fff;
	margin:3px 5px 0 0;
	text-decoration:none;
}
.nav ul.logIn a:hover{text-decoration:underline}

.nav ul.bottomNav{
	margin:0;
	padding: 0px;
	overflow:hidden;
	list-style:none;
	position:absolute;
	color: #fff;
	top:80px; 
	left:10px;
}

.nav ul.bottomNav li{
	float:left;
	padding:0 15px 0 15px;
	background:url(../images/separator.jpg) no-repeat 0 50%;
}

.nav ul.bottomNav li.first{
	padding:0 15px 0 15px;
	background:none;
}

.nav ul.bottomNav li a{
	font:11px/18px Arial, sans-serif;
	color:#fff;
	text-decoration:none;
}

.nav ul.bottomNav li a:hover{text-decoration:underline}

.nav ul.logIn{
	margin:0;
	padding: 0px;
	overflow:hidden;
	list-style:none;
	position:absolute;
	color: #fff;
	top:50px; 
	right:0px;
}

.nav ul.loggedIn{
	margin:0;
	padding: 0px;
	overflow:hidden;
	list-style:none;
	position:absolute;
	color: #fff;
	top:50px;
	right:0px;
}

.nav ul.loggedIn li{
	float:left;
	padding:0 15px 0 15px;
	background:url(../images/separator.jpg) no-repeat 0 50%;
}

.nav ul.loggedIn li.first{
	padding:0 15px 0 15px;
	background:none;
}

.nav ul.loggedIn li a{
	font:11px/18px Arial, sans-serif;
	color:#fff;
	text-decoration:none;
}
.nav ul.loggedIn li a:hover{
	text-decoration:underline;
}

.content{
	/* overflow:hidden; */
	width:100%;
	float: left;
}

.content-holder{
	width:955px;
	margin:0 auto;
	float:left;
	min-height:400px;
}

.sidebar{
	float:left;
	width:191px;
	padding:5px 0 0 23px;
}

.search{
	overflow:hidden;
	width:172px;
	background:url(../images/bg-search.jpg) no-repeat;
	padding:13px 2px 11px 17px;
}

.search input{float:left}

.search .text, .text, .multiText{
	font:11px/14px Arial, sans-serif;
	color:#666;
	height:14px;
	width:103px;
	padding:1px 3px;
	margin:0 9px 0 0;
	border:1px solid #999;
}

.text
{
	width: 200px;
}

.multiText{
	height:120px;
	width:200px;
}

.labelCell{
	text-align:right;
	padding-right:5px;
	width: 40px;
}

.box1{
	background:url(../images/box1-bg.jpg) repeat-y;
	margin:5px 0 7px;
}

.box1-bg{background:url(../images/box1-top.jpg) no-repeat}

.box1-info{
	background:url(../images/box1-foot.jpg) no-repeat 0 100%;
	width:171px;
	/* overflow:hidden; */
	padding:10px 9px 6px 11px;
}

.box1 h2{
	font:18px/20px Verdana, Tahoma, sans-serif;
	color:#333;
	margin:0;
}

.box1 h3{
	background:url(../images/head01.jpg) no-repeat;
	width:171px;
	height:17px;
	margin:15px 0 0;
	text-indent:-9999px;
}

.box1 h4{
	font:14px/20px Verdana, Tahoma, sans-serif;
	color:#333;
	margin:5px 0px 0px 5px;
	padding:0;
	width:159px;
	border-bottom:1px solid #ccc;
}

.box1 h5{
	font:12px/20px Verdana, Tahoma, sans-serif;
	color:#333;
	margin:0;
}

.links{
	width:165px;
	margin:0;
	padding:12px 0 0 6px;
	overflow:hidden;
	list-style:none;
}

.links li{
	float:left;
	width:165px;
}

.links li a{
	font:12px/18px Arial, sans-serif;
	color:#333;
	text-decoration:none;
}

.links li a:hover{text-decoration:underline}

.links li a.product{
	font:italic 12px/18px Arial, sans-serif;
	color:#0d5163;
	background:url(../images/arrow.jpg) no-repeat 100% 50%;
	padding:0 10px 0 0;
	text-decoration:underline;
}

.links li a.product:hover{text-decoration:none}

.links li span{
	font:12px/18px Arial, sans-serif;
	color:#333;
	margin:0;
}

.depth{
	width:168px;
	margin:0;
	padding:2px 0 0 3px;
	overflow:hidden;
	list-style:none;
}

.depth li{
	float:left;
	width:168px;
	padding:0 0 5px;
}

.depth label{
	float:left;
	font:12px/14px Verdana, Tahoma, sans-serif;
	color:#333;
	margin:0 0 0 5px;
	padding:0;
}

.depth input{
	float:left;
	padding:0;
	margin:0;
	width:14px;
	height:15px;
}

a.more{
	float:right;
	font:12px/14px Verdana, Tahoma, sans-serif;
	color:#333;
	padding:0 10px 0 0;
	margin:0 13px 0 0;
	background:url(../images/arrows.jpg) no-repeat 100% 50%;
	text-decoration:none;
}

a.more:hover{text-decoration:underline}

.list{
	width:165px;
	margin:0;
	padding:9px 0 0 6px;
	overflow:hidden;
	list-style:none;
}

.list li{
	float:left;
	width:165px;
}

.list div{
	width:165px;
	overflow:hidden;
}

.list p{
	font:11px/14px Arial, sans-serif;
	color:#333;
	margin:3px 0 0;
}

.list a.click{
	float:left;
	font:11px/14px Arial, sans-serif;
	color:#039;
	background:url(../images/arrow1.jpg) no-repeat 100% 50%;
	margin:3px 0 0 63px;
	padding:0 8px 0 0;
	text-decoration:underline;
}

.list a.click:hover{text-decoration:none}

.info{
	float:left;
	width:700px;
	padding:0 0 20px 27px;
	/*padding:0 0 10px 20px;*/
	
}

.place{
	width:700px;
	padding:0 0 0 4px;
	margin:0;
	overflow:hidden;
	list-style:none;
}

.place li{
	float:left;
	padding:0 5px 0 11px;
	background:url(../images/arrow2.jpg) no-repeat 0 50%;
}

.place li.first{background:none}

.place li a{
	font:12px/16px Arial, sans-serif;
	color:#666;
	text-decoration:underline;
}

.place li a:hover{text-decoration:none}

.place li span{
	font:12px/16px Arial, sans-serif;
	color:#666;
	margin:0;
}

.inf{
	width:704px;
    padding:10px 0 0;
	min-height: 400px; height: auto;
	/*height: 400px;*/
	float:left;
}

.inf-Home{
	width:704px;
    padding:10px 0 0;
	min-height: 300px; height: auto;
	/*height: 300px;*/
}

.photo{
	float:left;
}

.photo ul{
	width:147px;
	padding:2px 0 0;
	margin:0;
	overflow:hidden;
	list-style:none;
}

.photo ul li{
	float:left;
	width:147px;
	padding:8px 0 0;
}

.photo ul li a {
	float:left;
	font:11px/20px Arial, sans-serif;
	color:#fff;
	background:url(../images/button.jpg) no-repeat;
	width:102px;
	text-align:center;
	text-decoration:none;
}

.desc{
	float:left;
	width:465px;
}

.desc_wide{
	float:left;
	width:679px
}

.desc_wide p{
	font-family: Geneva, Arial;
	font-size: 12px;
	color: #333;
	line-height: 20px;
	padding: 0 0 0 20px;
}

.desc_wide h2{
	font-family: Geneva, Arial;
	font-size: 18px;
	font-weight: bolder;
	color: #333;
	line-height: 20px;
	padding: 0;
}

.part{
	overflow:hidden;
	width:465px;
}

.model{
	float:left;
	width:265px;
}

.model strong{
	font:14px/18px Verdana, Tahoma, sans-serif;
	color:#666;
	margin:0;
}

.model strong a{
	font:14px/18px Verdana, Tahoma, sans-serif;
	color:#0f617a;
	text-decoration:underline;
}

.model strong a:hover{text-decoration:none}

.model p{
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#666;
	margin:0;
}

.model span{
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#004498;
	margin:0;
}

a.back{
	float:right;
	font:11px/20px Arial, sans-serif;
	color:#fff;
	background:url(../images/button1.jpg) no-repeat;
	width:129px;
	text-align:center;
	text-decoration:none;
}

.box2{
	clear:both;
	background:url(../images/box2-bg.jpg) repeat-y;
	overflow:hidden;
	margin:38px 0 47px;
}

.box2-bg{background:url(../images/box2-top.jpg) no-repeat}

.box2-info{
	background:url(../images/box2-foot.jpg) no-repeat 0 100%;
	width:426px;
	overflow:hidden;
	padding:19px 24px 9px 15px;
}

.box2 h2{
	font:14px/14px Verdana, Tahoma, sans-serif;
	color:#666;
	margin:0;
	padding:0 0 5px;
	border-bottom:1px solid #ccc;
}

.box2 p{
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#666;
	margin:5px 0 27px 8px;
}

.box2 ul{
	width:428px;
	padding:7px 0 18px 8px;
	margin:0;
	overflow:hidden;
	list-style:none;
}

.box2 ul li{
	float:left;
	width:426px;
}

.box2 .mod{padding:7px 0 6px 8px}

.box2 .mod li{padding:0 0 7px}

.box2 ul p{
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#666;
	margin:0;
}

.box2 ul li a{
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#0f617a;
	text-decoration:underline;
}

.box2 ul li a:hover{text-decoration:none}

.info h3{
	font:14px/16px Verdana, Tahoma, sans-serif;
	color:#333;
	margin:0 0 0 12px;
}

.box4{
	width: 700px;
	clear:both;
	background:url(../images/box4-bg.jpg) repeat-y;
	overflow:hidden;
	margin:10px 0 47px;
}

.box4-bg{background:url(../images/box4-top.jpg) no-repeat}

.box4-info{
	background:url(../images/box4-foot.jpg) no-repeat 0 100%;
	width:700px;
	overflow:hidden;
	padding:19px 24px 9px 20px;
}

.box3 h2{
	font:14px/14px Verdana, Tahoma, sans-serif;
	color:#666;
	margin:0;
	padding:0 0 5px;
	border-bottom:1px solid #ccc;
}

.box4 p{
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#333;
	margin:5px 50px 27px 8px;
}

.box4 ul{
	width:428px;
	padding:7px 0 18px 8px;
	margin:0;
	overflow:hidden;
	list-style:none;
}

.box4 ul li{
	float:left;
	width:426px;
}
.box4 .mod{padding:7px 0 6px 8px}

.box4 .mod li{padding:0 0 7px}

.box4 ul p{
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#666;
	margin:0;
}

.box4 ul li a{
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#0f617a;
	text-decoration:underline;
}

.box4 ul li a:hover{
    text-decoration:none;
}

.box3{
	clear:both;
	background:url(../images/box3-bg.jpg) repeat-y;
	overflow:hidden;
	margin:6px 0 0;
	/*margin: 0;*/
}

.box3-bg{
    background:url(../images/box3-top.jpg) no-repeat;
}

.box3-info{
	background:url(../images/box3-foot.jpg) no-repeat 0 100%;
	width:515px;
	overflow:hidden;
	padding:9px 15px;
}

.foto{
	float:left;
	width:100px;
}

.foto img{float:right}
.view{
	float:left;
	width:400px;
	padding: 5px 0px 0px 14px;
}

.view strong{
	font:14px/18px Verdana, Tahoma, sans-serif;
	color:#666;
	margin:0;
}

.view strong a{
	font:14px/18px Verdana, Tahoma, sans-serif;
	color:#0f617a;
	text-decoration:underline;
}

.view strong a:hover{text-decoration:none}
.view span{
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#666;
	margin:0;
	display:block;
}

.view em{
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#004498;
	margin:0;
}

.view p{
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#333;
	margin:0;
}

.view p a, .moreLink{
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#039 !important;
	background:url(../images/arrow3.jpg) no-repeat 100% 50%;
	padding:0 10px 0 0;
	text-decoration:underline;
}

.view p a:hover{text-decoration:none}
.pages{
	width:537px;
	padding:16px 0 0 8px;
	margin:0;
	overflow:hidden;
	list-style:none;
}

.pages li{
	float:left;
	padding:0 0 0 4px;
}

.pages li a{
	float:left;
	font:bold 12px/18px Verdana, Tahoma, sans-serif;
	color:#666;
	padding:0 5px;
	text-decoration:underline;
}

.pages li a:hover{
	background:#ccc;
	text-decoration:none;
}

.pages li a.active{
	background:#ccc;
	text-decoration:none;
}

.pages li a.prev{
	padding:0 0 0 10px;
	margin:0 7px 0 0;
	background:url(../images/arrow4.jpg) no-repeat 0 50%;
	text-decoration:none;
}

.pages li a.prev:hover{
	padding:0 0 0 10px;
	background:url(../images/arrow4.jpg) no-repeat 0 50%;
	text-decoration:underline
}

.pages li a.next{
	padding:0 10px 0 0;
	margin:0 0 0 7px;
	background:url(../images/arrow5.jpg) no-repeat 100% 50%;
	text-decoration:none;
}

.pages li a.next:hover{
	padding:0 10px 0 0;
	background:url(../images/arrow5.jpg) no-repeat 100% 50%;
	text-decoration:underline
}

.pages li a.all:hover{background:none}


.footer{
	background:url(../images/bg-footer.jpg) repeat-x;
	background-color: #333;
	overflow:hidden;
	width:100%;
	height:113px;
	margin:55px 0 0;
}

.footer-holder{
	width:955px;
	padding:15px 0 0;
	margin:0 auto;
}

.footer ul{
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}

.footer ul li{
	float:left;
	padding:0 22px 0 23px;
	background:url(../images/separator.jpg) no-repeat 0 50%;
}

.footer ul li.first{background:none}
.footer ul li a{
	font:11px/14px Arial, sans-serif;
	color:#fff;
	text-decoration:none;
}

.footer ul li a:hover{text-decoration:underline}
.footer p{
	float:right;
	font:11px/14px Arial, sans-serif;
	color:#fff;
	margin:0;
}

/* === Content Related Styles === */
/* Page Sub-Titles */
span.subTitle{
	font-family: Geneva, Arial;
	font-size: 20px;
	font-weight: lighter;
	color: #333;
	padding: 0 0 0 40px;
}

.prodThumb{
	width: 100px;
	float: left;
	margin: 20px;
	text-align: center;
}

.prodThumb a, .prodThumb a:link, .prodThumb a:active, .prodThumb a:visited{
	font-family: Geneva, Arial;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

.prodThumb a:hover{
	text-decoration: underline;
}

.prodThumb a img{
	border: none;
	padding: 0 0 10px 0;
}

.box4-info table{
	/* margin: 0 auto; */
	font-family: Geneva, Arial;
	font-size: 14px;
	color: #666;
}

.box4-info table a, .box4-info table a:link, .box4-info table a:active, .box4-info table a:visited {
	margin: 0 auto;
	font-family: Geneva, Arial;
	color: #666;
	text-decoration: underline;
}

.box4-info table a:hover{
	text-decoration: none;	
}

.formElementContainer{
	width:230px;
	padding: 0 0 20px 30px;
	margin: 0 auto;
	font-family: Geneva, Arial;
	font-size: 12px;
	color: #666;
}

.loginLabel
{
	width:230px;
	
	text-align: right;
	font-family: Geneva, Arial;
	font-size: 12px;
	color: #666;
}

.formElementContainer span{
	width:70px;
	display: block;
	float: left;
}

.formElementContainer a.secondLink{
	float: right;
	font-family: Geneva, Arial;
	color:#333;
	display: block; 
	padding: 10px 0 0 0;
}

.formElementContainer a.back{
	margin: 10px 0 0 0;
}

/* account info table */	
.informationTable{
	width: 650px;
	padding:0 0 30px 0;
}

.informationTable tr td{
	padding:5px;
	font-family: Geneva, Arial;
	font-size: 12px;
	color: #333;
	vertical-align: top;
}

.informationTable tr td ul{
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}

.informationTable tr td ul li{
	padding: 1px;
}

.informationTable tr td strong{
	font-size: 16px; 
	line-height: 20px;
	font-weight: bold;
}

.informationTable tr td.darkCell{
	width:100px;
	padding:3px;
	font-family: Geneva, Arial;
	font-size: 12px;
	color: white;
	background-color: #8B8B8B;
	font-weight: bold;
}

.orders table.informationTable tr td.darkCell{
	width: auto;
	padding:2px;
	font-family: Geneva, Arial;
	font-size: 10px;
	color: white;
	background-color: #8B8B8B;
	text-align: center;
	font-weight: bold;
}

/* Track Order */
.orders{
	float:left; 
	clear:both;
	padding:0 0 0 0px;
}
	
.trackOrderTable{
	width: 650px;
	padding:0 0 30px 0;
	margin: 0px;
	float: left;
}

.trackOrderTableCustomer{
	width: 400px;
	padding:0 0 30px 0;
	margin: 0px;
	float:left;
}

.trackOrderTable thead, .trackOrderTableCustomer thead{	
	font-family: Geneva, Arial;
	color: white;
	background-color: #8B8B8B;
}

.trackOrderTable thead td, .trackOrderTableCustomer thead td{
	font-size: 10px;
	padding: 5px;
	width: 100px;
}

.trackOrderTable tbody td, .trackOrderTableCustomer tbody td{
	padding:5px;
	font-family: Geneva, Arial;
	font-size: 10px;
	color: #666;
	vertical-align: top;
	border:0px solid #FFFFFF;
}

.darkCellAcctInfo{
	padding:5px;
	font-family: Geneva, Arial;
	font-size: 10px;
	color: white;
	background-color: #8B8B8B;
}

.trackOrderTable thead .darkCell, .trackOrderTableCustomer thead .darkcell{
	padding:5px;
	font-family: Geneva, Arial;
	font-size: 10px;
	color: white;
	background-color: #8B8B8B;
	font-weight: bold;
	width:61px;
}

.trackOrderTable thead .darkCell a
{
	font-family: Geneva, Arial;
	font-size: 10px;
	color: white;
}

.trackOrderTableCustomer tbody td a, .trackOrderTableCustomer tbody td a:visited, .trackOrderTableCustomer tbody td a:active, .trackOrderTableCustomer tbody td a:link,
.trackOrderTable tbody td a, .trackOrderTable tbody td a:visited, .trackOrderTable tbody td a:active, .trackOrderTable tbody td a:link
{
	font-family: Geneva, Arial;
	font-size: 10px;
	color: #8B8B8B;
	border:none;
}

.even{
	background-color: #FFF;
}

.odd{
	background-color: #F4F7FB;
}

h3.customerTitle{
	background-image: url(../images/customerHeader.jpg); 
	margin:15px 0 10px 0;
}

h3.searchOrdersTitle{
	background-image:  url(../images/searchOrdersHeader.jpg);
	margin:15px 0 10px 0;
}

h3.promoTitle{
	background-image:  url(../images/promoHeader.jpg);
	margin:15px 0 10px 0;
}

.genericBtn{
	background:transparent url(../images/button.jpg) no-repeat scroll 0% 0%;
	color:#FFFFFF;
	display: block;
	font-family:Arial,sans-serif;
	font-size:11px;
	/*font-size-adjust:none;
	font-stretch:normal;*/
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	width:102px;
}

.packingListQueryTable{
	width: 400px;
	padding: 0 0 30px 0px;
	/*margin: 0 0 0 10px;*/
	clear:both;
	float: left;
}

.packingListQueryTable .theadTitle{
	font-weight: bolder;
	font-size: 16px;
	color: #4f4f4f;
}

.packingListQueryTable .cellTile{
    vertical-align:top;
	width:150px;
	font-family: Geneva, Arial;
	font-size: 12px;
	color: #8B8B8B;
}

.packingListQueryTable td{
	width:300px;
	font-family: Geneva, Arial;
	font-size: 12px;
	color: #8B8B8B;
}

.priceSummary{
font-family: Geneva, Arial;
	font-size: 10px;
	/*width:110px;*/
	text-align: right;
	background-color:#F4F7FB;
}

.price{
    text-align:right;
}

/* request a custom quote */
.box4-info table  .quoteInformationTable{
	width:400px;
	padding:0 0 30px 0;
	margin:0 0 0 0;
}

.quoteInformationTable tr td{
	padding:5px;
	font-family: Geneva, Arial;
	font-size: 12px;
	color: #333;
}

.quoteInformationTable tr td strong{
	font-size: 12px; 
	line-height: 20px;
	font-weight: bolder;
}