@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
		font: 62.5%/2.2em "Arial", Helvetica, sans-serif;
		color: #4b4942;
		background:url(../images/bgRings.jpg) fixed no-repeat center;
	}
	span.help { color:#AA0000; font-style:italic; }
	span.help h2 { color:#AA0000; font-style:italic; }
	#buy_now {
	overflow: hidden;padding-bottom:6px;
	font-size:1.5em;
	color:#000;
	
	}
	.black {color:#000000; font-size:10px; text-decoration:none;}
	.black a{text-decoration: none;color:#000000;}
	.black a:hover{ color:#AA0000;}
	a{text-decoration: none;color:#CCCCCC;}
	a:hover{color: #fff;}
	hr{display: none;}
	strong{font-weight: bold;}
	ul.borderedlist li{
		border-bottom: 1px dashed #d1cfcd;
	}
	ul.borderedlist li a{
		display: block;
		padding:3px 0 0 2px;
		height: 26px;
		color:#fff;
	}
	ul.borderedlist li a:hover{background: #E5E5E4;color: #42423b;}
	ul.borderedlist li.active_nav a{color:#FFFFFF;}
	ul.borderedlist li.active_nav a:hover{background: #E5E5E4;color: #42423b;}



/* =LAYOUT - the main layout styles */
	.container{
		width:990px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
	.container1{
		width:900px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
	/* header layout */
	#header{
		height: 203px;
		background:url(../images/navBarbg.jpg) top repeat-x;
		position: relative;
	}
	#MainNav{
		height: 50px;
		position: relative;
	}
	#navigation{
		position: absolute;
		right: 0;
		top:20px;
	}
	/* main area layout */
	#main{padding:0px 0 20px 50px;}
	#leftcolumn{float: left;width:220px;}
	#leftHead { background:url(../images/BrTop.jpg) no-repeat; height:20px;}
	#leftBody { background:url(../images/BrBodybg.jpg) repeat-y;}
	#leftDivid { background:url(../images/BrDivider.jpg) no-repeat;  height:44px;}
	#leftBottom { background:url(../images/BrBottom.jpg) no-repeat;  height:40px;}
	#center{float: left;width:380px;padding: 0 20px;}
	#centerA{float: left;padding: 0 20px;}
	#centerp{float: left;width:500px;padding: 0 20px;}
	#rightcolumn{float: left;width:220px;}
	/* bottom layout */
	#bottominfo{
		border-top: 5px solid #42423b;
		background: #4a4841 url(../images/bottom_bg.jpg) top repeat-x;
		padding-bottom:25px;
		width: 100%;
		overflow: hidden;
	}
	.bottomcolumn{
		float: left;
		width:288px;
		margin-right: 18px;
	}
	.bottomright{margin-right:0;}
	
	
/* Apply the transparent gray background image effect */
#modalwin {
  position : absolute;
  left : 0px;
  top : 0px;
  width : 100%;
  background-image : url(modalimgkit_gray.png);
  z-index : 1001;
}

/* Apply an IE-specific filter to optimize the transparent gray background image effect in IE */
* html #modalwin {
  background-image : none;
  filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="modalimgkit_gray.png", sizingMethod="scale");
}

/* Dress up the content area containing the image */
#modalcontent {
  position : absolute;
  background-color : #EEEEEE;
  padding : 10px;
  border : 2px outset #333333;
  cursor : pointer;
  z-index : 1002;
}

	
	
/* =HEADER - the header styles */
	#header .container{height: 253px;}
	/* logo */
	h1{
		position: absolute;
		height: 71px;
		top: 15px;
	}
	h1 a{
		font: 24px/24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: -2px;
		padding: 22px 9px 25px 20px;
		display: block;
		color: #fff;
		background: url(../images/logo_bg.gif) left top no-repeat;
	}
	h1 a:hover{color: #fff;}
	h1 a span{
		height:71px;
		width: 13px;
		position: absolute;
		top:0;
		right: -13px;
		cursor: pointer;
		background: url(../images/logo_right.gif) right top no-repeat;
	}
	/* top navigation */
	#navigation li{
		float: left;
		padding-right: 27px;
		text-transform: uppercase;
		font-size: 1.3em;
		font-weight: normal;
	}
	#navigation li a{color: #CCC;}
	#navigation li a:hover,#navigation li.active a{color:#FFF;}
	/* message and building pic */
	#banner{
		position: absolute;
		height: 220px;
		width:1200px;
		margin-top:32px;
		background:url(../images/header1.jpg) no-repeat;
	}
	#nav{
		height: 50px;
		padding:10px;
		margin-left:10px;
		width:1200px;
		background:url(../images/navBar.jpg) no-repeat;
	}
	ul.nav{
	display: block;
	font-size:18px;
	list-style:inside;
	list-style:none;
	}
	ul.nav li{
	display: inline;
	padding-left:88px;
	padding-right:88px;
	text-indent:5em;
	}
	ul.nav li a{color:#663300;}
	ul.nav li a:hover{color:#996633;}
	.homeProdTable {
padding: 10px;
text-align:center;
}

.homeTr {
vertical-align: top;
}
	
/* =CONTENT - the content styles */
	/* left column */
	.leftboxType{ font-size:.7em; line-height:1.5em;}
	
	.LAtitle {margin-bottom:0px;line-height:1.8em; padding: 3px;}
	h3.LAtitle{font-size:19px;color:#FFFFFF; padding:0px 0 0px 35px;}
	.Ltitle {margin-bottom:0px;line-height:1.8em; padding: 3px;}
	h3.Ltitle{font-size:19px;color:#FFFFFF; padding:0px 0 0px 55px;}
	
	.leftboxP{padding: 10px 23px 10px 37px;margin-bottom:0px;line-height:1.8em;}
	h3.leftboxP{font-size:19px;color:#FFFFFF;}
	.leftbox{padding: 10px 23px 10px 23px;margin-bottom:0px;line-height:1.8em;}
	h3.leftbox{font-size:19px;color:#FFFFFF; padding:5px 0 10px 23px;}
	h3.header_small{font-size:15px;font-weight: bold;padding:0 23px 5px 23px;}
	ul.leftbox{font-size: 1.2em;}

	.features{padding-top:15px;font:1.27em Arial, Helvetica, sans-serif;}
	.brownLink{color: #000; }
	.brownLink a{color: #663300;}
	.brownLink a:hover{color: #000;}
	#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px}	
	/* center column */
	.article_wrapper h1{color: #000; font-size:1.5em;margin:10px 10;}
	.article_wrapper h2{color: #000; font-size:2em;margin:10px 0;}
	.article_wrapper h2 a{color: #663300;}
	.article_wrapper h2 a:hover{color: #000;}
	.article_wrapper p{padding-bottom:10px;font-size:1.3em;}
	.article_wrapper h3 a{padding-bottom:10px;font-size:1.8em; color:#663300;}
	.article_wrapper h3 a:hover{padding-bottom:10px;font-size:1.8em; color:#000;}
	.article_wrapper a{padding-bottom:10px;font-size:1.2em; color: #5699A7;}	
	/* right column */
	.rightbox_wrapper{
		padding:5px;
		margin-bottom: 10px;
		width:277px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
	}
	.centerFeat{border: 1px dashed #d9e0e8;width:126px; height:126px;overflow: hidden;padding-bottom:6px; padding-top:6px; padding-right:6px; padding-left:6px;}
	.centerboxLEFT{border: 1px dashed #d9e0e8;overflow: hidden;padding-bottom:6px; float:left;  text-align:right;}
	.centerboxRIGHT{border: 1px dashed #d9e0e8;overflow: hidden;padding-bottom:6px; float:right;}
	.centerboxForm{border: 1px dashed #d9e0e8;width:350px;overflow: hidden;padding-bottom:6px; padding-top:6px; padding-right:6px; padding-left:6px; margin-bottom:6px;}
	.centerbox{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px;}
	.centerboxMESS{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px; text-align:left; vertical-align:text-top;}
	.rightbox{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px;}
	.product_image_left{ float: left; width:126px;height:126px;margin: 0 0 0 0;}
	.product_image{ margin: 6px 0 0 6px;}
	.product_imageR{ margin: 6px 0 0 6px; width:120px;}
	.product_wrapper{float: right;width:200px;}
	.product_wrapper h4{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:10px;}
	.product_wrapper p{font-size:1em;}
	.lastbox{margin:0;}

/* =FOOTER */
	#footer{
		height: 40px;
		background: #4a4841 url(../images/foooter.jpg) 0 0 repeat-x;
		margin-bottom:10px;
		padding-top:10px;
		font-size: 1.2em;
	}
	#designby{
		background: url(../images/MelowWiseLogo.jpg) 0 0 no-repeat;
		float: left;
		height: 23px;
		padding:2px;
		margin-left:20px;
		padding-left:30px;
		color:#000000;
		margin-top: 5px;
	}
	#footer_navigation{
		float: right;
		padding-right:39px;
		padding-top:7px;
	}
	#footer_navigation li{float: left;padding-right:30px;}
	#footer_navigation li a{text-transform:uppercase; color:#663300;}
	#footer_navigation li a:hover,#footer_navigation li.active_foot a{color:#996633;}

	#infowin {
  position : absolute;
  left : 0px;
  top : 0px;
  background-color : #FFFFFF;
  opacity : 0.9;
  border : 2px solid #333333;
  padding : 6px;
  z-index : 1001;
  overflow : auto;
  cursor : default;
}

a.info:link {
  text-decoration : none;
}

a.info:visited {
  text-decoration : none;
}

a.info:hover, a.info:active {
  background : #EEEEEE;
}
.rightbar{ color:#FFFFFF;}
.rightbar a{ color:#FFFFFF;}
.rightbar a:hover{ color:#000;}
.brownL{padding:2px;  color:#333;}
.brownL a{ color:#663300; font-size:14px; text-decoration:none;}
.brownL a:hover{ color:#000000; font-size:14px; text-decoration:none;}
.btextbra{padding:2px; color:#000; font-size:11px;}
.btextbra a{ color:#663300; font-size:14px; text-decoration:none;}
.btextbra a:hover{ color:#000000; font-size:14px; text-decoration:none;}
.pagenation{border: 1px dashed #000; padding:2px; color:#663300;}
.pagenation a{ color:#663300; text-decoration:none;}
.pagenation a:hover{ color:#000000; text-decoration:none;}
.itemBox{border: 1px dashed #000;width:370px; padding-bottom:6px; padding-top:6px; padding-right:6px; padding-left:6px; margin-bottom:6px; margin-top:25px;}
.viewCart { font-size:14px; color:#663300; text-decoration:none;}
.viewCart a { color:#663300;}
.viewCart a:hover { color:#FFCC66;}
.adBox{border: 1px dashed #000;width:620px; padding-bottom:6px; padding-top:6px; padding-right:6px; padding-left:6px; margin-bottom:6px; margin-top:25px;}
.AdTitle{ color:#FFFFFF; font-size:12px; padding:5px; background:#AD8E71;}
.AdsubTitle{ color:#FFFFFF; font-size:12px; padding:5px; background:#AD8E71;}
.AdheadTitle{ color:#3D2303; font-size:12px; padding:5px; background:#FCF7E1;}
.AdA a{ color:#663300;}
.AdA a:hover{ color:#000;}
.AdD a{ color:#ff0000;}
.AdD a:hover{ color:#000;}