/* CSS Document */

/*-------------------------------------------------------------------------------
	Main Layout-----------------------------------------------*/
	
#wrapper{width:900px; margin:0 auto;}

#banner{width:900px; height:100px; background:url(../images/banner.jpg) center top no-repeat;}

#top-nav{width:900px; height:50px;}

#side-bar{width:165px; margin-right:10px; margin-top:15px; float:left; border-right:#999 solid 1px;}

#content-area{width:720px; margin-top:15px; float:right;}

.content-border-right{float:left; border-right:#999 solid 1px;  padding-right:10px;}

.clear{clear:both; height:5px;}
.right{float:right; margin:10px; display:inline;}
/*-------------------------------------------------------------------------------------------------
	WireFrame Side Menu-----------------------------*/
	
.wireframemenu{
border: 1px solid #C0C0C0; background-color: white; border-bottom-width: 0; width: 170px;}
* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */width: 164px;}

.wireframemenu ul{padding: 0; margin: 0; list-style-type: none;}
.wireframemenu a{font: bold 13px Verdana; padding: 4px 3px; display: block; width: 100%; /*Define width for IE6's sake*/ color: #595959; text-decoration: none; border-bottom: 1px solid #C0C0C0;}
.wireframemenu a:visited{color: #595959;}
html>body .wireframemenu a{ /*Non IE rule*/width: auto;}
.wireframemenu a:hover{background-color: #F8FBBD;color: black;}

/*-------------------------------------------------------------------------------------------------
	Top Navigation Bar----------------------------------------------------*/
	
.glossymenu{position: relative;background: url(../images/menur_bg.gif) repeat-x;  /*tab background image path*/height: 46px; list-style: none; margin:0; padding:0;}
.glossymenu li{float:left;}
.glossymenu li a{float: left; display: block; color:#000; text-decoration: none; font-family: sans-serif; font-size: 13px; font-weight: bold; padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/ height: 46px; line-height: 46px; text-align: center; cursor: pointer;	}
.glossymenu li a b{float: left; display: block; padding: 0 24px 0 8px; /*Padding of menu items*/}
.glossymenu li.current a, .glossymenu li a:hover{color: #fff; background: url(../images/menur_hover_left.gif) no-repeat; /*left tab image path*/ background-position: left;}
.glossymenu li.current a b, .glossymenu li a:hover b{color: #fff; background: url(../images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/}


/*-------------------------------------------------------------------------------------------------
	Footer Elements------------------------------------------------------*/

#bottom {height:50px; text-align: center; width:900px; margin:15px auto 0 auto; border-top:#999 1px solid;}


#side-contact{
width: 150px; 
height: 300px; 
margin-top:1px;
}

#side-bar p{
margin-left:0px;
margin-bottom:2px;
margin-top:3px;
}

/*======================
Detail and Results Pages
*/

.details-image{width:400px; height:266px; float:left; margin:20px 30px 20px 0; padding:5px; border:1px solid #666;}
.results-image{width:200px; height:133px; float:left; margin:20px 30px 20px 0; padding:5px; border:1px solid #666;}

ul.details{list-style-image:none; list-style:none; padding:0; margin:0;}
ul.details li{line-height:26px; font-size:12px;}

ul.details-button{list-style:none; list-style-image:none; padding:0; margin:0;}
ul.details-button li{float:left; margin:10px 5px 10px 0;}

/* ----------------------------------------------------------------------------------
form elements
*/

label{position:absolute; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; line-height:20px; font-size:12px;}
input, select{margin-left:200px;}
input{ margin-bottom:10px;}
select{margin-top:0; margin-bottom:0;}

/*--------------------------------------------------------------------------------------------
google map
*/

.google-map{
float:right;
}

.float-right{
float:right;
}

/*----------------------------------------------------------------------------------
	Index Div's ------------------------------------------------*/
	
.product-highlight{
width:212px;
height:300px;
border-left:#999 solid 1px;
border-right: #999 solid 1px;
float:left;
margin-left:17px;
margin-top:15px;
}

.product-highlight .product-pic{
margin-left:10px;
margin-top:20px;
float:right;
}