/*----------------Start Dock6 Template Styling------------------------------*/
body, html, div, p, span, a, ul, li, h1{

padding: 0;
margin: 0;

}

body{

background:  url(../images/cracked.png) left repeat-y #778899;	
font-family:Arial, Helvetica, sans-serif;

}

#logo{
position: absolute;
z-index: 3;
border: none;
}
#logo a, #logo img{

border:none;
}

#header{
height:10.5em;
background: url(../images/banner.jpg) left repeat-y #778899;
width: 52.8em;
margin:0 5% 0 5.6em;
clear:both;
position: relative;
border: thin solid #99aabb;
}

#brick{
width: 18em;
height: 9em;
background-image: url(../images/brick.png);
position: absolute;
}

#nav{
position: absolute;
background: url(../images/menu__gradient.png) repeat-y #ffffcc;
background-attachment: fixed;
background-position: 12.5em 0 ;
height: 2.25em;
width:52.8em  ;
margin-top: 8.25em;
/*clear: both;*/
z-index: 2;
border-bottom: solid thin #778899;
border-top: solid thin #667788;
border-left: #99aabb;
}

.fontgradient{

background: url(../images/font_gradient.png);
width: 100%;
height:.75em;
z-index: 3;
position:absolute;
top: 0em;

}

.menu{
margin: .25em 3em 0 0;
float: left;
position: relative;
display: inline;
width: 4.5em;
text-align: left;
font-size: 1.25em;
color:#445566;
z-index: 2;
padding-bottom: .5em;

}

.menu a{

text-decoration: none;
color: #445566;
}

.menu:hover, .dropdown a:hover, #footer a:hover{

color: #223344;
}


#info{
margin: .25em 0 0 12em;
width: 5em;
}

#info .dropdown{
display:none;
clear:both;
position:absolute;
font-size: .8em;
background: url(../images/dropdown_gradient.png) #ffffcc top repeat-x;
border: solid thin #778899;
border-top: none;
padding: .25em .25em .5em .5em;
top: 1.95em;
z-index: 3;
width: 5.5em;
}

.dropdown{
display:none;
clear:both;
position:absolute;
font-size: .8em;
background: url(../images/dropdown_gradient.png) #ffffcc top repeat-x;
border: solid thin #778899;
border-top: none;
padding: .25em .25em .5em .5em;
top: 1.95em;
z-index: 3;
width: 6em;
}

.dropdown li{

list-style: none;

}

.dropdown img{

width:13px;
height:16px;
border:none;

}

.dropdown a, #footer a, #footer{
text-decoration: none;
color: #445566;
}


.menu:hover .dropdown, #info:hover .dropdown, .menu.over .dropdown, #info.over .dropdown{

display: block;

}

.menu:active .dropdown, #info:active .dropdown {

display: block;

}

#content{
height:;
width: 52.8em;
margin:0 5% 0 5.6em;
color:#223344;
background: url(../images/brick.png) left repeat-y #99aabb;
border: #ffffcc thin;
border: thin solid #778899;
padding: 0 0 0em 0;
}

#content a{

text-decoration: none;
color: #ffffcc;

}

#content a:hover{

color:#445566;

}

#content .about{
display: block;
padding: 1em 0em 1em 1em;
margin: 0 1em 0 15.5em;
width: 70%;
font-size: .95em;
clear: both;
position:relative; 
top: -19em;
}

#content p{
display: block;
padding: 1em 1em 1em 1em;
margin: 0 1em 0 15.5em;
width: 70%;
font-size: .95em;
}

#content .float, #content .topfloat{
float: left;
width: 15%;
position: static;
display: block;
margin: 0 0em 0 1em;
width: 20%;
font-size: .95em;
clear: both;
position:relative; 

}

#map{
margin: 0em 0 0 1em;
color: #334455;
position: relative;
top: -24em;
bottom: 0;
height: 24em;
}

#content .directions{
font-size: .85em;
width: 45%;
margin: 0em 0em 0 33em;
color: #334455;
}

#content .contact span{
font-weight: bold;
}

#content .contact{
width: 27%;
margin: 4em 0 0 0;
color: #334455;
}

#content #contactform{
position: relative;
left: 16.5em;
top: -16.5em;
}

#contactform .fieldset{
padding:0em;
}

#content #contactform .fieldset .fieldset{
padding: 0 1em 1em 1em;
width: 32em;
text-align: right;
}

#content #contactform .fieldset .fieldset .marginright{

margin-right: 23em;
}

#content #contactform .fieldset .fieldset input{
margin: .5em 22em .5em 1.5em;
}

#content #contactform .fieldset .fieldset .button input{
margin: .5em 0 0 0;
}

#title{

margin: 0 2em 1em 0;
padding: 1em 0 0em 0em;
float: right;
height: 2em;
font-weight: 100;

}


#title h2{

color: #445566;
font-weight:100;
font-family:Arial, Helvetica, sans-serif;
display: inline;
bottom: 1.2em;
position: relative;
font-size: 1.5em;

}

#footer{

height: 1.5em;
width: 70.35em;
margin:0 5% 0 7.46em; 
background: url(../images/menu__gradient.png) repeat-y #ffffcc;
clear: both;
padding: .5em 0 .5em 0;
font-size: .75em;
position: relative;
border: thin solid #99aabb;
border-top: none;
}

#footer a{

margin: 0 1em 0 1em;

}

#footernav{

float: left;

}

#credits{

float: right;
margin-right: 1.5em;
}
/*---------------------End Dock6 Template Styling---------------------------*/

/*-----------------------Start Wholesale Form Styling----------------------*/

label[for $= "price"], span.label_price {

display : none;

}

html, body, div, img, fieldset, label, input{
padding: 0;
margin:0;

}

body {

font-family:Arial, Helvetica, sans-serif;

}

#wholesale{

width: 95%;
padding: .5em 0 0 1.5em;


}

.fieldset{

border:none;
background: ;

}

.title, .title_wholesale{

color:#334455;
font-size:1.5em;
display:inline;
position: relative;
margin: 0 0 .5em 0em;
left: 18em;
}

.title a, .title_wholesale a{

color: #334455;

}



.title_wholesale{

left: 1em;
bottom: 1em;
}

.title img, .title_wholesale img{
display:inline;
position: relative;
top:1em;
}

.fieldset .fieldset{
border: solid thin #8899aa;
border-top: none;
margin: 1.5em 1em 1.5em 1em;
background: url(../images/form_gradient.png) repeat-x bottom #99aabb;
color:#445566;
text-align: right;
}

.fieldset input, select, textarea{
font-family:Arial, Helvetica, sans-serif;
background: #99aabb;
border:solid thin #778899;
color:#445566;
resize: none;

}

.fieldset input{

text-align: center;

}

.fieldset .fieldset .legend{
color:#334455;
position: relative;
bottom: .5em;
text-align: left;
}
 .itemgroup input, .itemgroup select, .itemgroup label{
margin: 0 2.5em 0 0em;
background-color: ;
}

/*.itemgroup_glass input, .itemgroup_glass select, .itemgroup_glass label{
margin: 0 4.25em 0 0em;
background-color: ;
}*/

.glass .labels .label_color{

margin: 0 5.5em 0 .75em;

}

.glass .labels .label_quantity{

margin: 0 1.75em 0 0;

}

.glass .labels .label_price{

margin: 0 2em 0 0;

}

.glass .labels .label_size{

margin: 0 3em 0 3.5em;
padding: 0 0 0 1em;
}


.glass .labels{

border-bottom: thin solid #8899aa;
margin: 0em .5em 0 4.75em;
float: left;
}

.labels{

border-bottom: thin solid #8899aa;
margin: 0em 0 0 4.5em;
float: left;
}


body.jc .labels{

border-bottom: thin solid #8899aa;
margin: 0em  0 0 6em;
float: left;
}

body.jc .itemgroup input, body.jc .itemgroup select, body.jc .itemgroup label{

margin: 0 3em 0 0em;
background-color: ;
padding: 0;


}

.labels .label_color{

margin: 0 10em 0 0;

}

body.jc .labels .label_quantity{

margin: 0 0em 0em 3.5em;

}

body.jc .labels .label_price{

margin: 0 0em 0 4.25em;

}

body.jc .labels .label_size{

margin: 0 0em 0 2em;
padding: 0 0 0 0em;
}

body.jc .labels .label_color{

margin: 0 2.5em 0 1.25em;

}

body.jc .itemgroup{

margin: .5em 0 .5em 1em;
padding-bottom: 0em;
width: 25em;

}

.labels .label_quantity{

margin: 0 2em 0 0;

}

.labels .label_price{

margin: 0 2.5em 0 0;

}

.labels .label_size{

margin: 0 3em 0 0;
padding: 0 0 0 2.5em;
}

#forminfo{
display: inline;
width: 100%;
clear: both;
}

#forminfo p{ 

float: right;
width: 55%;
text-align: left;
font-size: .9em;
margin: 0;
}

#forminfo p textarea{

font-size: .9em;

}

#forminfo .fieldset{
padding: 0em 0 1em 0;
margin-top: 1em;
}

.forminfo{

margin: 1em .5em 0 .5em;
text-align: right;
}

.forminfo input{
text-align: left;
}

#address2{
margin: .5em 0 0 0em;
}

.itemgroup{

margin: .5em 0 .5em .5em;
padding-bottom: 0em;
width: 30.5em;

}

.itemimage, .itemimage_sake{

float: right;
margin: 1.75em 1em 1em 0em;
}

.itemimage2{

float: right;
margin: 1em 1em 1em 1em;
clear: right;
}


.itemimage img, .itemimage2 img{

border: thin solid #778899;

}

.itemimage_sake img{

border: none;

}


#formfooter, #formfooter input{
margin: 0em .6em .5em 0 ;
text-align: right;
font-size: .9em;
clear: both;

}

#submit{

display:inline;
}

.total{

display:inline;
text-align: right;
clear: both;

}

.button input{
font-size: ;
color: #ffffcc;
background: #778899;
border: #667788 solid thin;
}
/*------------End Wholesale Form Styling----------------------------------*/

/*----------Start Gallery Styling-----------------------------------------*/

#thumbcontainer{
z-index: 1;
height: 27em;
width: 20em;
background:;
padding: .6em 0 0 0;
margin-left: .3em;
position:relative;
}

#thumbcontainer img{
width: 4em;
height: 4em;
}

#thumbcontainer .thumb .image img, #thumbcontainer .thumb #imagevisible img{
display: block;
width: 28.1em;
height: 21.9em;
margin: 1em 0em .2em 1.65em;
border: none;

}
#gallerytitle{
width: 95%;
height: 3.5em;
padding: 2em 0 0 0;
clear: both;
}

#gallerytitle  h2{
color: #445566;
font-weight:100;
font-family:Arial, Helvetica, sans-serif;
display: inline;
bottom: 0em;
position: relative;
font-size: 1.2em;
margin: 0;
padding: 0em 0em 0 0;
float: right;
}

#gallerytitle img{
width: 39px;
height: 50px;
display:inline;
position: relative;
padding-right: 0em;
top: 0em;
float: right;
}

#gallerytitle img#flipped{
display: inline;
position:relative;
left: 0em; 
}

.thumb{
z-index: 1;
width: 4em;
height: 4em;
background:#778899;
margin:1em .4em 0 .4em;
display: inline;
float: left;
border: thin solid #667788;	
}

.thumb:hover{

border: thin solid #cccccc;

}

#imagevisible{
width: 31.5em;
height: 25.1em;
background:#778899;
position: absolute;
left: 20em;
top: 1.5em;
border: thin solid #667788;
z-index: 0;

}

#imagevisible p{

text-align: center;
margin-top: 20%;
margin-left: 5em;
}

#imagevisible img{
width: 39px;
height: 50px;
position:absolute;
left: .2em;

}

#imagevisible img.flipped{

left: 34em;
top: 9.25em;
}

#imagevisible a{

color: #bbccdd;

}

.subtext{ 
padding: .4em 0 0 2em;
font-size: .9em;
color: #ffffcc;
}

.image{
display:none;
width: 31.5em;
height: 25.1em;
background:#778899;
position: absolute;
left: 20em;
top: 1.5em;
border: thin solid #667788;
}

.thumb:hover .image{
display: block;
}

.thumb.over .image{
display: block;
}
/*-------------------------End Gallery Style---------------------------------------------------*/
/*-------------------------begin registry info Style---------------------------------------------------*/
#reginfo{
position: relative; 
top: -16em;
clear:both;
}