/*
The theme, including the CSS, XHTML, images2 and associates files are all copyrighted.
*/
/* import related css files */
@import url("hmenu.css"); /* Drop Navigation specific styles */
@import url("tabber.css"); /* tabbed content specific styles */
*{margin:0;padding:0}
body {
color:#333;
font:13px "Arial", "Tahoma", "MS Sans Serif", sans-serif;
background-color: #999999;
}
a {text-decoration:none;outline:none}
a:hover {text-decoration:underline}
a:active {color:#cb0028}
img {border-style: none;}
ul,ol {margin:0 0 15px 25px;padding:0;color:#044e8e}
ol li {margin:0 0 15px;padding:0;font-size:12px;color:#666;text-align:left;list-style:decimal}
ul li {margin:0 0 10px;padding:0;font-size:100%;color:#444;text-align:left;list-style:disc}
h1 {margin:5px 0;padding:0;font: 22px Arial, Helvetica, sans-serif;color:#3B3676;}
h2 {margin:5px 0;padding:0;font:18px Arial, Helvetica, sans-serif;color:#3B3676}
h3 {margin:20px 0 0;padding:0; color:#3B3676; font: bold,16px Arial, Helvetica, sans-serif;font-weight: bold;}
h4 {margin:5px 0;padding:0;font-size:16px;color:#666}
h5 {margin:5px 0;padding:0;font:16px Georgia, "Times New Roman", Times, serif;color:#06f}
h6 {margin:5px 0;padding:0;font-size:12px;color:#333}
p {font-size:105%;color:#444;line-height:20px;text-align:left;/*padding:10px 0*/padding: 0 0 10px 0}
blockquote {margin:3px 0 12px;padding:0 0 0 25px;font:15px Georgia, "Times New Roman", Times, serif;color:#333;line-height:18px;text-align:justify;font-style:italic;background:url(../images2/quote.png) no-repeat}
hr {margin-bottom:10px;border:none;border-bottom:1px solid #8C9C9A;background:none;height:1px}
input,textarea,select
{border:1px solid #ccc;background-color:#f8f8f8;color:#555;padding:2px}
.alignleft {float:left;border: #ccc 1px solid;padding: 5px;margin:5px}
.alignleftNoFrame {float:left;padding: 5px;margin:5px}
.alignright {float:right}
#center-in img.alignright {margin-left: 12px}
/* Page Structure ----------------------------------------------------------------*/
#container {width:900px;height:100%;background:#f1f1f1;margin:0 auto;padding:0px 10px 10px 10px;border:1px solid #cecece;overflow:hidden}
#header {height:143px;background:#fff url(../images2/HeaderBkgd.jpg) no-repeat 0 0 }
#content-wrap {width:900px;height:100%;overflow:hidden;margin: 0;background: #fff}
#center {float:right;width:695px;background:#fff;margin:10px auto}
#center-in {padding:0 15px;color:#555}
#Sidebar {width:195px;margin:5px auto;float:left;background:#fff}
#footer {width:900px;height:100%;margin:10px auto;clear:both;position:relative;overflow:hidden}
.flash {z-index: 0;background:url(../images2/home-pics.jpg) no-repeat}
/* Header ----------------------------------------------------------------*/
#header h1 {float:left;width:900px;height:85px;text-indent:-9009px;}
#header h1 a {display:block;width:100%;height:100%;padding:0;background:url(../images2/logo.gif) no-repeat;padding-bottom: 3px}
/* Sidebar ----------------------------------------------------------------*/
#Sidebar-in ul {margin:5px 0 15px 5px}
#Sidebar-in ul li.page_item,
#Sidebar-in ul li {list-style:none;display:block;padding:5px 5px 5px 0px;margin:0;
background:url(../images2/sbullet.png) no-repeat;background-position:0 8px;border-bottom:1px solid #eee}
/* Lists used in Page Templates ----------------------------------------------------------------*/
ul.leftlinks {margin:0 0 15px;padding:0;color:#044e8e}
ul.leftlinks li {font-size:12px;margin:0 0 5px;padding:5px 0 0 15px;color:#666;border-bottom:1px solid #e8e8e8;
list-style:none;background:url(../images2/small_rightarrow.gif) no-repeat;font-weight:700;
background-position:0 5px;text-align:left}
ul.leftlinks li a {color:#555;line-height:18px}
ul.list {margin:0 0 15px;padding:0}
ul.list li {margin:0 0 0px;padding:5px 0 0 15px;list-style:none;background:url(../images2/small_rightarrow.gif) no-repeat; background-position:0 5px}
#Sidebar-in ul li a {
color:#000000
}
/* Center Main Content ----------------------------------------------------------------*/
#center-in p {margin:0px 0 3px 220px}
#center-in p.nopic {margin: 0px 0 3px 0px}
#center-in .textVerticleCenter {vertical-align: middle;}
#center-in h2 {margin:5px 0 0;padding:0}
/*#center-in h3 {margin:22px 0 11px;padding:0 0 5px;border-bottom:1px dotted #ccc}*/
#center-in h4 {margin:0 0 20px;padding:0}
#center-in h5 {margin:3px 0 5px;padding:0}
#center-in img {padding:2px;margin:0 12px 12px 0;border:1px solid #CCC}
#center-in p.keeptogether {margin:3px 0 7px 0;padding:0}
.listings {padding:5px 0;overflow:hidden;height:100%}
#center-in h2.PageTitle{margin-bottom:15px;font:25px Arial, Helvetica, sans-serif;color:#06f}
.mainlist,.clear {clear:both}
.mainlist_twopart {width:300px;margin-bottom:20px}
.mainlist_center {width:420px;margin-bottom:20px}
/* Blog specific CSS ----------------------------------------------------------------*/
.blog ul,.blog ol {margin-bottom:10px}
/*.blog ul li {font-size:13px;margin:0;list-style:disc;margin:3px}*/
.blog ul li {margin:0 0 0 10px;padding:5px 0 0 0px;list-style: disc outside; }
.blog ol li {font-size:12px;margin:0 0 15px 15px;list-style:decimal;color:#666}
/* Paging ----------------------------------------------------------------*/
.realated-col {border:1px solid #e8e8e8;width:190px;padding:0 10px}
ul.realatedlinks {margin:0 5px 15px;padding:0;color:#044e8e;width:190px}
ul.realatedlinks li {font-size:11px;margin:0 0 5px;padding:5px 0 0 15px;color:#666;list-style:none;
background:url(../images2/small_rightarrow.gif) no-repeat;background-position:0 7px;text-align:left}
ul.realatedlinks li a,
ul li a,ol li a {color:#000;line-height:18px;font-size: 95%;}
.cspacer {margin-bottom:20px}
.pro-box {border:1px solid #dcdada;background:#f2f3f4;padding:8px 0 0}
.tabberlive .tabbertab .tabberoff h2 {
display:block;}
/* Home Page 1 ----------------------------------------------------------------*/
#banner1 {width:899px;height:250px;background:transparent url(../images2/bannerbg.png) no-repeat;margin-bottom:5px}
#banner1 p {margin:10px 0 0 15px;font-size:13px;color:#333}
#banner1 h2 {margin:0px 0 0 15px;padding: 50px 0 0 30px;width:350px;font: 25px Arial, Helvetica, sans-serif;color:#3b3676}
/* Home Page 5 ----------------------------------------------------------------*/
#banner5 {width:510px;height:232px;padding:8px 30px;background:#ccc url(../images2/bannerbg5.png) no-repeat left;
position:relative;margin-bottom:20px}
#banner5 p {font-size:13px;color:#333}
#banner5 h2,
#banner4 h2 {font-size:22px;color:#06f}
#threein1 {width:auto;clear:both;}
#threein1 p {margin:3px 0 2px 90px;padding:0 3px 0 0;font-size:12px;color:#555;line-height:18px;text-align:left}
#threein1 p a {color:#555;text-decoration:none}
#threein1 p a:hover, #Sidebar-in ul li a:hover,.pro-box a:hover,
ul.option3 li a:hover, ul.links li a:hover, ul.option2 li a:hover, ul.option1 li a:hover,
.comments a, .post-date a:hover, .post-footer a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{color:#3B3676;}
#Sidebar-in ul li ul.children li a {border-left:none;padding-left:5px;color:#666666}
p a {
color:#3538AA;
text-decoration: underline;
}
#threein1 img {float:left;padding:2px;margin-right:5px;}
#home-bottom {height:100%;overflow:hidden;margin: 0 10px}
.alignleftmain {float:left;padding: 5px;margin:5px}
.index-boxes {width: 265px;height: 350px;}
.index-boxes img {padding:0 0px 0 60px}
.mainboxes ul {margin-bottom:10px}
.mainboxes ul li {margin:3px;list-style:disc}
.mainboxes {background:#E3E9E9; height:350px}
.mainboxes p,#Sidebar p{margin:3px 0 12px;padding:0;font-size:12px;color:#555;line-height:18px;text-align:justify}
.mainboxes h2 {margin:3px 0 11px; padding:0; font-size:18px; color:#C00000;text-align: center;}
.mspacer {padding-left:15px}
/* Contact Form ----------------------------------------------------------------*/
.contactform {overflow:hidden;font-size:12px}
.contactform .textarea,.contactform .input
{border:1px solid #ccc;padding:2px;font-size:12px}
.textarea:hover,.input:hover
{background:#ebebeb}
.contactright .button
{margin:0 0 0 140px !important;padding:4px}
.contactleft {width:20%;text-align:left;clear:both;float:left;display:inline;padding:4px;margin:5px 0;font-weight:700}
.contactright {width:70%;text-align:left;float:left;display:inline;padding:4px;margin:5px 0}
.notification {margin:15px;border-top:1px solid #693;border-bottom:1px solid #693;padding:10px 20px;background:#FFC}
/* Product Main and Details ----------------------------------------------------------------*/
ul.product {margin:0;line-height:15px; font-size:12px; }
ul.product li {float:left;margin:5px 2px; padding: 5px; width:280px;list-style-type:none;border:thin solid #e1e1e1;background:#fff ; height:200px; position:relative}
ul.product li a {text-align:center;padding:4px 4px 0;display:block;color:#555;border:1px solid #fff !important}
ul.product a:link,ul.product a:active
{border:0;color:#333}
ul.product a:hover {color:#448ede;border:1px solid #eee !important}
ul.i_page li a {text-decoration:none;background-image:url(img/i_page.png);background-repeat:no-repeat;
background-position:10px 10px}
#product_detail {overflow:hidden;margin:20px 0;font-size:11px;line-height:18px}
.product_pic {float:left;text-align:center;width:230px}
.product_pic img {padding:0 5px}
.price {color:#cc0606}
/* Custom -----------------------------------------------------------------*/
ul.product li.DesignBuild {float:left;margin:5px 2px; padding: 5px; width:280px;list-style-type:none;border:thin solid #e1e1e1;background:#fff; height:200px}
ul.product li.EnergySaving {}
ul.product li.NewConstruction {}
.moreDetails {
position: absolute;
left: 200px;
top: 180px;
}
/* Footer ----------------------------------------------------------------*/
#footer p {margin:0;padding:0 0 5px;color:#555;font-size:11px}
#footer p a,.pro-box a {color:#555}
#footer .copyright {color:#3B3676;clear:both}
#footer .copyright a {color:#3B3676}
#footer .copyright a:hover,.comments a:hover,.post-date a,.post-footer a:hover
{color:#000}
ul#footerlinks {float:right;padding:0}
ul#footerlinks li,ul#nav-top li{display:inline;list-style:none}
ul#footerlinks li a {margin:0;padding:8px 6px 5px;color:#3B3676;font:bold 12px Arial, Helvetica, sans-serif;
border-left:1px solid #ccc;line-height:18px}
ul#footerlinks li a:hover,#footer p a:hover,ul.realatedlinks li a:hover,ul.leftlinks li a:hover,.Feed a:hover,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,ul li a:hover,ol li a:hover{color:#333}
p a:hover {color:#cb0028}
/* Rounded Corner Box ----------------------------------------------------------------*/
#xsnazzy h1,#xsnazzy h2,#xsnazzy p{margin:0 10px}
#xsnazzy p{padding-bottom:5px}
#xsnazzy h2{font-size:16px;margin:0 10px;padding:5px 0 !important;padding-top:5px}
#xsnazzy{background:transparent;margin:10px}
.xtop,.xbottom{display:block;background:transparent;font-size:1px}
.xb1,.xb2,.xb3,.xb4{display:block;overflow:hidden}
.xb1,.xb2,.xb3{height:1px}
.xb2,.xb3,.xb4{background:#f2f3f4;border-left:1px solid #08c;border-right:1px solid #888}
.xb1{margin:0 5px;background:#888}
.xb2{margin:0 3px;border-width:0 2px}
.xb3{margin:0 2px}
.xb4{height:2px;margin:0 1px}
.xboxcontent{display:block;background:#f2f3f4;border:0 solid #888;padding:0 10px;border-width:0 1px}
/* P.I.E. Float Clearing ----------------------------------------------------------------*/
.clearfix:after{content:".";clear:both;height:0;visibility:hidden;display:block}
* html .clearfix{height:1%}
.clearfix{display:block;clear:both}