/*--------------------------------------------------------------------------*/
/*-----------------------   Retail Base Theme CSS   ------------------------*/
/*--------------------------------------------------------------------------*/


/*****   Header   *****/
#header-main { display: block; width: 960px; background-repeat: no-repeat; background-position: 5% 5%; height: 160px; /* background-image required! */ }
#header-content { display: block; width: 960px; height: 110px; clear: both; }
#header-content #logoclick { display: block; text-indent: -9999px; /* width & height required! */ }
#header-top-phone { display: block; float: right; margin: 5px 8px 0 0; }
#header-links { display: block; float: right; width: 100%; text-align: right; margin: 10px 5px; }
#header-links a { color: #cd0100; font-size: 12px; padding: 2px; }
#header-search { display: block; width: 195px; border: 1px #cccccc solid; float: right; margin: 5px; }
#header-search input[type=text] { border: 0; float: left; }
#header-search textarea { border: 0; float: left; overflow: hidden; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
#header-search input[type=image] { margin: 2px 5px 0; float: right; }
#header-buttons { display: block; float: right; }
#header-buttons span,
#header-buttons img { margin: 0 5px; }
#header-buttons .login { display: block; background-image: url("../img/logInButton.png"); background-position: center center; background-repeat: no-repeat; width: 142px; height: 30px; float: left; }
#header-buttons .logout { display: block; background-image: url("../img/logOut.png"); background-position: center center; background-repeat: no-repeat; width: 142px; height: 30px; float: left; }
#header-buttons .chat,
#header-buttons span.chat { display: block; width: 140px; height: 30px; float: left; margin-top: 2px; }


/*****   Menu   *****/
#nav-menu { display: block; width: 100%; z-index: 100; position: relative; }
.Menu { width: 960px; background-color: transparent; border-collapse: collapse; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 12px; margin: 0; text-align: center; background-repeat: repeat-x; /* background-image required! */ }
.Menu td { width: 137px !important; }
.staticMenuItemStyle { height: 30px; background-color: transparent; white-space: nowrap; }
.staticMenuItemStyle td { text-align: center; width: 100%; }
a.staticMenuItemStyle { text-align: center; color: #fff; padding-top: 10px; display: block; }
.staticMenuItemStyle a:hover { background-color: #dadada; text-decoration: underline !important; color: #444; display: block; width: 100%; height: 30px; padding-top: 10px; }
a.staticMenuItemStyle:hover { text-decoration: underline !important; color: #444; display: block; width: 100%; }
.dynamicMenuItemStyle { background-color: #dadada; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding-left: 0px; text-align: left; }
a.dynamicMenuItemStyle { color: #444; background-color: transparent; width: 180px; padding-top: 5px; height: 25px; text-align: left; padding-left: 10px; }
.dynamicMenuItemStyle a:hover { background-color: #db220d; color: #fff; width: 180px; text-align: left; padding-top: 5px; }
a:hover.dynamicMenuItemStyle { background-color: #db220d; color: #fff; width: 180px; text-align: left; padding-top: 5px; }


/*****   SEO Sub-Footer   *****/
#content-top-feature { display: block; width: 100%; margin: 5px 0; clear: both; }
#control-get-started { display: block; width: 100%; margin: 5px 0; padding: 5px 0; clear: both; }
#content-middle-feature { display: block; width: 100%; margin: 5px 0; clear: both; }
#content-video-feature { display: block; width: 100%; margin: 15px 0; clear: both; }
#control-news-feature { display: block; width: 100%; margin: 15px 0 10px; text-align: center; }
#content-SEO-content { display: block; margin: 0; background-image: url("../img/footerLight.png"); background-repeat: repeat; color: #fff; padding: 5px; overflow: hidden; }
#content-SEO-content p { margin: 0; padding: 0; }
#content-SEO-content a:link,
#content-SEO-content a:visited { color: #fff; }
#content-SEO-contentbottom { display: block; background-image: url("../img/footerTop.png"); background-position: center bottom; background-repeat: no-repeat; width: 960px; height: 11px; margin: 0 auto; }


/*****   Footer   *****/
#footer-main { display: block; background-image: url("../img/footerDark.png"); background-repeat: repeat; padding: 25px 0; font-family: Arial,Helvetica,sans-serif; height: 150px; width: 960px; margin: 0 auto; clear: both; }
/*#footer-main-break { height: 50px; }*/
#footer-content { display: block; margin: 0 auto; width: 95%; }
#footer-links { text-align: center; color: #fff; }
#footer-links a { color: #fff; padding: 0 5px; font-size: 10px; text-decoration: underline; }
#footer-copyright { display: block; color: #fff; font-size: 12px; margin: 10px auto; text-align: center; }
#footer-copyright a { color: #fff ; margin: 0; text-decoration: underline; }
#footer-smalllinks { display: block; color: #fff; font-size: 10px; margin: 30px auto 10px; text-align: center; }
#footer-smalllinks a { color: #fff; margin: 0 5px; text-decoration: underline; }
#footer-bottom { display: block; background-image: url("../img/footerbottom.png"); background-position: center bottom; background-repeat: no-repeat; width: 960px; height: 10px; margin: 0 auto; }