/* template3/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/template3/images/template3_bg.jpg) center top no-repeat #FFF; background-position:center top;}
/* Styles For Various Resolutions
--------------------------------------------------------------------------------------- */
/*.containerWide, .containerNarrow { width: 100%; }*/
/* Styles For 1024px Resolutions
--------------------------------------------------------------------------------------- */
#wrapper { width:972px; margin:0 auto; }
#wrapper #header { width:972px; }
#wrapper #bodyWrapper { width:970px; background:#FFF; border:solid 1px #000000; border-top:none; }
#wrapper #bodyContainer { width:970px; border-top:solid 8px #91AA6E; }
#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;}
#wrapper .boxBig { width:300px; float: left; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; /*margin-right:8px; border-right:solid 1px #96A9B5; padding-right:10px;*/}
#wrapper .boxBigRight { width:298px; float:left; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; border-left:solid 1px #96A9B5;}
#wrapper .boxHugeLeft { width:600px; float: left; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; margin-right:18px;}
#wrapper .boxHugeRight { width:600px; float: left; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; }
#wrapper .boxFull { width:920px; display:block; margin-bottom:20px; background:#DBDAD7; clear:both; }
/* Styles For above 1024px Resolutions
--------------------------------------------------------------------------------------- */
#wrapperWide { width:1282px; margin:0 auto; }
#wrapperWide #header { width:1282px; }
#wrapperWide #bodyWrapper { width:1280px; background:url(../application/views/template/template3/images/wrapper_bg_1.jpg) repeat-y #FFF; border:solid 1px #000000; border-top:none;}
#wrapperWide #bodyWrapperA { width:1280px; background:url(../application/views/template/template3/images/wrapper_bg_2.jpg) repeat-y #FFF; border:solid 1px #000000; border-top:none;}
#wrapperWide #bodyWrapperB { width:1280px; background:#FFF; border:solid 1px #000000; border-top:none;}
#wrapperWide #bodyContainer { width:1280px; border-top:solid 8px #91AA6E; }
#wrapperWide #bodyLeftContainer { width:290px; float:left; text-align:justify; border-right:solid 1px #B7D788; padding:0 2px 0 18px; margin-top:25px;}
#wrapperWide #bodyMidContainer { width:920px; padding:25px; float:left;}
#wrapperWide #bodyRightContainer { width:290px; float:right; text-align:justify; padding:0 18px 0 2px; 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;}
#wrapperWide .boxBig { width:300px; float: left; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; /*margin-right:8px; border-right:solid 1px #96A9B5; padding-right:10px;*/ }
#wrapperWide .boxHuge { width:600px; float: left; margin-right:15px; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; border-right:solid 1px #96A9B5; padding-right:14px;}
/* Common styles For Templates
--------------------------------------------------------------------------------------- */
/* header */
#header{ /*height:150px;*/}
/* Logo */
#logo { float:left; margin: 0; padding: 0; color: #000000; margin-top:40px; margin-left:20px; }
#logo h1 { padding:0; }
#logo h1 a { display:block; font-size:0px; text-indent:-9999; color:#69ADCC;}
/* mainMenu */
#mainMenu { float: right; }
#mainMenu ul { list-style-type:none; margin: 0; padding:0px; float: left; display:block; position:relative; margin-top:13px; padding-left:20px; /*margin-top:80px;*/ }
#mainMenu ul li { display:block; float:left; cursor:auto; height:55px; border-right:solid 1px #000000; vertical-align:bottom; }
#mainMenu ul li a { text-decoration: none; display:block; font-family: Arial, Helvetica, sans-serif; outline:none; font-size:14px; font-weight:bold; color:#000; padding:3px 12px 0px 12px; }
#mainMenu ul li a:hover { color:#FFF; }
#mainMenu ul li a:active, #mainMenu ul li a.current { color:#000; text-decoration:underline; }
#mainMenu ul li:hover > ul { visibility: visible; background:#567489; }
#mainMenu ul li:hover { position: relative; z-index: 599; cursor: pointer; color:#FFF; background:#567489; }
#mainMenu ul li ul { visibility: hidden; position:absolute; padding:10px; top:55px; left:0px; z-index:598; background:#446379; border:solid 1px #446379; 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 #678599; 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:#678599;}
#mainMenu ul li ul li:hover{ background: #678599;}
#mainMenu ul li ul li ul { visibility:hidden; position:absolute; padding:10px; top:-12px; left:100%; z-index:598; background:#567489; border:solid 1px #446379; 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 #446379; background:none; }
/*Video Container styles */
#videoOuterWrapper { width:920px; display:block; float:left; margin-bottom:25px; }
#videoInnerWrapper { text-align:center; vertical-align:middle; /*float:left;*/ }
#videoOuterWrapperWide { width:1230px; display:block; float:left; margin-bottom:25px; 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;}
/* Other styles */
p{ padding:0px; display:block; line-height:20px; font: normal 14px Arial, Helvetica, sans-serif; color:#000000; text-align:justify; }
.title{ display:block; font:26px "trebuchet MS", Arial, Helvetica, sans-serif ; color:#547388; text-indent:10px;}
a.btnLink{ font: normal 14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:3px 0; color:#FFF; display:block; background:#547388; text-align:center; margin-top:10px; }
.copyRight{ font:bold 12px Arial, Helvetica, sans-serif; color:#333333; float:left; margin-top:20px;}
.cmnBox{ width:300px; display: block; float:left; height:auto; margin-right:8px; border-right:solid 1px #96A9B5; padding-right:10px;}
/* COMMON STYLES For ALL Resolutions
--------------------------------------------------------------------------------------- */
/* CONTACT FORM Styles */
#ContactForm { width:100%; font-size:12px; text-align:justify; color:#000; background:#FFFFFF; padding-bottom:10px; float:left;}
.inputbox {border: none; background-color: #DBDAD7; 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; font:26px "trebuchet MS", Arial, Helvetica, sans-serif ; color:#547388; 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:#547388; text-align:center; width:98%; margin-top:10px; }
/* 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/template3/images/template3_bg.jpg) center top no-repeat #FFF; background-position:center top;;}
/* Styles For 1024px Resolutions
--------------------------------------------------------------------------------------- */
#wrapper { width:972px; }
#wrapper #header { width:972px; }
#wrapper #bodyWrapper { width:970px; background:#FFF; border:solid 1px #000000; border-top:none;}
#wrapper #bodyContainer { border-top:solid 8px #91AA6E; background:none; }
#wrapper .boxSmall { font:normal 14px Arial, Helvetica, sans-serif; color:#000000; background:none;}
#wrapper .boxBig { font:normal 14px Arial, Helvetica, sans-serif; color:#000000; background:none;}
#wrapper .boxBigRight { font:normal 14px Arial, Helvetica, sans-serif; color:#000000; border-left:solid 1px #96A9B5; }
#wrapper .boxHugeLeft { font:normal 14px Arial, Helvetica, sans-serif; color:#000000; margin-right:18px;}
#wrapper .boxHugeRight { font:normal 14px Arial, Helvetica, sans-serif; color:#000000; }
#wrapper .boxFull { background:#DBDAD7; }
/* Styles For above 1024px Resolutions
--------------------------------------------------------------------------------------- */
#wrapperWide { width:1282px; }
#wrapperWide #header { width:1282px; }
#wrapperWide #bodyWrapper { width:1280px; background:url(../application/views/template/template3/images/wrapper_bg_1.jpg) repeat-y #FFF;;border:solid 1px #000000; border-top:none;}
#wrapperWide #bodyWrapperA { width:1280px; background:background:url(../application/views/template/template3/images/wrapper_bg_2.jpg) repeat-y #FFF;;border:solid 1px #000000; border-top:none;}
#wrapperWide #bodyWrapperB { width:1280px; background:background:#FFF;border:solid 1px #000000; border-top:none;}
#wrapperWide #bodyContainer { border-top:solid 8px #91AA6E; background:none; }
#wrapperWide #bodyLeftContainer { width:288px; float:left; text-align:justify; border-right:solid 1px #B7D788; padding:0 2px 0 18px; margin-top:25px;}
#wrapperWide #bodyMidContainer { width:920px; padding:25px; float:left;}
#wrapperWide #bodyRightContainer { width:288px; float:right; text-align:justify; padding:0 18px 0 2px; margin-top:20px; }
#wrapperWide #bodyFullContainerWide { width:1230px; padding:25px; float:left;}
#wrapperWide .boxSmall { font:normal 14px Arial, Helvetica, sans-serif; color:#000000;background:none;}
#wrapperWide .boxBig { font:normal 14px Arial, Helvetica, sans-serif; color:#000000;background:none;}
#wrapperWide .boxHuge { font:normal 14px Arial, Helvetica, sans-serif; color:#000000; border-right:solid 1px #96A9B5;}
/* Common styles For Templates
--------------------------------------------------------------------------------------- */
/* header */
#header{ background:none ;}
/* mainMenu */
#mainMenu { border:none; background:#053853; height:auto; padding-bottom:10px; }
#mainMenu ul li { height:55px; border-right:solid 1px #000000; }
#mainMenu ul li a { color:#191f15; font-family:Trebuchet MS;font-size:18px; margin-top:32px; }
#mainMenu ul li a:hover { color:#FFF; background:none;}
#mainMenu ul li a:active, #mainMenu ul li a.current { color:#000; background:none; }
#mainMenu ul li:hover > ul {background:#567489; }
#mainMenu ul li:hover { color:#FFF; background:#567489; }
#mainMenu ul li ul { background:#446379; border:solid 1px #446379; border-top:none; height:auto; margin:0; top:55px; }
#mainMenu ul li ul li { border:none; border-bottom:1px solid #678599; }
#mainMenu ul li ul li a { background:none;color:#FFF; margin:0; }
#mainMenu ul li ul li a:hover{ background:#678599;}
#mainMenu ul li ul li:hover{ background: #678599;}
#mainMenu ul li ul li ul { background:#567489; border:solid 1px #446379; border-top:none; height:auto; }
#mainMenu ul li ul li ul li { height: auto; border-bottom:1px solid #446379; background:none; }
#mainMenu ul li a:hover { color:#91ad73; }
/* Footer */
#footerWrap {background:##FFF; ;display: inline-table; width:100%;}
#footer {}
#footerWide { }
.copyRight{ font:normal px ; color:#;}
/* Other styles */
p{ font:normal Arial, Helvetica, sans-serif; color:#000000;text-align: left;}
.title{ font:normal Arial, Helvetica, sans-serif; color:#000000; text-indent:0px;background:none;text-align: left;}
a.btnLink{ color:#FFF; background:#547388; }
.cmnBox{ width:300px; display: block; float:left; height:auto; margin-right:8px; border:none; border-right:solid 1px #96A9B5; padding-right:8px;}
/* COMMON STYLES For ALL Resolutions
--------------------------------------------------------------------------------------- */
/* CONTACT FORM Styles */
#ContactForm { color:#000; background:#FFFFFF; }
.inputbox { background-color: #DBDAD7; color: #333; color:#666666;}
#ContactForm h3{ color:#547388; background:none; }
#ContactForm .ContactButton { color: #ffffff; background-color: #333;}
#ContactForm .ContactButton:hover { background-color: #000000;}
#ContactForm p a{ color:#FFF; background:#547388; }
/* GOGLE MAP Styles */
#addressBox { color:#000; background:#FFF;}
#addressBox h3{ background:none; color:#547388; }
/* product List Styles*/
.prodListCont{ background:#FFFFFF; }
.prodList{ background:#FFFFFF;border:solid 1px #DDD; }
.prodListDetails h3{ color:#333; border-bottom:solid 1px #ccc; }
.prodListDetails h3 span{ color:#990033;float:none }
.prodListDetails h3 span em{color:#333333; }
#mainMenu {
background: none !important;
border: medium none;
height: auto;
padding-bottom: 10px;
}
#header {
background: none !important;
}
#bodyWrapper, .boxFull, .boxBig, .boxSmall, #bodyWrapperB, .boxHuge, .boxHugeLeft, .boxBigRight, #wrapperWide #bodyWrapperA {
background: #ffffff !important;
}
#mainMenu ul li:hover {
background: none !important;
}
#bodyWrapper, .boxFull, .boxBig, .boxSmall, #bodyWrapperB, .boxHuge, .boxHugeLeft, .boxBigRight, #wrapperWide #bodyWrapperA, #wrapper #bodyWrapper {
background: #ffffff !important;
}
#wrapper #bodyWrapper {
background: #ffffff !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; }