/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	
	background: #004F9D url('../img/bg/main-bg.jpg') top left repeat-x;
	margin: 0; padding: 0 0 30px 0;	
}

/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main-nav {
	display: block; 
	width: 900px; height: 32px; 	
	margin: 0; padding: 0; 
}

#main-nav ul {
	list-style-type: none; 
	display: inline; 
	margin: 0 0 0 0px; padding: 0; 
}

#main-nav ul li {
	display: block; float: left; 
	margin: 0; padding: 0 0px;
	font-weight: bold; 
	text-transform: uppercase; 
	text-align: center; 
	font-size: 12px; 
	line-height: 32px;
}

#main-nav ul li#nav-one { width: 178px; border-left: 1px solid #003E7A; border-right: 1px solid #003E7A; }
#main-nav ul li#nav-two { width: 178px; border-left: 1px solid #00203F; border-right: 1px solid #003E7A; }
#main-nav ul li#nav-three { width: 178px; border-left: 1px solid #00203F; border-right: 1px solid #003E7A; }
#main-nav ul li#nav-four { width: 178px; border-left: 1px solid #00203F; border-right: 1px solid #003E7A; }
#main-nav ul li#nav-five { width: 178px; border-left: 1px solid #00203F; border-right: 1px solid #003E7A; }

#main-nav ul li a:link, #main-nav ul li a:visited { color: #FFF; text-decoration: none; }
#main-nav ul li a:active, #main-nav ul li a:hover { color: #FFCC00; text-decoration: none; }


#side-nav { margin: 0; padding: 10px 0 10px 0px;  }

#side-nav li {  
	background: transparent url(../img/feat/green-check.gif) 0% 50% no-repeat; 
	border-bottom: 1px dotted #D3D3D3; 
	list-style-type:none; 
	margin: 0; padding: 6px 0 6px 25px; 
	font-size: 13px; font-weight: bold; 
	}

#side-nav a:link, #side-nav a:visited { color: #004F9D; text-decoration: none; }
#side-nav a:active, #side-nav a:hover { color: #A35200; text-decoration: none; }

#side-bar-content img { text-align: center; margin: 0; padding: 5px 0 5px 20px; }
#side-bar-content img.partner-logo { border: 1px solid #c4c4c4; padding: 5px; margin: 5px 0 10px 10px; }

/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {

	background: transparent url('../img/logo/bme-167x94.jpg') no-repeat left top;
	display: block; float: left;
	width: 167px; 	height: 94px;
	margin: 8px 0 0 30px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}
		

/* Header Text & Shipping Notice
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-block-one {
	width: 200px; height: 60px;
	display: block; float: left;
	margin: 0px 0 0 0; padding: 0px 0 0 0;	
	text-align: right;	
}

#header-block-two {
	border-left: 0px dotted #4A699D;
	width: 170px; height: 60px;
	display: block; float: left;
	margin: 0px 0 0 0; padding: 0px 0 0 50px;
	text-align: left;	
}

#header-block-three {
	border-left: 0px dotted #4A699D;
	width: 220px; height: 50px;
	display: block; float: left;
	margin: 0px 0 0 0; padding: 10px 0 0 20px;
	text-align: left;	
}

#header-block-one span, #header-block-two span { 
	display: block; clear: both; 
	color: #FFF; font-size: 12px; font-weight: bold; 
	margin: 0; padding: 0px 0 0px 0;
}


#header-block-level-two a:link, #header-block-level-two a:visited { color: white; text-decoration: underline; }  
#header-block-level-two a:active, #header-block-level-two a:hover { color: white; text-decoration: none; } 
		
/* Footer Div Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer-col-one {
	display: block; float: left; 
	width: 250px; height: auto;
	margin: 0px; padding: 5px 10px 15px 40px;  
	}	
	
#footer-col-two {
	display: block; float: left; 
	width: 270px; height: auto;
	margin: 0px; padding: 5px 10px 15px 20px;  
	}
	
#footer-col-three {
	display: block; float: left; 
	width: 280px; height: auto;
	margin: 0px; padding: 5px 10px 15px 10px;  
	}
	
#footer-div h6 { font-size: 15px; margin: 0; padding: 5px 0; font-family: Helvetica, Arial, Verdana,"Lucida Grande", "Lucida Sans Unicode", sans-serif; }	
#footer-div p { font-size: 11px; line-height: 130%; margin: 0; padding: 0; }	
#footer-div a { font-weight: bold; }			
	
.footer-links { margin: 5px 0 0 10px; text-align: center;  }
.footer-links p { font-size: 11px; line-height: 110%; margin: 0; padding: 0 0 5px 0; color: white; font-weight: bold; text-align: center;  }
.footer-links a { color: white; }	

/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; } 
.border-top { border-top: 1px dotted #333; margin: 5px 0 0 0; padding: 5px 0 0 0;  }
.side-photo { text-align: center; padding: 10px 0 0 20px; }



/* Product Index Blocks
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.product-index-div {
	display: block; float: left; 
	width: 390px; height: 240px;
	margin: 0 10px; padding: 10px; 
	border: 1px solid #CCCCCC; 
	text-align: center; 
	overflow: auto;
	}

.product-index-div a { font-size: 14px; font-weight: bold; text-transform: uppercase; }
.product-index-div img { margin: 0; padding: 5px 0 5px 0;}



/* Product Index Blocks
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.product-box {
	background: white url('../img/feat/magnify.jpg') 10px 10px no-repeat;
	display: block; float: left; 
	width: 180px; height: 170px;
	margin: 0 0px; padding: 10px; 
	border: 1px solid #CCCCCC; 
	text-align: center; 
	overflow: auto;
	}

.product-box span { font-size: 13px; font-weight: bold; line-height: 120%; color: #4C0000; }
.product-box img { margin: 0; padding: 0; display: block; margin: 0 auto;}		



/* Product Index Blocks
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#product-table   { margin: 0 auto; border-top:0px solid #ddd; border-left:0px solid #ddd; }
#product-table td   { padding: 5px; border-bottom:0px solid #ddd; border-right:0px solid #ddd; }



/* Contact Page Form
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#contact-form { margin: 0; padding: 10px 0; }
#contact-form p { margin: 0; padding: 5px 0; display: block; }
#contact-form label { 
	display: block; float: left;
	width: 130px; height: auto;
	margin: 0; padding: 0 10px 0 0;
	text-align: right; font-weight: bold;
	font-size: 13px; line-height: 200%;
	}

/* States Tables
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.state-table {border: 0px solid white; }
.state-table td { border: 0px solid white; }
.state-table p { font-size: 11px;  }


#whereToBuyTable td { 
	padding: 0px; margin: 0; 
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	}
	
#whereToBuyTable p { 				
	background-color: transparent;
	margin: 0px; padding: 5px;
	font-size: 12px; 
	color: #68684F;		
	}

#whereToBuyTable span { 				
	display: block; 	
	clear: both;	
	}	
	
.project-table {margin: 0px 0; padding: 0px;  }	
.project-table td img { border: 1px solid #C4C4C4; padding: 5px 5px;  }