/*----------------
NORMALIZE styles
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,
th,td, img {  
	margin: 0; 
	padding: 0;
	border: 0;
	}
	
a:focus, a:active, a { outline: none;}
/*-------------------------------------------------------------*/

/*-------------
GLOBAL styles
------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #000;
	color: #fff;
	}
a {
	color: #fff;
	text-decoration: none;
	}
a:hover {
	color: #e10916;
	}
p {
	padding-bottom: 10px;
	line-height: 22px;
	}
h3 {
	font-size: 15px;
	line-height: 20px;
	padding: 10px 0 0 0;
	font-weight: lighter;	
	}
h4 {
	font-size: 13px;
	padding: 20px 0 2px 0;
	color: #999;
	}
ul.square li {
	list-style: square;
	margin: 0 0 0 20px;
	padding: 0 0 4px 0;
	}
ul.square em {
	color:#999;
	}
#wrap {
	margin: 0 auto;
	width: 880px;
	}
#content {
	border-left: 2px solid #ff0000;
	border-right: 2px solid #ff0000;
	overflow: hidden;
	height: 100%;
	padding: 2px 0 0 0;
	}
#content_top {
	background: url(../images/content_top.gif) 0 0 no-repeat;
	height: 9px;
	overflow: hidden;
	}
#content_bottom {
	background: url(../images/content_bottom.gif) 0 0 no-repeat;
	height: 40px;
	margin: 0 0 50px 0;
	}
#left_col {
	width: 230px;
	height: 100%;
	overflow: hidden;
	float: left;
	}
#left_image {
	padding-top: 40px;
	}		
#right_col {
	background: url(../images/right_col_top_bg.gif) 0 0 no-repeat;
	width: 596px;
	float: left;
	padding: 0 20px 20px 20px;	
	margin-right: 10px;
	display: inline;
	}
#right_col h1 { /*page title */
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	font-weight: lighter;
	padding-top: 10px;	
	text-align: right;
	}

/*---Main Nav -----*/
ul#main_nav {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .2px;	
	font-size: 12px; 
	padding: 0 0 0 15px;
	list-style: none;
	}
ul#main_nav li {
	padding-bottom: 8px;
	}
ul#main_nav a {
	text-decoration: none;
	}
ul#main_nav a:hover {
	color: #e10916;
	padding-left: 3px;
	}
ul#main_nav a:active {
	color: #e10916;
	padding-left: 3px;
	}
ul#main_nav li a.selected {
	color: #e10916;
	}

ul#main_nav ul.sub_nav
{
	padding-left: 20px;
	padding-top: 8px;
	list-style: none;
}

ul#main_nav ul.sub_nav a:hover
{
	color: #e10916;
	padding-left: 3px;
}

#content_bottom p {
	padding: 10px 0 0 15px;
	font-size: 11px;
	color: #333;
	}


/*-------------
 Homepage
------------------------------------------------------------*/
h1.home a {/*Empire logo */
	background: url(../images/empire_logo.gif) 0 0 no-repeat;
	width: 76px;
	height: 65px;
	cursor: pointer;
	margin: 4px 0 5px 10px;
	display: block;
	text-indent: -9999px;
	}
img.home_leftcol {
	padding: 20px 0 0 0;
	}	

/*---Featured Products -----*/
ul#featured_products {
	list-style: none;
	width: 446px;
	}
ul#featured_products li {/*featured product photos */
	height: 258px;
	}
	li.mouldings {
		background: url(../images/featured_mouldings.jpg) 0 0 no-repeat;
		}
	li.porch_posts_spindles {
		background: url(../images/featured_porch_posts.jpg) 0 0 no-repeat;
		}
	li.stair_parts {
		background: url(../images/featured_stair_parts.jpg) 0 0 no-repeat;
		}
	li.columns {
		background: url(../images/featured_columns.jpg) 0 0 no-repeat;
		}
	li.jambs_frames_sills {
		background: url(../images/featured_jambs.jpg) 0 0 no-repeat;
		}
	li.boards {
		background: url(../images/featured_boards.jpg) 0 0 no-repeat;
		}
	li.interior_trim {
		background: url(../images/featured_interior_trim.jpg) 0 0 no-repeat;
		}
	li.flexible_trim {
		background: url(../images/featured_flexible_trim.jpg) 0 0 no-repeat;
		}
	li.corner_plinth {
		background: url(../images/featured_corner_plinth.jpg) 0 0 no-repeat;
		}
ul#products_list {
	list-style: none;
	float: left;
	padding: 30px 0 30px 0;
	}
ul#products_list li {
	display: block;
	float: left;
	width: 280px;
	padding: 6px 10px 2px 8px;
	}
ul#products_list li.active {
	background: url(../images/red_carrot.gif) 0 11px no-repeat;
	}
ul#products_list li.active a {
	color: #e10916;
	}

/*-------------
 Products
------------------------------------------------------------*/	
img.products_leftcol {
	padding: 40px 0 0 15px;
	}	

/*-------------
 Our Story
------------------------------------------------------------*/
img.ourstory_map {
	padding: 0 0 10px 30px;
	}
img.ourstory_leftcol {
	padding: 80px 0 0 15px;
	}
	
/*-------------
 Customer Benefits
------------------------------------------------------------*/
img.benefits_leftcol {
	padding: 80px 0 0 15px;
	}	
p.slogan {
	width: 150px;
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
	font-weight: bold;
	line-height: 18px;
	}	
ul#benefits_listL {
	float: left;
	width: 280px;
	list-style: none;
	}
ul#benefits_listL li {
	padding: 7px 0 2px 8px;	
	}
	ul#benefits_listL li.active {
		background: url(../images/red_carrot.gif) 0 11px no-repeat;
		}
	ul#benefits_listL li.active a {		
		color: #e10916;
		}
ul#benefits_listR {
	float: left;
	width: 310px;
	list-style: none;
	}
ul#benefits_listR li {
	padding: 7px 0 2px 8px;
	}
	ul#benefits_listR li.active {
		background: url(../images/red_carrot.gif) 0 11px no-repeat;
		}
	ul#benefits_listR li.active a {		
		color: #e10916;
		}
ul.benefit_image li{
	list-style: none;
	width: 373px;
	height: 228px;
	margin: 10px 0 20px 60px; 
	}
ul.benefit_image li.benefit_01 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_02 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_03 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_04 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_05 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_06 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_07 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_08 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_09 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_10 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_11 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_12 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_13 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_14 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_15 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}
ul.benefit_image li.benefit_16 {
	background: url(../images/benefit_01.jpg) 0 0 no-repeat;
	}

/*-------------
 Mission Statement
------------------------------------------------------------*/
p.mission strong {
	color: #999;
	}
img.mission_statement {
	padding: 0 0 20px 95px;
	}		

/*-------------
 Vendor Managed Inventory
------------------------------------------------------------*/	
img.vendor_leftcol {
	padding: 40px 0 0 15px;
	}
h4.vendor {
	padding: 0 0 2px 0;
	}
img.vendor_splash {
	padding: 10px 0 20px 20px;
	}

/*-------------
 Location
------------------------------------------------------------*/	
img.location_map {
	padding: 0 0 0 20px;
	}
div.contact a {
	color: #e10916;
	}
div.contact a:hover {
	color: #fff;
	}
div.contact {
	padding: 80px 0 0 0;
	width: 180px;
	margin: 0 auto;
	text-align: center;
	}
/* Slide show */
#slideshow {
    position:relative;
    height:258px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    display: none;
}

#slideshow IMG.active {
    z-index:10;
    display: block;
}

#slideshow IMG.last-active {
    z-index:9;
    display: block;
}

#slideshow.benefit_image
{
	margin: 10px 0 20px 60px;
	height: 228px;
	width: 373px;
}

#slideshow img.loading {
    display: block !important;
}

/*-------------
 Cover Trim
------------------------------------------------------------*/	
#CoverTrim
{
	overflow: hidden;
	height: 100%;
	margin-top:20px;
}

#CoverTrim h2
{
	font-size:18px;
	display:block;
	text-align:center;
	margin-bottom:10px;
}
#CoverTrim h3
{
	display:block;
	font-weight:bold;
	text-align:center;
}

#CoverTrim div.left
{
	float: left;
	width: 325px;
}
#CoverTrim div.left ul.list
{
	width: 338px;
	border-right: solid 1px #ffffff;
	margin-top: 5px;
}
#CoverTrim div.left li
{
	list-style-type: disc;
	margin: 3px 0px 3px 15px;
}

#CoverTrim div.right
{
	float: right;
	width:250px;
	overflow: hidden;
	height: 100%;
}

#CoverTrim div.right img.covetrimLogo
{
	float: right;
	margin-bottom: 40px;
	
}

#CoverTrim div.right ol
{
	
}

#CoverTrim .center
{
	display: block;
	text-align: center;
	width: 100%;	
	clear:both;
	padding-top:20px;
	font-weight: bold;
	font-size: 14px;
}

/* Contact Form */
.contactForm
{overflow:hidden; height:100%;}
.contactForm label
{display: block; padding-top: 10px; clear: left;}

.contactForm label.required
{font-weight:bold; font-style: italic;background-color:transparent;}

.contactForm .textbox
{width:100%; border: solid 1px #000;}

.contactForm .textbox.required
{ background-color: #FFFF99; }

.contactForm .checkbox
{float:left;}

.contactForm textarea
{width:100%; height: 80px; clear: right;}

.contactForm .button
{float:right; margin-top: 10px;}

.contactForm .textbox.error, .contactForm textarea.error
{ background-color: #FFBABA; border:1px solid #D8000C;color:#D8000C;}

.contactForm label.error
{padding-top:0; color: #D8000C;background-color:transparent;}

.contactForm div.left
{
	float: left;
	width: 165px;
}
.contactForm div.right
{
	float:right;
	width: 165px;
}

/* Popup Styles */
div.jqmAlert { /* contains + positions the alert window */
  display: none;
  
  position: fixed;
  top: 200px;
  width:100%;
}
    
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmAlert {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmAlertWindow {
  height:auto;
  width: auto;
  margin: auto;
  
  max-width:400px;
  width:400px;
  padding: 0 10px 10px;
  
  background:#111;
  border:1px dotted #FFF;
}

.jqmAlertTitle{
  margin:5px 2px;
  height:20px;
  color:#FFF;
  background:#000;
}
.jqmAlertTitle h1{
  margin:5px 2px;
  padding-left:5px;
  padding:0;
  font-size:14px;
  text-transform:capitalize;
  letter-spacing:-1px;
  font-weight:bold;
  color:#FFF;

  float:left;
  height:20px;
}

div.jqmAlert .jqmClose em{display:none;}
div.jqmAlert .jqmClose {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(../images/close_icon_double.png) 0 0 no-repeat;
}

div.jqmAlert a.jqmClose:hover,div.jqmAlert a.jqmCloseHover{ background-position: 0 -20px; }

div.jqmAlertContent{
  border-top:px;
  color:#FFF;
  font:11px/14pt arial;
  padding:5px 20px 5px;
  margin:5px;
  border:1px dotted #111;
  letter-spacing:0px;
  background:#111 url(../images/darkgrid.png);
}

/*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
  clearing a float without additional markup
   http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */