#container {
font-size: 70%;
font-family: arial;
color: white;
text-align : left;
padding-bottom: 20px;
}

#glass_storm {
padding-bottom: 15px;
}

/*
======================================
==============TAGS====================
======================================
*/




h1 {font-size: 1.9em;}
h2 {font-size: 1.4em; margin-top: 14px; margin-bottom: 2px;}
h3 {font-size: 1.1em; margin-top: 0;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: .9em;}

.lhs a, .rhs a {color: white; text-decoration: none;}
.lhs a:hover, .rhs a:hover {color: #FFF333;}

.credits a {color: white; text-decoration: none;}
.credits a:hover {text-decoration: underline;}

.content a {color: white;}
.content a:hover {color: #FFF333;}

a#back {
float: right;
}

/*
======================================
============== CLASSES ===============
======================================
*/

.lhs {
padding-top: 34px;
padding-right: 35px;
}

.sidespacer {
width: 124px;
line-height: 1px;
}

#spacer {
width: 442px;
line-height: 1px;
font-size: 1px;
}

.content {
color: white;     
padding-top: 20px;
padding-bottom: 35px;
line-height: 150%;
}

.productscontent {
padding-bottom: 35px;
line-height: 150%;
}

.rhs {
padding-left: 35px;
padding-top: 34px;
}

.photo {
border: 0;
padding-bottom: 20px;
}

.photo img{
border: 0;
}

.credits {
color: #d2d2d2;
font-size: 11px;
text-align: center;
line-height: 150%;
border-top: 1px solid #d2d2d2;
padding-top: 15px;
}


.choosepic {
padding: 12px 0;
text-align: right;
border-top: 1px dashed grey;
}

.choosepic img {
margin-top: 10px;
border: 0;
}

.row0 {
}

.row1 {
}

/* Used on the stats page to create graphs */
.graphbar {
background-color: #ddddff;
border: 1px solid navy;
}

#sitemap ul li {
margin-top: 4px;
}

/*
======================================
product pages styles
======================================
*/

#prodgrid {
width: 254px;
float: left;
}

#prodgrid span {
display: hidden;
}

.prodthumb {
float: left;
margin-bottom: 3px;
margin-right: 3px;
width: 60px;
height: 60px;
overflow: hidden;
}

.prodpix {
border: 1px solid black;
opacity: 0.5;
}

img.prodpix:hover, #active .prodpix {
border: 1px solid white;
opacity: 1;
}

.dummypic {
border: 1px solid black;
}

#prodinfo {
width: 474px;
float: left;
padding-left: 28px;
font-size: 11px;
}

.photolink img{
opacity: 0.7;
}

.photolink img:hover, #active .photolink img {
opacity: 1;
}

.singlemainimg {
text-align: center;
}

/*
======================================
form styles
======================================
*/

.theform {
width: 478px;
padding: 0;
margin: 0;
margin-top: 25px;
}

.input, .textarea, .select {
width: 300px;
padding: 0;
margin; 0;
}

.col1 {
width: 155px;
display: block;
float: left;
font-weight: bold;
}

.row {
margin-bottom: 7px;
}


.theform fieldset {
border: 0;
border-top: 1px solid white;
}

.theform legend {
padding-left: 5px;
margin-bottom: 10px;
font-weight: bold;
font-size: 13px;
color: #ffffff;
}

.submit {
width: 305px;
margin: 0;
padding: 0;
}

 .submitbox {
text-align: right;
}

/*
======================================
online shop styles
======================================
*/

.shopprod {
padding-bottom: 20px;
}

.shopprodimg {
float: right;
}

.shoptext {
border-bottom: 1px solid #979797;
padding-bottom: 15px;
}

.shopoptions {
border-bottom: 1px solid #979797;
width: 607px;
margin-top: 6px;
}

.shopoptions select, .shopoptions input, .shopoptions form {
margin: 0;
padding: 0;
}

.shopoptions select {
margin-right: 30px;
margin-bottom: 6px;
background: black;
color: white;
border: 1px solid white;
}

.prodselect {
width: 120px;
}

.buybutton {
float: right;
}

.shopselects {
text-align: right;
display: block;
width: 235px;
float: right;
}

.cost {
padding-top: 15px;
}

.indiv {
width: 552px;
float: right;
}

.price {
font-weight: bold;
float: left;
width: 50px;
}

.shoptext {
width: 607px;
}

.clearing {
clear: both;
}