/*---------------------------------------------------------------------
CSS Style for Las Colinas Floormat by Radoslaw {R_d} Wilk 2009
---------------------------------------------------------------------*/
body{background:url(../images/bodybackgrounds/bodybknd_05.jpg) repeat; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; margin:0px 0px 20px 0px;}
a:link{color: #5E6BDE; padding:3px; text-decoration:underline;}
a:visited{color: #1E2991; padding:3px; text-decoration:underline;}
a:hover{background-color:#4E9217; color: #FFFFFF; padding:3px; text-decoration:none;}
a:active{color: #5E6BDE; padding:1px 3px; text-decoration:underline;}
.page{width:100%; text-align:center;}
/*---------------------------------------------------------------------
	Header here
---------------------------------------------------------------------*/
#page #header{background-image:url(../images/header_bknd.png); background-repeat:repeat; height:148px;}
#header #logo{height:88px; width:740px; text-align:left;}
#header #logo a:hover{background:none;}

#header #menu {width:712px;}
#header #menu #menu_edge_left{background-image:url(../images/menu_edge_left.png); background-repeat:no-repeat; float:left; height:37px; margin:0px 0px 0px 0px; width:4px;}
#header #menu #menu_edge_right{background-image:url(../images/menu_edge_right.png); background-repeat:no-repeat; float:right; height:37px; margin:0px 0px 0px 0px; width:4px;}

#header #menu #header-menu{margin-left:4px; margin-right:4px;}
#header #menu #header-menu:after{content:"."; clear:both; display:block; height:0; visibility:hidden;}
#header #menu #header-menu ul{background:url(../images/menu_bknd.gif) center center repeat-x; float: left; font-size:11px; font-weight:bold; margin-left: 0; margin: 0 auto; padding-left:0;	width:704px;}
#header #menu #header-menu ul li{display:inline;}
#header #menu #header-menu ul li a{background:url(../images/menu_divider.gif) center right no-repeat; color:#FFFFFF; float:left; font-weight:bold; padding:11px 18px 17px 12px; text-decoration:none;}
#header #menu #header-menu ul li a:hover{color: #CCEDA4;}
#header #menu #header-menu ul li a[onMouseover]:after{content: " ";}
#header #menu #header-menu-dropdown{background-color:white; border:1px solid #BBB; border-bottom-width:0; color: 	#8B1515; font: normal 11px Georgia; line-height:18px; position:absolute; text-align: left; top:0; visibility:hidden; z-index:100;}
#header #menu #header-menu-dropdown a{border-bottom:1px solid #BBB; color:8B1515; display:block; font-weight:normal; padding: 2px 0; text-decoration:none; text-indent:3px; width:100%;}
#header #menu #header-menu-dropdown a:hover{background-color: #C82626; color: #FFFFFF; text-decoration:none;}





.header-menu{
margin:0px 4px;
}

.header-menu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.header-menu ul{
width: 100%;
padding:0px;
margin:0px;
text-align:center;
}

.header-menu ul li{
display: inline;
}

.header-menu ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}

.header-menu ul li a:hover, .header-menu ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.header-menu-dropmenudiv{
position:absolute;
top:0px;
left:0px;
line-height:18px;
z-index:100;
background:#66a535 url(../images/menu_dropdownbknd.gif) repeat-x;
padding:10px;
width:200px;
visibility:hidden;
text-align:left;
}


.header-menu-dropmenudiv a:link,
.header-menu-dropmenudiv a:visited,
.header-menu-dropmenudiv a:active{

width:auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #006837; /*THEME CHANGE HERE*/
padding: 5px 0;
text-decoration: none;
font-size:11px;
font-weight:bold;
color: #FFFFFF;
}

* html .header-menu-dropmenudiv a{ /*IE only hack*/
width: 100%;
color: #FFFFFF;
}

.header-menu-dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #FFFFFF; color:#4E9217;
}


/*---------------------------------------------------------------------
	Content
---------------------------------------------------------------------*/
#content_page{background-color:#FFFFFF; margin:0px; padding:0px; width:740px;}
#content_page .content_header{background:url(../images/content_header_bknd.gif) repeat-x; border-bottom:1px solid #E2E2E2; margin:0px 5px 5px 5px; overflow:hidden; padding:5px 10px 5px 10px; text-align:left;}
#content_page .content_header h1{color:#999999; float:left; font-size:14px; font-style:italic; font-weight:normal; margin:0px; padding:0px;}
#content_page .content_header div{color:#4E9217; float:right; font-size:14px; font-style:italic; font-weight:bold; margin:0px; padding:0px;}
#content_container{border-bottom:1px solid #E2E2E2; margin:10px 0px 0px 0px; padding:0px 0px 10px 0px; text-align:left; width:720px;}
#content_container .product_header{height:100px; margin:0px 0px 10px 0px; padding:0px;}
#content_container .left{float:left; margin:0px; padding:0px 10px 0px 0px; width:150px;}
#content_container .left img.left{background:#FFFFCC; border:2px solid #CCCCCC; margin:5px 0px 4px 4px; padding:5px;}
#content_container .left p{color:#333333; font-size:14px; line-height:20px; margin:0px 5px; padding:0px; text-align:left;}
#content_container .left p.small{font-size:11px; text-align:center; line-height:12px; margin-bottom:5px;}
#content_container .right{border-left:1px solid #E2E2E2; margin:0px 0px 0px 150px; padding:0px 0px 0px 10px;}
#content_container .right .colorchart{border-left:1px solid #E2E2E2; float:right; margin-left:10px; padding:0px 10px; width:140px;}
#content_container .right .colorchart h2{margin-left:0px;}
#content_container .right .colorchart ul{font-size:11px; line-height:10px; list-style-type:none; margin:0px 5px 0px 0px; padding:0px;}
#content_container .right .colorchart ul li{background:none; font-weight:bold; padding:0px; margin:0px 0px 10px 0px;}
#content_container .right .colorchart ul li img{border:1px solid #E2E2E2; display:block; margin:0px; padding:0px;}
#content_container .right .colorchart ul li span{display:block; margin:0px; padding:0px;}
#content_container .right .colorchart ul li a{background:none;}

#content_container .right .imprintchart{border-left:1px solid #E2E2E2; float:right; margin-left:10px; padding:0px 10px; width:140px;}
#content_container .right .imprintchart ul{font-size:11px; line-height:16px; list-style-type:none; margin:0px 0px 10px 0px; padding:0px;}
#content_container .right .imprintchart ul li{background:none; border:1px solid #E2E2E2; font-weight:bold; font-style:italic; height:25px; line-height:18px; padding:0px; margin-bottom:5px; width:150px;}
#content_container .right .imprintchart ul li img{}
#content_container .right .imprintchart ul li span{padding-left:5px; color:#FFFFFF;}
#content_container .right .imprintchart ul li a{background:none;}

#content_container h1{color:#4E9217; font-size:18px; margin:0px; padding:0px 0px 5px 5px; text-align:left;}
#content_container h2{color:#4E9217; font-size:14px; margin:0px 0px 10px 5px; padding:0px; text-align:left;}
#content_container h3{color:#4E9217; font-size:22px; line-height:24px; margin:0px; padding:0px 0px 5px 0px; text-align:left;}
#content_container p{color:#333333; font-size:12px; line-height:20px; margin:0px 0px 0px 5px; padding:0px; text-align:left;}
#content_container ul{font-size:14px; line-height:20px; list-style-type:none; margin:10px 5px 10px 5px; padding:0px;}
#content_container ul li{background:url(../images/list_bullet.gif) no-repeat 0px 8px; padding:0px 0px 0px 20px;}
#content_container img{}
#content_container img.fancy{border:2px solid #4E9217; float:left; margin:5px 10px 0px 0px; padding:5px;}
#content_container .divider{border-bottom:1px solid #E2E2E2; clear:both; margin:0px 0px 7px 0px; padding-top:10px;}
#content_container label{display:block; font-weight:bold;}
#content_container label span{color:#FF0000; font-size:14px; font-weight:bold;}
#content_container .input{background:url(../images/input_bknd.gif) repeat-x; border:1px solid #CCCCCC; font-size:12px; margin:0px 0px 10px 0px; padding:3px 0px 3px 3px;}
#content_container .border{border:1px solid #4E9217; margin:10px 0px; padding:10px; width:355px; #width:340px; _width:340px;}
#content_container table#pms{font-size:11px; font-weight:normal; margin:20px 0px;}
#content_container table.price{background-color:#FFFFFF; background-image:none; background:none; border-left:1px solid #E2E2E2; border-top:1px solid #E2E2E2; font-size:12px; margin:5px 0px; width:365px;}
#content_container table.price th{background-color:#4E9217; border-bottom:1px solid #CCCCCC; color:#FFFFFF; font-weight:bold; padding:5px; text-align:center; width:25%;}
#content_container table.price tr.odd{background-color:#E2E2E2;}
#content_container table.price td{border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:1px 3px; text-align:center; width:25%;}
#myFlashDiv{float:right; margin:5px 5px 0px 10px; padding:0px;}
#threecol{margin:0px 0px 0px 5px; padding:0px; width:710px;}
#threecol .left{background:url(../images/homepage_threecol_bknd.gif) no-repeat; float:left; margin:0px; padding:10px; width:205px; text-align:left;}
#threecol .center{background:url(../images/homepage_threecol_bknd.gif) no-repeat; margin:0px 242px; padding:10px; text-align:left; width:205px;}
#threecol .right{background:url(../images/homepage_threecol_bknd.gif) no-repeat; float:right; margin:0px; padding:10px; width:205px; text-align:left;}
#threecol p{color:#333333; font-size:14px; line-height:20px;}
#threecol a.h1:link,
#threecol a.h1:visited,
#threecol a.h1:active{margin:0px; padding:0px; text-decoration:underline;}
#threecol a.h1:hover{background:none; margin:0px; padding:0px; text-decoration:none;}
#threecol a img{background:none; margin:0px 0px 5px 7px;}

/*----- Lightbox -----*/
#lightbox{left:0; line-height:0; position:absolute; text-align:center; width:100%; z-index:100;}
#lightbox a img{border: none;}
#outerImageContainer{background-color:#fff; height:250px; margin:0 auto; position:relative; width:250px;}
#imageContainer{padding: 10px;}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{padding:0 10px;}
#imageData #imageDetails{width:80%; float:left; text-align:left;}	
#imageData #caption{font-size:12px; font-weight:bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#imageData #bottomNav a{background:none;}
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.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 */ 
	
	
/*---------------------------------------------------------------------
	Footer
---------------------------------------------------------------------*/
#footer{color:#999999; font-size:11px; margin:0px; padding:0px; width:740px;}
#footer .copyright{float:left; margin:10px 0px 5px 10px;}
#footer .poweredby{float:right; margin:10px 10px 5px 0px;}
#footer .poweredby a:link,
#footer .poweredby a:visited,
#footer .poweredby a:active{color:#666666; padding:3px; text-decoration:none;}
#footer .poweredby a:hover{background-color:#4E9217; color:#FFFFFF; padding:3px; text-decoration:none;}