/*************************************
                Reset
*************************************/

html {
	margin:0;
	padding:0;	
	outline:0;
	vertical-align:baseline;	
	overflow-y: scroll;
}

body {
    /*overflow-x:hidden;*/
}
ol, ul {
    list-style: none;
}

table {
	border-collapse:separate;
	border-spacing:0;
}
* { 
    padding:0; 
    margin:0; 
}

/*************************************
        GENERAL DECLARATIONS
*************************************/

body {
	font-size:100.01%;
	font-family: Helvetica, Arial, sans-serif;
	background: #3b3b3b;
	border-top: 4px solid #000000;
}
a
{
	text-decoration:none;
	color: #bc0000;
}
a:hover
{
	text-decoration:none;
	color: #ffffff;
	background: #bc0000;
}
a:active { 
    outline:none; 
}
a:focus {
    -moz-outline-style:none;
}

.floatRight {
    float: right;
    width: 100%;
    text-align: right;
}

.floatLeft {
    float: left;
    width: 100%;
    position: relative;
}

.floatLeftP {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 10px 0;
}

.floatLeft .r {
    right: 0px;
}

img {
    border:0px;
}

.input {
    padding: 1px 5px;
}

.red {
    color: #ff0000;
}

.linkClean {
    color: #333333;
    text-decoration: underline;
}

.imgRight {
    float: right;
    padding: 0 0 15px 15px;
}

.imgLeft {
    float: left;
    padding: 0 15px 15px 0;
}

.imgProdLeft {
    float: left;
    padding: 0 15px 25px 0;
    background: transparent url(../images/img_footer.jpg) no-repeat center 253px;
}

#wrapperHeader
{
    float: left;
    width: 100%;
}

#header
{
    width: 990px;
    height: 123px;
    margin: 0 auto;
    position: relative;
    background: transparent url(../images/bg_headerShadow.jpg) no-repeat center bottom;
}

#header .logo, #header .logo:hover
{
    position: absolute;
    top: 32px;
    left: 15px;
}

#header .nav
{
    position: absolute;
    bottom: 34px;
    right: 15px;
    color: #aaaaaa;
}

#header .nav li
{
    display: inline;    
}

#header .nav li a
{
    color: #aaaaaa;
    font-size: 0.85em;
    padding: 0 0 2px 0;
}

#header .nav li a:hover
{
    background: transparent;
}

#header .tab
{
    position: absolute;
    top: 0px;
    right: 15px;
    padding: 0 11px 6px 11px;
    color: #999999;
    font-size: 0.8em;
    line-height: 1.0em;
    background: #000000;
    text-transform: uppercase;
}

#header .tab a, #header .tab a:hover
{
    color: #999999;
    background: transparent;
}

#wrapperContentTop
{
    float: left;
    width: 100%;
    background: #ffffff url(../images/bg_mainTop.jpg) repeat-x center top;
    padding: 0 0 0 0;
}

#wrapperContentTop .content
{
    width: 960px;
    margin: 0 auto;
    padding: 0 30px;
}

#wrapperContentTop .content .title
{
    float: left;
    width: 100%;
    height: 45px;
    padding: 24px 0 0 0;
    text-transform: uppercase;
}

#wrapperContentTop .content .title h1
{
    font-size: 2.1em;
    letter-spacing: 0.08em;
    color: #999999;
}

#wrapperContentTop .content .contentPadded
{
    float: left;
    width: 960px;
    padding: 20px 0;
}

#wrapperContentTop .content .contentPadded .l
{
    float: left;
    width: 300px;
    min-height: 100px;
}

#wrapperContentTop .content .contentPadded .r
{
    float: right;
    width: 640px;
    min-height: 100px;
}

#wrapperContentTop .content .contentLPadded
{
    float: left;
    width: 960px;
    padding: 20px 0;
}

#wrapperContentTop .content .contentLPadded .l
{
    float: left;
    width: 640px;
    min-height: 100px;
}

#wrapperContentTop .content .contentLPadded .l h2
{
    font-size: 1.6em;
}

#wrapperContentTop .content .contentLPadded .l h4
{
    font-style: italic;
    color: #939393;
    margin: 0 0 5px 0;
}

#wrapperContentTop .content .contentLPadded .r
{
    float: right;
    width: 300px;
    min-height: 100px;
}

#wrapperContentTop .content .contentLPadded .r .section
{
    float: left;
    width: 300px;
    margin: 0 0 20px 0;
    background: #efefef;
}

#wrapperContentTop .content .contentLPadded .r .sectionPadded
{
    float: left;
    width: 270px;
    margin: 0 0 20px 0;
    padding: 15px;
    background: #efefef;
}

.wrapperContentBtm
{
    float: left;
    width: 100%;
    background: #d5d5d5 url(../images/bg_mainBtm.jpg) repeat-x 0 0;
    padding: 0 0 0 0;
}

.wrapperContentBtm .content
{
    position: relative;
    width: 990px;
    margin: 0 auto;
}

.wrapperContentBtm .contentPadded
{
    width: 960px;
    margin: 0 auto;
    padding: 20px 0;
}

.wrapperContentBtm .contentPadded .l
{
    float: left;
    width: 300px;
    min-height: 100px;
    padding: 0px 0px 20px 0px;
}

.wrapperContentBtm .contentPadded .l .title
{
    float: left;
    width: 100%;
    margin: 0 0 12px 0;
    font-size: 1.6em;
    font-weight: bold;
    letter-spacing: 0px;
}

.wrapperContentBtm .contentPadded .r
{
    float: right;
    width: 640px;
    min-height: 100px;
    padding: 0px 0px 20px 0px;
}

.wrapperContentBtm .contentPadded .r .title
{
    float: left;
    width: 100%;
    margin: 0 0 12px 0;
    font-size: 1.6em;
    font-weight: bold;
    letter-spacing: 0px;
}

#wrapperFooter
{
    float: left;
    width: 100%;
    margin: 0;
}

#contentFooter
{
    width: 930px;
    margin: 0 auto;
    padding: 30px;
    background: transparent url(../images/bg_footerShadow.jpg) no-repeat center top;
    text-align: left;
    color: #999999;
}

#contentFooter #about
{
    float: left;
    width: 295px;
    padding: 0 15px 0 0;
}

#contentFooter #news
{
    float: left;
    width: 620px;
}

#contentFooter #about .header
{
    float: left;
    width: 100%;
    margin: 0 0 7px 0;
    color: #dadada;
    font-weight: bold;
}

#contentFooter #news .header
{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    color: #dadada;
    font-weight: bold;
}

#contentFooter #about .text
{
    float: left;
    width: 100%;
    color: #999999;
    font-size: 0.85em;
}

#contentFooter #news .nCont
{
    float: left;
    width: 310px;
    font-size: 0.85em;
}

#contentFooter #news .nCont .img
{
    float: left;
    width: 73px;
    height: 76px;
    padding: 6px 6px 6px 9px;
    background: transparent url(../images/bg_newsThumb.jpg) no-repeat center top;
}

#contentFooter #news .nCont .info
{
    float: right;
    width: 220px;
    padding: 0;
}

#contentFooter #news .nCont .info h2
{
    margin: 0 0 1px 0;
    padding: 0;
    color: #ececec;
    font-size: 1.1em;
}

#contentFooter #news .nCont .info h2 a, #contentFooter #news .nCont .info h2 a:hover
{
    color: #ececec;
}

#wrapperFooterLinks
{
    float: left;
    width: 100%;
    margin: 23px 0 0 0;
    text-align: center;
    font-size: 0.8em;
    color: #616060;
}

#wrapperFooterLinks #links li
{
    display: inline;
    padding: 0 10px;
    font-size: 1.0em;
    text-transform: uppercase;
    color: #616060;
    border-right: 1px solid #616060;
}

#wrapperFooterLinks #links li.last
{
    border-right: 0px;
}

#footerCopyright
{
    float: left;
    width: 100%;
    padding: 0 0 50px 0;
    text-align: center;
    font-size: 0.75em;
    color: #616060;
}

#wrapperFooterLinks a, #wrapperFooterLinks:hover, #footerCopyright a, #footerCopyright:hover
{
    color: #616060;
    background: transparent;
}

.breadCrumb {
    float: left;
    width: 735px;
    margin: 0 0 13px 0;
    padding: 0 0 0 3px;
    font-weight: bold;
    font-size: 1.0em;
}

/*************************************
             TYPOGRAPHY
*************************************/

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size:.8em;
    line-height: 1.3em;
    letter-spacing: 0.11em;
    color:#333333;
}   /* IE */
h1,h2,h3,h4,h5,h6 {
    font-family:Tahoma;
    clear:both;
}
h1 { font-size: 1.6em; font-weight:lighter; letter-spacing: -1px; line-height: 0.8em;}
h2 { font-size:1.4em; line-height:1.0em; font-weight: bolder; font-family:Sans-serif; letter-spacing:-0.045em; margin-bottom:7px; color:#333333;}
h2 a { margin-bottom:7px; color:#ffffff;}
h3 { font-size:1.1em; line-height:1.0em; font-weight: bolder; font-family:Sans-serif; letter-spacing:-0.045em; margin-bottom:7px; color:#ffffff;}
h3 a { margin-bottom:7px; color:#ffffff;}
h4 { font-size:0.85em; line-height:1.0; font-weight:normal;}
h5 { font-size:1em; font-weight:bold; }
h6 { font-size:2.1em; line-height:1.0em; font-weight:bolder; font-family:Helvetica, Arial, sans-serif; letter-spacing:-0.04em;}
p {
    margin:0px 0px 13px 0px;
}

.small {
    font-size:0.85em; line-height:1.0; font-weight:normal;
}

.lightGray, .lightGray a
{
    color: #a09e9e;
}

/*************************************
             MESSAGE BOXES
*************************************/

.errormsg
{
	float: left;
	width: 666px;
	margin: 0 0 15px 0;
	padding: 20px 10px 20px 60px;
	background: transparent url(../images/btn_error.png) no-repeat;
	background-position: 15px 15px;
	background-color: #eed4cb;
	border: solid 1px #fc0101;
}

.errormsg ul, .successmsg ul
{
	padding: 8px 0 0 20px;
}

.errormsg li, .successmsg li
{
	list-style-type: disc;
	font-weight: normal;
}

.successmsg
{
	float: left;
	width: 666px;
	margin: 0 0 15px 0;
	padding: 20px 10px 20px 60px;
	background: transparent url(../images/btn_success.png) no-repeat;
	background-position: 15px 15px;
	background-color: #d4efc6;
	border: solid 1px #4acf02;
}

/*************************************
             PAGING
*************************************/

.paging{float:left; padding: 4px 0 4px 0; margin: 15px 0 2px 0; height:100%; width:100%; font-size:0.9em; font-weight:bolder; text-decoration: none; color:#dddddd;}
.paging a{padding:6px; margin:0 1px; border: solid 1px #d6d5d5; background: #f5f4f4; text-decoration: none; color:#838282}
.paging a:visited {padding:6px; margin:0 1px; border: solid 1px #d6d5d5; background: #f5f4f4; text-decoration: none; color:#838282}
.paging a:link {padding:6px; margin:0 1px; border: solid 1px #d6d5d5; background: #f5f4f4; text-decoration: none; color:#838282}
.paging a:hover {color: #333333; background: #f5f4f4; border-color: #cccccc; text-decoration: none;}
.pagingcurrent{color:#ffffff; padding:6px; margin:0 1px; border: solid 1px #d6d5d5; background: #cccccc;}

/*************************************
          PRODUCT CONTAINER
*************************************/

.pageHeading {
    float: left;
    width: 720px;
    height: 25px;
    margin: 0 0 15px 0;
    padding: 7px 0 0 10px;
    border-left: 10px solid #bf0101;
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #f2f2f2;
    background: #333333;
    position: relative;
}

.pageHeading .text {
    color: #f2f2f2;
}

.pageHeading .grid {
    position: absolute;
    top: 4px;
    right: 15px;
    background: #ffffff url(../images/hdr_grid.jpg) no-repeat 0 0;
}

.pageHeading .grid a:hover
{
    background: transparent;
}

.pageHeading .grid .b {
    float: left;
    width: 29px;
    height: 18px;
}

.pageContent {
    float: left;
    width: 738px;
    margin: 0 0 25px 0;
    position: relative;
}

.catCont {
    float: left;
    width: 184px;
    height: 153px;
    text-align: center;
}

.vertProdCont 
{
    float: left;
    width: 226px;
    height: 285px;
    margin: 0 0 15px 0;
    padding: 0 10px 0 10px;
    text-align: left;
}

.vertProdCont a:hover
{
    background: transparent;
}

.vertProdCont .image
{
    width: 226px;
    height: 161px;
}

.vertProdCont .image img
{
    width: 226px;
    height: 151px;
}

.vertProdCont .text
{
    width: 226px;
    height: 75px;
}

.vertProdCont .text a
{
    color: #bc0000;
    font-weight: bold;
}

.vertProdCont .text a:hover
{
    color: #FFFFFF;
    background-color: #bc0000;
}

.vertProdCont .buy
{
    width: 226px;
    height: 61px;
    text-align: center;
}

.horProdCont 
{
    float: left;
    width: 738px;
    height: 144px;
    margin: 0 0 10px 0;
    padding: 0;
    background: transparent url(../images/BGproductsep.jpg) no-repeat bottom center;
    text-align: left;
}

.horProdContHeader
{
    float: left;
    width: 738px;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: left;
}

.horProdCont .image, .horProdContHeader .image {
    float: left;
    width: 171px;
}

.horProdCont .text, .horProdContHeader .text {
    float: left;
    width: 397px;
}

.horProdCont .price, .horProdContHeader .price {
    float: left;
    width: 80px;
    text-align: right;
}

.horProdCont .buy, .horProdContHeader .buy {
    float: right;
    width: 90px;
    text-align: right;
}

/*************************************
             LOGIN
*************************************/

.cont_new {
    float: left;
    width: 370px;
}

.cont_return {
    float: right;
    width: 362px;
    padding: 0 0 0 8px;
}

.cont_new .login_new {
    float: left;
    width: 328px;
    height: 200px;
    border: solid 1px #cccccc;
    margin: 0;
    padding: 15px;
    position: relative;
}

.cont_return .login_return {
    float: left;
    width: 328px;
    height: 200px;
    border: solid 1px #cccccc;
    margin: 0;
    padding: 15px;
    position: relative;
}

.cont_return .login_return .field {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}

.login_new .button, .login_return .button {
    position: absolute;
    top: 193px;
    right: 15px;
}

/*************************************
           FORGOT PASSWORD
*************************************/

.cont_forgotPassword {
    float: left;
    width: 706px;
    height: 200px;
    border: solid 1px #cccccc;
    margin: 0;
    padding: 15px;
    position: relative;
}

.cont_forgotPassword .buttonR {
    position: absolute;
    top: 193px;
    right: 15px;
}

.cont_forgotPassword .buttonL {
    position: absolute;
    top: 193px;
    left: 15px;    
}

/*************************************
           SHOPPING CART
*************************************/

.shoppingCart {
    float: left;
    width: 738px;
}

.shoppingCart .header {
    float: left;
    width: 738px;
    padding: 0 0 5px 0;
    font-weight: bold;
    color: #666666;
}

.shoppingCart .header .action {
    float: left;
    width: 68px;
    text-align: center;
}

.shoppingCart .header .product {
    float: left;
    width: 500px;
    text-align: left;
}

.shoppingCart .header .qty {
    float: left;
    width: 50px;
    text-align: center;
}

.shoppingCart .header .price {
    float: right;
    width: 110px;
    text-align: right;
}

.shoppingCart .container {
    float: left;
    width: 738px;
    margin: 5px 0 5px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #cdcdcd;
}

.shoppingCart .container .action {
    float: left;
    width: 68px;
    text-align: center;
}

.shoppingCart .container .product {
    float: left;
    width: 490px;
    text-align: left;
    padding: 0 10px 0 0;
}

.shoppingCart .container .product .img {
    float: left;
    width: 170px;
    text-align: left;
}

.shoppingCart .container .product .img a, .shoppingCart .container .product .img a:hover
{
    background: transparent;
    border: 0px;
}

.shoppingCart .container .product .text {
    float: right;
    width: 320px;
    text-align: left;
    line-height: 1.2em;
}

.shoppingCart .container .product .text .options{
    font-size: 0.8em;
    font-style: italic;
    line-height: 1.2em;
}

.shoppingCart .container .qty {
    float: left;
    width: 50px;
    text-align: center;
}

.shoppingCart .container .price {
    float: right;
    width: 110px;
    text-align: right;
    padding: 0 0 0 10px;
}

.shoppingCart .subTotal {
    float: left;
    width: 738px;
    text-align: right;
    font-weight: bold;
    padding: 20px 0 10px 0;
}

/*************************************
           PRODUCT
*************************************/

.cont_product {
    float: left;
    width: 738px;
    margin: 0;
    padding: 0;
    position: relative;
}

.cont_product .name {
    float: left;
    width: 608px;
    font-size: 1.5em;
    font-weight: bold;
}

.cont_product .model {
    font-size: 0.6em;
    font-weight: bold;
}

.cont_product .price {
    float: right;
    width: 130px;
    text-align: right;
    font-size: 1.5em;
    font-weight: bold;
    color: #bc0000;
}

.cont_product .description{
    float: left;
    width: 738px;
    margin: 15px 0 15px 0;
    padding: 0;
    position: relative;
}

.cont_product .description .prodImage  
{
    cursor: pointer;
    color: #999999;
}

.cont_product .cont_images{
    float: left;
    width: 738px;
    margin: 0 0 15px 0;
    padding: 0;
    position: relative;
    display: none;
}

.cont_product .cont_images .image{
    float: left;
    width: 738px;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: center;
}

.cont_product .cont_images .image .stepcarousel
{
    position: relative; /*leave this value alone*/
    border: 0;
    overflow: hidden; /*leave this value alone*/
    width: 738px; /*Width of Carousel Viewer itself*/
    height: 448px; /*Height should enough to fit largest content's height*/
    background: #ffffff;
}

.cont_product .cont_images .image .stepcarousel .belt
{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.cont_product .cont_images .image .stepcarousel .panel
{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0; /*margin around each panel*/
    width: 738px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.cont_product .cont_images .thumbs{
    float: left;
    width: 708px;
    margin: 0;
    padding: 15px;
    background: #e0e0e0;
    text-align: center;
}

.cont_product .cont_images .thumbs .thumb{
    float: left;
    width: 141px;
    height: 90px;
    margin: 0;
    padding: 0;
}

.cont_product .cont_images .thumbs .thumb img{
    width: 130px;
}

.btnMoreImages:hover {
    cursor: pointer;
    background: transparent;
}

.cont_product .buyNow {
    float: right;
    margin: 10px 0 0 0;
}

.prodOptions {
    float: left;
    width: 100%;
    line-height: 2.0em;
}

/*************************************
                DEFAULT
*************************************/

.defBlocks
{
    position: relative;
    height: 115px;
    text-align: center;
}

.defBlocks .blocks
{
    position: absolute;
    top: -30px;
    left: 15px;
}

.pageBanner {
    float: left;
    width: 960px;
    height: 425px;
    position: relative;
}

/*************************************
                ABOUT US
*************************************/

.aboutUs, .aboutCustomers
{
    font-size: 13px;
}

.aboutUs img
{
    float: left;
    margin: 10px;
}

.aboutWholesale
{
    float: left;
    font-size: 13px;
}

.aboutCustomers ul li
{
    padding: 0 0 0 13px;
    background: transparent url(../images/bullet.jpg) no-repeat 0px 6px;
}

.aboutWholesale img
{
    float: left;
    margin: 10px;
}

.aboutWholesale .info
{
    width: 738px;
    height: 110px;
    padding: 0 0 15px 0;
}

.aboutWholesale ul
{
    float: left;
    width: 245px;
}

.aboutWholesale ul li
{
    padding: 0 0 0 13px;
    background: transparent url(../images/bullet.jpg) no-repeat 0px 6px;
}

/*************************************
           CHECKOUT SHIPPING
*************************************/

.checkoutStatus {
    float: left;
    width: 100%;
}

.checkoutStatus a{
    color: #333333;
}

.checkoutStatus a:hover{
    color: #ffffff;
}

.cont_shippingPrice {
    float: left;
    width: 688px;
    margin: 3px 0 0 0;
    padding: 5px 10px;
    position: relative;
    background: #f2f1f1;
}

.cont_shippingPrice .right {
    position: absolute;
    top: 5px;
    right: 10px;
}

.checkoutProgress {
    float: left;
    margin: 20px 0 5px 0;
    padding: 0;
    width: 738px;
    height: 20px;
    background: #f2f1f1;
    position: relative;
}

.checkoutProgress .arrow {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    background: #999999 url(../images/progress_arrow.jpg) no-repeat top right;
}

.checkoutPaymentProd {
    float: left;
    width: 548px;
    margin: 5px 0 0 0;
}

.checkoutPaymentProd .options {
    font-size: 0.8em;
    font-style: italic;
    line-height: 1.2em;
}

.checkoutPaymentPrice {
    float: right;
    width: 158px;
    text-align: right;
    margin: 5px 0 0 0;
}

.checkoutPaymentTotals {
    float: left;
    width: 598px;
    margin: 5px 0 0 0;
    text-align: right;
}

.checkoutPaymentPriceTotals {
    float: right;
    width: 108px;
    text-align: right;
    margin: 5px 0 0 0;
}

/*************************************
           NEWS CONT
*************************************/

.contNews
{
    float: left;
    width: 640px;
    margin: 0 0 20px 0;
}

.contNews h2
{
    margin: 0 0 5px 0;
}

.contNewsFooter
{
    float: left;
    width: 640px;
    height: 85px;
    margin: 0 0 5px 0;
    background: transparent url(/images/bg_newsFooter.jpg) no-repeat left bottom;    
}

/*************************************
             DEALERS
*************************************/

.contDealer 
{
    float: left;
    width: 225px;
    height: 95px;
    margin: 0;
    padding: 0 1px 0 0;
}

.contDealer h3
{
    color: #333333;
}

/*************************************
             NEWSLETTER
*************************************/

.panNewsletter
{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 250px;
    background: #000000;
    display: none;
    border: 10px solid #000000;
    color: #999999;
    font-size: 0.85em;
}

.contNewsletter
{
    float: left;
    width: 250px;
    padding: 0 0 35px 0;
    position: relative;
}

.contNewsletter .title
{
    float: left;
    width: 100%;
    margin: 0 0 3px 0;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0px;
    color: #fff;
}

.txtSignup
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 154px;
    height: 19px;
    padding: 4px 3px 3px 3px;
    background: #d4d4d5;
    border: 0px;
}

.txtSignup:focus
{
    background: #e8e8e9;
}

.btnSignup
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 93px;
    height: 26px;
}

.linkNL:hover
{
    cursor: pointer;
}