/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif; 
	
}
li {
	list-style-type: none;
}

html {
	background-color: #FFFFFF;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 980px;  
	margin: 0 auto; 
}
#Container { 
	width: 980px;
	padding-bottom: 0;
	position: relative;
	/*background: #fff url(../images/containerbg.gif) repeat-y;*/
}
#Layout {
	width: 948px;
	clear: both;
	overflow: hidden;
	background-image: url(../images/pageBg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding: 25px;
}
#spacer {
	width: 1px;
	float: left;
	height: 420px;
}
#Content {
	width: 680px;
	float: right;
	text-align: left;
	padding: 25px;
	background-color: #FFFFFF;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
	border: 1px solid #c3cfdb;
/*	position: relative;
*/	
}
/* HEADER
----------------------------------------- */
#Header {
	width: 980px;
	overflow: hidden;
	height: 166px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}
 	#Header h1 span {
	
	display: none;
	}
h1#printlogo {
	display:none;
}	
	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
	width: 998px;
	padding-top: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	height: 35px;
	position: relative;	/*	background: #4ea3d7 url(../images/headerRounded.gif) no-repeat center bottom;*/
}
#topNav{
	width: 998px;
	position: absolute;
	left: 0px;
	
}

#Navigation, #Navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 900;
}

#Navigation a {
	display: block;
	
}

#Navigation li { /* all list items */
	float: left;
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	background-position: center top;/*	width: 10em;*/ /* width needed or else Opera goes nuts */
}

#Navigation li ul { /* second-level lists */
	position: absolute;
	width: 174px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	
	border-top-width: 7px;
	border-right-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
		
}


#Navigation li:hover ul, #Navigation li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}
#Navigation .navArrow a{
	background-image: url(../images/navDiv.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 38px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 3px;
	padding-top: 11px;
	padding-right: 10px;
	padding-left: 10px;
	width: 140px;
	line-height: 12px;
}

#Navigation .navDrop a{
	background-image: none;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: auto;
	text-align: left;
	text-transform: none;
	color: #FFFFFF;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0px;
	padding-top: 7px;
	background-color: #1D4C7A;
	padding-bottom: 7px;
	border-right-width: 7px;
	border-left-width: 7px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#Navigation .navDrop a:hover{
	background-color: #D1E3F7;
	color: #05396B;
	
}


#Navigation li:hover #buildings, #Navigation li.sfhover #buildings { /* lists nested under hovered list items */
	margin-left: 8px;
	
}
#Navigation li:hover #bim-specs-cads, #Navigation li.sfhover #bim-specs-cads { /* lists nested under hovered list items */
	margin-left: -63px;
	
}
#Navigation li:hover #canopies, #Navigation li.sfhover #canopies { /* lists nested under hovered list items */
	margin-left: -18px;
}
#Navigation li:hover #shelters, #Navigation li.sfhover #shelters { /* lists nested under hovered list items */
	margin-left: -20px;
}
#Navigation li:hover #press-boxes, #Navigation li.sfhover #press-boxes { /* lists nested under hovered list items */
	margin-left: -10px;
}
#Navigation li:hover #vertical-markets, #Navigation li.sfhover #vertical-markets { /* lists nested under hovered list items */
	margin-left: -24px;
}
#topNav .navArrow .buildings {
	width: 118px;
	margin: 0px;	
}
#topNav .navArrow .canopies {
	width: 113px;
}
#topNav .navArrow .shelters {
	width: 112px;
}
#topNav .navArrow .press-boxes {
	width: 140px;
}
#topNav .navArrow .vertical-markets {

	width: 110px;
	margin-top: -5px;
	background-image: url(../images/navDiv.png);
	background-repeat: no-repeat;
	background-position: 122px 7px;
	padding-bottom: 5px;
}
#topNav .navArrow .custom {
	width: 98px;
}
#topNav .navArrow .bim-specs-cads {
	width: 132px;
	margin-top: -5px;
	background-image: none;
	padding-bottom: 5px;
}

#topNav .navArrow .protective-covers{
	width: 128px;
	margin-top: -5px;
	background-image: url(../images/navDiv.png);
	background-repeat: no-repeat;
	background-position: 143px 7px;
	padding-bottom: 5px;
}

#Navigation li:hover #protective-covers, #Navigation li.sfhover #protective-covers { /* lists nested under hovered list items */
	margin-left: -15px;
	margin-top: 0px;
}
#Navigation li:hover #bim-specs-cads, #Navigation li.sfhover #bim-specs-cads { /* lists nested under hovered list items */
	margin-left: -26px;
	margin-top: 0px;
}





#headerNav{
	width: 980px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	left: 120px;
	top: 140px;
	position: absolute;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#headerNav a{
	width: 998px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 14px;
	padding-left: 10px;
}
#headerNav a:hover{
	
	text-decoration: underline;	
}
#headerNav li{
	float: left;
	background-image: url(../images/navBullet.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#headerNav .last{
	background-image: none;
}
#headerInfo{
	background-image: none;
	position: absolute;
	left: 240px;
	top: 40px;
	width: 750px;
}
#headerInfo span{
	top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
}
#headerInfo a{
	text-decoration: none;
	color: #000000;
}
#logo a{
	background-image: url(../images/logo.png);
	height: 125px;
	width: 200px;
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -2px;
}
#headerInfo h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#trust{
	width: 170px;
	float: left;
	background-image: url(/themes/blackcandy/images/hdrDivLine.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
	padding-top: 5px;
}
#number{
	width: 280px;
	float: left;
	margin-left: 30px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 0px;
	position: relative;
	height: 35px;
	background-image: url(/themes/blackcandy/images/hdrDivLine.png);
	background-repeat: no-repeat;
	background-position: right;
}
#gsaLogo{
	position: absolute;
	right: 100px;
	top: -4px;
}
#bimLogo{
	position: absolute;
	right: 20px;
	top: -8px;
}
#searchBox{
	width: 250px;
	
	position: absolute;
	padding: 0px;
	top: 0px;
	left: 490px;
}
#searchBox fieldset{
	width: 240px;
	
}
#SearchForm_SearchForm_Search{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	border: 1px solid #cacaca;
	font-weight: normal;
	height: 15px;
	

}

#tabs{
	background-image: none;
	position: absolute;
	left: 220px;
	top: 100px;
	list-style-type: none;
}
#tabs span{
	list-style-type: none;
	display: none;
}
#tabs li{
	float: left;
	margin-right: 2px;
}
.structureBtn{
	background-image: url(../images/find-structure-btn.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 190px;
	display: block;
}
.quoteBtn{
	background-image: url(../images/quote-btn.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 145px;
	display: block;
}
.stockBtn{
	background-image: url(../images/sale-btn.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 145px;
	display: block;
}
.gsaBtn{
	background-image: url(../images/gsa-btn.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 191px;
	display: block;
}

	/*#Navigation ul { 
 		float: right; 
		margin-right: 10px;
	}
		#Navigation ul li { 
	 		list-style: none; 
			margin: 0 2px; 
			float: left;
			line-height: 2.8em;
			display: block;
		}
  			#Navigation ul li a { 
				float: left;
				text-decoration: none;
				display: block; 
				height: 2.3em; 
				font-size: 1.2em; 
				padding: 0 0 0 10px;
				color: #fff;
			}
				#Navigation ul li a span {
					text-align: center;
	        		float: left;
					padding-right: 10px;
					height: 2.3em;
				}
					#Navigation ul li a:hover { 
			 			background: #93C7E7 url(../images/hoverTabLeft.gif) no-repeat left top; 
						color: #fff;
						cursor: pointer;
					}
					#Navigation ul li a:hover span {
						background: #93C7E7 url(../images/hoverTabRight.gif) no-repeat right top;
						cursor: pointer;
					}
					
    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover { 
				 	background: #fff url(../images/activeTabLeft.png) no-repeat left top; 
				 	color: #444;
					}
				#Navigation ul li a.current span,
				#Navigation ul li a.section span,
	    		#Navigation ul li a.section:hover span,
				#Navigation ul li a.current:hover span {
					background: #fff url(../images/activeTabRight.png) no-repeat right top;
					color: #444;
				}*/
    
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
	}


/* SIDEBAR
-------------------------------------- */
#Sidebar {
	width: 175px;
	float: left;
	padding: 0;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
	#Sidebar .sidebarBox {
	padding-bottom: 2px;
	width: 175px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;		/*background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; */
	}
	#Sidebar ul {
		margin: 2px 0 5px 3px;
	}
		#Sidebar li {
			margin: 8px 2px;
			list-style: none;
		}
	#Sidebar h3 {
	clear: both;
	text-transform: uppercase;
	color: #04376C;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 18px;		/*background: transparent url(../images/sidebarHeaderSub.gif) repeat-x center left;*/
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}
	
	#Sidebar .sidebarBottom {
		height: 15px;
		display: block;
		width: 200px;
		margin: -5px 0 0 0;
		/*background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;*/
	}
	#Sidebar a em {
		font-style: normal;
	}
	#Sidebar p {
		font-size: 11px;
	 	clear: both;
	 	margin: 10px 10px 0 10px;
	}
	
	/* MENU2 */
	
    ul#Menu2 li {
	font-size: 0.9em;
	list-style: none;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 4px;
	background-image: none;
	padding-left: 0px;
    }
    	ul#Menu2 li a {
	display: block;
	width: 175px;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	font-weight: bold;
	background-image: url(../images/blueArrow.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;	
      	}
			ul#Menu2 li em {
				padding-left: 8px;
				display: block;
			}
				ul#Menu2 li li em {
					padding-left: 0;
				}
      	/* Level 1 
      	- We use 3 elements for the nav to get 3 background images applied.
            * span - topleft rounded corner
            * em - bottomleft rounded corner
            * a - arrow on the right
            <a><span><em></em></span></a>
      	*/
      	ul#Menu2 li a:hover,
      	ul#Menu2 li a.current,
      	ul#Menu2 li a.current:hover {
	/*background: #DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center;*/
        	color: #04376C;
	cursor: pointer;
	text-decoration: underline;
	 width: 175px; 
	
      	}


/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid #ddd;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 0 0 10px 0;
	padding:0 20px 0 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
	ul#SearchResults li {
	list-style: none;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin:0;
	padding: 20px 0 20px 0;
	}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: right;
	width: 230px;
	margin: 5px;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 164px;
	margin: 0 5px 0 0;
	padding: 1px;
	/*background-color: #51a9df;*/
	
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 160px;
		border: none;
		color: #666;
	}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 2px;
}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FOOTER
----------------------------------------------- */

#Footer {
	width: 980px;
	/*height: 5em; 
	background: transparent url(../images/footerBottom.gif) no-repeat bottom left; */
	text-align: center;
	margin-left: 10px;
	display: block;
}
.footerTop {
	width: 980px;
	height: 38px;
	background-color: transparent;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top:25px;
	margin-right: auto;
	margin-left: auto;
	}
	#commonFooter {
	padding:8px 0 0 0;
	}
  	#commonFooter p {
	color: #6e7f91;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	}
  		#commonFooter a:link, #Footer a:visited { 
	   		font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #6e7f91; 
	   		text-decoration: none;
			margin:0;
		}
			#commonFooter a:hover {
				color: #6e7f91;
				text-decoration: underline;
			}
			#commonFooter ul {
	display: block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
			}
			
			
	#commonFooter li {
	font-size: 12px;
	color: #6e7f91;
	text-decoration: none;
	display:inline;
	background-image: url(/themes/blackcandy/images/footer-bar.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 13px;
			}
	#commonFooter ul li.first {
	background-image: none;
	}

#homeFooterTop {
	width: 968px;
	height: 68px;
	background-color: transparent;
	background-image: url(../images/home/industry-bar.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top:25px;
	margin-right: auto;
	margin-left: auto;
	}	
	
#footerInfo{
	
	margin-top:15px;
	
	}
	#footerInfo p{
	margin-bottom: 8px;	
	}	
#homeFooterTop ul {
}
#homeFooterTop ul li {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	color: #dfe8f1;
}
#homeFooterTop ul li.first {
	color: #06396c;
}
#homeFooterTop ul li.first a:link, #homeFooterTop ul li.first a:visited {
	padding-left: 25px;
	padding-right: 40px;
	display:block;
	color: #06396c;
	text-decoration:none;
}
#homeFooterTop ul li.first a:hover {
	text-decoration:underline;
}
#homeFooterTop ul li a:link, #homeFooterTop ul li a:visited {
	padding-left: 19px;
	padding-right: 19px;
	color: #dfe8f1;
	display:block;
	padding-top: 14px;
	padding-bottom: 14px;
	text-decoration:none;
}
#homeFooterTop ul li a:hover {
	text-decoration:underline;
}



			
			
.detailsBtn{
	text-decoration: none;
	/*background-image: url(/themes/blackcandy/images/detailBtn.png);
	background-repeat: no-repeat;
	display: block;*/
	height: 38px;
	width: 185px;
	margin-left: 8px;
	
}
		
.detailsBtn span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	
}

#productList td{
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	padding-right: 22px;
	padding-bottom: 18px;
	padding-left: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 20px;
	vertical-align: top;
}
#productList .thmbImg img{
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;

}

.listingBox{
	padding-left: 8px;	
}
#productList .listingBox ul{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}
#productList .last{
	border-right-style: none;

}
.pager{
	
	text-align: center;
}
#ProdInfo{
	float: left;
	width: 290px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#ProdInfo h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: normal;
}
h5 span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
#ProdInfo ul{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#Content .prodImg img{
	padding-bottom: 4px;
}
#Content .prodImg{
	float: right;
	margin-left: 20px;
	border: 1px solid #999999;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	background-image: url(/themes/blackcandy/images/imgToolsBg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 25px;
}
.getQuoteBtn{
	background-image: url(../images/getQuote24Btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 38px;
	width: 185px;
	
	margin-top: 15px;
	
}
.getQuoteBtn span{
	display: none;
}

.viewDrawingBtn{
	background-image: url(../images/getDrawingBtn.png);
	background-repeat: no-repeat;
	display: block;
	height: 38px;
	width: 185px;
	
	margin-top: 5px;
	
}
.viewDrawingBtn span{
	display: none;
}



#model-style{
	border-left-style: none;
	margin-bottom: 15px;
}
#model-style td{
	background-color: #E3E3E3;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	width: 125px;
}
#model-style h3{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #04386A;
}

/* Overwriting default icon display for Folder tree displays
--Miles
*/
#FolderID ul.tree a {
	background-image: url(images/page-closedfolder.png);
}
a img{
	border: 0 none;
	}
	
#Content .specsList h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 20px;
}
#Content .specsList h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#Content .specsList ul, #Content .specsList ol, #Content .specsList li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-image: none;
	padding-left: 0px;
}
#Content .specsList ul, #Content .specsList ol, #Content .specsList li{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
#Content .specsList ol{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	list-style-type: decimal;
}
#Content .specsList .alphList li{
	list-style-type: upper-alpha;
}
#Content .specsList .alphList ol li{
	list-style-type: decimal;
}
#Content .specsList .alphList ol .alphListLow li{
	list-style-type: lower-alpha;
}

#Content .specsList .alphList ol .alphListLow li ol li{
	list-style-type: lower-roman;
}
.note{
	display: block;
	border: 1px dotted #990000;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-top: 10px;
}
#Content .specsList .note p{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	
	

}
#Content .specTbl {
	margin-bottom: 20px;
}
#Content .specTbl td{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
.specDocs li{

	display: inline;	

}
.specDocs li a{
	padding-left: 15px;
}


#ThreeColCallout tr td {
	background-color:#009144;
	padding:9px;
	width:200px;
}
td.whiteKeylines {
	border-right-width: 6px;
	border-left-width: 6px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#ThreeColCallout h3 {
	color:#ffffff;
	text-transform: uppercase;
	border-bottom: solid 1px #fff;
	font-size: 14px;
	font-weight: NORMAL;
	margin: 0 0 8px 0;
}
table#ThreeColCallout ul {
	margin:0 0 0 12px;
}

table#ThreeColCallout ul li {
	color:#ffffff;
	background-image: url(/themes/blackcandy/images/white-arrow.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	margin:3px 0 4px 0;
	padding: 2px 6px 0 10px;
	font-size: 11px;
}
#BlueColCallout td {
	background-color:#05396B;
	padding: 9px;
}
#BlueColCallout h3 {
	color:#ffffff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	margin:0;
	padding:0;
	line-height: 14px;
}

#Content .spectabs{
	padding-top: 20px;
}

#Content .single td{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.specRow .inputWrapper{
	display: inline-block;	
	margin-right: 10px;
	
}

#CanopySpecsFieldset {
	clear: both;
	
}
div#sketch, div#privacy, div#canopy_size, div#column_spacing {
	margin: 10px 0;
	font-size: 12px;
}
			
.inputWrapper input{
	width: 294px;
}
			
#quotePage input{
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding: 2px;
}
			
input.required {
	border: 1px solid red;
}
			
#quotePage fieldset {
	margin-right: 20px;
	margin-bottom: 20px;
	clear: both;
	margin-top: 15px;
}
			
legend {
	font-size: 16px;
}
			
.sub-legend {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#quotePage label.sub-legend {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-left: 0px;
	margin-left: 0px;
}
			
div#required-div {
	color: red;
}
			
.hidden {
	display: none;
}

#submitBtn {
	clear: both;
}

.inputWrapper {
	background-color: #E5E5E5;
	display: block;
	padding: 4px;
	width: 300px;
	line-height: 0px;
	clear: left;
	
}

.smallWrapper {
	width: 106px;
}

.extraSmallWrapper {
	width: 60px;
}


.firstColumn {
	float: left;
}

.secondColumn {
	float: left;
	margin-left: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	padding-left: 20px;
	padding-bottom: 15px;
}

.floatField {
	float: left;
	margin-right: 15px;
}

#quotePage label{
	margin-bottom: 5px;
	padding-right: 5px;
}

#quotePage .specs label{
	display: inline;
}


.specRow{
	padding-top: 10px;
	padding-bottom: 10px;
}
#AdditionalItemsFieldset label{
	font-size: 11px;
}
.sub-legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding-right: 5px;
}

input.small {
	width: 100px;
}

input.extrasmall {
	width: 55px;
}

.specRow .example {
	margin-right: 10px;
	margin-left: -5px;
}
#quotePage input.radio {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
.radioGroup {
	margin-right: 10px;
	display: inline;
}

#Advanced {
	background-color: #FFFFFF;
	margin-top: 15px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#Advanced h2{
	color: #07396C;
}
#AdvancedToggle{
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-color:-moz-use-text-color #07396C #07396C;
	border-right:10px solid #07396C;
	border-left:10px solid #07396C;
	border-bottom:10px solid #07396C;
	border-style:none solid solid;
	border-width:medium 10px 10px;
	margin-bottom:25px;
	background-attachment: scroll;
	background-color: #07396C;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
#AdvancedHdr {
	color:#EEEEEE;
	display:block;
	font-weight: bold;
	font-size:larger;
	padding-left:13px;
	padding-top:10px;
	text-decoration:none;
	background-attachment: scroll;
	background-color: #07396C;
	background-image: url(../images/map-tab-arrow.png);
	background-repeat: no-repeat;
	background-position: left 14px;
}
#AdvancedHdr.expanded {
	background-image:url(../images/map-tab-arrow-exp.png);
}

#AdvancedHdr .tip {
	display:none;
	color:#aaa;
}
#AdvancedHdr:hover .tip {
	display:inline;
	}
#Content #quotePage p {
	padding-top: 5px;
	
}
.quantityWrapper{
	width: 26px;
	
}

.quantityWrapper .quantity{
	width: 20px;	
}
#quotePage input.checkbox {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
.checkboxGroup {
	margin-right: 10px;
	display: inline;
}
ul.sub {
	display:none;
}

#Content .prodImg #fast_easy img {
	position: absolute;
	top:269px;
	right:251px;
	border:none;
	padding:0;
	margin:0;
}
#infoSpacer{
	float: right;
	height: 368px;
	display: none;
}

#imageTools{
	color:#000000;
	list-style-type: none;
	height: 24px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	width: 340px;
}
#Content #imageTools li{
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	background-image: none;
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#Content #imageTools li a{
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.drawings{
	background-image: url(/themes/blackcandy/images/layout.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 22px;
} 
.specDocs .drawings{
	background-image: url(/themes/blackcandy/images/layout.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}       
.zoom {
	background-image: url(/themes/blackcandy/images/zoom_in.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 18px;
}         
.printImg{
	background-image: url(/themes/blackcandy/images/printer.png);
	background-position: left;
		background-repeat: no-repeat;
		padding-left: 22px;
}
#hdrWrapper{
	position: relative;
}      

.productDes {
	clear: both;
	padding-left: 10px;
}

#Content #imageTools .no_drawing{
	
	padding-left: 58px;
}#landingQuote {
	position: absolute;
	left: 650px;
	top: 448px;
}
#sharethis{
	float: right;
	padding-top: 20px;
	padding-bottom: 20px;
}