@import "/resources/css/reset.css";
@import "/resources/css/form.css";
@import "menu.css";
@import "blog.css";
@import "products.css";

/* ---------- HTML TAGS ---------- */
html {overflow-y:scroll;}

body {
background:#FFF url(images/bg-body.png) repeat-x top;
font:normal 12px Arial, Helvetica, sans-serif;
line-height:20px;
margin:0 0 0px 0;
}

a {color:#ff6600;text-decoration:none;}
a:hover {color:#ff6600;text-decoration:underline;}
a img {border:none;}
p {margin:0 0 20px 0;padding:0;}
img {border:none;}

h1 {
color:#000;
font:normal 24px Helvetica, Arial, Sans-Serif;
margin:12px 0px 8px 0px;
padding:0px;
}

h2 {
color:#000;
font:bold 16px Helvetica, Arial, Sans-Serif;
margin:4px 0 8px 0;
text-align:left;
}

h3 {
color:#333;
font:bold 14px Helvetica, Arial, Sans-Serif;
margin:0px 0 8px 0;
text-align:left;
}

/* ---------- STANDARD CONTAINER ELEMENTS ---------- */
#container {
background: #ffffff;
margin: 0 auto;
width: 960px;
}

#header {
background:url(images/bg-body.png) repeat-x top;
height:105px;
width:960px;
}

#logo {position:absolute;top:24px;}

#content {
background:#FFFFFF;
color:#666;
font-size:12px;
height:auto !important;
height:320px;
line-height:22px;
min-height:320px;
padding:0px;
width:960px;
border-top:1px solid #e8e8e8
}

#footer {
position:fixed;
bottom:0;
height:65px;
color:#000;
background:#fff;
border-top:solid 4px #ddd;
width:100%;
}

#footer a {color:#0000FF;}

#response {float:right;}
#recaptcha-response {color:red;float:left;}
#search-wrapper {float:right;margin-top:24px;}
#mySearch{float:left;margin-right:48px;}
#lower-panel {height:180px;margin-bottom:90px;padding-top:8px;}
#footer-inner {width:960px;margin:0 auto;}

/* ---------- STANDARD CLASSES ---------- */
.clr, .clear {clear:both;}
.line {border-bottom:solid 1px #EEE;margin:12px 0 24px 0;height:1px;clear:both;}
.search-score {border:1px solid #CCC;width:100px;height:10px;background-color:#FFF}
.search-relevance {border:none;height:10px;background-color:#222260}
.button {font:bold 12px Arial;color:#FFFFFF;border:none;text-align:left;}
.submit-button {display:block;width:150px;margin:0px 0px 36px 0px;padding:3px 0 8px 12px;border:none;font:bold 13px Arial;height:23px;color:#FFFFFF;background:url(images/bg-button.png) no-repeat top;}
.submit-search {height:24px;width:16px;border:none;background:url(images/search-button.gif) no-repeat top;}
.hidden-input {display:none;}
.right {float:right;}
.left {float:left;}
.top {padding-top:4px;background:url(images/arrow-up.png) no-repeat center right;padding-right:16px;color:#ff6600 !important;font-size:12px !important;}
.search-results {padding-top:12px;}

/* ---------- FOOTER ELEMENTS ---------- */
.icon {padding:8px 0px 8px 26px !important;color:#ff6600 !important;width:210px;border-bottom:1px solid #e8e8e8;display:block;float:left;}
.email {background:url(images/icon-email.png) no-repeat center left;margin-top:6px;}
.twitter {background:url(/resources/images/twitter.png) no-repeat center left;color:#3cd0fc !important}
.rss {background:url(/resources/images/icon-rss.png) no-repeat center left;border:none !important}

/* ---------- TEMPLATE SPECIFIC CONTAINER ELEMENTS ---------- */
#slideshow {
float:left;
width:480px;
height:274px;
overflow:hidden;
margin:0px 4px 20px 0px;
}

#mySearch .text-input {background:none !important;background-color:#F4F4F4 !important}

.squeeze {padding:0px 8px;}
.qtr {float:left;width:240px;margin-top:18px;}
.qtr a {color:#333;font:normal 11px/16px Arial, Helvetica, sans-serif;}


/* ---------- TEMPLATE SPECIFIC CLASSES ---------- */
.image {float:right;margin:0 0 24px 24px;}
.img-panel {margin-bottom:20px;float:left;}
.img {margin-right:4px;}
.hoz-line {border-bottom:solid 4px #e8e8e8;margin:0;}