/* //////////////////////////////////////////////// Common */

div
{
z-index: 10;
}
body
{
color: #766d8d;
background-color: #fff;
font-family: Verdana,Arial,Helvetica,sans-serif;
padding: 0;
margin: 0;
font-size: 80%;
}
h1
{
font-size: 1.2em;
font-weight: 300;
margin-bottom: 1.5em;
color: #404c6d;
}
h2
{
color: #404c6d ;
}
em
{
font-weight: 700;
}
p
{
}
img
{
border: none;
}
a,
a:visited
{
color: #4545B6;/*
text-decoration: none;*/
}
a:hover,
a:active
{
color: #4f5ff2;
}
#main
{
position: absolute;
top: 30px;
left: 5%;
width: 95%;
}
.image_A
{
float: right;
width: 100px;
height: 100px;
border: 1px solid #d8d6e0;
padding: 0;
margin: 0.5em;
}
#moon_background
{
position: absolute;
left: 400px;
top: 220px;
z-index: 1;
width: 250px;
height: 251px;
background-image: url('../media/moon_background.jpg');
}
#tagline
{
position: absolute;
left: 330px;
top: 45px;
}
#lines
{
position: absolute;
left: 138px;
top: 135px;
width: 100px;
height: 100px;
border: 1px solid #d8d6e0;
border-right: none;
border-bottom: none;
}
#copyright
{
float: left;
width: 100%;
height: 125px;
margin: 0 0 20px 0;
}
#copyright img
{
float: right;
}

/* //////////////////////////////////////////////// header & top_menu */

#header
{
float: left;
width: 80%;
}
#fullmoon_img
{
float: left;
}
#fullmoon_text
{
float: left;
padding: 0;
margin: 4px 0 0 12px;
}
#top_menu
{
position: absolute;
left: 138px;	
top: 104px;
width: 550px;
z-index: 10;
padding: 0;
margin: 0;
font-size: 0.8em;
}
#top_menu ul
{
display: block;
padding: 0;
margin: 0;
}
#top_menu li
{
float: left;
list-style: none;
}
#top_menu a
{
color: #766d8d !important;
text-align: center;
white-space: nowrap;
text-decoration: none;
}
#top_menu li,
#top_menu a,
#top_menu a:active
{
display: block;
margin: 0;
padding: 0;
width: 85px;
height: 30px;/*
border: 1px solid #0f0;*/
}
#top_menu a:hover
{/*
color: #03c;*/
border-bottom: 1px solid #666;
}
.btn_dwn
{
color: #3d3849;
font-size: 1.1em;
font-style: italic;
font-weight: 900;/*
border-bottom: 1px solid #666;*/
}
a.btn_dwn:hover,
.btn_dwn a:hover
{
color: #766d8d !important;
border-bottom: none !important;
}

/* //////////////////////////////////////////////// side_menu */

#side_menu
{
position: absolute;
left: 0px;
top: 145px;	
padding: 0;
margin: 0;
z-index: 100;
}
#side_menu ul
{
padding: 0;
margin: 0;
list-style: none;
}
#side_menu li
{
padding: 0;
margin: 10px 0 0 0;
list-style: none;
}
#side_menu div
{
position: absolute;
left: 120px;
top: 30px;
width: 150px;
z-index: 900;
font-size: 1em;
white-space: normal;
background-color: #242B3E;
}
#side_menu h2
{
margin: 1em 1em 0 1em;/*
color: #fff;*/
color: #aaa;
font-size: 0.85em;
}
#side_menu p
{
margin: 0.5em 1em 1em 1em;
color: #ccc;
font-size: 0.8em;
text-align: left;
}
#side_menu a
{
display: block;
width: 13em;
margin: 0;
padding: 0;
white-space: nowrap;
text-align: left;
text-decoration: none;
color: #777;
}
#side_menu a:hover
{
color: #800000;
}
#side_menu img
{
width: 120px;
height: 53px;
}

/* //////////////////////////////////////////////// Content */

#content
{
position: absolute;
left: 208px;
top: 160px;
width: 480px;
text-align: left;
margin: 0;
padding: 0;
}
#content h2
{
margin: 2em 0 1em 0;
padding: 0;
font-size: 1em;
font-weight: 300;
}
#content h3
{
margin: 2em 0 0 0;
padding: 0;
font-size: 0.9em;
font-weight: 900;
}
#content p
{
margin: 0 0 2em 0;
font-size: 0.9em;
text-align: left;
line-height: 1.2em;
}
ul #galleries
{
}
#galleries li
{
list-style: none;
line-height: 1.5em;

margin: 0;
color: #766d8d;
font-size: 0.9em;
}
.drop
{
font-family: verdana, helvetica, sans-serif;
padding: 0;
font-size: 2em;
font-weight: 900;
}
.regular_ul
{
margin-bottom: 3em;
font-size: 0.9em;
text-align: left;
line-height: 1.2em;
}
.img_caption
{/*
margin-top: 0.5em !important;*/
text-align: center;
}


/* //////////////////////////////////////////////// stockists */

.stockists
{
width: 100%;
margin: 0 0 25px 0;
padding: 0;
}
.stockists caption
{
width: 100%;
margin: 0 0 5px 0;
padding: 0 0 0 92px;
text-align: left;
vertical-align: top;
color: #fff;
font-weight: 900;
font-size: 1em;
background: #242B3E;
}
.stockists td
{
margin: 0;
padding: 0 0 5px 0;
text-align: left;
vertical-align: top;/*
border: 1px solid #666;*/
font-size: 0.8em;
}
.cell_1
{
width: 15%;
}
.cell_2
{
width: 50%;
}
.cell_3
{
width: 15%;
}





/* //////////////////////////////////////////////// Contact */

#contact
{
margin: 0 0 0 4em;
padding: 0;
}
#contact p
{
margin: 0 0 1em 0;
padding: 0;
}
#contact a
{
font-size: 0.8em;
}

/* //////////////////////////////////////////////// Form */

#contact_form
{
display: block;
float: left;
margin-top: 2em;
}
#contact_form h2
{
margin: 1em 0 !important;
}
label,
input
{
display: block;
float: left;
}
input,
textarea
{
border: 1px solid #a0a0c0;
color: #766d8d;
background-color: #fff;
text-align: right;
}
#submit
{
clear: left;
font-size: 0.7em;
color: #fff;
background-color: #766d8d;
margin: 0 0 5em 0;
}
#submit:hover
{
color: #fff;
background-color: #4f5ff2;
}
#submit:active
{
color: #fff;
background-color: #00f;
}
#label_name
{
margin: 2em 1em 0 4em;
width: 8em;
}
#input_name,
#input_address
{
margin: 2em 1em 0 0;
background-color: #fff;
}
#label_email
{
clear: left;
margin: 1em 1em 0 4em;
width: 8em;
}
#input_address
{
margin: 1em 1em 0 0;
}
#radio_email_list
{
display: block;
float: left;
width: 30em;
height: 7em;
margin: 2em 0 0 3em;/*
border: 1px solid #a0a0c0;*/
}
#radio_email_list label
{
}
#email_list,
#include_email,
#remove_email
{
margin-left: 1em;
margin-top: 1em;
}
#email_list
{
clear: left;
border: none;
}


.buy_now
{
display: block;
width: 5em;
margin: 3em 0 5em 0;
padding: 0.2em 0.7em;
font-size: 1em;
text-decoration: none;
text-align: center;
background-color: #766d8d;
color: #fff !important;
}
.buy_now:hover
{
color: #fff;
background-color: #4f5ff2;
}
.buy_now:active
{
color: #fff;
background-color: #00f;
}
/* //////////////////////////////////////////////// Cart */

.simple_table
{
float: left;
width: 100%;/*
border: 1px solid #ccc;*/
padding: 0;
border-spacing: 0;
margin: 0.5em 0 3em 0;
}
.simple_table td
{/**/
border: 1px solid #ccc;
padding: 0px;
margin: 0px;
}
.simple_table p,
.simple_table input,
.simple_table img
{
padding: 0 !important;
margin: 3px !important;
}
.simple_table thead td
{
padding: 10px;
color: #fff;
background-color: #666;
}

.hidden
{
visibility: hidden;
}
.remove
{
display: none;
}
.col_heading
{
background: #ddf;
}
.title_table
{
float: left;
width: 100%;
margin: 0.5em 0;
color: #fff;
background: #333;
}
.explaination
{
float: left;
width: 100%;
}

#item_total_table
{
display: none;
}
#item_total_table td
{
width: 100%;
}