/* template1/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/template1/images/template1_bg.jpg) center top no-repeat #FFF;}
/* 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:#5F5A57; border-bottom:solid 1px #5E5A57; }
#wrapper #bodyContainer { width:970px; }
#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; background:#DBDAD7; font:normal 14px Arial, Helvetica, sans-serif; color:#000000;}
#wrapper .boxBig { width:300px; float: left; background:#DBDAD7; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; /* margin-right:20px;*/}
#wrapper .boxBigRight { width:300px; float:left; background:#DBDAD7; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; }
#wrapper .boxHugeLeft { width:600px; float: left; background:#DBDAD7; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; margin-right:20px;}
#wrapper .boxHugeRight { width:600px; float: left; background:#DBDAD7; 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:1280px; margin:0 auto; }
#wrapperWide #header { width:1280px; }
#wrapperWide #mainMenu { width:1280px; }
#wrapperWide #bodyWrapper { width:1280px; background:url(../application/views/template/template2/images/wrapper_bg_1.jpg) left top repeat-y #5F5A57; border-bottom:solid 1px #5E5A57;}
#wrapperWide #bodyWrapperA { width:1280px; background:url(../application/views/template/template1/images/wrapper_bg_2.jpg) left top repeat-y #5F5A57; border-bottom:solid 1px #5E5A57;}
#wrapperWide #bodyWrapperB { width:1280px; background:#5F5A57; border-bottom:solid 1px #5E5A57;}
#wrapperWide #bodyContainer { width:1280px; }
#wrapperWide #bodyLeftContainer { width:310px; float:left; text-align:center;/*background:#DBDAD7;*/}
#wrapperWide #bodyMidContainer { width:920px; padding:25px; float:left;}
#wrapperWide #bodyRightContainer { width:310px; float:right; text-align:justify;/*background:#DBDAD7;*/ }
#wrapperWide #bodyFullContainerWide { width:1230px; padding:25px; float:left;}
#wrapperWide .boxSmall { float:left; width:280px; background:#DBDAD7; font:normal 14px Arial, Helvetica, sans-serif; color:#000000;}
#wrapperWide .boxBig { width:300px; float: left; /* margin-right:20px;*/ background:#DBDAD7; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; }
#wrapperWide .boxHuge { width:610px; float: left; margin-right:20px; background:#DBDAD7; font:normal 14px Arial, Helvetica, sans-serif; color:#000000; }
/* Common styles For Templates
--------------------------------------------------------------------------------------- */
/* header */
#logo { float:left; margin: 0; padding: 0; color: #000000; margin-top:10px; margin-bottom:8px; }
#logo h1 { padding:0; }
#logo h1 a { display:block; font-size:0px; text-indent:-9999; color:#69ADCC;}
/* mainMenu */
#mainMenu { float:left; height:48px; background:#50191C; border-bottom:solid 2px #FFFFFF;}
#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:Georgia, "Times New Roman", Times, serif; outline:none; font-size:14px; font-weight:bold; color:#FFF;
padding:3px 12px 3px 12px; }
#mainMenu ul li a:hover { color:#FFF; }
#mainMenu ul li a:active, #mainMenu ul li a.current { color:#FFF; text-decoration:underline; }
#mainMenu ul li:hover > ul { visibility: visible; background:#000; }
#mainMenu ul li:hover { position: relative; z-index: 599; cursor: pointer; background:#000; color:#FFF;}
#mainMenu ul li ul { visibility: hidden; position:absolute; padding:10px; top:7px; left:0px; z-index:598; background:#000; /*border:solid 1px #FFA914; border-top:none;*/ height:auto; }
#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;}
#mainMenu ul li ul li:hover{ background: #333;}
#mainMenu ul li ul li ul { visibility:hidden; position:absolute; padding:10px; top:-12px; left:100%; z-index:598; background:#FFA914; 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: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:10px; display:block; line-height:20px; font: normal 14px Arial, Helvetica, sans-serif; color:#000000; text-align:justify; }
.title{ display:block; background:#938C8C; font:36px "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; }
.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:20px;}
/* 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: #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{ background:#BDBBB6; display:block; font:36px "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; text-align:right; font-family:Arial, Helvetica, sans-serif; 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/template1/images/template1_bg.jpg) center top no-repeat #FFF;}
/* Styles For 1024px Resolutions
--------------------------------------------------------------------------------------- */
#wrapper #bodyWrapper { background:url(../application/views/template/template1/images/wrapper_bg_1.jpg) left top repeat-y #5F5A5 #; border-bottom:solid 1px #; }
#wrapper #bodyContainer { background:none; }
#wrapper .boxSmall { background:#;font:normal px ; color:#;}
#wrapper .boxBig { background:#; font:normal px ; color:#; padding:0; border:0; }
#wrapper .boxBigRight { background:#; font:normal px ; color:#; }
#wrapper .boxHugeLeft { background:#; font:normal px ; color:#; }
#wrapper .boxHugeRight { background:#; font:normal px ; color:#; }
#wrapper .boxFull { background:#;font:normal px ; color:#; }
/* Styles For above 1024px Resolutions
--------------------------------------------------------------------------------------- */
#wrapperWide #bodyWrapper { background:url(../application/views/template/template1/images/wrapper_bg_1.jpg) left top repeat-y #5F5A5 #; border-bottom:solid 1px #5E5A57;}
#wrapperWide #bodyWrapperA {background:url(../application/views/template/template1/images/wrapper_bg_2.jpg) left top repeat-y #5F5A57; border-bottom:solid 1px #5E5A57;}
#wrapperWide #bodyWrapperB { background:#5F5A57; border-bottom:solid 1px #5E5A57;}
#wrapperWide #bodyContainer { background:none; }
#wrapperWide .boxSmall { background:#; font:normal px ; color:#;}
#wrapperWide .boxBig { background:#; font:normal px ; color:#; }
#wrapperWide .boxHuge { background:#; }
#wrapperWide #bodyRightContainer { background:#; }
#wrapperWide #bodyLeftContainer { background:#; }
/* Common styles For Templates
--------------------------------------------------------------------------------------- */
/* header */
#header { background:background:none; ;/*background:#FFF;*/ border:none; }
/* mainMenu */
#mainMenu { background:#858585; border-bottom:solid 2px #FFFFFF; height:auto; padding-bottom:10px; z-index:9;}
#mainMenu ul { }
#mainMenu ul li { height: 26px; }
#mainMenu ul li a { color:#0f328c; font-family:Arial, Helvetica, sans-serif; outline:none; font-size:18px; }
#mainMenu ul li a:hover { color:#ffffff; }
#mainMenu ul li a:active, #mainMenu ul li a.current { color:#0f328c; background:none; }
#mainMenu ul li:hover > ul { background:#000; }
#mainMenu ul li:hover { background:#000; color:#FFF;}
#mainMenu ul li ul { background:#000; border:solid 1px #000000; border-top:none; top:12px; }
#mainMenu ul li ul li { border-bottom:1px solid #333; }
#mainMenu ul li ul li a { color:#FFF; }
#mainMenu ul li ul li a:hover{ background:#333;}
#mainMenu ul li ul li:hover{ background: #333;}
#mainMenu ul li ul li ul {background:#FFA914; border:solid 1px #333; }
#mainMenu ul li ul li ul li { border-bottom:1px solid #333; }
#mainMenu ul li a:hover { color:#ffffff; }
/*Video Container styles */
#videoOuterWrapperWide { background:#333; }
#videoBgContent { color:#999999; }
/* Footer */
#footerWrap { background:ffffff ;display: inline-table; width:100%;}
#footer { }
#footerWide { background:ffffff ;font:normal px ; color:#; }
.copyRight{ font:normal px ; color:#; }
/* Other styles */
p{ font-size:px; font-style:; color:#; text-align: left; }
.title{ background:#938C8C; font:normal ; color:#; text-align: left; text-indent: 0px;}
a.btnLink{ color:#FFF; background:#50191C;}
/* COMMON STYLES For ALL Resolutions
--------------------------------------------------------------------------------------- */
.cmnBox{ border:none; }
/* CONTACT FORM Styles */
#ContactForm { color:#000; background:#FFF;}
.inputbox {background-color: #; color:#666666;}
#ContactForm h3{ background:#BDBBB6; color:#000; }
#ContactForm .ContactButton { color: #ffffff; background-color: #333;}
#ContactForm .ContactButton:hover { background-color: #000000;}
#ContactForm p a{ color:#FFF; background:#50191C; }
/* GOGLE MAP Styles */
#addressBox { color:#000; background:#FFF;}
#addressBox h3{ background:#BDBBB6; 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; float:none}
.prodListDetails h3 span em{color:#333333; }
#bodyWrapper, .boxFull, .boxBig, .boxSmall, #bodyWrapperB, .boxHuge, .boxHugeLeft, .boxBigRight, #wrapperWide #bodyWrapperA {
background: #ffffff !important;
}
#bodyWrapper, .boxFull, .boxBig, .boxSmall, #bodyWrapperB, .boxHuge, .boxHugeLeft, .boxBigRight {
background: #ffffff !important;
}
#mainMenu ul li a:hover, #mainMenu ul li:hover {
background: none !Important
}
}
#bodyWrapper, .boxFull, .boxBig, .boxSmall, #bodyWrapperB, .boxHuge, .boxHugeLeft, .boxBigRight, #wrapperWide #bodyWrapperA {
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:1240px;}
#wrapper #videoOuterWrapper { width:1230px;}
#wrapper .cmnBox{ width:430px; }
#footer { width:1280px; }