/*
 - PRODUCT OVERVIEW AND PRODUCT DETAIL HAWSCO 
============================================================== */

#product-details h3 {
	margin-top: 10px;
	}
/* - 
================================================================== */
#c{background:url('../images/bck_crumbs.jpg') no-repeat center center; height:28px; width:920px; overflow:auto; overflow:visible; padding:5px 0 0 20px}
#c li{float:left; font-size:11px; padding:0 15px 0 10px; background:url('../images/crumb_arrow.gif') no-repeat right center}

#c li a{color:#737e84; padding:0 2px}
#c li a:hover{color:#4897CC}

li#c_home{width:20px; text-indent:-9999px; padding-left:0}
#c_home a{background:url('../images/crumb_home.gif') no-repeat 50% 3px; display:block; width:20px; height:22px}
#c_home a:hover{background:url('../images/crumb_home_over.gif') no-repeat 50% 3px}
li#c_last{background:none}

/* - 
================================================================== */
.product_overview_options {	clear: both; overflow: auto; margin: 20px 0 10px 0}
#content ul.sort{width:300px; overflow:auto; float: left; clear: left; padding: 3px 0; margin: 0;}
#content ul.paginate{width:350px; overflow:auto; text-align:right; float: right;  padding: 3px 0; margin: 0}


ul.sort li, ul.paginate li{display:inline; background:none !important; margin:0 0 0 1px !important; padding:0 !important; line-height: 100%}
ul.sort li a, ul.paginate li a{ padding:1px 5px; border: 1px solid #CCC;}

ul.sort li a:hover, ul.paginate li a:hover{color:#4897CC}
ul.sort .active a, ul.paginate .active a{ background: #CEDFEA; color: #006FBA; border: 1px solid #CEDFEA; }
.p_title{color: #666666;}

/* - 
======================================================================== */
#product_overview {	margin: 0px 0 20px 0; overflow:auto;	}
#product_overview  ul{margin:0 0 20px 0; padding:0; font-size:12px; line-height:150%;}
/* original
#product_overview{border-left:1px solid #ccc; border-top:1px solid #ccc; overflow:auto; clear:both; width:696px}
#product_overview  ul li{border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:-1px 0 0 0px; padding:0 0 10px 0; width:173px; float:left; position:relative; height: 240px; overflow: hidden;}*/

/*new */
#product_overview  ul li {border:1px solid #ccc;margin: 0px -1px 0 0px; padding:0 0 10px 0;width:173px;float:left;position:relative;height: 280px;overflow: hidden;}
.product_overview_img {width:173px; height: 173px; text-align: center;}
.product_overview_img img{max-height:173px;}

#product_overview ul li p{padding:0 10px; margin:0}
.overview_title{font:16px "Century Gotic",Arial,Helvetica,sans-serif}

.more{position:absolute; top:100px; left:17px; font-family:"Century Gothic"; margin:0; width:122px; height:43px; display:none}
.more a{display:block; color:#fff; background:url('../images/btn_detail.png') no-repeat center center; padding:15px 17px; text-align:center}
.more a:hover{color:#CEDFEA}

/* - 
======================================================================== */
#pd_content{width:940px; margin-top:20px; overflow:auto}
#pd_img{border:1px solid #ccc; width:460px; float:left; overflow:hidden; margin-bottom:20px; text-align: center;}
#pd_desc{float:left; width:458px; margin:0 0 20px 20px}
#pd_titles{background:#1f1f1f; color:#fff; padding:10px; font-family:"Century Gothic"; margin-bottom:40px}
#pd_titles h1{color:#fff; margin:0 0 5px 0; font-size:28px}
#pd_titles p{color:#ccc; margin:0; font-size:20px}
#pd_cta{clear:both; margin-top: 40px; padding:10px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; overflow:auto}

#pd_links{width:300px; overflow:auto; margin:0; float:left}
#pd_links li{float:left; margin-right:10px}
#pd_links li a{padding:10px 15px; display:block; color:#fff; background:#006fba}
#pd_links li a:hover{background:#000}

#pd_share{width:158px; float:left; font-size:12px; line-height:120%; overflow:auto; overflow:visible}
#pd_share li{margin:0}

#pd_email a{background:url('../images/share_email.gif') no-repeat center left; padding-left:17px}

#pd_print a{background:url('../images/share_print.gif') no-repeat center left; padding-left:17px}

/* - 
======================================================================== */
#tabs{clear:both; margin-bottom:20px}

ul.tabNavigation{list-style:none; margin:0; padding:0; font:14px "Century Gothic"; color:#000; clear:both; overflow:auto; width:100%}

ul.tabNavigation li{float:left; background:#fff; margin:0 5px 0 0; position:relative}

ul.tabNavigation li .nav_tl{background-position:1px 1px}

ul.tabNavigation li .nav_tr{background-position:-1px 1px}

ul.tabNavigation li a{padding:10px 15px; color:#000; display:block; border-color:#ccc; border-width:1px 1px 1px 1px; border-style:solid}

ul.tabNavigation li a.selected, 
ul.tabNavigation lI a:hover{color:#006fba; background:#fff; border-bottom:1px solid #fff}

ul.tabNavigation li a:focus{outline:0}

div#tabs >div{padding:20px 15px; border:1px solid #ccc; margin-top:-1px; overflow:auto}

/* - 
======================================================================== */

#pd_icons{padding-top:10px}
#pd_icons img{margin-right:5px}


/* - 
======================================================================== */
.stripe{background:#e4edf4}
.ltstripe{background:#eff4f8}
.pd_table td{padding:10px}
.pd_table p{margin:0}
.product_accessory { width: 70px;text-align: center;background: #fff;border:1px solid #ccc}
.product_accessory img {max-width: 70px;}


/* - 
======================================================================== */
.doc{background:url('../images/icon_doc.png') no-repeat center left}
.pdf{background:url('../images/icon_pdf.png') no-repeat center left}
.dwg{background:url('../images/icon_dwg.png') no-repeat center left}

#pd_resources{overflow:auto; margin-bottom: 15px;}
#pd_resources li{float:left; width:100%}
#pd_resources li a{display:block; padding:3px 5px 3px 40px}

.double_col{width:410px; float:left; overflow:auto}
.double_column_last{margin-left:20px; padding-left:20px; float:right; border-left:1px dashed #ccc}
#sample_specs{background:#e4edf4; padding:20px; color:#000}

/* - 
======================================================================== */
blockquote, #product_premier{background:#e4edf4; width:300px; float:right; padding:20px; margin:0 0 5px 15px;}
blockquote {clear: right; }
.btn {	 margin: 5px 0 5px 0;}
.btn a {padding:10px 15px; color:#fff; background:#006fba;}	
.btn a:hover { background: #000;}

#product_premier .btn a {
	width: 200px;
	display: block;
	padding: 10px;
	text-align: center;

	}

.errmsg{color:red;}