/* CSS Populate.it Default Style */

ul#leftNavList {list-style: none; margin: 0; padding: 0;}
ul#leftNavList li {list-style-type: none; margin:0} 
ul#leftNavList li.subSections {padding: 10px 0 2px 0; color:#fff; font-weight:normal}
ul#leftNavList li.subSections a {color:#d04c2d; text-decoration: none}
ul#leftNavList li.subSections a:hover {color:#fff; text-decoration: none}
ul#leftNavList li.subProducts {padding: 0px 0 0px 13px; background: url(../images/bullet.gif) left top no-repeat; color: #ff0000}
ul#leftNavList li.subProducts a {color:#fff; text-decoration: none}
ul#leftNavList li.subProducts a:hover {color:#d04c2d; text-decoration: none}

#searchButton {position:absolute; right:5px; top:23px;}
/* Page size, colour and font */
#print_logo {display:none}
.clear {clear:both; height:1px; overflow: hidden}
body {background-color:#f2f2f2;}
#container {width:978px; margin: 0px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; background-image:url(../images/site_drop.gif)}
#headerTop {width:978px; position:relative; display:block; overflow:hidden; margin:0px auto; height:13px; background-image:url(../images/vertex_top.gif)}
#footerBottom {width:978px; height:13px; display:block; overflow:hidden; background-image:url(../images/footer_bottom.gif)}

#header {width:970px; position:relative; top:0px; margin:0px auto; height:81px; background-image:url(../images/header_bg.gif);}

#featureContainer {width:950px; height:auto; background-color:#000000; padding:10px; overflow:hidden;}
#featureContainer #flashBanner {position:relative; float:left ;width:788px; height:auto; border:1px solid #000; overflow:hidden;}
#featureContainer #featureRight {position:relative; float:right; width:150px; padding: 0px 0px 0px 0; overflow:hidden; }
#featureContainer #flashBannerSmall {position:relative; float:left; width:778px; height:53px; border:1px solid #000; background-image:url(../images/sub_flash.jpg); color:#FFFFFF; font-size:20px; padding-top:10px; padding-left:10px; overflow:hidden;}

/* Accelar form */

#accelaForm {background-color:#FFF; color:#666666}
#accelaForm a{color:#d04c2d;}
#accelaForm a:hover{text-decoration:underline;}
#accelaForm .buttons{ background-color:#d04c2d; border:1px solid #000;}


/* Home Page Containers */

#innerContainer {width:970px; border:0px solid #000; background-color:#FFF; margin:0px auto;}
#innerContainer #padding {position:relative; width: 100%; height:25px;}
#innerContainer #paddingBottom {position:relative; width: 100%; height:20px;}
#innerContainer #inner {position:relative; width: 100%; }
#innerContainer #inner #left {position:relative; float:left; width:790px; padding: 0px 0px 0px 10px;}


#innerContainer #inner #left #leftNav{position:relative; top:10px; float:left; width:150px; padding: 0px 0px 0px 0px; background-color:#121212;}
#innerContainer #inner #left #leftNav .titleContainer{position:relative; width:140px; padding: 5px 5px 5px 5px; background-image:url(../images/left_nav_bg.gif); background-repeat:repeat-x; background-position:top; background-color:#ce4b2c;}
#innerContainer #inner #left #leftNav .subContainer{position:relative; width:140px; padding: 5px 5px 5px 5px;}
#innerContainer #inner #left #leftNav .divide{position:relative; margin-bottom:5px; height:1px;  width:140px;  background-image:url(../images/left_divide.gif);}
#innerContainer #inner #left #leftMain{position:relative; top:10px; float:right; width:630px; padding: 0px 0px 0px 0px;}
#innerContainer #inner #left #leftMain .text{position:relative; width:608px; padding:10px; background-color:#FFFFFF; border:1px solid #FFF; color:#9ca0a3; font-size:14px; margin-bottom:10px;}
#innerContainer #inner #left #leftMain .textResource{position:relative; width:608px; padding:10px; background-image:url(../images/resources_text_bg.gif); background-repeat:repeat-x; background-color:#FFFFFF; border-left:1px solid #d04c2d; border-right:1px solid #d04c2d; border-bottom:1px solid #d04c2d; color:#121212; font-size:14px; margin-bottom:10px;}
#innerContainer #inner #left #leftMain .textResourceProduct{position:relative; width:608px; padding:10px; background-image:url(../images/resources_text_bg.gif); background-repeat:repeat-x; background-color:#FFFFFF; border-left:1px solid #d04c2d; border-right:1px solid #d04c2d; border-bottom:1px solid #d04c2d; color:#121212; font-size:12px; margin-bottom:10px;}
#innerContainer #inner #left #leftMain .text a{color:#d04c2d}
#innerContainer #inner #left #leftMain .text a:hover{color:#999999}
#innerContainer #inner #left h1 {margin: 0 0 5px 0; font-size: 22px; font-style:normal; font-weight:normal; color:#d04c2d}
#innerContainer #inner #left h2 {margin: 0 0 5px 0; font-size: 22px; font-style:normal; font-weight:normal; color:#d04c2d}
#innerContainer #inner #right {position:relative; float:right; width:150px; padding: 0px 0px 0px 0; right:10px;}
#innerContainer #inner #right h1 {margin: 0 0 5px 0; font-size: 18px; font-style:normal; font-weight:normal; color:#d04c2d}
#innerContainer #inner #right h2 {margin: 0 0 10px 0; font-size: 14px; font-style:italic; font-weight:normal; color:#87887A}
#innerContainer #inner #right i {font-style:italic; font-weight:normal; font-size: 12px; color: #0093ad;}

/* Resources and Product sub nav */

#subContainer {background: url(../images/container_bg_sub.gif); padding:0; margin:0; height:31px; overflow:hidden }
#subContainer ul#subnav {position:relative; display:block; height:31px; margin: 0; padding: 0; list-style:none; font-size:11px}
#subContainer ul#subnav li {float:left; position:relative; padding:0;}
#subContainer ul#subnav li a {display:block; float:left; height:20px; background: url(../images/sub-nav_bg_new.gif) #2D2D2D; padding: 7px 12px 0 12px; margin: 2px 0 0 0; color:#ccc; text-decoration:none; border-left:1px solid #484848; border-right:1px solid #272727; border-top:1px solid #484848;}
#subContainer ul#subnav li a:hover {margin:0; padding: 7px 12px 0 12px; height:22px; color:#fff; text-decoration:none; border-left:1px solid #d04c2d; border-right:1px solid #d04c2d; border-top:1px solid #d04c2d;}

#subContainer ul#subnav li.over a {margin:0; padding: 7px 12px 0 12px; height:23px; color:#fff; text-decoration:none; border-left:1px solid #d04c2d; border-right:1px solid #d04c2d; border-top:1px solid #d04c2d;}
#subContainer ul#subnav li.over a:hover {height:23px;}
/* Product Focus */

#productMain {position:relative; width:630px;  background-color:#000000;  color:#FFF; font-size:12px; height:312px; margin-bottom:10px; overflow:hidden; }
#productMain #textProduct h1 {margin: 0 0 5px 0; font-size: 18px; font-style:normal; font-weight:normal; color:#d04c2d }
#productMain #textProduct .productTitle {margin: 0 0 5px 0; font-size: 18px; font-style:normal; font-weight:normal; color:#d04c2d }
#productMain #textProduct{position:relative; float:left; width:290px; padding:0px; background-color:#000000; top:10px; left:10px;  color:#FFF; font-size:14px; }
#productMain #imageProduct{position:relative; float:left; width:320px; height:310px; border:1px solid #c7c8ca; overflow:hidden }

.h1_productTitle {margin: 0 0 5px 0; font-size: 18px; font-style:normal; font-weight:normal; color:#d04c2d; display: inline;} 

/* Section Focus */

#sectionMain {position:relative; width:310px; float:left;  background-color:#000000;  color:#FFF; font-size:11px; height:150px; margin-bottom:10px; margin-right:10px;}
#sectionMain #textProduct h1 {margin: 0 0 5px 0; font-size: 18px; font-style:normal; font-weight:normal; color:#d04c2d }
#sectionMain #textProduct .productTitle {margin: 0 0 5px 0; font-size: 15px; font-style:normal; font-weight:normal; color:#d04c2d }
#sectionMain #textProduct{position:relative; float:left; width:135px; padding:0px; background-color:#000000; top:10px; left:10px;  color:#FFF; font-size:11px; }
#sectionMain #imageProduct{position:relative; float:left; width:158px; height:149px; border:1px solid #c7c8ca; overflow:hidden }
#sectionMain .link {position:absolute; bottom:0px; width:145px; right:0px; height:18px; background-image:url(../images/section_view.gif); text-align:right; padding-right:5px; padding-top:3px;}

#sectionMainAlt {position:relative; width:310px; float:left;  background-color:#000000;  color:#FFF; font-size:11px; height:150px; margin-bottom:10px;}
#sectionMainAlt #textProduct h1 {margin: 0 0 5px 0; font-size: 18px; font-style:normal; font-weight:normal; color:#d04c2d }
#sectionMainAlt #textProduct .productTitle {margin: 0 0 5px 0; font-size: 15px; font-style:normal; font-weight:normal; color:#d04c2d }
#sectionMainAlt #textProduct{position:relative; float:left; width:135px; padding:0px; background-color:#000000; top:10px; left:10px;  color:#FFF; font-size:11px; }
#sectionMainAlt #imageProduct{position:relative; float:left; width:158px; height:149px; border:1px solid #c7c8ca; overflow:hidden }
#sectionMainAlt .link {position:absolute; bottom:0px; width:145px; right:0px; height:18px; background-image:url(../images/section_view.gif); text-align:right; padding-right:5px; padding-top:3px;}
.h1_sectionTitle {margin: 0 0 5px 0; font-size: 18px; font-style:normal; font-weight:normal; color:#d04c2d; display: inline;} 

/* Home Group */

.groupContainer { position:relative;width:200px; height:210px; float:left; background-color:#FFFFFF; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; margin-right:9px; overflow:hidden}
.groupContainer .textGroup{ position:relative; width:182px; height:auto; padding-left:10px; top:-10px; padding-right:10px; color:#121212; font-size:10px;}
.groupContainer .title{color:#d04c2d; font-size:13px;}
.groupContainer .link {position:absolute; bottom:0px; width:197px; height:22px; background-image:url(../images/group_bottom.gif); text-align:right; padding-right:5px; padding-top:1px;}

.groupContainerAlt { position:relative;width:200px; height:210px; float:left; background-color:#FFFFFF; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; margin-right:0px;}
.groupContainerAlt .textGroup{ position:relative; width:182px; height:auto; top:-10px; padding-left:10px; padding-right:10px; color:#121212; font-size:10px;}
.groupContainerAlt .title{color:#d04c2d; font-size:13px;}
.groupContainerAlt .link {position:absolute; bottom:0px; width:197px; height:22px; background-image:url(../images/group_bottom.gif); text-align:right; padding-right:5px; padding-top:1px;}

/* Resources Group */

.resourcesGroup {position:relative; width:100%; height:auto; margin-top:20px; margin-bottom:10px;}
.resourcesGroup .resourceGroupImage{position:relative; float:left; width:140px; height:auto}
.resourcesGroup .resourceGroupText{position:relative; float:right; width:455px; height:auto; font-size:12px;}
.resourcesGroup .resourceGroupText .title{color:#d04c2d; font-size:14px; margin-bottom:5px;}
.resourcesGroup .resourceGroupText a{color:#d04c2d; text-decoration:underline;}
.resourcesGroup .resourceGroupText a:hover{color:#999; text-decoration:underline;}

.specsheetGroup {position:relative; float:left; width:290px; height:auto; margin-top:10px; margin-bottom:25px; margin-right:10px;}
.specsheetGroup .specsheetGroupImage{position:relative; float:left; width:70px; height:auto}
.specsheetGroup .specsheetGroupText{position:relative; float:right; width:200px; height:auto; font-size:12px;}
.specsheetGroup .specsheetGroupText .title{color:#d04c2d; font-size:14px; margin-bottom:5px;}
.specsheetGroup .specsheetGroupText a{color:#d04c2d; text-decoration:underline;}
.specsheetGroup .specsheetGroupText a:hover{color:#999; text-decoration:underline;}




/* Sub Page Containers */


#containerSub #paddingBottom {position:relative; width: 100%; height:20px;}
#containerSub {width:100%; border:1px solid #000; background-color:#1e1e1e;}
#containerSub #inner { width:100%;}
#containerSub #inner #left_top {position:relative; float:left; width:178px; padding: 50px 10px 20px 5px; font-size:10px}
#containerSub #inner #left {position:relative; float:left; width:790px; padding: 0px 0px 0px 10px; top:10px;}
#containerSub #inner #left #leftNav{position:relative; top:10px; float:left; width:140px; padding: 5px 5px 5px 5px; background-image:url(../images/left_nav_bg.gif); background-repeat:repeat-x; background-position:top; background-color:#121212;}
#containerSub #inner #right {position:relative; float:right; width:150px; padding: 0px 0px 0px 0; right:10px; top:10px;}
#containerSub #inner #right h2 {margin: 0 0 10px 0; font-size: 14px; font-style:italic; font-weight:normal; color:#87887A}
#containerSub #inner #right i {font-style:italic; font-weight:normal; font-size: 12px; color: #0093ad;}

/* Search Container */

#navSearch { position:relative; background-color:#33CC66; background:url(../images/search_container_bg.gif); height:47px; width:150px; border:1px solid #000; overflow:hidden;}
#navSearch .inputContainer{ position:absolute; float:left; top:20px; }
#navSearch .input{ position:relative; float:left; background:url(../images/input_bg.gif) repeat; height:15px; width:137px; border:1px solid #000; left:5px;}
#navSearch .searchButton {border:0px solid #000000; width:auto; right:2px; float:right; position:absolute; top:12px; color:#fff;  font-size:10px;  cursor: pointer; background-color:#000000;}
#navSearch .searchText {position:relative; background-image:url(../images/search_icon.gif); background-position:left; background-repeat:no-repeat; padding-left:15px; color:#FFFFFF; margin-top:3px; margin-left:5px;}
/* Banner Container */

#banner {position:relative; height:58px;  overflow:hidden; color:white;}
#xxbanner a {outline:none; color: #7cab29; text-decoration: none;  color:white}
#xxbanner a:hover {color: #000; text-decoration: underline;  color:white}
#bannerLogo {position:relative; float:left;}
#bannerDetails {position:relative; float:right; right:0px; text-align:right; width:200px; height:80px;}
#bannerIcons {position:relative; float:right; right:0px;  width:34px; height:80px;}

/* Logos Container */

#logos {font-size:10px; color:#adacac;margin-top:5px; background-image:url(../images/logos_bg.gif); width:970px; height:65px; text-align:center;}
#logos .individual {position:relative; margin-left: auto; margin-right: auto; height:auto; text-align:center; float:left; color:#d04c2d}

/* Footer Container */

#footer {font-size:10px; color:#FFF; height:81px; text-align:center; padding-bottom:20px; line-height:17px; background-image:url(../images/footer_grad.gif); overflow:hidden;}
#footer a{font-size:10px; color:#FFF; text-decoration:none}
#footer a:hover{font-size:10px; color:#999999; text-decoration:underline}
#footer .pageList  {font-size:10px; color:#666;margin-top:5px}
#footer .pageList a{font-size:10px; color:#666; text-decoration:none}
#footer .pageList a:hover{font-size:10px; color:#000; text-decoration:none}
#footer .links  {font-size:10px; color:#666666;margin-top:5px}
#footer .links a{font-size:10px; color:#0093ad; text-decoration:underline}
#footer .links a:hover{font-size:10px; color:#000; text-decoration:none}
#footer #padding {position:relative; width: 100%; height:20px;}

/* Language Flags */

#flagsContainer {position:relative; float:right; right:10px; top:11px; width:auto; height:46px;}
#flagsContainer ul.languages {float:right; display:block;  margin:0; padding:0px 0 0 0; height: 46px}
#flagsContainer ul.languages li {float:left; display:inline; list-style:none; text-indent:-3000px; padding-left:4px;}
#flagsContainer ul.languages li a {padding: 0 0 0 0px; width:30px; height:46px; display:block; color: #3B782A; font-size:10px; font-weight:bold; text-decoration:none}
#flagsContainer ul.languages li a:hover {color: #000;}
#flagsContainer ul.languages li a.language_13 {background:url(../images/flags/fr.gif)} 
#flagsContainer ul.languages li a.language_14 {background:url(../images/flags/es.gif)}
#flagsContainer ul.languages li a.language_16 {background:url(../images/flags/de.gif)}
#flagsContainer ul.languages li a.language_12 {background:url(../images/flags/uk.gif)}
#flagsContainer ul.languages li a.language_18 {background:url(../images/flags/pl.gif)}
#flagsContainer ul.languages li a.language_17 {background:url(../images/flags/nl.gif)}
#flagsContainer ul.languages li a.language_15 {background:url(../images/flags/it.gif)}

/* Bookmark Link */

#bookmarkLink {position:absolute; top: 33px; right:10px; width:auto; color:#333; font-size:11px; z-index:1;}


/* Main Navagation Style */
#topNav {width:auto; position:relative; left:25px; top:-8px;}
ul#nav {display:block; width:auto; position:relative; height:20px; margin:0; width:auto; padding:0; overflow:hidden; }

ul#nav li {position:relative; float:left;  height:20px; list-style:none; background-image:url(../images/nav/nav_bg.gif) }
ul#nav li a {position:relative; float:left; display:block; padding: 2px 16px 0px 6px; list-style:none; color:#fff; text-decoration:none; height:17px; overflow:hidden; font-size:13px; border-bottom:1px solid #000; background-image:url(../images/nav/nav_corner_left.gif); background-repeat:no-repeat; background-position:right;}
ul#nav li a:hover {text-decoration:none;  color:#FFF; border-bottom:1px solid #FFF;}

ul#nav li.rightEnd a {position:relative; display:block; padding: 2px 20px 0px 10px; list-style:none; color:#fff; text-decoration:none; height:17px; overflow:hidden; font-size:13px; border-bottom:1px solid #000; background-image:url(../images/nav/nav_end_right.gif); background-repeat:no-repeat; background-position:right;}
ul#nav li.rightEnd a:hover {text-decoration:none;  color:#FFF; border-bottom:1px solid #FFF;}
ul#nav li.leftEnd {position:relative; display:block; padding: 0px 11px 0px 0px; list-style:none; color:#fff; text-decoration:none; height:20px; overflow:hidden; font-size:13px; border-bottom:1px solid #FFF; background-image:url(../images/nav/nav_end_left.gif); background-repeat:no-repeat; background-position:left;}


ul#nav li a.over {position:relative; display:block; padding: 2px 20px 0px 10px; list-style:none; color:#d04c2d; text-decoration:none; height:17px; overflow:hidden; font-size:13px; border-bottom:1px solid #000;}
ul#nav li a.over:hover {text-decoration:none;  color:#fff; border-bottom:1px solid #000;}

/* Sub Navagation Style */

#containerSub #inner #left ul#subsubnav {position:relative; display:block; margin: 0; padding: 0; list-style:none;}
#containerSub #inner #left ul#subsubnav li {position:relative; padding:0;}
#containerSub #inner #left ul#subsubnav li a {display:block; background: url(../images/nav_arrow.gif) left no-repeat; padding: 4px 12px 4px 12px; color:#5A5A5A; text-decoration:none; font-size:13px}
#containerSub #inner #left ul#subsubnav li a:hover {background:#a2a2a2 url(../images/nav_arrow_open.gif) left no-repeat; text-decoration:none;}
#containerSub #inner #left ul#subsubnav li a.open{background:#a2a2a2 url(../images/nav_arrow_open.gif) left no-repeat; }

#containerSub #inner #left ul#subsubnav li ul {border-right: 5px solid #a2a2a2; background: #fff; position:relative; display:block; margin: 0; padding: 1px 1px 1px 8px; list-style:none;}
#containerSub #inner #left ul#subsubnav li ul li{position:relative; padding:0}
#containerSub #inner #left ul#subsubnav li ul li a{display:block; background: url(../images/nav_arrow.gif) left no-repeat #fff; padding: 3px 12px 3px 12px; color:#5A5A5A; text-decoration:none; font-size:12px}
#containerSub #inner #left ul#subsubnav li ul li a:hover {background:#cfcdcd url(../images/nav_arrow_open.gif) left no-repeat; text-decoration:none;}
#containerSub #inner #left ul#subsubnav li ul li a.open {background:#cfcdcd url(../images/nav_arrow_open.gif) left no-repeat; text-decoration:none;}

#containerSub #inner #left ul#subsubnav li ul li ul {border-right: 5px solid #cfcdcd;position:relative; display:block; margin: 0; padding: 1px 1px 1px 8px; list-style:none;}
#containerSub #inner #left ul#subsubnav li ul li ul li{position:relative; padding:0}
#containerSub #inner #left ul#subsubnav li ul li ul li a{display:block; background: url(../images/nav_arrow.gif) left no-repeat #fff; padding: 3px 12px 3px 12px; color:#5A5A5A; text-decoration:none; font-size:11px}
#containerSub #inner #left ul#subsubnav li ul li ul li a:hover {background:#e2e2e2 url(../images/nav_arrow_open.gif) left no-repeat;; text-decoration:none;}
#containerSub #inner #left ul#subsubnav li ul li ul li a.open {background:#e2e2e2 url(../images/nav_arrow_open.gif) left no-repeat;; text-decoration:none;}

/* Breadcrumb Style */
.breadcrumbContainer {position:absolute; top:6px; left:360px; width:360px; height: 35px; font-size:10px; line-height:11px; color:#fff;}
.breadcrumbContainer a {color:#fff; text-decoration:none}
.breadcrumbContainer a:hover {color:#ccc; text-decoration:underline}
.breadcrumbContainer a.home {display:block; float: left; width:9px; height:10px; background:url(../images/breadcrumbhome.gif) bottom; }
.breadcrumbContainer a:hover {background-position: top;}

/* Form Styles */
#searchField {position:absolute; top: 4px; left: 18px; width:80px; height:12px; border: solid 0px #000000; background-color:#FFF; color:#333; font-size:10px }

/* Text Styles */
.error_text {font-size:12px; color:#FF0000;}

.mainTitle {font-size:22px; color:#d04c2d}
.mainTitleWhite {font-size:18px; color:#FFF}
.subTitle {font-size:16px; color:#d04c2d; margin-bottom:10px; margin-top:10px;}

h1   { font-size: 14px; margin: 0; font-style:italic; font-weight:normal; color:#0093ad; }
h2   { font-size: 12px; margin: 0 }
h3   { font-size: 1.17em; margin: 0 }
h4 {font-size:16px; color:#d04c2d; margin-bottom:10px; margin-top:10px; font-weight:normal;}

a {outline:none; color: #FFF; text-decoration:none}
a:hover {color: #999; text-decoration: underline}

.dealerButton {background:#000; border:1px solid #000; color: #fff; font-size:11px; cursor:pointer}
.dealerButton:hover {background:#fff; border:1px solid #000; color: #000; font-size:11px; cursor:pointer}
.dealerKeys {font-size:11px ;color: #666}

.accessory {margin-bottom:5px;}
.accessory .accessoryImage {float: left; border:0px solid #ccc; background:#fff; width:100px; height:60px; border:1px solid #ddd; text-align:center; margin-right: 8px}
.accessory h4 {font-size: 13px; font-style:normal; font-weight:normal; color:#d04c2d; margin:0}
.accessory h3 {font-size: 13px; font-style:normal; font-weight:normal; color:#000; margin:10px 0 3px 0; font-weight:bold}
