/**{ margin:0 auto; padding:0;}*/
body { margin:0 auto; background: #61807A url(../images/main-bg.jpg) left top repeat-x; }

a { outline:none; color:#000; text-decoration:none;}
a:hover { color:#000; text-decoration:none}
::-moz-selection { background:#86A79E; color:#fff;}
/***********************  [  h1, h2, h3, h4, h5, h6 { color: #000; } ] ***********************/
h1 { font-size: 35px; font-weight: normal; line-height:inherit; color:#464646; text-shadow:#fff 0 1px; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; margin:0; padding:0}
h1 span {color:#378f7d;}
h2 { font-size: 25px; font-weight:normal; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; margin: 0; padding:0; color:#464646; text-shadow:#fff 0 1px;}
h3 { font-size: 21px; font-weight: normal;  color:#CC2206; } /*3BBF97*/
h4 { font:normal 20px "Trebuchet MS", Tahoma, Verdana, Arial;  text-shadow:#000 0 0px 0; color:#2E3094  }
h4 span { color:#00A54F  }
h5 { font-size: 16px;  padding: 0; color:#000000; }
h6 { font-size: 14px;  padding: 0; color:#000000; }

/***********************  [  Cleaner ] ***********************/
.cleaner { clear: both; width: 100%; height: 0px;}
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 18px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }
/***********************  [  Cleaner ] ***********************/

/***********************  [  Images Style Start ] ***********************/
.imgBorder { margin:0 10px 7px 0; padding:3px; background:#DFDFDF; border:1px solid #8E8E8E; }
.imgBorderLeft { float:left; margin:0 10px 7px 0; padding:3px; background:#DFDFDF; border:1px solid #8E8E8E; clear:both; }
.imgBorderRight { float:right; margin:0 0 7px 10px; padding:3px; background:#DFDFDF; border:1px solid #8E8E8E; clear:both } /*d5e5ef 65818f*/

/***********************  [  Images Style End ] ***********************/

/***********************  [ header Wrapper Start ]**********************************************/
.header_wrapper { width:1024px; height:119px; margin:0 auto; background:url(../images/header-bg.jpg) left top no-repeat;}
.logo { width:367px; height:41px; float:left; margin:6px 0 0 5px; }
.logo span { display:block; color:#b4ffed; text-shadow:#666666 0 1px 2px; text-align:right; font: normal 18px/10px Georgia, "Times New Roman", Times, serif;}
.topKW { width:280px; margin:20px 0 0 20px; font: italic 21px/22px Georgia, "Times New Roman", Times, serif; color:#000; text-shadow:#215e5c 0 1px 2px; float:left;}
.topKW span { color:#a3f04a;}
.ramboo-logo { width:188px; height:55px; float:left; margin:4px 0 0 0;}

/*Search Engine Start*/
#search_box { float: right; padding:0; margin-top:15px;}
#searchfield { float:left; height:40px; width: 265px; background:url(../images/search-bg.jpg) left top no-repeat; padding: 0px 0px 0 10px; margin:0 0 0 0px; color: #585858; text-shadow:#FFFFFF 0 1px; font:normal 20px/30px "Trebuchet MS", Tahoma, Verdana, Arial; border:0;}
#searchbutton { height: 40px; width: 64px; background:url(../images/go-btn.jpg) 0 0 no-repeat; border:0; font:normal 20px/20px "Trebuchet MS", Tahoma, Verdana, Arial;color:#fff; text-shadow:#000 0 1px;}
#searchbutton:hover { color:#000; text-shadow:#f8f8f8 0 1px 2px;}
/*Search Engine End*/
/****************************************** [ header Wrapper End ]**********************************************/

/****************************************** [ Header Banner Start ]**********************************************/
.header-banner-wrapper { background:#aed1c8; margin:0; padding:10px 0 10px 0;}
.header-banner { width:1012px; margin:0 auto; background:#fff; border:1px solid #8d8d8d; padding:5px;}

/*Middle Banner*/
.mdlBannerInner {width:100%; height:180px; float:left; position:relative; margin:0; padding:0; overflow:hidden;}
.bannerBelt { position:absolute; overflow:hidden; padding:0 10px; margin:0 0px; width:1012px; height:50px; bottom: 0; left:0; background:url(../images/overlay.png) left top repeat; }
.bannerBelt h1 { position:relative; overflow:hidden; color:#FFF; font:italic 24px/28px Georgia, "Times New Roman", Times, serif; padding:0; margin-top:3px; text-shadow:#000 1px 1px 0;}
.bannerBelt p { position:relative; display:block; color:#D8D8D8; font:normal 12px/12px "Trebuchet MS", Tahoma, Verdana, Arial; padding:0; margin:0 }

/****************************************** [ Header Banner End ]**********************************************/

/* Back to Top */
a#bm-arrow-top { position:fixed; bottom:15px; right:15px; display:block; background:#fff; width:24px; height:24px; overflow:hidden; background:url(../images/backtotop.png) top left no-repeat; text-indent:-99999em; text-decoration:none; outline:none; border:none;	}
a:hover#bm-arrow-top { background-position:bottom left; } 
.toTop00 { width:100px; border:1px solid #ccc; background:#f7f7f7; text-align:center; padding:5px; position:fixed; bottom:10px; left:10px; cursor:pointer; display:none;	color:#333;	font-family:verdana; font-size:21px; }
.toTop { float:right; display:block; width:35px; border:1px solid #ccc; background:#f7f7f7;	text-align:center;	padding:0 2px; cursor:pointer; color:#7F7F7F; font:normal 12px "Trebuchet MS", Tahoma, Verdana, Arial;}
/* End Back to Top */

/****************************************** [ Content Start ]**********************************************/
.content-wrapper { background:#ededed; margin:0; padding:10px 0 0 0;}
.mdl-col { width:1008px; background:#fff; margin:0 auto; border:1px solid #dadada; padding:7px 8px 0 7px;}

.colmask { position:relative; clear:both; float:left; width:100%; overflow:hidden; margin:0;  }
.colright, .colmid, .colleft { float:left; width:100%; position:relative; }
.col1, .col2, .col3 { float:left; position:relative; padding:0; overflow:hidden;}
p { margin:10px 0 10px 0; padding:0; clear:both; text-align:justify; color:#434343; font:normal 15px/23px "Trebuchet MS", Tahoma, Verdana, Arial;}
.leftmenu { background:#EEEEEE; border-right:1px solid #d2d2d2;}
.leftmenu .colleft { right:71.1%; background:#fff; padding:0; border-right:1px solid #d2d2d2;}
.leftmenu .col1 { width:697px; left:100%; text-align:justify; border-top:1px solid #d2d2d2; padding:0 10px; }
.leftmenu .col1 .awesome, .awesome:visited { float:right;}
.leftmenu .col2 { width:284px; left: 0; padding:0;}
/*.content-end{ float:right; background:url(../images/content-bg.jpg) 0 -3px no-repeat; margin-top:-1px; width:723px; height:6px; position:relative; top:-2px; left:2px; z-index:999999; border:0px solid}*/

.left-nav { width:282px; float:left; background:#d6d5d5; border:1px solid #b6b6b6; margin-bottom:7px; }
.left-nav h3 { width:275px; height:47px; background:url(../images/left-h3-bg.jpg) left top no-repeat; margin:0; padding: 0 0 0 10px; color:#043c31; text-shadow:#fff 0 1px 2px; font: normal 25px/42px "Trebuchet MS", Tahoma, Verdana, Arial; }
.left-nav ul { list-style:none; margin:0; padding:0;}
.left-nav ul li { display:block; font:normal 16px/16px "Trebuchet MS", Tahoma, Verdana, Arial; margin:0 10px; padding:10px 0; background:url(../images/list-sep.jpg) left bottom no-repeat;}
.left-nav ul li a { color:#0b400b; text-shadow:#e3e3e3 0 1px; background:url(../images/li-bullate.jpg) left 2px no-repeat; padding-left:20px;}
.left-nav ul li a:hover, .left-nav ul li a.current { color:#000; text-shadow:#e3e3e3 0 1px;}
.left-nav ul li.last{ background:none}

/*Right Col*/
.feature-pro{ margin:10px 0 0 0; padding:0;}
.feature-pro h4 { float:left; font:normal 18px/20px "Trebuchet MS", Tahoma, Verdana, Arial; color:#5c5c5c; margin:0; }
.feature-pro p{ font: normal 15px/18px "Trebuchet MS", Tahoma, Verdana, Arial; text-align:justify; color:#999999; float:left; margin:5px 0}
/*.feature-pro span.price{ width:79px; height:inherit; float:left; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; color:#8b8b8b; border-right:1px dotted #999; padding-right:10px; margin-right:21px; overflow:hidden;}*/
.feature-pro p.cat { width:210px; height:inherit; float:left; font:normal 13px/14px "Trebuchet MS", Tahoma, Arial, Verdana; color:#5C5C5C; border-right:0px dotted #999; padding-right:10px; overflow:hidden;}
.feature-pro p.cat span { color:#747474;}

.feature-pro span.price{ width:210px; height:inherit; float:left; font:normal 12px/12px Georgia, "Times New Roman", Times, serif; color:#333; border-right:0px dotted #999; padding-right:10px; overflow:hidden;}
.feature-pro span.price span{ display:block; color:#146d5b; }
.feature-pro span.detail{ float:left; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; color:#8b8b8b;}
.feature-pro ul{ list-style:none; padding:0; margin:10px 0 0 0;}
.feature-pro ul li { float:left; display:block; background:#fff; border:1px solid #d1d1d1; width:210px; padding: 5px 6px; margin:0;}
.feature-pro ul li.central { margin:0 12px;}
.feature-pro ul li img { border:1px solid #cdcdcd;}
/*Right Col*/
		
.awesome, .awesome:visited { background: #222 url(../images/alert-overlay.png) repeat-x;  display: inline-block;  padding: 5px 10px 6px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; font:normal 16px/20px "Trebuchet MS", Tahoma, Verdana, Arial }
.awesome:hover { background: #2e94ac; color: #fff; }
.awesome:active { top: 1px; }
.blue.awesome, .blue.awesome:visited { background-color: #408f9e; }
.blue.awesome:hover { background-color: #007d9a; }

.cartbtn.awesome, .cartbtn.awesome:visited { background-color: #2B726E; border:0; padding:3px 5px 3px; margin:0;}
.cartbtn.awesome:hover { background-color: #007d9a; }

/************************************ Start Footer Navigation *******************************/
#footerWrapper {width:100%; float:left; margin:0; padding:0; background:#778c8e; }
#footer { width:1024px; height:85px; margin:0 auto; overflow:hidden; background: url(../images/footer-bg.jpg) left top no-repeat;}
#footer ul { list-style:none; padding:0; margin-top:15px;}
#footer ul li { float:left; display:block; color:#fff; text-shadow:#000 0 1px; font: bold 13px/14px "Trebuchet MS", Tahoma, Verdana, Arial;}
#footer ul li a { text-shadow:#000 0 1px; color:#fff; padding:0 15px;}
#footer ul li a:hover{color:#aafff5;}
#footer ul li a.current {color:#000; text-shadow:#c1bfbf 0 1px 2px;}

.footer_copyright { clear:both; float:left; font:normal 13px/14px Georgia, "Times New Roman", Times, serif; color:#fff; text-shadow:#000 0 1px; margin:20px 0 0 13px;}
.footer_copyright a { color:#aafff5; text-shadow:#000 0 1px; border-bottom:1px dotted #aafff5;}
.footer_copyright a:hover{color:#fff; border:0} 

.footer_design { float:right; position:relative; font:normal 15px/14px Georgia, "Times New Roman", Times, serif; color:#fff; text-shadow:#000 0 1px; text-align:left;  margin-top:20px;}
.footer_design a { font: normal 13px/16px Verdana, Arial, Helvetica, sans-serif; color:#fea205; text-shadow:none; text-align:left; padding:2px;}
.footer_design span {color:#000; text-shadow: none}
.footer_design a:hover {color:#FDFF00; text-decoration: none; } 
/************************************ End Footer Navigation *******************************/

/************************************ Products Page Start *******************************/
.ProductBuilderDIV { margin:0; padding:0; float:left;}
.ProductBuilderDIV ul { margin:0; padding:0; list-style:none;}
.ProductBuilderDIV ul li { width:220px; height:195px; float:left; display:block; background:url(../images/product-bg.jpg) left top no-repeat; margin:10px 6px; padding:5px 0 0 0; text-align:center;}
.ProductBuilderDIV ul li img.IMGHover { border:0;}
.ProductBuilderDIV ul li span { display:block; width:220px; overflow:hidden; margin:3px 0 0 0; padding:0; font: italic 16px/20px "Trebuchet MS", Tahoma, Verdana, Arial; text-align:center; text-shadow:#f6f6f6 0 1px; }
.ProductBuilderDIV ul li a:hover { color:#144053;}
/************************************ Products Page End *******************************/