/* template5-theme1 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; text-decoration:none; }
	
ol, ul, li { margin:inherit;} 
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}

/* remember to define focus styles! */
:focus { outline: 0;}

/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

.clear{ clear:both; display:block; font-size:0; height:0; line-height:0;}

body{ background:url(../application/views/template/template5/images/template5_bg.jpg) center top no-repeat #61534A;}


/* Styles For Various Resolutions
--------------------------------------------------------------------------------------- */
/*.containerWide, .containerNarrow { width: 100%; }*/


/* Styles For 1024px Resolutions
--------------------------------------------------------------------------------------- */
#wrapper { width:970px; margin:0 auto;   }
#wrapper #header { width:970px; }
#wrapper #mainMenu { width:970px; }
#wrapper #bodyWrapper { width:970px; background:url(../application/views/template/template5/images/wrapper_bg.jpg) left bottom repeat-x #FFF;}
#wrapper #bodyContainer { width:970px; background:url(../application/views/template/template5/images/container_bg.jpg) left top repeat-x #FFF;}
#wrapper #bodyLeftContainer {display:none; }
#wrapper #bodyMidContainer { width:920px; padding:25px; float:left;}
#wrapper #bodyRightContainer { width:310px; float:right;  text-align:justify;  }

#wrapper .boxSmall { float:left; width:280px; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; border:solid 1px #C8C5BE; background:#FFFFFF;}
#wrapper .boxBig { width:300px; float: left; font:normal 14px Arial, Helvetica, sans-serif; color:#000000;  /*margin-right:16px; border:solid 1px #C8C5BE;  background:#FFFFFF;*/}
#wrapper .boxBigRight { width:300px; float:left; font:normal 14px Arial, Helvetica, sans-serif; color:#000000;  border:solid 1px #C8C5BE; background:#FFFFFF;}
#wrapper .boxHugeLeft { width:600px; float: left; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; margin-right:16px; border:solid 1px #C8C5BE; background:#FFFFFF;}
#wrapper .boxHugeRight { width:600px; float: left; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; border:solid 1px #C8C5BE; background:#FFFFFF;}

#wrapper .boxFull { width:920px; display:block; margin-bottom:20px;  background:#DBDAD7; clear:both; }


/* Styles For above 1024px Resolutions
--------------------------------------------------------------------------------------- */
#wrapperWide { width:1280px; margin:0 auto;   }
#wrapperWide #header { width:1280px; }
#wrapperWide #mainMenu { width:1280px; }
#wrapperWide #bodyWrapper { width:1280px; background:url(../application/views/template/template5/images/wrapper_bg.jpg) left bottom repeat-x #FFF; }
#wrapperWide #bodyWrapperA { width:1280px; background:url(../application/views/template/template5/images/wrapper_bg.jpg) left bottom repeat-x #FFF; }
#wrapperWide #bodyWrapperB { width:1280px; background:url(../application/views/template/template5/images/wrapper_bg.jpg) left bottom repeat-x #FFF;  }

#wrapperWide #bodyContainer { width:1280px; background:url(../application/views/template/template5/images/container_bg.jpg) left top repeat-x #FFF;}
#wrapperWide #bodyLeftContainer { width:290px; float:left; text-align:justify; padding:0 9px 0 10px;  margin-top:25px;}
#wrapperWide #bodyMidContainer { width:920px; padding:25px; float:left;}
#wrapperWide #bodyRightContainer { width:290px; float:right; text-align:justify; padding:0 10px 0 10px;  margin-top:20px; }
#wrapperWide #bodyFullContainerWide { width:1230px; padding:25px; float:left;}

#wrapperWide .boxSmall { float:left; width:280px; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; border:solid 1px #C8C5BE; background:#FFFFFF;}
#wrapperWide .boxBig { width:300px; float: left; font:normal 14px Arial, Helvetica, sans-serif; color:#000000;  /*margin-right:16px; border:solid 1px #C8C5BE;  background:#FFFFFF;*/ }
#wrapperWide .boxHuge { width:600px; float: left; margin-right:15px; font:normal 14px Arial, Helvetica, sans-serif; color:#000000;  border:solid 1px #C8C5BE; background:#FFFFFF;}





/* Common styles For Templates
--------------------------------------------------------------------------------------- */
/* header */
#header{  height: auto;}

/* Logo */
#logo {  float:left; margin: 0; padding: 0; color: #000000; margin-top:20px; margin-bottom:20px;  }
#logo h1 { padding:0;  }
#logo h1 a { display:block; font-size:0px; text-indent:-9999; color:#69ADCC;}

/* mainMenu */
#mainMenu {  float:left; height:40px; background:#EBF1EA; border-bottom:solid 2px #9C9C94;}
#mainMenu ul { list-style-type:none;  margin: 0; padding:0px; float: left;  display:block; position:relative; margin-top:13px; padding-left:20px; }
#mainMenu ul li { display:block; float:left;  cursor:auto; }
#mainMenu ul li a { text-decoration: none; display:block; font-family: Geneva, Arial, Helvetica, sans-serif;  outline:none;
 font-size:14px; font-weight:bold; color:#375B5D;  padding:3px 12px 8px 12px; }
#mainMenu ul li a:hover { color:#000; background:url(../application/views/template/template5/images/mainmenu_hover.jpg) center bottom no-repeat; }

#mainMenu ul li a:active, #mainMenu ul li a.current {  color:#000; text-decoration:none;   background:url(../application/views/template/template5/images/mainmenu_hover.jpg) center bottom no-repeat;}

#mainMenu ul li a:active, #mainMenu ul li a.current { color:#000; text-decoration:none; }
#mainMenu ul li:hover > ul { visibility: visible; background:#000; }
#mainMenu ul li:hover { position: relative; z-index: 599; cursor: pointer;    background:url(../application/views/template/template5/images/mainmenu_hover.jpg) center bottom no-repeat; }
#mainMenu ul li ul { visibility: hidden; position:absolute; padding:10px; top:27px; left:0px; z-index:598; background:#000; border:solid 1px #333; border-top:none; height:auto; margin:0;  }
#mainMenu ul li ul li { list-style:none; display:block; padding: 0; height: auto; float: none; width:145px;border:none; border-bottom:1px solid #333; background:none; }
#mainMenu ul li ul li a { list-style:none; display:block; padding:6px 5px 6px 5px; height:auto; float:none; background:none; font: 12px Arial, Helvetica, sans-serif; color:#FFF; 	}
#mainMenu ul li ul li a:hover{background:#333; color:#FFF;}
#mainMenu ul li ul li:hover{ background:#333; color:#FFF;}
#mainMenu ul li ul li ul { visibility:hidden; position:absolute; padding:10px; top:-10px; left:100%; z-index:598; background:#000; border:solid 1px #333; border-top:none; height:auto; }
#mainMenu ul li ul li ul li { list-style:none; display:block; padding: 0; height: auto; float: none; width:145px; border-bottom:1px solid #333; background:none; }




/*Video Container styles */
#videoOuterWrapper {  width:920px; display:block; float:left; margin-bottom:35px; }
#videoInnerWrapper {  text-align:center; vertical-align:middle; /*float:left;*/ }
#videoOuterWrapperWide { width:1230px; display:block; float:left; margin-bottom:35px; background:#333; }
#videoBgContent { width:280px; display:block; float: right;  text-align:center; font: bold 36px Arial, Helvetica, sans-serif; color:#999999; padding:15px; }


/* Footer */
#footerWrap { height:60px; margin: 0 auto; padding: 0px 0 10px 0;  background:#FFF;}
#footer { width:970px;  margin:0 auto; }
#footerWide { width:1280px;  margin:0 auto; }
#footer .shareBox, #footerWide .shareBox{ float:right; margin-top:20px; margin-right:30px;}
#footer .memberPecca, #footerWide .memberPecca{ float:right; margin-top:12px;}

.copyRight{ font:bold 12px Arial, Helvetica, sans-serif; color:#333333; float:left; margin-top:20px;}

/* Other styles */
p{ padding:10px; display:block; line-height:20px; font: normal 14px Arial, Helvetica, sans-serif; color:#000000; text-align:justify; }
.title{ display:block; background:#BDCEDB;  font:30px "trebuchet MS", Arial, Helvetica, sans-serif ; color:#000; text-indent:10px;}

a.btnLink{ font: normal 14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:3px 0; color:#FFF; display:block; background:#50191C; text-align:center; margin-top:10px; }

.desContent{ width:94%; padding:2% 3%; background:#343435; text-align:left; font: normal 14px Arial, Helvetica, sans-serif; color:#CCCCCC;}

.cmnBox{ width:300px; display: block; float:left; height:auto;  margin-right:16px; border:solid 1px #C8C5BE;  background:#FFFFFF;}




/* COMMON STYLES For ALL Resolutions
--------------------------------------------------------------------------------------- */

/* CONTACT FORM Styles */

#ContactForm { width:100%; font-size:12px; text-align:justify; color:#000; background:#FFF;  padding-bottom:10px; float:left;}
.inputbox {border: none; background-color:#E7EEE7; text-align: left; color: #333; padding:5px 0; margin:4px 0px; text-indent:10px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color:#666666;}
#ContactForm p{ display:block; margin:0; padding:0;   padding:0 3% 0 4%;}
#ContactForm h3{ display:block; background:#DEEBE3;  font:30px "trebuchet MS", Arial, Helvetica, sans-serif ; color:#000; text-indent:10px;   }
#ContactForm form{ margin: 0;  padding:10px 0; width:100%; height:auto;}
#ContactForm label{ width:38%; float:left; font-weight: bold; font-family:Arial, Helvetica, sans-serif; line-height:34px; font-size:13px}
#ContactForm .ContactText { width:60%; }
#ContactForm .ContactTextarea { width:98%; height:110px; overflow:auto; }

/* IE7 Only */
*:first-child+html #ContactForm .ContactTextarea { float:left; }

#ContactForm .ContactButton { padding: 5px 10px; color: #ffffff; font-size: 13px; font-weight: normal; text-transform: uppercase; background-color: #333; cursor: pointer; border: 0px;}
#ContactForm .ContactButton:hover { background-color: #000000;}
#ContactForm .invalid { border: 1px solid #FF0000;}
#ContactForm p a{ font: normal 14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:3px 0; color:#FFF; display:block; background:#50191C; text-align:center;  width:98%;}

/* Website settings
--------------------------------------------------------------------------------------- */

/* START Website settings */
#webSettings { font:normal 12px Arial, Helvetica, sans-serif; margin:0; padding:0; width:100%;  z-index:100; left:0; position:fixed; bottom:auto; top:0px; background:#FFF; 
border-bottom:solid 20px #000;    }

/* IE6 Only */
* html div#webSettings{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop)); clear:both; display:block;}

#webset{ width:1000px; margin:0 auto; height:auto; background:#000; padding:10px; color:#FFFFFF; padding-bottom:0px;}

#webset h2{ display:block; padding:5px; background:#000; color:#FFFFFF; margin-bottom:10px; text-align:left; border-bottom:solid 1px #333333;}


.rightNav{ float:right;}
.rightNav a{
	padding: 7px 10px;
	color: #ccc;
	display: block;
	text-decoration: none;
	float: left;
	font-weight:bold;
	font-size:13px;
	background: url(../application/views/template/template1/images/topnav_bg.gif) 0 -1px repeat-x;
	border:solid 1px #333333;
	margin-left:10px;
	
	}



ul.topnav {
	list-style: none;
	padding: 0 ;
	margin: 0;
	float: left;
	font-size:12px;
	
}
ul.topnav li {
	float: left;
	margin: 0;
	padding:0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	margin:0;
	margin-right:30px;
	background: url(../application/views/template/template1/images/topnav_bg.gif) 0 -1px repeat-x;
	border:solid 1px #333333;
}
ul.topnav li a{
	padding: 7px 12px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	font-weight:bold;
	font-size:13px;
}
ul.topnav li a:hover{
	background: url(../application/views/template/template1/images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 30px;
	float: left;
	background: url(../application/views/template/template1/images/arrow_down.png) no-repeat center center #555;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer; background:#999999;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left:-2px; top:31px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
/*	width: 170px;*/	
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border:none;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
/*	width: 170px;*/	
	font-weight:normal;
}


html ul.topnav li ul.subnav li a {
	float: left;
	width:140px;
	
/*	background: #333 url(../application/views/template/template1/images/dropdown_linkbg.gif) no-repeat 10px center;*/
	padding-left: 10px;
	font-size:12px;
	font-weight:normal;
	display:block; white-space:nowrap;
	background: #333;
}

html ul.topnav li ul.subnav li a img{ float:left; border:solid 1px #666; margin-right:5px; }
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 ;
}

/* GOGLE MAP Styles */

#addressBox { width:100%; font-size:12px;  color:#000;  background:#FFF; padding-bottom:10px; float:left;border:1px solid #DDDDDD;}
/*#addressBox h3{ background:#BDBBB6; display:block; font:36px "trebuchet MS", Arial, Helvetica, sans-serif ; color:#000; text-indent:10px; }*/
#addressBox .googleMap { width:90%; padding:0 5%; text-align:center; margin-bottom:10px; }
#addressBox p{ display:block; margin:0; padding:0;  padding:10px 3% 0 4%;  clear:both;}
#addressBox label{ width:38%; float:left; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:13px}
#addressBox label.adrsRight{  float: right; text-align:left; width:60%; }


/* product List Styles*/
.prodListCont{ display:block; padding:10px; background:#FFFFFF; }
.prodList{ border:solid 1px #DDD; padding:10px; margin-bottom:5px;}
.prodListImg{ float:left; margin-right:20px;}
.prodListDetails{ width:auto;}
.prodListDetails h3{  font:26px Arial, Helvetica, sans-serif; color:#990033; border-bottom:solid 1px #ccc; padding:5px 0; text-indent:10px; }
.prodListDetails h3 span{ float:right; color:#990033; font-size:14px; font-weight:bold; text-align:right; }
.prodListDetails h3 span em{ font-size:12px; font-style:italic; color:#333333; }

















/* Styles For BODY
--------------------------------------------------------------------------------------- */
body{ background:url(../application/views/template/template5/images/template5_bg.jpg) center top no-repeat #61534A;; background-position:center top;}



/* Styles For 1024px Resolutions
--------------------------------------------------------------------------------------- */
#wrapper #mainMenu { width:100%; }
#wrapper #bodyWrapper { width:970px; background:url(../application/views/template/template5/images/wrapper_bg.jpg) left top repeat-x #FFF;;}
#wrapper #bodyContainer { width:970px; background:url(../application/views/template/template5/images/container_bg.jpg) left top repeat-x #FFF;; border-top:none;}

#wrapper .boxSmall { font:normal 14px Arial, Helvetica, sans-serif; color:#000000; border:solid 1px #C8C5BE; background:#FFFFFF;}
#wrapper .boxBig {  font:normal 14px Arial, Helvetica, sans-serif; color:#000000;  border:solid 1px #C8C5BE;}
#wrapper .boxBigRight { font:normal 14px Arial, Helvetica, sans-serif; color:#000000;  border:solid 1px #C8C5BE; background:#FFFFFF;}
#wrapper .boxHugeLeft { margin-right:16px; border:solid 1px #C8C5BE; background:#FFFFFF;}
#wrapper .boxHugeRight {font:normal 14px Arial, Helvetica, sans-serif; color:#000000; border:solid 1px #C8C5BE; background:#FFFFFF;}

#wrapper .boxFull { background:#ffffff;  }


/* Styles For above 1024px Resolutions
--------------------------------------------------------------------------------------- */
#wrapperWide #mainMenu { width:100%; }
#wrapperWide #bodyWrapper { width:1280px; background:url(../application/views/template/template5/images/wrapper_bg.jpg) left top repeat-x #FFF;; }
#wrapperWide #bodyWrapperA { width:1280px; background:url(../application/views/template/template5/images/wrapper_bg.jpg) left top repeat-x #FFF;; }
#wrapperWide #bodyWrapperB { width:1280px; background:url(../application/views/template/template5/images/wrapper_bg.jpg) left top repeat-x #FFF;;  }
#wrapperWide #bodyLeftContainer { width:288px;}
#wrapperWide #bodyContainer { background:url(../application/views/template/template5/images/container_bg.jpg) left top repeat-x #FFF;;}
#wrapperWide #bodyRightContainer { width:288px; float:right; text-align:justify; padding:0 10px 0 10px;  margin-top:20px; }

#wrapperWide .boxSmall { font:normal 14px Arial, Helvetica, sans-serif; color:#000000; border:solid 1px #C8C5BE; background:#FFFFFF;}
#wrapperWide .boxBig { font:normal 14px Arial, Helvetica, sans-serif; color:#000000;  background:#FFFFFF;  border:solid 1px #C8C5BE;}
#wrapperWide .boxHuge {font:normal 14px Arial, Helvetica, sans-serif; color:#000000;  border:solid 1px #C8C5BE; background:#FFFFFF;}





/* Common styles For Templates
--------------------------------------------------------------------------------------- */
/* header */
#header{  background:none ; height: auto; border:none; padding:0;}


/* mainMenu */
#mainMenu {  background:#053853; border-bottom:solid 2px #9C9C94;height: auto;}
#mainMenu ul {  padding:0px;  margin-top:13px; padding-left:20px; }
#mainMenu ul li {  }
#mainMenu ul li a { color:#586154; font-family:Tahoma;font-size:15px;  padding:3px 12px 8px 12px; }
#mainMenu ul li a:hover { color:#000; background:url(../application/views/template/template5/images/mainmenu_hover.jpg) center bottom no-repeat; }

#mainMenu ul li a:active, #mainMenu ul li a.current {  color:#000;   background:url(../application/views/template/template5/images/mainmenu_hover.jpg) center bottom no-repeat;}

#mainMenu ul li a:active, #mainMenu ul li a.current { color:#000; }
#mainMenu ul li:hover > ul {background:#000; }
#mainMenu ul li:hover {  background:url(../application/views/template/template5/images/mainmenu_hover.jpg) center bottom no-repeat; }
#mainMenu ul li ul { padding:10px;  left:0px; z-index:598; background:#000; border:solid 1px #333; border-top:none;   }
#mainMenu ul li ul li {  width:145px;border:none; border-bottom:1px solid #333; background:none; }
#mainMenu ul li ul li a { padding:6px 5px 6px 5px; background:none; color:#FFF; 	}
#mainMenu ul li ul li a:hover{background:#333; color:#FFF;}
#mainMenu ul li ul li:hover{ background:#333; color:#FFF;}
#mainMenu ul li ul li ul { padding:10px; top:-10px; left:100%; z-index:598; background:#000; border:solid 1px #333; border-top:none; height:auto; }
#mainMenu ul li ul li ul li {  width:145px; border-bottom:1px solid #333; background:none; }
#mainMenu ul li a:hover {  color:#61534a; }





/* Footer */
#footerWrap { background:#FFF; ; display: inline-table; width:100%;}
#footer {  }
#footerWide {  }

.copyRight{ font:normal px ; }

/* Other styles */
p{  font:normal Arial, Helvetica, sans-serif; color:#000000; text-align: left; }
.title{  background:#BDCEDB; font:normal Arial, Helvetica, sans-serif; color:#000000;text-align: left;text-indent:0px;}

a.btnLink{ color:#FFF; background:#50191C; }
.cmnBox{display: block;  float:left; border:none;padding:0;margin-right:17px;}








/* COMMON STYLES For ALL Resolutions
--------------------------------------------------------------------------------------- */

/* CONTACT FORM Styles */

#ContactForm { color:#000; background:#FFF;}
.inputbox {background-color:#E7EEE7; color:#666666;}
#ContactForm h3{ background:#DEEBE3; color:#000;   }

#ContactForm p a{ color:#FFF;  background:#50191C;}



/* GOGLE MAP Styles */

#addressBox {  color:#000;  background:#FFF;  border:solid 1px #C8C5BE;}
#addressBox h3{ background:#BDCEDB; color:#000;  }

/* product List Styles*/
.prodListCont{  background:#FFFFFF; }
.prodList{ border:solid 1px #DDD; }
.prodListDetails h3{ color:#333; border-bottom:solid 1px #ccc; }
.prodListDetails h3 span{ color:#990033; }
.prodListDetails h3 span em{color:#333333; }

#bodyWrapper, .boxFull, .boxBig, .boxSmall, #bodyWrapperB, .boxHuge, .boxHugeLeft, .boxBigRight {
   background: #ffffff !important;
}
#mainMenu ul li a:hover, #mainMenu ul li:hover {
background: none !Important
}
#mainMenu ul li a:hover, #mainMenu ul li:hover, #mainMenu {
background: none !Important;
border: 0px !Important;
}

#wrapper { width:1280px;  }
#wrapper #header { width:1280px; }
#wrapper #mainMenu { width:1280px; }
#wrapper #bodyWrapper { width:1280px; }
#wrapper #bodyContainer { width:1280px;  }
#wrapper #bodyMidContainer { width:1180px; }
#wrapper #bodyRightContainer { width:310px;  }
#wrapper .boxSmall {  width:280px;  }
#wrapper .boxBig { width:430px;}
#wrapper .boxBigRight { width:300px;  }
#wrapper .boxHugeLeft { width:730px;}
#wrapper .boxHugeRight { width:730px; }
#wrapper .boxFull { width:1250px;}
#wrapper #videoOuterWrapper {  width:1230px;}
#wrapper .cmnBox{ width:430px; }
#footer { width:1280px; }