html,body{
	margin:0;
	padding:0;
}

body {
	font: 80%/1.3 "Trebuchet","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    text-align: center;
	background: #757D88;
	}

#wrapper1 {
	position:relative;
	text-align:left;
	width:100%;
	background:#FFF url("../images/rightcolor_bg.jpg") repeat-y top right;
	
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	background: url("../images/leftcolor_bg.gif")  repeat-y top left;
	
	}
	
div#header {
	padding:0;
	margin:0;
	overflow:hidden;
	background: #595D66 url("../images/rightcolor_bg.gif");
	/*position:fixed;*/
	width:100%;
	z-index:999;
	}
	
#maincol {
	position:relative;
	margin:0;
	padding:10px;
	
	}
#leftcol { 
	position:relative;
	top:-10px;
	left:5px;
	float:left;
	width:200px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px; /* actual value */
	margin:0 0 -10px 0;
	padding:15px;
	background:#5CDC9F;
	z-index:10;
	
	}
#rightcol {
	position:relative;
	top:-10px;
	right:5px;
	float:right;
	width:200px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px; /* actual value */
	margin:0 0 -10px 0;
	padding:15px;
	z-index:9;
	}
#centercol {
	position:relative;	
	padding:0 235px;
	top:-10px;
	
	}



#colLeft {
	position:absolute;
	width:215px;
	background-color: #5CDC9F;
	padding:8px; 
	height:500px;
	margin:20px 0px 20px 20px !important;
	margin:20px 0px 20px 10px;
	color: #FFF;
}


#colRight {
	background-color: #FFFFFF;
	padding:8px;
	height:500px;
	margin:20px 20px 20px 250px !important;
	margin:20px 20px 20px 234px;
}
#footer {
	position:relative;
	top:1px;
	background-color:#FFF;
	width:100%;
	clear:both;
	margin:0;
	padding:5px 0;	
	text-align:center;
	}


input {
	font-size:80%;

}

img {
	border:none;
}

p{margin-top:0; text-align:left;}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif; margin-bottom:0;}
h2{font-size:130%; color: #757D88;}
h3{font-size:110%}

a:link, a:visited, a:active {
	color: #666666 ;
	text-decoration:none;
}

a:hover {
	color: #999999;
	text-decoration:underline;
}


div#header h1,div#header h2,div#menu, div#header #bg_image{
	width:90%;
	margin:0 auto;
	text-align:left;
	
}

div#menu {
	float:left;
	}
div#header h1{
	padding-top:10px;
	color: #FFF;
}
div#header h2{
	color: #CCCCCC;
	padding:0 0 10px 15px;
}

div#header a:link, div#header a:visited, div#header a:active {
	color: #FFF ;
	text-decoration:none;
}

div#header a:hover {
	color: #48976E;
	text-decoration:underline;
}

/*Top Nav*/
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:left;font-size: 90%; height:28px;}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width:95px;padding: 5px 0;background: #48976E;text-decoration:none;color: #FFF ; margin-top:5px;}
ul#nav a:hover{background: #FFF;color:#48976E; text-decoration:underline; }
ul#nav .navOn a{float:left;width: 95px;padding: 5px 0;background: #FFF;text-decoration:none;color: #48976E; margin-top:0px; height:32px;}
ul#nav .navOn a:visited{float:left;width: 95px;padding: 5px 0;background: #FFF;text-decoration:none;color: #48976E; margin-top:0px; height:32px;}
ul#nav .navOn a:active{float:left;width: 95px;padding: 5px 0;background: #FFF;text-decoration:none;color: #48976E; margin-top:0px; height:32px;}

/*Button*/
ul.button {width:110px; }
ul.button,ul.button li{margin:0 auto;padding:0;list-style-type:none;}
ul.button li{width: 90px;font-size:110%;}
ul.button a{display:block;width:90px;padding:5px 0;
    background: #48976E;color: #FFF;
    text-decoration:none;text-align:center}
ul.button a:hover{background: #FFF;color:#48976E}

.site_wrapper, .splash_wrapper, .copy_wrapper  {
	width:90%;
	margin:0px auto;
	background-color:#FFF;
	padding:0px;
	text-align:left;
}

.copy_wrapper {	
	background-color:#757D88;
}



.product_list {
	
	padding:0px;

}


.copy_content {
	font-size:9px;
	margin:0px auto;
	padding-top:20px;
}

#site_map ul {
	font-size:9px;
	text-align:right;
	margin-right:20px;
}

#site_map ul li {
	display: inline;
	padding:5px;
}
.tower_ad{
	padding:10px;
	margin:5px;
	background-color:#FFFFFF;
	height:200px;
}
.blog_tease {
	font-size:90%;
	color: #FFF;
	

}

#brands {
padding:3px;
width:100%;
overflow: auto;
}

#brands div {margin:2px; padding: 0; float: left;  width: 75px; text-align: center;
border:1px dotted #CCCCCC; height:45px;
    }
#brands div h3 {display: block; margin:0; padding:0; font-size:80%;}
#brands div img {width:75px; height:25px;}

#brands a {display: block; text-align: center}

#brands div:hover { border:1px solid #999999;}






/* ==== Sliding Door Title Bar -dk (Do Not Change 0px Values)==== */
.bar_right,.bar_left {
	
	text-align:left;
	height:38px;
}
.bar_right{
	background:url(images/bar_right.jpg)  no-repeat right top;
	
	width:100%;
}
.bar_left{
	font-size: 15px;
	font-weight: lighter;
	color: #ffffff;
	background:url(images/bar_left.jpg)  no-repeat left top;
	text-align:center;
	padding:9px 10px 0px 10px;
	
}

/*Product Styles*/
.pContainer {
	
	width:100%;
	overflow:auto;
	
}
#pControls {
	padding-top:12px;
	border-top:1px dotted #CCCCCC;
	width:100%;
    overflow: auto;
	

}
#pControls select {
	font-size:70%
	

}
.pTitle {
	border-top:#5CDC9F  1px solid;
	font-size:150%;
	
	

}
.pImage {
	float:left;
	padding:3px;
	margin:0px 15px;
	
}

.pDescr {
	font-size:90%;

}

.pPricing {
	
	
	text-align:right;
	padding:10px;
	float:right;
	margin-top:10px;
	

}
.pListPrice {
	font-size:70%;
	text-decoration:line-through;

}

.pSellPrice {
	font-size:130%;
	font-weight:bold;
	margin:0;
	padding:0;
	
}
.pSavePercent {
	color:#FF0000;
	margin:0;
	padding:0;
	padding-bottom:6px;
}
.topper {

	height:20px;
	background-color:#48976E;
	padding:5px;
	text-align:left;
	color:#FFF;
}
.splash_img {
	float:left; 
	margin-right:15px;
}

.content_box {
	padding:10px 8px; 
	background-color: #FFFFFF; 
	text-align:left;
	width:100%;
    overflow: auto;
	
}

.error{
	color: #FF0000;
	background:url(../images/error.jpg)  no-repeat;
	background-position:0px 5px;
	padding:10px 0px 10px 30px;
}
.confirm{
	color: #663399;
	background:url(../images/confirm.jpg)  no-repeat;
	background-position:0px 5px;
	padding:10px 0px 10px 30px;
}

/*Used to containers containing floats - removes need for clearing elements*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*ADMIN AREA ONLY*/
.a_txarea , .a_txarea table{
	padding-top:20px;
	text-transform:capitalize;
	color:  #006666;
	font-size:100%;
}
.a_report table{
	font-size:90%;
	

}
.a_report table tr{
	margin:5px 0;
	

}
.a_reporthead td{
	background-color:#48976E;
	color: #FFF;
	padding:5px;
	text-transform:capitalize;
}

/*LIGHTBOX Styles*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 12px;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../../lib/scripts/lightbox2/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../lib/scripts/lightbox2/overlay.png", sizingMethod="scale");
	}
	
/*END LIGHTBOX Styles*/