/*------------------------------------------------------*/
/* Faytex Template 1.0 :: Styles.css */
/* Author: Erik Stern - HTML & DESIGN */
/* Date: 10-09 */
/*------------------------------------------------------*/

/*------------------------------------------------------*/
/* Reset Styles */
/*------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, thead, tr, th, td, button {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: #000;background:#210601;padding:0;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:16px;height:100%;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}

/*------------------------------------------------------*/
/* Link Styles */
/*------------------------------------------------------*/
a {color:#0066cc;text-decoration:none;} 
a:hover {text-decoration:underline;cursor:pointer;}

/*------------------------------------------------------*/
/* General Styles */
/*------------------------------------------------------*/
.clear {clear: both;}
.right {float:right;overflow:hidden;}
.left {float:left;overflow:hidden;}
.boldText {font-weight:bold;}
.italicText {font-style:italic;}
input, textarea {border:1px solid #ccc;padding:2px;font-size:14px;color:#777;}
.padbottom12 {padding-bottom:12px;}
.marbottom12 {margin-bottom:12px;}
.paddedLgImage {margin:10px 3px 10px 15px;}
.removeTopMargin {margin-top:-15px;}
.spacer18 {height:18px;}
.fixedWidthSectionMed {width:339px;}
.divider {border-bottom:1px solid #cebf91;margin:12px 0 15px;}
.doubleDivider {height:1px;background:#cebf91;border-bottom:1px solid #fff;margin:12px 0 12px;overflow:hidden;}

/*------------------------------------------------------*/
/* Header Styles */
/*------------------------------------------------------*/ 
#header {background: url(../images/header-bg.png) repeat-x;height:104px;} 
.logo {margin-top:30px;}

/* Top Navigation */
#topNav {margin-top:43px;}
#topNav li {font-family:Georgia, "Times New Roman", Times, serif;font-size:15px;text-transform:uppercase;display:inline; float:left;margin-left:25px;}
#topNav li a {color:#fff;font-family:Georgia, "Times New Roman", Times, serif;font-size:15px;text-transform:uppercase;display:inline;line-height:33px;font-weight:bold;}
body#home #nav-home {background: url(../images/top-nav-bg-home.png) no-repeat;padding:0 15px 15px 15px;}
body#technology #nav-technology {background: url(../images/top-nav-bg-technology.png) no-repeat;padding:0 15px 15px 11px;}
body#products #nav-products {background: url(../images/top-nav-bg-product.png) no-repeat;padding:0 11px 15px 10px;}
body#clients #nav-clients {background: url(../images/top-nav-bg-clients.png) no-repeat;padding:0 19px 15px 15px;}
body#news #nav-news {background: url(../images/top-nav-bg-news.png) no-repeat;padding:0 15px 15px 12px;}

/* Section Header */
#topSectionHeader {background: url(../images/section-header-bg.png) repeat-x;height:158px;}
#topSectionHeader .imageSection h2 {font-family:Georgia, "Times New Roman", Times, serif;font-size:30px;color:#000;line-height:42px;margin:27px 0 0 25px;font-weight:normal;display:inline;}
#topSectionHeader .imageSection h2 span {font-size:34px;font-weight:bold;}
#topSectionHeader .imageSection {height:140px;width:960px;background-repeat:no-repeat;}

/*------------------------------------------------------*/
/* Page Styles */
/*------------------------------------------------------*/ 
/* Home */
body#home #topSectionHeader {background: url(../images/section-header-home.png) repeat-x;height:330px;}
body#home #topSectionHeader .imageSection h2 {color:#220601;margin:20px 40px 0 0;}
body#home #topSectionHeader .imageSection h2 img {vertical-align:text-bottom;}
body#home #topSectionHeader .imageSection ul {list-style:disc;margin-left:300px;margin-top:5px;}
body#home #topSectionHeader .imageSection li {line-height:25px;font-size:16px;}
body#home #topSectionHeader .learnMoreBtn {margin:15px 0 0 285px;}
body#home #topSectionHeader .imageSection {background: url(../images/home-header-image.png) no-repeat;height:298px;width:960px;}
body#home #topSectionHeader .navigationBar {background: #110301;height:20px;padding:3px 5px 0;margin-top:1px;color:#908380;}
body#home #topSectionHeader .navigationBar a {color:#fff;}

/* - Slider Styles - */
.anythingSlider { width: 960px; height: 298px; position: relative; margin: 0 auto; }
.anythingSlider .wrapper { width: 960px; overflow: auto; height: 298px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0;margin: 0; }
.anythingSlider ul li { display: block; float: left; padding: 0; height: 298px; width: 960px; margin: 0; }
.anythingSlider .arrow { position: absolute; top: 302px; cursor: pointer;color:#fff;display:none;} /* Remove display:none to show naviation arrows */
.anythingSlider .forward { background-position: 0 0; right: 7px;z-index:3; }
.anythingSlider .back { background-position: -67px 0; left: 7px;z-index:3; }
.anythingSlider .forward:hover { background-position: 0 -200px; }
.anythingSlider .back:hover { background-position: -67px -200px; }
#thumbNav { position: relative; top: 304px; text-align: center; display:none; } /* Remove display:none to show naviation selected slide icons */
#thumbNav a { display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: url(../images/non-selected-tab.jpg) no-repeat;}
#thumbNav a:hover { background: url(../images/hover-selected-tab.jpg) no-repeat; }
#thumbNav a.cur { background: url(../images/selected-tab.jpg) no-repeat; }
#start-stop { background: url(../images/play-icon.jpg) no-repeat;height:12px;width:12px;position: absolute; left: 390px; top: 304px; }
#start-stop.playing, #start-stop:hover { background:#908380; height:12px;width:12px;}
.anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } /* Prevent */
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /* Prevent */

/* Technology */
body#technology #topSectionHeader .imageSection {background: url(../images/technology-header-image.jpg);}
body#technology #topSectionHeader .imageSection h2 {color:#fff;}

/* Product */
body#products #topSectionHeader .imageSection {background: url(../images/product-header-image.jpg);}

/* - Sub-Nav Product - */
.subNavMenu {background: url(../images/product-sub-nav-bg.jpg) repeat-x;height:41px;border-bottom:1px solid #fff;}
.subNavMenuWrapper {width:960px;margin:0 auto;height:41px;}
.subNavMenuWrapper li {float:left;display:inline;padding:12px 0;}
.subNavMenuWrapper li a {color:#fff;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;font-weight:bold;height:41px;padding:12px 10px;border-right:1px solid #5d413f;border-left:1px solid #b38a8a;}
.subNavMenuWrapper li a:hover {background: url(../images/product-sub-nav-hover-bg.jpg) repeat-x;color:#fff;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;font-weight:bold;text-decoration:none;}
body#products.overview #sub-nav-overview a,
body#products.dri-lex-eco #sub-nav-dri-lex-eco a,
body#products.dri-lex-special-forces #sub-nav-dri-lex-special-forces a,
body#products.dri-lex-softwear #sub-nav-dri-lex-softwear a,
body#products.dri-lex-proaction #sub-nav-dri-lex-proaction a,
body#products.dri-lex-exrt #sub-nav-dri-lex-exrt a
{background: url(../images/product-sub-nav-selected-bg.jpg) repeat-x;color:#111;}
body#products.overview #sub-nav-overview a:hover,
body#products.dri-lex-eco #sub-nav-dri-lex-eco a:hover,
body#products.dri-lex-special-forces #sub-nav-dri-lex-special-forces a:hover,
body#products.dri-lex-softwear #sub-nav-dri-lex-softwear a:hover,
body#products.dri-lex-proaction #sub-nav-dri-lex-proaction a:hover,
body#products.dri-lex-exrt #sub-nav-dri-lex-exrt a:hover
{background: url(../images/product-sub-nav-selected-bg.jpg) repeat-x;}

/* Table & Chart Styles */
.prodcutsChartBoxTopLg {background: url(../images/products-table-top.png) no-repeat;height:3px;width:635px;overflow:hidden;margin-top:18px;}
.prodcutsChartBoxBottomLg {background: url(../images/products-table-bottom.png) no-repeat;height:9px;width:635px;overflow:hidden;}
#products-table {background: url(../images/products-table-bg.png) repeat-y;}
#products-table table {border-collapse: collapse;margin: 0;font-size: 11px;width:629px;}
#products-table th {background: #98a4ba;color: #fff;font-weight: bold;padding: 6px 10px;text-align: center;border-right: 1px solid #fff;border-bottom: 1px solid #fff;line-height: 13px;vertical-align:middle;width:127px;}
#products-table th.col1 {background: url(../images/chart-th-1-bg.png) repeat-x;}
#products-table th.col2 {background: url(../images/chart-th-2-bg.png) repeat-x;}
#products-table th.col3 {background: url(../images/chart-th-3-bg.png) repeat-x;}
#products-table th.col4 {background: url(../images/chart-th-4-bg.png) repeat-x;}
#products-table th.col5 {background: url(../images/chart-th-5-bg.png) repeat-x;}
#products-table td {padding: 9px 10px 9px 10px;border-bottom: 1px solid #fff;vertical-align: middle;border-right:1px solid #fff;text-align:left;line-height:15px;width:127px;}
#products-table td.last {border-bottom:none;}

/* Clients */
body#clients #topSectionHeader .imageSection {background: url(../images/clients-header-image.jpg);}
body#clients .clientLgImg {border:1px solid #ccc;margin-top:15px;}
body#clients .clientLgFoot {background:#ececec;width:345px;padding:10px;border:1px solid #ccc;border-top:none;}
body#clients .clientLgFoot p {font-weight:bold;text-align:right;}
body#clients select {border:1px solid #ccc;margin-top:18px;}
body#clients .logosSm {margin-bottom:30px;margin-left:-14px;overflow:hidden;}
body#clients .logosSm li {float:left;display:inline;margin:15px 0 0 14px;overflow:hidden;height:55px;width:55px;}

/* News */
body#news #topSectionHeader .imageSection {background: url(../images/news-header-image.jpg);}
body#news h5 {font-size:13px;font-weight:bold;margin-bottom:15px;}
body#news #otherArticlesList li {line-height:16px;list-style:disc;margin:0 15px 6px;}

/* Ads */
body#ads #topSectionHeader .imageSection {background: url(../images/ads-header-image.jpg);}
body#ads #topSectionHeader .imageSection h2 {margin-left:110px;}
body#ads .adImages img {margin:0 55px 20px 0;}

/* About Us */
body#about-us #topSectionHeader .imageSection {background: url(../images/about-us-header-image.jpg);}

/* Contact Us */
body#contact-us #topSectionHeader .imageSection {background: url(../images/contactus-header-image.jpg);}
body#contact-us #topSectionHeader .imageSection h2 {margin-left:53px;}
body#contact-us .contactForm p {font-weight:bold;margin-bottom:5px;}
body#contact-us .contactForm input {width:405px;border:1px solid #777;margin-bottom:30px;}
body#contact-us .contactForm input.phone {width:115px;border:1px solid #777;margin-bottom:30px;}
body#contact-us .contactForm textarea {width:405px;border:1px solid #777;margin-bottom:20px;height:132px;}

/* Materials */
.materials {margin:15px 0;position:relative;height:205px}
.materials h4 {font-size:21px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;margin-bottom:18px;}
.materialsNavigation {position:absolute;bottom:0px;right:0px;}
.materialsNavigation img {margin-left:10px;}
.swatchRow li {float:left;display:inline;margin:12px 0 0;padding:0;}
.swatchRow li.selected img {border:2px solid #698daf;padding:0;margin-top:-2px;}

/*------------------------------------------------------*/
/* Main Styles */
/*------------------------------------------------------*/
.fullCol {width:960px;padding-bottom:18px;}
.leftCol {width:653px;padding-bottom:18px;}
.rightCol {width:306px;padding-bottom:18px;}

/* Button Styles */
.smGreenBtn {margin-top:15px;}

/* Image Styles */
.smallProductImage {margin:0 12px 0 0;border:1px solid #ccc;}
.smallProductImageNoBor {margin:0 12px 0 0;}

/* Title Styles */
h3.categoryTitle {font-size:24px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;padding:25px 0 0;}
h4.boxTitle {font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;padding:12px 0 0;}
h4.boxTitle2 {font-size:22px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;padding:12px 0 0;}
h4.boxTitle3 {font-size:22px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;padding:12px 0 12px;}

/* Other Text Styles */
p.fineText {font-size:11px;font-style:italic;}
p.smallText {font-size:12px;margin-bottom:12px;}
.largeText {font-size:14px;font-family:Georgia, "Times New Roman", Times, serif;}
.largeText p {padding-bottom:12px;}
.largeText ul li {margin:5px 12px 10px 17px;list-style:disc;}
.largeText2 {font-size:15px;font-weight:bold;}
.maroonFineText {color:#330000;}

/*------------------------------------------------------*/
/* Box Styles */
/*------------------------------------------------------*/
#mainWrapper, #headerWrapper, #topSectionHeaderWrapper, #footerWrapper {width:960px;margin:0 auto;}
#main {background: url(../images/main-bg.jpg) repeat;}
#main .thirdBox {width:305px;height:auto;margin:18px 21px 0 0;}
#main .thirdBoxEnd {width:306px;height:atuo;margin:18px 0 0;}
#main .doubleBox {width:635px;height:auto;margin:18px 19px 0 0;}
#main .fullBox {width:960px;height:auto;margin:18px 0 0 0;}

/* Box Tops */
.maroonBoxTop {background: url(../images/maroon-box-top.png) no-repeat;width:303px;height:60px;}
.yellowBoxTop {background: url(../images/yellow-box-top.png) no-repeat;width:303px;height:60px;}
.brownBoxTop {background: url(../images/brown-box-top.png) no-repeat;width:303px;height:60px;}
.greenBoxTop {background: url(../images/green-box-top.png) no-repeat;width:303px;height:60px;}
.maroonBoxTopLg {background: url(../images/maroon-box-top-lg.png) no-repeat;width:635px;height:60px;}
.maroonBoxTopLgFull {background: url(../images/maroon-box-top-lg-full.png) no-repeat;width:960px;height:60px;}
.plainBoxTopLg {background: url(../images/box-top-bg-lg.png) no-repeat;height:5px;width:635px;overflow:hidden;}
.plainBoxTop {background: url(../images/box-top-bg.png) no-repeat;height:5px;width:306px;overflow:hidden;}

/* - Box Tops Text & Shadow Text - */
.maroonBoxTop h3, .yellowBoxTop h3, .brownBoxTop h3, .greenBoxTop h3, .maroonBoxTopLg h3, .maroonBoxTopLgFull h3 {font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;font-size:24px;line-height:24px;color:#fff;position:absolute;padding:11px 0 0 15px;z-index:1;} 
.maroonBoxTopShadow {color:#571103;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;font-size:24px;line-height:24px;position:absolute;padding:10px 0 0 13px;z-index:0;}
.yellowBoxTopShadow {color:#9c7609;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;font-size:24px;line-height:24px;position:absolute;padding:10px 0 0 13px;z-index:0;}
.brownBoxTopShadow {color:#855e32;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;font-size:24px;line-height:24px;position:absolute;padding:10px 0 0 13px;z-index:0;}
.greenBoxTopShadow {color:#617210;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;font-size:24px;line-height:24px;position:absolute;padding:10px 0 0 13px;z-index:0;}

/* Box Bottoms */
.boxBottom {background: url(../images/box-bottom-bg.png) no-repeat;height:9px;width:306px;overflow:hidden;}
.boxBottomLg {background: url(../images/box-bottom-bg-lg.png) no-repeat;height:9px;width:635px;overflow:hidden;}
.boxBottomLgFull {background: url(../images/box-bottom-bg-lg-full.png) no-repeat;height:9px;width:960px;overflow:hidden;}
.eco-box-bottom {background: url(../images/eco-box-bottom-bg.png) no-repeat;height:219px;width:306px;padding:5px 18px;}
.eco-box-bottomLg {background: url(../images/eco-box-bottom-bg-lg.png) no-repeat;height:128px;width:635px;padding:1px 18px;}

/* Box Middles */
.boxMiddle {background: url(../images/box-middle-bg.png) repeat-y;padding:1px 22px 15px 20px;overflow:hidden;}
.boxMiddleLg {background: url(../images/box-middle-bg-lg.png) repeat-y;padding:1px 22px 15px 20px;overflow:hidden;}
.boxMiddleLg2 {background: url(../images/box-middle-bg-lg.png) repeat-y;padding:1px 22px 0 20px;overflow:hidden;}
.boxMiddleLgFull {background: url(../images/box-middle-bg-lg-full.png) repeat-y;padding:1px 22px 15px 20px;overflow:hidden;}

/*------------------------------------------------------*/
/* Footer Styles */
/*------------------------------------------------------*/
#footer {height:100px;background: url(../images/footer-detail-bar.jpg) repeat-x top;color:#fff;}
#footerWrapper {text-align:center;}
#footer ul {padding-top:30px;}
#footer li {display:inline;}
#footer li a {color:#fff;}
#footer span {padding:0 5px;}
#footer .copyright {padding-top:10px;}