/* -------------------------------------------------------------- 
	Resets default browser CSS
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Alisa: so the centered page wouldn't shift if the content is shorter than viewport */
html {
	overflow: scroll;
}

/* -------------------------------------------------------------- 
   typography
-------------------------------------------------------------- */
body {
	font-size: 62.5%; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;  
	line-height: 1.3;
	color: #4c4c4c; 
}

h2, h3, h4, h5, h6, p {margin-bottom: 15px;}
h2 {font-size: 1.5em; text-transform: uppercase; line-height: normal;}
.content h2 {/*margin-left: 6px;*/}
.maincontent h2 {
	margin-left: 0;
}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
p, ol, ul, dl, table {font-size: 1.1em; }
ol p, ul p, dl p, fieldset p {font-size: inherit; margin: 0;} 
table p {font-size: 1.1em; margin-bottom: 5px;}
ol, ul, dl {margin: 0px 0px 15px 25px;}

h3 span a {
	font-weight: normal;
	margin-left: 5px;
	font-size: 90%;
}

img {margin-bottom: 15px;}
img {vertical-align: bottom;}
p img {float: left; margin-right: 15px; margin-bottom: 10px;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}
li {margin-bottom: 5px;}
dt {font-weight: bold;}

a {color:#808080; }/*took out text underline*/
a:focus, a:hover {text-decoration: none;}
strong {font-weight: bold;}
em {font-style: italic;}

/* -------------------------------------------------------------- 
 Some default classes
-------------------------------------------------------------- */
.top {margin-top:20px;}
.bottom {margin-bottom:0; padding-bottom:0;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.hide {
	position:absolute;
	left:-9990px;
	top:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.invisible {
	visibility: hidden;
}
.divider {
	border-bottom: 1px solid #eeeeee;
	height: 1px;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
}


.sidecontent .divider {
	margin-right: 0px;
	margin-top: 9px;
	margin-bottom: 10px;
}

.sidecontent .divider {
	margin-top: 8px;
}

/*Safari hack
http://www.stormdetector.com/hacks/safarihack.html
*/
/*\*/
html*.sidecontent .divider  {
[margin-top: 9px;
margin-top: 8px;
]margin-top: 9px;
}/*Safari hack end*/



.column {
	float: left;
}

/* --------------------------------------------------------------  
	=Layout 
-------------------------------------------------------------- */
.container {
	width: 930px;
	margin: 17px auto 0 auto;	/*2010-01-14: to center the page, eric*/
	background: #fff;
	overflow: hidden;
}

.content {	
	float: left;
	width: 925px;
	margin-bottom: 60px;
	min-height: 500px;
	_height: 500px;
	margin-left: 6px;
	
}

.maincontent {
	width: 763px;
	float: right;
}

.sidecontent {
	width: 151px;
	float: left;
	_width: 150px;
}

.sidecontent h2, .sidecontent ul {
	/*margin-left: 6px;*/
}

.sidebar {
	display: none;
}

/* =threecolumn 
-------------------------------------------------------------- */
.threecolumn .contentwrap {

}

/* =onecolumn 
-------------------------------------------------------------- */
.onecolumn .content {
	
}


/* =header 
-------------------------------------------------------------- */
.header {margin-bottom: 5px; float: left; width: 100%;}
.logo {margin: 0px 0 10px 0; float: left; width: auto;}
.logo img {margin: 0;}

.header a {text-decoration: none;}
.header a:hover {text-decoration: underline;}

.breadcrumbs {
	color: #999999;
	clear: left;
	padding-top: 3px;
	margin-bottom: 3px;
	font-size: 1em;
	margin-left: 6px;
}
.breadcrumbs a {
	color: #999999;
}


/* =topsearch 
-------------------------------------------------------------- */
.topsearch {
	width: 258px;
	float: right;
	display: inline;
	position: relative;
}

.topsearch fieldset {
	float: left;
	display: inline;
	margin: 0;
	
}

.topsearch .text {
	background: url(../images/search_box.gif) no-repeat;
	width: 200px;
	height: 28px;
	border: none;
	text-transform: uppercase;
	color: #bababa;
	font-weight: bold;
	padding-left: 11px;
	padding-top: 11px;
	padding-bottom: 1px;
	font-size: 13px;
}


.topsearch fieldset.submit {
	float: right;
}

.topsearch p {
	clear: both;
	text-align: right;
	margin-bottom: 4px;
	padding-top: 1px;
}

#topSearches {
	clear: both;
	color: #BABABA;
	text-decoration: underline;
	margin-right: 50px;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
}

#topSearches:hover {
	text-decoration: none;
}

#topSearchPop {
	top: 59px;
	right: 46px;
	width: 295px;
}

#topSearchPop .column {
	width: 38%;
	display: inline;
	float: left;
}

#topSearchPop ul.firstcol {
	margin-left: 36px;
	display: inline;
	width: 40%;
}

#topSearchPop ul {
	margin-left: 10px;
	font-size: 1.3em;
	line-height: 1.5;
}

#topSearchPop li {
	list-style: none;
	margin-bottom: 2px;
	padding: 0;
	position: static;
}

#topSearchPop a {
	color: #808080;
}

#topSearchPop a:hover {
	color: #00adee;
	text-decoration: none;
}

/* popup */
.popup {
	background: url(../images/pop_bg.png) no-repeat;
	_background: url(../images/pop_bg.gif) no-repeat;
	position: absolute;
	padding-top: 5px;
	display: none;
	z-index: 1000;
	width: 295px;
}

.popup .bottom {
	clear: both;
	background: url(../images/pop_bg.png) left bottom no-repeat;
	_background: url(../images/pop_bg.gif) left bottom no-repeat;
	height: 10px;
	margin-bottom: -10px;
	position: relative;
}

.close, .topsearch p.close, .content p.close {
	clear: both;
	text-align: right;
	margin-bottom: 5px;
	color: #bababa;
	text-decoration: underline;
	margin-right: 10px;
	cursor: pointer;
	font-size: 9px !important;
}

.close:hover {
	text-decoration: none;
}

.popup h2 {
	font-size: 1.1em;
	margin: 0 10px 10px 20px;
	line-height: 1;
	text-transform: none;
}

.popup h3 {
	font-size: 1em;
	margin: 0px 0px 2px 0px;
	line-height: 1;
}

.popup table {
	margin: 0 10px;
}

.popup fieldset  {
	margin: 0 10px;
}

.popup .label {
	float: none;
	width: auto;
}



.popup input.text {
	float: none;
	width: 214px;
	background-image: url(../images/text_box-4.gif);
}

.popup .textarea {
	height: 89px;
	width: 214px;
	background: url(../images/textarea-5.gif) no-repeat;
	border: none;
}

.popup input.zip {
	width:80px;
}

.popup .error {
	top: 20px;
	right: 15	px;
}
/* utility nav */
.utilitynav {
	float: right;
	margin-top: 25px;
	position: relative;
	z-index: 100;
}

.utilitynav li {
	margin-bottom: 0;
}

#cart img {
	margin: -5px 0 3px 0;
	position: relative;
}

#cartPop {
	top: 20px;
	right: -1px;
	width: 295px;
	z-index: 3;
}

#cartPop table img {
	margin-bottom: 30px;
}

#cartPop table {
	margin-top: 12px;
	margin-bottom: 10px;
}

.checkout {
	text-align: right;
	margin: 0 10px 10px 10px;
	clear: both;
}

p.total {
	text-align: right;
	margin: 0 10px 5px 10px;
	background: url(../images/total_bg.gif) right top no-repeat;
	padding: 0px 5px 0px 0px;
	float: right;
	width: 127px;
	color: #4c4c4c;
	font-weight: bold;
	display: inline;
}

p.total .term {
	background: url(../images/total_bg.gif) left top no-repeat;
	padding: 5px 5px 5px 10px;
	float: left;
}

p.total .value {
	padding-top: 4px;
	float: right;
}
	

/* top nav */
.topnav {
	text-transform: uppercase;
	float: right;
	margin: 0;
	display: inline;
	font-size: 1.4em;
}

.topnav li {
	list-style: none;
	float: left;
	padding-right: 20px;
	font-weight: bold;
}

.topnav a {
	color: #bababa;
}

.topnav a:hover {
	color: #4c4c4c;
	text-decoration: none;
}

/* account nav */
.actnav {
	float: right;
	margin: 2px 0 0 0;
	font-size: 1.2em;
}

.actnav li {
	list-style: none;
	float: left;
	display: inline;
	font-weight: bold;
	color: #bababa;
}

.actnav li#myaccount {
	margin-right: 3px;
	padding-right: 3px;
	border-right: 1px solid #bababa;
}

.actnav li#login {
	margin-right: 5px;
}

.actnav a {
	color: #bababa;
}

.actnav a:hover {
	color: #4c4c4c;
	text-decoration: none;
}

/* =footer
-------------------------------------------------------------- */
/* removed for fall 2011 redesign
.footer {
	clear: both;
	padding-bottom: 10px;
	border-top: 2px solid #f3f3f3;
	margin-bottom: 150px;
}

.footer p {
	color: #999999;
	margin: 10px 0 0 5px;
	float: left;
	font-size: 1.2em;
	padding-top: 10px;
}

.footer a {
	color: #999999;
	padding: 0 10px 0 10px;
	text-decoration: none;
}

.footer a:hover {
	color: #4D4D4D;
}*/

p.share {
	text-align: center;
	float: none;
	clear: both;
	margin-top: 0;
	padding-top: 10px;
}
.share a {
	padding: 0;
}
.share img {
	margin: 0 19px 0 0;
	float: none;
}

/* =newsignup */
.newsignup {
	width: 315px;
	float: right;
	display: inline;
	margin-top: 15px;
}

.newsignup fieldset {
	float: left;
	display: inline;
	margin: 0;
}

.newsignup .text {
	background: url(../images/text_box.gif) no-repeat;
	width: 221px;
	height: 18px;
	border: none;
	color: #bababa;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 1em;
}


.newsignup fieldset.submit {
	float: right;
	margin-right: 18px;
	display: inline;

}

.newsignup .message {
	font-size: .9em;
	font-weight: bold;
	margin: -13px 0 0px 0;
	padding: 0;
	color: #00adee;
}

.newsignup .error {
	color: #ec1c24;
}

/* -------------------------------------------------------------- 
 =forms
-------------------------------------------------------------- */
form fieldset {margin: 0 0 17px 0;}

legend {
	/*color: #bababa;*/
	font-size: 1.3em;
	font-weight: bold;
}

.jNice legend {
	color: #bababa; 
}

form fieldset.submit {margin-top: 0;}

form ol {margin: 0;}

form li {
	margin-bottom: 10px;
	padding-top: 15px; 
	list-style: none;
	clear: both;
	float: left;
	width: 100%;
	position: relative;
}

form li.nopad {
	padding-top: 5px;
}

form li.column {
	clear: none;
	width: auto;
}

label {
	font-size: 1.2em;
}

.label {
	display: block;
	line-height: 24px;
}

.error, .error p {
	color: #ec1c24;
}



.error a {
	color: #ec1c24;
}

span.error {
	position: absolute;
	top: 22px;
	right:0;
	color: #ec1c24;
	font-size: .9em;
	font-weight: bold;
}

span.error2 {
	top: 17px;
	right:0;
	
}



input.text, select, textarea {
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;

}

textarea {
	border: 1px solid #c7c7c7;

}

input.text {
	width: 218px; 
	background: url(../images/text_box-2.gif) no-repeat; 
	border: none; 
	height: 20px;
	padding-top: 4px;
	padding-left: 9px;
}

input.mediumtext {
	width: 152px;
	background: url(../images/text_box-3.gif) no-repeat;
}
.textarea {width: 261px;
	padding-top: 3px;
	padding-left: 9px;}
.select {width: 264px;}
input.largetext, .largeselect, .largetextarea {width: 300px;}
.mediumselect, .mediumtextarea {width: 156px;}
input.smalltext, .smallselect {width: 100px;}


input.quantity, .popup input.quantity {
	width: 38px;
	background-image: url(../images/text_box-qty.gif);
	padding-left: 0;
	text-align: center;
}

.state {
	width: 163px;
}

.month {
	width: 125px;
	width: 135px;
}
.year{
	width: 70px;
	width: 80px;
}
.day {
	width: 70px;
	width: 80px;
}

select.auto {
	width: auto;
}

input.zip {
	width: 80px;
}

.textarea {height: 210px;}

input.button {
	padding: 0;
}

form .options {
	width: 30%;
	margin-left: 30px;
	overflow: hidden;
}

form .options li {
	float: left;
	margin-right: 10px;
	display: inline;
}

.checkbox, .radio {margin: 0 0 -2px 0;}

label.checkboxlabel, label.radiolabel {
	display: inline;
	margin-right: 0;
}

h2 .required, h3 .required {
	color: #bababa;
	font-size: .7em;
	margin-left: 1px;
	font-weight: normal;
	text-transform: none;
}

.confirmation {
	color: #00adee;
	clear: both;
	padding-top: 10px;
	float:right;
}

.confirmation h2 {
	margin-bottom: 0;
	margin: 0;
}

.confirmation p {
	margin-bottom: 0;
	color: #00adee;
}

.confirmation .large {
	font-size: 120%;
}

.popup .confirmation {
	width: 155px;
}

form a {
	color: #BABABA;
}

/* -------------------------------------------------------------- 
 =tables
-------------------------------------------------------------- */
table {clear: both;}

caption {
	text-align: left;
}

th {
	font-size: 1.23em;
	padding: 5px;
}

td {
	line-height: normal;
	padding: 5px;
	vertical-align: top;
}

.heading {
	text-align: left;
}

tr.alt td {
	background: #CCCCCC;
}

.price {
	font-weight: bold;
}


td.price {
	text-align: right;
	color: #808080;
}

table p.change {
	color: #DBDBDB;
}

.price .change {
	font-weight: normal;
	color: #bababa;
	margin-top: 15px;
	font-size: 1em;
}

.price .change a {
	color: #bababa;
	text-decoration: underline;
}

.price .change a:hover {
	text-decoration: none;
}

table img {
	margin-bottom: 5px;
}

table h3 {
	margin-bottom: 0px;
	line-height: 1;
}

/* -------------------------------------------------------------- 
	=Elements 
-------------------------------------------------------------- */
.sidenav {
	margin: 0;
	font-size: 1.3em;
	line-height: 1.5;
}

.sidenav li {
	list-style: none;
	margin-bottom: 2px;
	color: #4C4C4C;
}

.sidenav li.current, .sidenav li.current a {
	color: #00adee;
	text-decoration: none;
}

.sidenav li a {
	text-decoration: none;
	color: #808080;
}

.sidenav li a:hover {
	text-decoration: none;
	color: #00adee;
}


.kronikle, .resultscolumn .kronikle {
	padding-left: 32px;
	background: url(../images/kronikle.gif) left top no-repeat;
	min-height: 30px;
	height: 30px;
	margin-bottom: 20px;
	line-height: 30px;
}

.resultscolumn .kronikle {
	height: 30px;
	line-height: 1.2;
}

.rss, .resultscolumn .rss {
	padding-left: 32px;
	background: url(../images/rss.gif) 3px 5px no-repeat;
	min-height: 30px;
	height: 30px;
}

.sharethis a {
	background: url(../images/share-this.jpg) right center no-repeat;
	padding-right: 25px;
}

.alttitle {
	text-transform: none;
}

.eventtitle {
	text-transform: none;
	font-size: 2em;
	margin-bottom: 8px;
}
.extrabold {
	font-weight: bold;
	color: #eb008b;
	font-size: 2.5em;
}


/* SimpleModal 
-------------------------------------------------------------- */

/* Overlay */
#simplemodal-overlay {
	background: #ccc;
}
/* Container */
#simplemodal-container {

}
a.modalCloseImg {
	background:url(../images/close.gif) no-repeat;
	width:41px;
	height:14px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}
.modal {
	background: #fff;
	padding-top: 10px;
	width: 600px;
	overflow: hidden;
	_position: relative;
	min-height: 400px;
}

.modal h2 {
	color: #00ADEE;
	text-transform: uppercase;
	margin-left: 20px;
	margin-right: 20px;
}

.modal p {
	margin-left: 20px;
	margin-right: 20px;
}

#viewDetailModal {
	width: 740px;
}

.largedetail {
	width: 626px;
	margin: 10px auto;
}

.largedetail .carousel {
	width: 395px;
	margin: 0 auto;
}

ul.prodlist {
	margin: 0;
}

.prodlist li {
	list-style: none;
	float: left;
}


.prodlist li img {
	
}

.scrolling {
	clear: both;
	text-align: center;
}

p.scrolling img {
	float: none;
}

.detaildata {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
}

.detaildata p {
	float: left;
	margin: 0 0 2px 0;
	color: #808080;
	font-size: 1.2em;
}
.detaildata p.caption {
	float: right;
}


.morechoices {
	width: 97%;
	margin: 0 auto;
}

.morechoices li {
	margin-left: 5px;
	margin-right: 3px;
}

.back, .more {
	margin-top: 31px;
	font-size: 1.1em;
	width: 30px;
	display: inline;
}

.back {
	float: left;
	text-align: right;
	margin-right: 8px;
}

.more {
	float: right;
	text-align: left;
	margin-right: 5px;
}

/*box */
.box {
	background: url(../images/box-bg.gif) no-repeat;
	padding-top: 46px;
	margin-bottom: 20px;
	clear: both;
}

.empty {
	min-height: 200px;
	_height: 200px;
}

.box h3, .box img  {
	margin-left: 20px;
}

.box h3 {
	font-size: 1.5em;
	color: #888888;
}

.box .bottom {
	height: 10px;
	background: url(../images/box-bg.gif) left bottom no-repeat;
	clear: both;
}

/* information popup */
.infopop {
	background: #fff;
	padding-top: 10px;
	width: 600px;
	overflow: hidden;
	position: absolute;
	top: 17px;
	left: 0;
	min-height: 400px;
	border: 1px solid #898989;
	z-index: 100;
}

.infopop .close, #sizeChartPop img.close {
	float: right;
	display: inline;
	margin: 0 20px 0 0;
}

.infopop h2 {
	text-transform: uppercase;
	margin-left: 30px;
	margin-right: 25px;
	margin-top: 30px;
}

.infopop p {
	margin-left: 30px;
	margin-right: 20px;
	font-size: 1.2em;
}

.infopop h4 a {
	color: #BABABA;
	margin-left:5px;
	font-size: 9px;
}

.infopop img {
	margin-left: 20px;
}

.infopop ul {
	margin-left: 30px;
}

.infopop ul li {
	list-style: none;
	font-size:1.1em;
}

.infopop h3, .infopop h4 {
	margin-left: 30px;
	margin-right: 20px;
	margin-bottom: 2px;
}

.infopop .visual {
	float: left;
	width: 170px;
}

.infopop .description {
	margin-left: 170px;
}

#shipPolicyPop h2 {
	margin-top: 30px;
}

/* teasers */
.products td {
	padding: 0 14px 14px 0;
	color: #4c4c4c;
}

.products img {
	margin-bottom: 6px;
}

.products h3{
	margin-bottom: 0;
	font-size: 13px;
}
.content table.products p{
	font-size: 12px;
	line-height: 1.1;	
}