body{ padding:0px; margin:0px; background-color:#e0c7b4 }
	body, table td{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	img{ border:none; }
	h2 a{ color:blue; }
	div#template_container{ background-color:#FFFFFF; margin:0 auto; width:900px; }
	div#template_banner{ background-image:url(../images/template/banner_800number.png); width:898px; height:103px; background-repeat:no-repeat; }
	div#template_homelinks{ text-align:right; /*padding-top:50px;*/ }
	div#template_homelinks a{ font-weight:bold; display:inline-block; margin-right:10px; text-decoration:underline; color:blue; }
	div#template_mainnav{ height:33px; background-color:#BFCEB5; padding-left:60px;/*120px;*/ }
	div#template_mainnav a{ font-size:12px; font-weight:bold; text-decoration:none; color:#587643; display:inline-block; padding-left:14px; padding-right:14px; padding-top:5px; padding-bottom:5px; }
	div#template_mainnav a.on{ color:#FFFFFF; background-color:#739857; }
	div#template_subnav{ height:24px; background-color:#739857; padding-left:60px;/*30px;*//*120px;*/ }
	div#template_subnav a{ display:inline-block; color:#FFFFFF; text-decoration:none; font-size:11px; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:14px; margin-right:20px; }
	div#template_subnav a:hover{ color:#587643; }
	div#template_subnav a.on{ background-color:#587643; }
	div#template_subnav a.on:hover{ color:#FFFFFF; }
	div#template_content{ background-color:#FFFFFF; /*background-image:url(../images/template/product_info_bg.png); background-repeat:repeat-y; background-position:10px 0px;*/ }
	div#template_content div#left{ float:left; width:208px; /*190px;*/ text-align:left; margin-left:17px;background-image:url(../images/template/product_info_bg.png); background-repeat:repeat-y; }
	div#template_content div#right{ float:left; width:640px; /*650px;*/ text-align:left; margin-left:10px; /*-5px;*/ }
	h1{ color:#9a1200; font-weight:bold; font-size:28px; }
	p{ padding:0px; margin:0px; line-height:1.25; text-align:justify; }
	sup{ font-weight:normal; font-size:12px; }
	ul{list-style-image:url(../images/template/arrow_bullet.gif); padding-left:25px; margin-left:0px;}
	li{padding-bottom:5px;}
	span.gr{ color:#000000; font-size:14px; }
	span.ul{ text-decoration:underline; }
	span.fineprint{font-size:10px; font-style:italic; text-align:justify;}
	.btnaddtocart{background-color:#729954; font-weight:bold; color:#FFFFFF; border: 0px; border-radius:0px; font-size:16px; padding:7px; font-weight:normal; width:160px;}
	a.pdf{ font-size:10px; color:blue; text-decoration:underline; font-size:10px; display:block; background-image:url(../images/template/pdf.gif); background-repeat:no-repeat; padding-left:18px; height:16px; }
	.select{ font-size:10px; width:150px;}
	div#template_infotabs{ position:relative; top:1px; }
	
	div#template_infotabs a{ display:inline-block; color:#FFFFFF; text-decoration:none; padding:10px; padding-right:30px; font-size:14px; border-left:solid 1px #CCCCCC; background-color:#666666; background-position:top right; background-repeat:no-repeat; }
	div#template_infotabs a.on{ color:#333333; border-bottom:solid 1px #EEEEEE; background-color:#EEEEEE; background-position:top right; background-repeat:no-repeat; }

	/*div#template_infotabs a{ display:inline-block; background-color:#666666; color:#FFFFFF; text-decoration:none; padding:5px; padding-right:30px; font-weight:bold; border:solid 1px #CCCCCC; }
	div#template_infotabs a.on{ color:#333333; background-color:#EEEEEE; border-bottom:solid 1px #EEEEEE; }*/

	div#template_info{ border:solid 1px #CCCCCC; background-color:#EEEEEE; /*height:300px;*/ padding:10px; }
	td.thumbOff{ border:solid 2px #CCCCCC; cursor:pointer; }
	td.thumbOn{ border:solid 2px #666666; cursor:pointer; }

	h2{ font-size:14px; font-weight:bold; }
	
	div#template_content div#main_image{ height:435px; }
	div#template_content div#title{ background-color: rgb(204, 204, 204); height: 40px; }
	div#template_content div#title h1{ background-color: rgb(249, 249, 249); display: inline-block; padding-left: 10px; padding-right: 10px; text-transform: uppercase; font-weight: bold; font-size: 16px; height: 40px; line-height: 2.5; letter-spacing: 2px; }
	div#template_content div#main{ background-color: rgb(249, 249, 249); padding-bottom: 30px; }
	div#template_content div#main div#index_left{ float: left; margin-left: 18px; width: 373px; }
	div#template_content div#main div#index_left div#topic{ border-bottom: 1px solid rgb(204, 204, 204); font-size: 14px; margin-bottom: 10px; padding-top: 20px; }
	div#template_content div#main div#index_left p{ text-align: justify; line-height: 1.5; margin-bottom: 10px; }
	div#template_content div#main div#index_right{ float:left; margin-left:32px; width:450px; }

	div#title{ background-color: rgb(204, 204, 204); height: 40px; }
	div#title h1, h1.title{ background-color: rgb(249, 249, 249); display: inline-block; padding-left: 10px; padding-right: 10px; text-transform: uppercase; font-weight: bold; font-size: 16px; height: 40px; line-height: 2.5; letter-spacing: 2px; }
	div#index-title h1, h1.index-title{ padding:0; margin:0; padding-top:20px; margin-bottom:10px; text-transform:uppercase; font-weight: bold; font-size: 16px; letter-spacing: 2px; }
	div#main{ background-color: rgb(249, 249, 249); padding-bottom: 30px; }
	div#topic, div.topic{ border-bottom: 1px solid rgb(204, 204, 204); font-size: 14px; margin-bottom: 10px; padding-top: 20px; }
	p{ text-align: justify; line-height: 1.5; margin-bottom: 10px; }
	
	div#footer{ background-color:#B15D40; padding-top:5px; padding-bottom:5px; text-align:center; color:#FFFFFF; font-size:11px }
	div#footer a{ color:#FFFFFF; }
	.fldSearch{ background-image:url(../images/search1.png); background-position:2px 2px; background-repeat:no-repeat; padding-left:40px; #CCC; }
	.btnSearch{  }

.primaryImgs{}

	
/***************************************************
            DROPDOWN MENU
***************************************************/
.jqueryslidemenu{
    margin: 0px;
    padding: 11px 0 0 0;
	/*padding-top:15px;*/
    position:relative;
    display: block;
    float: left;
    z-index:10;
    /*background-color:#efd6d6;*/
	height:50px;
	/*background-color:#BFCEB5;*/
    /*width:900px;*/
	width:100%;
	background-size:100%;
    /*height:25px;*/
	
	padding-top:0px;
	margin-top:0px;
	height:auto;
	background-color:#efd6d6;
}
.jqueryslidemenu ul li.mainitems a{
	background-color:#efd6d6;
	padding-top:15px;
	border-right:solid 2px #FFFFFF;
	/*border-bottom:solid 4px #efd6d6;*/
}
.jqueryslidemenu ul li.mainitems.active a{
	border-bottom:solid 4px #9A1200;
	padding-bottom:1px;
}
.jqueryslidemenu ul li.mainitems.last a{
	border-right:none;
}
.jqueryslidemenu ul li.mainitems ul.subuls li a{
	margin-top:5px;
	margin-bottom:5px;
	padding-top:0px;
	border-right:none;
	border-bottom:none;
	padding-bottom:0px;
}
.jqueryslidemenu ul{
    margin: 0;
    padding:0;
    list-style-type: none;
}
.jqueryslidemenu ul li{
    position: relative;
    display: inline;
    float: left;
	width:14%;
}
.jqueryslidemenu ul li a{
    color: #333333; /*#587643;*/
    text-decoration: none;
    display: block;
    width: 100%; /*110px;*/
    padding:5px 9px 5px 10px;
    font-size: 13px;
    line-height:15px;
    text-align:center;
}
.jqueryslidemenu ul li a .title {
    display: block;
    margin: 0px;
    padding: 0px;
}
.jqueryslidemenu ul li a .subtitle {
    display: block;
    font-size: 13px;
    text-transform:lowercase;
}
.jqueryslidemenu ul li a.current{
    color:#FFFFFF;
    text-decoration: none;
}
.jqueryslidemenu ul li a:hover{
    color: #0066cc;
    text-decoration: none;
}
.jqueryslidemenu ul li ul {
    display: block;
    position: absolute;
    
	background-color:#efd6d6;
    visibility: hidden;
    width:230px;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.jqueryslidemenu ul li ul li {
    display: block;
    list-style:none;
    margin:0;
    float: left;
    padding: 0px;
    width:220px;
}
.jqueryslidemenu ul li ul li a {
    margin: 0px;
    display: block;
    text-align: left;
    /*color: #FFFFFF;*/
	color:#9a1200;
    float: left;
    width: 220px;
    padding:6px 10px 6px 10px;
    border: none;
}
.jqueryslidemenu ul li ul li a.activeSub {
	border-left:solid 4px #9A1200;
	padding-left:6px;
}
.jqueryslidemenu ul li ul li a:hover {
    /*color: #FFFFFF;
	background-color:#739857;*/
    color: #0066cc;
    /*border: none;*/
}

.slidemenu-title {
font-size:18px;
position:relative;
top:-5px;
left:0px;
padding:0 0 0 5px;
color:#9A1200;
}

.subuls{
display: none;
}
#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}
.jqueryslidemenu ul li:hover ul, .jqueryslidemenu ul li.over ul {
visibility: visible;
}
.mobMenuImg{display:none;}
.jqueryslidemenu ul{display:block;}
.mainPageDIv{
	width:900px; padding-bottom:10px;
}


.product-info-bar{
	background-image:url(/images/template/product_info_bg.png);
	background-repeat:repeat-y;
	background-size:100%;
	background-color:#F9F9F9;
}
@media only screen and (max-width:480px){
	.product-info-bar{
		background-image:none;
	}
}

/**********************Start Css For Responsive Design*****************************/

@media only screen and (min-width : 320px) and (max-width : 767px) {
	body{
		background:none;
	}
	.mainPageDIv,.jqueryslidemenu,div#template_banner,div#template_banner,.jqueryslidemenu ul li,.jqueryslidemenu ul li a,img#overviewThumb,#logos
	{
		width:100%;
	}
	div#template_container{width:100%;border:none;}
   div#template_banner {
		height: auto;
		padding-bottom: 10px;
		width: 100%;
		background-size: 100% 45px;
	}
	div#template_homelinks {
		padding-top: 48px;
		text-align: right;
	}
   .jqueryslidemenu {
		background: none repeat scroll 0 0 #f3f3f3;
		display: block;
		float: left;
		height: auto;
		margin: 0;
		padding: 0;
		z-index: 10;
	}
	/*.jqueryslidemenu ul{height: auto !important}*/
	.jqueryslidemenu ul li {
		border-bottom: 1px solid #c3c3c3;
		display: inline-block;
		float: none;
		padding: 0 !important;
		position: relative;
		text-align: center; 
	}
	.jqueryslidemenu ul li a {
		color: #333333;
		display: inline-block;
		font-size: 13px;
		line-height: normal;
		padding: 8px 0;
		text-align: center;
		text-decoration: none;
	}
	.slidemenu-title {
		font-size: 16px;
		font-weight: bold;
		left: 0;
		padding: 0;
		position: relative;
		top: 0;
	}
	.jqueryslidemenu ul li ul {
		background: none repeat-x scroll 0 0 #fff;
		border: 1px solid #999;
		display: block;
		position: absolute;
		right: 4px;
		top: 30px;
		visibility: hidden;
		width: 68%;
		z-index: 2;
	}
	.mobMenuImg {
		padding-right: 10px;
		text-align: right;
	}
	.mobMenuImg{display:block;}
	.jqueryslidemenu ul{display:none;}
	div.application {
		float: left;
		margin-bottom: 10px;
		margin-left: 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	div#template_content div#title {
		height: auto;
	}
	
	div#template_content div#title h1 {
		height: auto;
		line-height: 1.5;
	}
	div#template_content div#main {
		padding-bottom: 30px;
		width: 100%;
	}
	div#template_content div#main div#index_left ,div#template_content div#main div#index_right{
		padding: 10px;
		width: 93% !important;
		margin-left:0;
	}
	#index_right table tr td{
		display: inline-block;
		text-align: center;
		width: 100% !important;
	}
	#main_image img{max-width:100%;}
	div#template_content div#main_image {
		height: auto;
	}
	div#template_content div#left{
		background-size: 100% auto;
		float: left;
		margin-left: 8px;
		text-align: left;
		width: 97%
	}
	div#template_content div#left {
		text-align: left;
	}
	
	div#template_infotabs {
		position: relative;
		top: 1px;
		width: 97%;
		clear: both;
	}
	div#template_info {
		background-color: #eeeeee;
		border: 1px solid #cccccc;
		/*height: 300px;*/
		padding: 10px;
		width: 100%; /*90%;*/
	}
	#info_1{
		 width:98%;
	}
	#template_info #info_1 table{
		width:100%;
	}
	#right td {
		display: inline-block;
		text-align: center;
		padding: 0 !important;
		width: 100% !important;
		height: auto !important;
	}
	/*#info_1 td {
		display: inline;
		padding: 0 9px;
		text-align: left;
	}*/
		
	div#template_content div#right {
		float: left;
		margin-left: 10px;
		text-align: left;
		width: 97%;
	}
	#left > img {
		width: 100%;
	}
	#right table {
		float: left;
		width: 98%;
	}
	#right td.thumbOn{
		margin-bottom:5px;
	}
	#right #info_1 td {
		display: inline;
		padding-right: 10px !important;
		text-align: left;
	}
	#template_content #right .alternativeimg td {
		display: table-cell;
		width: 50px !important;
	}
	.primaryImgs img{max-width:100%;}
	.selectSystems{width:90%;}
	#info_1 #availableSizes tr td{
		display: table-cell;
		
	}
	#colorbox, #cboxOverlay, #cboxWrapper,#cboxContent{
		width: 100% !important;
	}
	#cboxLoadedContent {
		width: 95% !important;
	}
	.quoteDiv{
		width: 100%;
	}
	.quoteReqDiv{
		margin-left: 0 !important;
		padding: 10px;
		width: 92%;
	}
	.quoteDivTable{
		border-collapse: collapse;
		width: 100%;
	}
	.quoteDivTable tr td,.submittalsTable tr td{
		display: inline-block;
		width: 100%;
	}
	#template_content .quoteDivTable tr td input[type="text"] {
		width: 94%;
	}
	#template_content .quoteDivTable tr td textarea {
		width: 95%;
	}
	.frmUpdateCards{
		display: block;
		margin: 5px !important;
		overflow-x: auto;
		overflow-y: scroll;
		width: 300px
	}
	.cartDivTable td {
		display: inline-block;
	}
	.frmUpdateCards td {
		display: table-cell;
	}
	.termsDiv{width:100%;}
	.termsDivLeft{
		margin-left: 0 !important;
		padding: 15px;
		width: 90% !important;
	}
}

/**************************For Tablet Devices****************************/
@media only screen and (min-width : 768px) and (max-width : 900px) {
	div#template_container,div#template_banner,.jqueryslidemenu,.mainPageDIv,body{
		width:100%;
	}
	body{
		overflow-x:hidden;
	}
	div#template_banner,.jqueryslidemenu,body{
		background-size: 100% auto;
	}
	.jqueryslidemenu ul li a{
		padding: 5px 0;
		font-size: 13px;
	}
	div#template_content div#main div#index_left{
		margin-left: 0;
		padding: 15px;
		width: 50% !important;
	}
	img#overviewThumb {
		max-width: 100%;
	}
	div#template_content div#main div#index_right{
		float: right;
		margin-right: 20px;
		 margin-left: 0;
		width: 42% !important;
	}
	.jqueryslidemenu ul li{
		width: 14%;
	}
	div#template_content div#left{
		   background-size: 100% auto;width: 30%;
	}
	div#template_content div#left img{width:100%;}
	div#template_content div#right{width: 66%;}
	#right table:first-child {width:100%;}
	#right table:first-child  tr td:first-child{display:inline-block;width:60% !important;}
	#right table:first-child  tr td:first-child + td{display:inline-block;width:37%;   padding-left: 0 !important;}
	#right table  tr td:first-child + td table.alternativeimg tr td{display:table-cell;}
	.primaryImgs img{max-width:100%;}
	#right #template_info  .selectSystems table{display:table;}
	#right #template_info  .selectSystems table tr td{display:table-cell;width:auto  !important;   text-align: left;}
	.rgtDivPading{padding-left:0 !important;}
	div#template_content{min-height:700px;}
}


/*********************
NEWLY ADDED ITEMS: 4/14/15
***********************/
.container{
	background-color:#FFFFFF;

}
.noPadding{
	padding:0;
	margin:0;
}

.headerBanner{
		background-image:url(/images/fsd/hero.png);
		background-size:cover;
		border-radius:0px !important;
		background-position:top right;
		color:#000000;
		height:315px;
	}
	.headerBanner #title{
		background:url(/images/fsd/h1-bg.png);
		margin-top:36px;
		margin-bottom:30px;
		padding-bottom:20px;
	}
	
	@media print {
 
#header {display:none;}
#content {display:none;}
#comments {display:none;}
#sidebar {display:none;}
#footer {display:none;}
 
.site-description {display:none;}
.site-title {display:none;}
.menu {display:none;}
 ul li .mainitems {display:none;}
 ul.cssdropdown {display:none;}
 .footer {display:none;}
 a #menu {display:none;}
 div .jqueryslidemenu .menu {display:none;}
 div .row #fedex {display:none;}
 #fedex {display:none;}
 #slidemenu-title {display: none;}
 .logoImg {text-align: center; margin:0 auto;}
 .contact {text-align: center; margin:0 auto;}
 
   a[href]:after {
    content: " (" attr(href) ")";
  }
   a[href]:after {
    content: none !important;
  }
}
 @media only screen and (min-width : 480px) {
.mobile{
	text-align:left;
	
}
h2.price{ font-size:24px; padding:0px; margin:0px; text-align:left; font-weight:bold; color:#9A1200; padding-top:10px; padding-bottom:10px; }
    }
 @media only screen and (max-width : 480px) {
.mobile{
	text-align:center;
	margin:0 auto;
	}
.picSmall{ max-width:250px;}

h2.price{ font-size:24px; padding:0px; margin:0px; text-align:center; font-weight:bold; color:#9A1200; padding-top:10px; padding-bottom:10px; }
    }