/* CSS Document */

body { font: 14px/1.5 Arial, Helvetica, sans-serif; color: #000; background: #fff url(../../img/bg_Black.gif) repeat-x 0 0; }
#header { padding-bottom: 40px; }
#footer { margin-top: 50px; margin-bottom: 30px; color: #000; overflow: hidden; }
.home { background: none; background-color: #000; color: #fff; }
.info { background-position: 0 -225px; }
.container_12 { background: url(../../img/bg_SquarePattern.png) no-repeat top center; overflow: auto; }

h1, h2, h3, h4, h5, h6, .navMain { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-weight: normal; }
h1, .price { font-size: 46px; line-height: 52px; color: #1e71b8; }
h2 { font-size: 26px; line-height: 30px; color: #999; }
h3 { font-size: 22px; }
h4 { font-size: 16px; color: #999; text-transform: uppercase; }
ol { list-style: decimal; }
ul { list-style: disc; }
p, dl, ol { margin-bottom: 10px; }

/* ---------- Content Product Pages -------------------------------------- */
.contentProduct h2 { margin-bottom: 20px; }

/* ---------- Content Info Pages -------------------------------------- */
.contentInfo h2 { margin-bottom: 40px; }
h2.contentInfo > h3:first-child { margin-top: 0; }
.contentInfo h3, .contentProduct h3 { margin-top: 20px; }
.contentInfo h4 { margin: 20px 0; border-bottom: 1px solid #ccc; }
.contentInfo li, .contentProduct li { margin-left: 30px; }

/* ---------- Side Bar -------------------------------------- */
.sideBar h3 { margin-top: 30px; }
div.sideBar > h3:first-child { margin-top: 0; }
.sideBar li { margin-left: 15px; }

hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

dl { border-bottom: 1px solid #ccc; }
dt { padding-top: 5px ; border-top: 1px solid #ccc; font-weight: bold; }
dd { padding-bottom: 5px; }
dd ul { margin-left: 15px; }

dl.specs { font-size: 12px; }

.white { color: #fff; }
.note { font-size: 11px; line-height: 14px; }
.price { margin: 60px 0 0 0; }
.logo { float: Left; margin-top: 42px; margin-bottom: 45px; }

/* ---------- Links -------------------------------------- */
a { color: #1e71b8; text-decoration: underline; }
a:hover { color: #999; }

/* ---------- Main Navigation --------------------------- */
ul.navMain { float: right; margin-top: 88px; list-style: none;  }
ul.navMain li { display: block; position: relative; float: left; margin-left: 30px; }
.navMain li ul { display: none; }
ul.navMain li a { display: block; text-decoration: none; color: #999; white-space: nowrap; font-size: 18px; }
ul.navMain li a:hover { color: #1e71b8; }
.navMain li:hover ul { display: block; position: absolute; padding: 10px; background-color: #CCC; z-index: 2; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.navMain li:hover li { float: none; margin-left: 0; }
.navMain li:hover a {  }
.navMain li:hover li a:hover {  }


/*.navMain { float: right; list-style: none; margin-top: 88px; }
.navMain li { float: left; font-size: 18px; }
.navMain li a { color: #999; text-decoration: none; }
.navMain a:hover { background: url(../../img/navPointer.gif) no-repeat bottom center; color: #fff; padding-top: 31px; }
.navMain a:link.active, .navMain a:visited.active { background: url(../../img/navPointer.gif) no-repeat bottom center; color: #fff; padding-top: 31px; }
#about a#navAbout, #work a#navWork, #contact a#navContact, #tank a#navTank { background: url(../../img/navPointer.gif) no-repeat bottom center; color: #fff; padding-top: 31px;  } */

/* ---------- Footer Navigation --------------------------- */
.navFooter { list-style: none; overflow: auto; }
.navFooter li { float: left; margin: 0 5px 0 0; color: #999; }
.navFooter li:before { content: "| "; color: #ccc; }
.navFooter li:first-child:before { content: ""; }
.navFooter li a { color: #999; text-decoration: none; }
.navFooter a:hover { color: #999; text-decoration: underline; }
.navFooterBorder { margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid #ccc; }

/* ---------- Product Gallery ----------------------- */
.productGallery { list-style: none; margin: 0 -10px; overflow: auto; }
.productGallery li { margin: 0 10px 15px 10px; padding: 0; float: left; }
.productGallery img { border: solid 1px #ccc; padding: 5px; }
.productGallery a:hover img { border-color: #666; }

/* ---------- Press Gallery ----------------------- */
.pressGallery { list-style: none; margin: 0 -10px; overflow: auto; }
.pressGallery li { margin: 0 10px 0 10px; padding: 0; float: left; }
.pressGallery img { border: solid 1px #ccc; padding: 5px; }
.pressGallery a:hover img { border-color: #666; }
.pressGallery p { font-size: 12px; }

/* ---------- Where to Buy ----------------------- */
.buy { list-style: none; }
.buy li { margin: 0 0 30px 0; padding: 0; overflow: visible; }
.buy div { width: 140px; height: 100px; float: left; margin-right: 20px; }
.buy h4 { margin-bottom: 10px; }

/* ---------- Social Networking SIDE BAR ----------------------- */
.socialSideBar { list-style: none; }
.socialSideBar li { margin: 0; padding-left: 25px; }
.social_Twitter { background: url(../../img/icon_Twitter_Sm.gif) no-repeat center left; }
.social_Facebook { background: url(../../img/icon_Facebook_Sm.gif) no-repeat center left; }

/* ---------- Social Networking ----------------------- */
.social { list-style: none; }
.social li { float: left; margin: 0 20px 0 0; padding: 0; overflow: visible; }

/* ---------- Form Style --------------------------------- */
input, textarea, select { border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(../../img/bg_form.jpg) no-repeat top left;  }
input:focus, textarea:focus, select:focus { background: #f8f8f8; border: 1px solid #1e71b8 }

.grid_4 input, .grid_4 textarea, .grid_4 select { width: 286px; }
.grid_8 label { float: left; padding-right: 20px; padding-top: 6px; text-align: right; width: 140px; }
.grid_8 input[type=text], .grid_8 textarea { width: 446px; }

button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-color: #1e71b8; display: inline-block; padding: 5px 8px 5px; color: #fff; text-decoration: none; border: none; position: relative; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); }
button:hover { background: #1e71b8 url(../../img/alert-overlay.png) repeat-x; color: #fff; }

/* ---------- Global Classes ----------------------------- */
.marginTop10 { margin-top: 10px; }
.marginTop20 { margin-top: 20px; }
.marginTop30 { margin-top: 30px; }
.marginTop40 { margin-top: 40px; }
.marginBtm10 { margin-bottom: 10px; }
.marginBtm30 { margin-bottom: 30px; }
.marginBtm40 { margin-bottom: 40px; }
.marginBtm50 { margin-bottom: 50px; }
.marginBtm60 { margin-bottom: 60px; }
.floatLeft { float: left; }
.floatRight { float: right; }