/* Common */
.clear {clear: both; background: none; }
.left {float:left;margin-right:1em;}
.right {float:right;margin-left:1em;}
.center {text-align:center;}
.first {margin-left:0 !important;}
.last {margin-right:0 !important;}
.top {margin-top:0 !important;}
.bottom {margin-bottom:0 !important;} 
.hidden, .print {display:none;}


abbr[title], acronym[title] {cursor:help;}
img {border:none;}   
hr {display:none;} 


/* Layout */
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #FFF;
 margin: 0px;
}

#wrapper { 
 margin: 0 auto;
 width: 968px;
}

#faux {
 background: transparent;
 margin-bottom: 0px; 
 width: 100%;
} 

#header {
 width: 948px;
 padding: 5px 10px;
 height: 70px;
 margin: 0px 0px 0px 0px;
 background: transparent;
}

#header #logo {
 display:block;
 float:left;
 padding:10px 5px 5px 0px;
}


#toppanel {
 background: #fff url(../public/layout/top-bg.jpg) top center;
 margin-bottom: 15px;
}

#toppanel-content {
 height: 30px;
 margin: 0 auto;
 padding: 10px 0 20px 0;
 width: 968px;
}

#toppanel-content h1 {
 padding: 10px 20px 0 35px;
 color: #444;
 font-family: 'NobileBold', Arial, Helvetica, sans-serif;
 text-shadow: 1px 1px 0 #fefefe;
}


#snapshot {
 padding-bottom: 9px;
}


.content-topper {
    background: url("../public/layout/content-bg.png") repeat-x scroll left top transparent;
    height: 5px;
    width: 100%;
}

.content-bottom {
    background: url("../public/layout/content-bottom-bg.png") repeat-x scroll left top transparent;
    height: 5px;
    width: 100%;
}


/* footer links and footer */
.wrap-center { width:928px; margin-left: auto; margin-right:auto; }

#footer { background: #fff url(../public/layout/footer-bg.jpg) top center;  margin-top: 15px;}
#footer-link-columns { height:180px; padding-top:25px; background:url(../public/layout/footer-top-overlay.png) repeat-x top center;  clear:both; color:#444; }
#footer-link-columns h3 { font-size:17px; margin-bottom:10px; padding-top:0; font-weight:bold; text-transform:uppercase; color:#444; }
#footer-link-columns ul {  list-style: none;  padding: 0px;  margin:0px; }
#footer-link-columns ul li { line-height:20px; background: url(../public/layout/footer-bullet.png) no-repeat; background-position:0px 8px; padding-left:11px; }
#footer-link-columns .wrap-center div {float: left; width: 300px; margin-right:5px; line-height:18px;  }
#footer-link-columns a { color:#2786c2; text-decoration:none; }
#footer-link-columns a:hover { color:#444; text-decoration:underline; }
#footer-link-columns ul li ul { display:none; }
#footer-link-columns  li  { margin:0; }
#footer-link-columns .panelfooter { height:160px; overflow:hidden; }
#footer-links { list-style: none; }
#footer-links li { float: left; margin-right: 15px; }
#footer-bottom { background: #FFF;  min-height:30px; padding-top:10px; }
#footer-bottom .copy { width:400px; color:#444; line-height:18px; font-size:9pt; }
#footer-bottom .copy a { color:#2786c2; text-decoration:none; }
#footer-bottom .copy a:hover { color:#444; text-decoration:none; }
#footer-bottom .socials { width:250px; text-align: right;}
#footer-bottom .socials ul { list-style:none; }
#footer-bottom .social-item {  text-align:center; width:50px; font-size:9px; float:left; }
#footer-bottom .social-item img { margin-bottom:3px; }
#footer-bottom .social-item a { color:#c8c8c8; text-decoration:none; }
#footer-bottom .social-item a:hover { color:#ec8601; text-decoration:none; }






/* Products */

.products {

}

.productlist {

}

.productlistitem {
 margin: 0 0 20px 0;
 padding: 15px;
}

.productlistitem:hover {
 -moz-border-radius: 4px 4px 4px 4px;
 -moz-box-shadow: 1px 1px 4px #333333;
 background: #ffffef;
}








/* Clearfix see http://www.quirksmode.org/css/clearing.html */
.cols:after, .fixed:after{
 content:"."; 
 display:block; 
 height:0; 
 clear:both; 
 visibility:hidden;
}
.cols, .fixed { display:block; min-height:1%;}
* html .inner, * html, * html .cols, * html .fixed {height:1%;}