body{margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#666;}
h1{font:bold 22px Arial, Helvetica, sans-serif; color:#00df1f; margin:0 0 5px 0; padding:0;}
h2{font:bold 18px Arial, Helvetica, sans-serif;}
h3{font:bold 16px Arial, Helvetica, sans-serif;}
h4{font:bold 14px Arial, Helvetica, sans-serif;}
a{text-decoration:none; color:#687f98; border:none;}
a:visited{color:#687f98;}
img{border:none;}
.clear{clear:both;}
.error{font-weight:bold; color:#FF0000;}

/*-------------WRAPPER-----------------*/
/*#wrapper{width:766px; margin:47px auto 0 auto;}*/
#wrapper{width:766px; margin:27px auto 0 auto;}
#indexwrapper{width:766px; margin:0px auto 0 auto;}
#bannerArea {width:766px; margin:0 auto 0 auto; min-height:107px;}

#logo{height:60px; margin:0; padding:0;}

/*----------------------------------DROP DOWN NAV--------------------------*/
#menu{margin:20px 0 0 0px;}
#nav{margin:0 auto 0 auto; padding:0; background:transparent; height:17px; width:766px; clear:both; float:none;}
#nav, #nav ul{margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative;}
#nav a{color:#e12966; font:bold 1.0em Arial, "Times New Roman", Times, serif; display:block; border:none;  background:transparent; margin:0 10px 0 0; padding:0 0 0px 0;}
#nav a:hover{}
#nav li{float:left; position:relative; margin:0 10px; text-transform:uppercase;}
#nav li.last{float:right;}
#nav ul {position:absolute; display:none; padding:0px; width:120px; background-color:#0033FF; margin:0 0 0 -10px; padding:5px 0px; z-index:500; -moz-border-radius:10px; -webkit-border-radius: 10px; }
#nav ul li{padding: -10px 0 10px; margin:0px}
#nav li ul a{background-color:#0033FF; color:#00FFFF; width:100px; height:auto; float:left; font-size:11px; padding:3px 0px 3px 10px; margin:0 5px;}
#nav li ul a:hover{height:auto; float:left; color:#FFFFFF}
#nav li ul a:hover #nav a{color:#333; border-bottom:2px solid #cdcdcd;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav li a.headernav_color_1{color:#e12966;}
#nav li a.headernav_color_2{color:#2e49ad;}
#nav li a.headernav_color_3{color:#7f5a3b;}
#nav li a.headernav_color_4{color:#821e19;}
#nav li a.headernav_color_5{color:#3a869c;}
#nav li a.headernav_color_6{color:#04fcff;}
#nav li a.headernav_color_7{color:#00a17e;}

/*-------------IMAGE FADE---------------*/
#fadeShow{width:766px; margin:0;padding:0; height:480px;}
#fadeShow img{display:none;	position:absolute; z-index:100;}

/*----------------SIDE NAV------------------*/
#sideNav{width:126px; float:left; margin:10px 0 0 0px;}
#sideNav h3{color:#2e49ad; font:14px Arial, Helvetica, sans-serif; margin:5px 0 15px 10px;}
#sideNav ul{margin:0 0 0 10px; padding:0; list-style:none;}
#sideNav ul li{margin:8px 0; }
#sideNav ul li a{color:#687f98; }

/*-------------PRODUCT PAGES--------------*/
#products{width:640px; float:left; margin:20px 0 0 0;}
#products .product{display:inline; float:left; width:205px; margin:0 3px; height:250px;}
#products .product .productImage{}
#products .product .productName{text-align:center; width:205px;}

/*-------------PRODUCT--------------------*/
#fullProduct{border:1px solid #CCC; width:764px; }
#fullProduct #fullProductImg{float:left; width:370px; padding:10px 5px 5px 0px;}
#fullProduct #productDesc{float:left; width:350px; padding:10px 5px 5px 0px;}
#fullProduct h2{font:bold 16px Arial, Helvetica, sans-serif; color:#3a869c; margin:16px 0 1px 0; padding:0;}
#fullProduct .price{font:14px Arial, Helvetica, sans-serif;}
#fullProduct .priceStrike{font:14px Arial, Helvetica, sans-serif; text-decoration:line-through;}
#fullProduct .onSale{font:bold 14px Arial, Helvetica, sans-serif; color:#FF0000; clear:both; display:block; margin:3px 0;}
#fullProduct .salePrice{font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none;}
#fullProduct .prodTitle{width:100%; padding:0 0 10px 0; border-bottom:1px solid #ccc;}
#productDesc .desc{border-bottom:1px solid #ccc; width:100%; padding:0 0 10px 0; }
#productDesc p{padding:0; margin:0px 0; line-height:18px;}
#productDesc p{margin:15px 0 15px 0; padding:0;}
.prodColors{margin:10px 0 0 0; padding:0 0 10px 0; border-bottom:1px solid #ccc;}
.prodColors span{font-size:10px;}
.prodColors h4{display:inline; text-transform:uppercase; margin:0 5px 0 0; padding:0;}
.prodOptions .field{margin:10px 0;}
.prodOptions .field label{display:block; width:75px; float:left; margin:3px 0 0 0; line-height:12px; text-transform:uppercase; font:10px Arial, Helvetica, sans-serif;}
.prodOptions .field input{font:11px Arial, Helvetica, sans-serif;}
.prodOptions .field a{font:10px Arial, Helvetica, sans-serif; margin:0 0 0 10px;}
.prodOptions .field select{font:11px Arial, Helvetica, sans-serif;}
.prodOptions input.submit{float:right;}
.colorList .colorImg {display:block; float:left; text-align:center; margin:5px 0 0 0; padding:0; width:85px;}
.colorList .colorImg img{margin:5px 0 0 0; padding:0;}
.colorList .colorImg a{margin:0; padding:0;}
.colorList .colorImg p{margin:0; padding:0; font-size:10px;}
.colorName { font-size: 10px; margin-bottom:5px; }

/*------------------SIZE CHART--------------------*/
#sizeChart{display:none; position:absolute; z-index:100; padding:10px 0px; top:50%; left:50%; width:810px; margin:-200px 0 0 -400px;} 
#sizeChartTop{background:url(../images/sizeChartTop.png) no-repeat 0 0; width:810px; margin:0; padding:0; height:30px;}
#sizeChartTop #exitButton{background:url(../images/exitButton.png) no-repeat 0 0; float:right; display:block; margin:5px 10px 0 0; padding:0; height:22px; width:21px;}
#sizeChartContent{background-color:#FFF; width:808px; border-left:1px solid #687f98; border-right:1px solid #687f98; overflow:auto; height:400px; padding:0; margin:0;}
#sizeChartBottom{background:url(../images/sizeChartBottom.png) no-repeat 0 0; width:810px; margin:0; padding:0; height:30px;}


/*------------------CART--------------------*/
#cartWrap{width:764px; margin:40px 0 0 0;}
#cartWrap table thead tr th{background-color:#d9e5f9; border-bottom:1px solid #9a9a9a; margin:0; color:#000; padding:3px;}
#cartWrap table thead{margin:0 0 5px 0;}
#cartWrap table tbody tr td{color:#000;}
.quantityInput{width:40px;}
.cartQuantity{width:4.7em;}
#cartTable tfoot{color:#000;}
#cartTable tfoot tr#subTotalRow td {border-top:1px solid #CCC; margin:10px 0 0 0; padding:10px 0 0 0; }

/*------------------FOOTER---------------*/
#footerNav{margin:40px 0 20px 0;}
#footerNav ul{list-style:none; margin:0; padding:0;}
#footerNav ul li{display:inline; margin:0px 3px; padding:0; font:11px "Tahoma", Arial;; color:#687f98;}
#footerNav ul li a{color:#687f98;}
#footerNav p{font:11px "Tahoma", Arial; color:#666; margin:5px 0; padding:0;}
#footerNav p a{color:#687f98;}
#footer{clear:both; margin:10px auto; font-size:9px;}
#footer a{color:silver; }
#footer a:hover{color:#687f98;}

/*---------------------INFO PAGES----------------*/
#infoWrap{width:620px; float:left; color:#687f98;}
#infoWrap a:hover{text-decoration:underline;}

/*---------------------NEWS PAGES----------------*/
#newsWrap{width:620px; float:left; color:#687f98;}
#newsWrap a:hover{text-decoration:underline;}
#newsWrap h2{font-size:18px; margin:0; padding:0;}
#newsWrap h4{font-size:12px; margin:0; padding:0;}


/*-----------------------DYNAMIC TABLES-----------------------*/
.dynamForm table th{padding:5px 10px 0 0; vertical-align:top; text-align:right;}
.dynamForm table td{padding:5px 10px 0 0;}
.dynamForm .check {display:none;}
.dynamForm p.requiredTxt{text-align:left;}
.dynamForm table td.inputRow input, .dynamForm td.inputRow textarea{padding:3px;}

/*----------------CLEARFIX---------------*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*---------------------SIGN IN-----------------------------*/
#signInWrap{margin:10px 0 0 0; font:11px Arial, Helvetica, sans-serif;}
#signInWrap input, #signInWrap select {font:11px Arial, Helvetica, sans-serif;}
#signInOptions a{font:13px Arial, Helvetica, sans-serif;}
#signInForm{margin:10px 0 0 0;}
#signUpForm{margin:10px 0 0 0;}


/*---------------------CHECK OUT ---------------------------*/
.checkoutForm {font:11px Arial, Helvetica, sans-serif; margin:10px 0 0 0;}
.checkoutForm input, .checkoutForm select {font:11px Arial, Helvetica, sans-serif;}

/*---------------------NEWS PAGE----------------------------*/
#newsList{margin:0 0 0 25px; padding:0; list-style:none;}
#newsList li{margin:0 0 15px 0; padding:0; border-bottom:1px inset #c4c4c4;}
#newsList li .date{font-style:italic; font-size:10px;}
#newsList li .headline{font:bold 16px Arial, Helvetica, sans-serif;}
#newsList li p{margin:0 0 0 10px; padding:0; display:block;}


#newsSide .sideHeadline{font:12px Arial, Helvetica, sans-serif; display:block; width:100px;}
.sideNewsDate{font-size:9px; display:block; text-transform:lowercase; font-style:italic;}
#newsWrap {margin:0 0 0 20px; width:620px;}
#newsWrap h2{font:18px Arial, Helvetica, sans-serif;}

/*------------------PHOTO GALLERIES------------------------*/
.galleryLink{padding:5px 20px; text-align:center;}
.galleryLink img{border:3px solid #242424;}
.galleryLink img:hover{border:3px solid #0066FF;}
.galleryLink span{display:block;}