/* CSS Document */


html, body {
height: 100%;
margin: 0;
padding: 0;
color:#666;
font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif,"Bitstream Vera Sans";
font-size:11px;
text-align:left;
line-height:1.3em;
background:#87ddf8 url(../images/bg.jpg) top repeat-x;
}

a {outline:none;}

#masthead{
padding:10px 0 0 0;
height: 66px;
}

#logo {
background: transparent;
position:relative;
width:960px;
height:66px;
margin:0 auto;
text-align:center;
}



/* MAILCHIMP SIGNUP FORM
-------------------------------------------*/

#mc_embed_signup {
	/* height: 200px; */
	/* border: 1px solid red; */
	margin: 5px 0 60px 0;
	padding: 0 /* 10px 10px 0pt 0pt */;
	/*
float: right;
	display: block;
*/
}
#mc_embed_signup fieldset {
	/* position: relative; */
}
#mc_embed_signup legend {
	position: absolute;
	top: -1em;
	left: .2em;
}

.mce-inline-error {color: red;}



fieldset { border: 0; padding: 0; margin: 0; }

form {}



/* AJAX ROTATOR
-------------------------------------------*/

#rotator {
border: 1px solid #000;
cursor: pointer;
overflow: hidden;
margin: 50px auto 10px;
position: relative;
width: 950px;
height: 633px;
}

#rotator img {
border: 0;
cursor: pointer;
width: 950px;
height: 633px;
}



/* MENU 
-------------------------------------------*/

#menu ul{
width:920px;
text-align:center;
list-style: none;
margin: 0 0 0 0;
padding: 30px 0 10px 0;
border-bottom: 1px solid #dcdcdc;
}

#menu ul li{
display: inline;
width: auto;
margin: 0 9px 0 9px;
padding: 0;
color: #a6a6a6;
background: transparent;
}

#menu ul li a{
font-family: Lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
vertical-align: bottom;
text-transform: uppercase;
color: #a6a6a6;
text-decoration: none;
}

#menu ul li a:hover{
color:#333;
text-decoration: none;
}

#menu ul li.divider{
color:#dcdcdc;
font-size:14px;
text-decoration: none;
}



/* TEXT
-------------------------------------------*/

h1{
margin: 5px 15px 20px 0;
padding:0;
letter-spacing:-.5px;
font: 28px/30px "Times New Roman", Times, serif;
color:#333;
}

h2{
margin: 30px 0 10px 0;
padding:0;
letter-spacing:-.5px;
font: 24px/24px "Times New Roman", Times, serif;
color:#999;
}

h3{
margin: 0 0 -5px 5px;
/*margin:30px 0 12px 0;*/
padding:0;
letter-spacing:-.5px;
font: 20px/20px "Times New Roman", Times, serif;
color:#999;
}

h4{
margin: 30px 0 5px 0;
padding: 0;
font: 20px/22px Georgia, serif;
color: #38C6F4;
text-transform: none;
}

h5{
margin: 0 0 5px 0;
padding: 0;
font: 16px/16px helvetica, verdana, arial, sans-serif;
color: #999;
}

p.title {
font-family:georgia, serif;
font-size:1em;
font-style:italic;
letter-spacing:-0.08em;
font-weight:300;
color:#171821;
background:transparent;
}

p{
font-size: 11px;
letter-spacing: .5px;
line-height: 1.6em;
margin: 5px 60px 0 0;
}

p a{
color: #38C6F4;
font-weight: bold;
text-decoration: none;
}

p a:hover{
/* text-decoration: underline; */
color: #666;
}

p.price{
font-size: 12px;
letter-spacing: normal;
font-weight: bold;
color: #38C6F4;
margin: 10px 0 10px 0;
}

p.price a{
text-transform: uppercase;
margin-left: 10px;
}

p.sold{
font-size: 12px;
letter-spacing: normal;
font-weight: bold;
text-transform: uppercase;
color: #FF4571;
margin: 10px 0 10px 0;
}

ul {
list-style-image: url(../images/bullet.jpg);
}

ul li {
margin: 10px 0 5px 0;
}

ul li a{
font-family: Lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
vertical-align: bottom;
text-transform: uppercase;
color: #a6a6a6;
text-decoration: none;
}

ul li a:hover{
color:#333;
text-decoration: none;
}

p.posted {
background: transparent url(../images/bullet.gif) no-repeat top left;
padding: 0 0 0 20px;
margin: 0 0 5px 5px;
}

p.posted a{
font-family: Lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #38C6F4;
text-decoration: none;
}

p.posted a:hover{
color: #666;
text-decoration: none;
}


div.clear{
display:block;
clear:both;
}



/* PRODUCT THUMBNAILS 
-------------------------------------------*/

.pagenumbers {
font-weight: bold;
letter-spacing: .5px;
font-size: 11px;
float: right;
margin: 15px 20px 15px 0;
}

.pagenumbers a{
color: #6cd7fa;
text-decoration: none;
}

.pagenumbers a:hover{
color: #666;
}

#divRelItems {
float:left;
margin:0 0 0 20px;
}

.relItemsHolder {
margin:0px;
padding:0px;
width:920px;
/*border: 1px solid black;*/
}

/*
.relItemsHolder table {
background-color:#f3f3f3;
}
*/

#thumbs {
float: right;
margin-right: 5px;
/* border: 1px solid black; */
}

.thumb {
margin: 10px 0 0 10px;
background:white;
/* padding:3px; */
border:1px solid #e2e2e2;
/* border: 0; */
}

.thumb a{
margin: 10px 0 0 10px;
background:white;
/* padding:3px; */
border:1px solid #e2e2e2;
/* border: 0; */
}

.thumb a:hover{
margin: 10px 0 0 10px;
background:white;
/* padding:3px; */
border:1px solid #38C6F4;
/* border: 0; */
}

#thumbDescription {
margin: 6px 0 0 8px;
font-size: 11px;
}

#thumbDescription a{
font-size: 12px;
font-weight: bold;
color: #04b7f1;
text-decoration: none;
text-transform: uppercase;
}

#thumbDescription a:hover{
color: #000;
}

td {
vertical-align: top;
}


.productimage {
margin: 30px 0 0 0;
background:white;
padding:6px;
/* border:1px solid #e2e2e2; */
border: 0;
}



/* GENERAL 
-------------------------------------------*/

.imgborder {
background:white;
padding:6px;
border:1px solid #e2e2e2;
}

.tnborder img{border: 1px solid #ffffff;}

.tnborder:hover img{border: 1px solid #356aa0;}

.tnborder:hover{color: blue; /* irrelevant definition to overcome IE bug */}

input, select, textarea {
	margin: 5px 0;
	padding: 1px 0 3px 0;
	color: #6A6969;
	border: 1px solid #999;
}

input.contact {
background: #ffffff;
border: 1px solid #999;
padding: 1px 0 3px 0;
}

/*
.textarea {
background: #ffffff;
border: 1px solid #999;
padding: 1px 0 3px 0;
}
*/
	
input.button {
font-family: helvetica, verdana, arial, sans-serif;
font-size: 12px;
background: #74d7f7;
border: 1px solid #ffffff;
color: #ffffff;
font-weight: normal;
cursor: pointer;
outline: none;
padding: 3px 2px 2px 2px;
margin: 0 0 0 0;
}

input.button a{ outline: none; }

.hide{position:absolute;left:-9999px;text-align:left;clear:both;}



/* MAIN CONTAINERS
-------------------------------------------*/

#container{
font-size:0.8em;
}

#mainpanel{
position:relative;
width:960px;
margin:15px auto;
padding-bottom:90px;
text-align:left;
background-color:#FFFFFF;
/*border: 1px #ffffff solid;*/
}

#mainpanelSplash{
position:relative;
width:950px;
height:633px;
margin:15px auto;
/*padding-top: 5px;*/
padding-bottom: 5px;
text-align: center;
background-color:#fff;
/*border: 1px #ffffff solid;*/
}


/* LEFT COLUMN
-------------------------------------------*/

.leftcol{
float:left;
margin-top:0;
width:472px;
/*border:1px #ff0000 solid;*/
}

.photocaption {
margin: 5px 10px 0 0;
font-size: 10px;
text-align: right;
font-weight: bold;
color: #ccc;
font-style:italic;
}

.photocaption a{
color: #ccc;
}

.leftcol ul{
margin-top: -12px;
}

.leftcol ul, .leftcol dl {
list-style:bullet;
padding:1em 0 1em 20px;
}

.leftcol ul li{background: url(../images/bullet.jpg);}
.leftcol ul li a{color:#356aa0;font-weight:bold;}
.leftcol ul li a:hover{color: #333333;font-weight:bold;}
.leftcol ul li a{color:#366BA1;}
.leftcol ul li a:hover{color:#333333;}
.leftcol ul li em{font-size:0.9em;}
.leftcol ul li a.thumbimg{border:0;margin-right:11px;}
.leftcol ul li a.thumbimg img{/*vertical-align:middle;margin:0.5em 0;*/}
.leftcol ul li img{border:0;}
.leftcol ul li em{font-size:0.9em;}



/* SINGLE COLUMN
-------------------------------------------*/


#singlecolSplash{
/*float:right;*/
position: relative;
width:950px;
height:633px;
padding-top:5px;
padding-bottom:5px;
/*margin-top:5px;*/
background: transparent;
/*border:1px #000 solid;*/
}

#singlecol{
/*float:right;*/
position: relative;
margin-top:50px;
width:960px;
background: transparent;
/*border:1px #000 solid;*/
}

#singlecol h1{
margin: 0 0 0 30px;
}


/* RIGHT COLUMN
-------------------------------------------*/

#rightcol{
float:right;
margin-top:50px;
width:450px;
background: transparent;
/*border:1px #ffff00 solid;*/
}

#button {
margin: 5px 0 0 0;
}

#button a{ outline: none; }

#info {
width: 400px;
border-top: 1px solid #eee;
margin-top: 30px;
padding-top: 15px;
}

#disclaimer {
width: 400px;
border-top: 1px solid #eee;
margin-top: 30px;
padding-top: 15px;
}

#disclaimer p{
font-size: 10px;
letter-spacing: .5px;
line-height: 1.8em;
color: #999;
}

#disclaimer p a{
color: #5bd2f8;
}

#disclaimer p a:hover{
text-decoration: none;
color: #999;
}

#disclaimer p.title{
font-size: 16px;
font-style: italic;
font-family: Georgia, serif;
color: #999;
line-height: 1em;
}

blockquote {
width: 300px;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
color: #ccc;
font-family: georgia,serif;
font-size: 14px;
font-style: italic;
line-height: 1.8em;
padding: 25px 0 25px 0;
text-align:center;
}

/*#blockquote {
width: 300px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #999;
text-align: center;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding-top: 30px;
padding-bottom: 30px;
}*/

#info p{
color: #999;
}



/* RIGHT COLUMN for SPLASH PAGE
-------------------------------------------*/

#rightcolSplash{
float:right;
margin-top:50px;
width:470px;
background: transparent;
/*border:1px #ffff00 solid;*/
}

#rightcolSplash h1{
margin: 0 0 5px 0px;
}

#rightcolSplash h2{
margin: 0 0 -5px 5px;
}

#comingsoon {
float: right;
width: 360px;
color: #ccc;
font-family: georgia,serif;
font-size: 18px;
font-style: italic;
line-height: 1.8em;
padding: 25px 0 0 0;
text-align:center;
}

.sub {
color: #74d7f7;
font-family: helvetica, verdana, arial, sans-serif;
font-size: 14px;
line-height: 1.8em;
text-align:center;
}

#rightcolSplash p{
font-size: 11px;
letter-spacing: .02em;
line-height: 1.6em;
margin: 10px 60px 0 0;
}

#rightcolSplash p a{
color: #74d7f7;
font-weight: bold;
text-decoration: none;
}

#rightcolSplash p a:hover{
/*text-decoration: underline;*/
color: #999;
}

#rightcolSplash p.price{
font-size: 12px;
letter-spacing: normal;
font-weight: bold;
color: #999;
margin-top: 20px;
margin-bottom: 10px;
}

#rightcolSplash p.price a{
text-transform: uppercase;
margin-left: 10px;
}




/* FOOTER
-------------------------------------------*/

#footerblock{
text-align:center;
width:900px;
float:none;
font-size:10px;
background:transparent;
border:1px solid black;
}

#footer{
position:relative;
width:900px;
padding-bottom: 30px;
margin:10px auto;
text-align:center;
font-size:9px;
color:#666;
}

#footer a{
color:#666;
text-decoration:none;
}

#footer a:hover{
color:#333;
text-decoration:none;
}

.footerleft{
float:left;
width:400px;
}

#footerleft p{
margin:0;
padding:0.5em 0 0.5em 0;
color:#666666;
}

#footerright {
float:right;
width:400px;
text-align:right;
margin:-25px 2px 0 0;
color: #666666;
}

#footerright a{
color: #7da8d4;
text-decoration: none;
}

#footerright a:hover{
color: #356aa0;
}