﻿/*-----------------------------------------------
[Solar Angel] Structure Stylesheet
Stylesheet:  structure.css
Author:   Unifusion Web Design
Version:  1
Date:     00/00/00
Revision: 
----------------------------------------------- */
body { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #433E11; 
	text-align: center; 
	margin: 0px;
	background-color:#010101;
}
/*Classification
----------------------------------------------- */
.clr { clear:both;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
.right_mid {
	text-align:right;
	vertical-align:middle;
}
.right_top {
	text-align:right;
	vertical-align:top;
}
.required {
	color: red;
} 
/* End hide from IE-mac */
/*Structure
----------------------------------------------- */
#wrapper{ 
	width: 980px; 
	margin: 0px auto;
	text-align:left;
}
#header { 
	width: 980px;
	/*height: 257px;*/
	padding-bottom: 6px;
	background:#FFFFFF;
}
#header_top {
	width: 970px;
	height: 20px;
	padding-right: 10px;
	padding-top: 6px;
	text-align:right; 
	color:#FFFFFF;
	font-size:10px;
	background-color:#010101;
}
#header_top a {
	text-decoration:none; 
	color:#ffffff; 
}
#header_top a:hover {
	text-decoration:none; 
	color: #FFFF00;
}
#logo {
	float:left;
	width: 239px;
}
#rightbanner {
	float:left; 
	width:741px; 
}
#mainnav {
	background: url(../images/bg_menu.jpg) no-repeat;
	background-color:#FFFFFF;
	height:32px; 
	padding-bottom:1px; 
	width:704px;
	padding-left: 37px;
}
ul#nav {
	margin:0;
	padding:0;
	position:relative;
	float:left;
	height:32px;
	width: 640px;
	background:url(../images/mainnav.gif) no-repeat right top;
}
ul#nav li {
	float:left;
	margin:0; 
	padding:0; 
	list-style:none;
}
#nav li a {
	height:32px; 
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	position:absolute; 
	top:0;
	outline:none;
}

li#nav_home a, li#nav_beer a, li#nav_gift a,li#nav_special a,li#nav_shipping a, li#nav_contact a { background:url(../images/mainnav.gif); } 

li#nav_home a{
	background-position: 0px 0px;  
	width:55px;
	left:0;
}
li#nav_home a:hover,
li#nav_home a.active  {
	background-position: 0px -32px;
}

li#nav_beer a{
	background-position: -55px 0px;
	width:140px;
	left:55px;
}
li#nav_beer a:hover,
li#nav_beer a.active {
	background-position: -55px -32px;
}

li#nav_gift a{
	background-position: -195px 0px;
	width:103px;
	left:195px;
}
li#nav_gift a:hover,
li#nav_gift a.active  {
	background-position: -195px -32px;
}

li#nav_special a{
	background-position: -298px 0px;
	width:132px;
	left:298px;
}
li#nav_special a:hover,
li#nav_special a.active  {
	background-position: -298px -32px;
}

li#nav_shipping a{
	background-position: -430px 0px;
	width:120px;
	left:430px;
}
li#nav_shipping a:hover,
li#nav_shipping a.active  {
	background-position: -430px -32px;
}

li#nav_contact a{
	background-position: -550px 0px;
	width:90px;
	left:550px;
}
li#nav_contact a:hover,
li#nav_contact a.active {
	background-position: -550px -32px;
}
#banner_pic_in { 
	width:271px; 
	height:113px;
	padding-top: 214px;
	padding-left: 470px;
	background:url(../images/banner_pic_home.jpg) no-repeat left; 
}
#banner_pic { 
	width:741px; 
	height:147px;
}
#title_page {
	background:url(../images/bg_titlepage.jpg) no-repeat; 
	height:51px; 
	width:561px;
	padding-left: 180px;
}
h1.index {
	margin: 0px;
	background: url(../images/index_logo.jpg) no-repeat left;
	height: 360px;
	width: 239px;
	text-indent: -999px;
}
h1.secondary a{
	margin: 0px;
	background:url(../images/logo.jpg) no-repeat left;
	height: 231px;
	width: 239px;
	text-indent: -999px;
	display:block; 
	overflow:hidden;
}
h2.contact {
	margin: 0px;
	background:url(../images/h_txt_contact.gif) no-repeat left;
	height: 50px;
	text-indent: -999px;
}
h2.shipping {
	margin: 0px;
	background:url(../images/shipping_h.gif) no-repeat left;
	height: 50px;
	text-indent: -999px;
}
h2.services {
	margin: 0px;
	background:url(../images/services_h.gif) no-repeat left;
	height: 50px;
	text-indent: -999px;
}
h2.store {
	margin: 0px;
	background:url(../images/store_h.gif) no-repeat left;
	height: 50px;
	text-indent: -999px;
}
h2.packages {
	margin: 0px;
	background:url(../images/packages_h.gif) no-repeat left;
	height: 50px;
	text-indent: -999px;
}




h3 {font-size: 22px; color:#3478b7; padding:0px; margin:0px 0px 15px 0px}
h4 {font-size:16px; color:#073d6f; padding:0px; margin-top:12px; margin-bottom:10px;}
h5 {color:#000000; font-size:12px; margin-top:4px; margin-bottom:5px;}
h2.shop {
	margin: 0px;
	background:url(../images/products_h.gif) no-repeat left;
	height: 50px;
	text-indent: -999px;
}
#main {
	width: 980px;
	background:url(../images/bg_leftbox.jpg) repeat-y left;
	background-color:#FFFFFF;
}
#main a {
	text-decoration:underline;
	color: #4f91cd;
}
#main a:hover {
	text-decoration:none;
	color: #4f91cd;
}
#main_shop {
	width:920px;
	background:url(../images/bg_bot_shop.gif) no-repeat bottom;
	background-color:#FFFFFF;
	padding-bottom:22px;
	margin-top:0px;
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
	font-size:11px;
}

#main_shop h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	color:#000000;
	font-style:italic;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:17px;
	font-weight:normal;
}
#main_shop h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#771414;
	font-weight:normal;
	font-style:italic;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:5px;
}
#main_shop .sameh2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#771414;
	font-weight:normal;
	font-style:italic;
}

#left_col {
	width:249px; 
	float:left;
}
#top_left_col {
	background: url(../images/top_leftbox.jpg) no-repeat; 
	height:16px;
	width:249px;
}
p {
	margin: 0px;
	padding-bottom: 12px;
}
p.text1 {
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	padding: 20px 35px 16px;
}
p.text2 {
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	padding: 0px 30px 12px;
	line-height: 18px;
}
p.text3 {
	text-align:center;
	font-size:13px;
	color:#FFFFFF;
	padding: 0px 35px 12px;
}
.text4 {color:#333333; padding-top:4px;}
.text5 {color:#003399;  font-weight:bold; font-size:12px;}
.text6 {color: #0066CC; font-weight:bold}
.text7 {color:#003366; font-weight:bold; padding-bottom:8px; font-family:"Times New Roman", Times, serif; font-size:17px;}
.text8 {font-style:italic; font-weight:bold; color:red}
.text9 {color:#FF6600; font-weight:bold}
.text10 {font-weight:bold; color:red}
.paragraph_1 {padding-left:25px}
.list1  {display: list-item; margin-left:7px}
.list1 li {display:list-item; background:url(../images/arrow.gif) no-repeat left 7px; padding:5px 0px 5px 16px;}
#bottom_page {background:url(../images/bottom_page.jpg) no-repeat; height:22px;}
#bottom_page_index {background:url(../images/index_bottompage.jpg) no-repeat; height:25px}
#right_col {
	float:left;
	width: 680px;
	padding-left: 10px;
	padding-top: 20px;
}
#footer {
	text-align:center;
	color:#929292;
	font-size:10px;
	padding-top:8px; 
	width:980px; 
	margin:0px auto;
	line-height: 24px;
	/*padding-bottom:32px;*/
}
#footer ul { margin:0; list-style-type:none; }
#footer li { display:inline; margin:0; }
li#credit { display:block; }
#footer a{
	text-decoration:none;
	color:#929292;
}
#footer a:hover  {
	text-decoration:underline;
	color:#929292;
}

#col1 {
	width:230px;
	float:left;
	padding-right:12px;
}

#col1 ul {
	display:block;
	list-style-type:none;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:15px;
}

#col1 ul li{
	padding-left:16px;
	background-image:url(../images/builet.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	display:block;
	margin-bottom:0px;
	padding-bottom:3px;
	margin-top:0px;
	padding-top:0px;
}

#col2 {
	width:647px;
	float:right;
	/*border-left:solid #b2cfed 1px;*/
	padding-left:20px;
}

#col2 p {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
}

#main_shop .input1 {
	border:solid #a5c5e3 1px;
	background-color:#FFFFFF;
	height:18px;
}

.button1 {
	border:solid #2d72b1 1px;
	border:0px;
	background-color:#4f91cd;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	width:36px;
	height:22px;
}

#main_shop .send_b {
	width:103px;
	height:21px;
}

#main_shop .go_b {
	width:36px;
	height:22px;
}

#main_shop .search_t {
	width:180px;
}

#main_shop .quantity_t {
	width:50px;
}

#main_shop .addcart_b {
	height:22px;
	width:103px;
	font-size:11px;
}

#main_shop .height_b {
	height:38px;
}

#main_shop .height_m {
	height:32px;
}

#main_shop .height_s {
	height:30px;
}

#main_shop .height_td_s {
	height:215px;
}

#left_link {
	font-size:13px;
	color:#bfb916;
	margin-top:0px;
}

#left_link a, #top_link a, .link_spec a {
	text-decoration:none;
	color:#bfb916;
}

#left_link a:hover, #top_link a:hover, .link_spec a:hover {
	text-decoration:underline;
}

#top_link {
	width:647px;
	font-size:11px;
	color:#bfb916;
	margin-top:0px;
	border-bottom:solid #b2cfed 1px;
	font-size:12px;
}

#top_link p {
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:7px;
}
#main_shop .img {
	border:solid #deba95 2px;
}
#main_shop .top {
	vertical-align:top;
}
#main_shop .pad_top_sameh2 {
	padding-top:7px;
}
#main_shop .pad_top {
	padding-top:6px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

#main_shop .pad_top a {
	text-decoration:none;
	color:#771414;
}
#main_shop .pad_top a:hover {
	text-decoration:underline;
	color:#771414;
}

#main_shop .heigh1 {
	height:25px;
}
#main_shop .height2 {
	height:21px;
}
#main_shop .height3 {
	height:35px;
}
#main_shop .height4 {
	height:28px;
}
/* Contact */
.title1 {font-weight:bold; font-family:Verdana,Tahoma; font-size:12px; text-transform:uppercase; padding:5px; border-bottom:1px solid #dbdbdb}
.contactForm {margin-top:15px; color:#66a0d4}
.contactForm td, .contactForm th {color:#66a0d4; padding:3px;}
.fisrtname {margin-right:10px; vertical-align:middle; width:163px;}
.lastname{margin-right:10px; vertical-align:middle; width:162px;}
.address {width:422px;}
.city {width:149px; vertical-align:middle; margin-right:8px}
.state {width:65px; vertical-align:middle; margin-right:8px;}
.zip {width:100px; vertical-align:middle}
.phone {width:422px;}
.email {width:422px;}
.comment {width:422px; height:80px}

.foot_note {
	color:#707070; 
	font-family:Verdana,Tahoma; 
	font-size:11px; 
	padding:12px 3px 8px 3px; 
	border-top:1px solid #dbdbdb; 
	margin-top:8px; 
	margin-bottom:3px
}
/* Index */
#main_index {
	width: 976px;
	background:#ffffff url(../images/bg_main_index.gif) repeat-y left;
	background-color:#FFFFFF;
	padding-left:4px;
}
.index_blk_left {
	background: url(../images/bg_index_blkx.jpg) left repeat-y; 
	width:482px;  
	float:left;
}
.header_blk_left {
	display:block; 
	background: url(../images/header_index_box.jpg) left no-repeat; 
	height:20px; 
	padding-top:13px;
	padding-left:15px;
	color:#FFFFFF; 
	font-weight:bold; 
	font-family:Arial; 
	text-transform:uppercase;
}
.index_blk_right {
	background: url(../images/bg_index_blkx.jpg) left repeat-y; 
	width:482px;  
	float:left;
	margin-left:4px;
}
.header_blk_right {
	display:block; 
	background: url(../images/header_index_box.jpg) left no-repeat; 
	height:20px; 
	padding-top:13px;
	padding-left:15px;
	color:#FFFFFF; 
	font-weight:bold; 
	font-family:Arial; 
	text-transform:uppercase;
}
.special_occ {
	padding-top: 10px;
}
.block_content {padding:12px; color:#615549; line-height:1.3em; font-family:Verdana, Arial, Tahoma}
.block_content img { float:left; margin-right:10px}
.index_blk_rightContent {float: left; width:300px;}
.block_content h3 {font-size:12px; font-weight:bold; text-transform:uppercase; color:#4f91cd; padding-bottom:8px; margin: 0px;}
.block_content h3 a:link, .block_content h3 a:visited {font-size:12px; font-weight:bold; color:#4f91cd; text-decoration:none}
.block_content h3 a:hover, .block_content h3 a:active {font-size:12px; font-weight:bold; color: #CC3300; text-decoration:none}

.special_occ ul {display:inline; list-style:none; margin:0px; padding:0px; clear:both; width:100%}
.special_occ ul li {display:inline; list-style:none; margin:0px; padding:0px; float:left; text-align:center; width:25%}
.special_occ ul li a {color:#000000; text-decoration:none;}
.special_occ ul li a:hover {color:#e80000; text-decoration:none}
.special_occ ul li a img {border:1px solid #ffffff; clear:both; margin-bottom:7px}
.special_occ ul li a:hover img {border:1px solid #003366; margin-bottom:7px; clear:both}

/* Specail package */
#special_package {margin-bottom:20px; }
#special_package ul {display:inline-table; list-style:none; margin:0px 0px 20px 0px; padding:0px; clear:both; width:100%}
#special_package ul li {display:inline-table; list-style:none; vertical-align:bottom; margin:0px; padding:0px 0px 20px; float:left; text-align:center; width:25%}
#special_package ul li a {color:#000000; text-decoration:none;}
#special_package ul li a:hover {color:#e80000; text-decoration:none}
#special_package ul li a img {border:1px solid #ffffff; clear:both; margin-bottom:7px}
#special_package ul li a:hover img {border:1px solid #003366; margin-bottom:7px;}

.detail_package {margin-top:15px; border-bottom:1px dotted silver; margin-top:15px; padding-bottom:15px;}
.detail_package .leftpic {width:170px; float:left;}
.detail_package .leftpic img {margin-bottom:6px;}
.detail_package .rightdetail {width:495px; padding-left:15px; float:left;}
.detail_package .rightdetail img {margin-right:15px;}
.detail_package .rightdetail .returntop_link { text-align:right; padding-top:8px;}

#legalage {
	width: 204px;
	background:url(../images/Homepage_final.jpg) no-repeat top;
	margin-top: 100px;
	margin-bottom: 100px;
	height:227px;
	padding-left: 756px;
	padding-top: 100px;
	padding-right: 20px;
	font-size: 16px;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}
#legalage a {
	font-size: 16px;
	color:#fbc82e;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
}
#legalage a:hover {
	font-size: 16px;
	color:#FFFFFF;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
}


#legalageAge {	 	
	background:url(../images/Homepage_final.jpg) no-repeat top;
	padding-left: 756px;
	padding-top: 100px;
	padding-right: 0px;
	font-size: 16px;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}
#legalageAge a {
	font-size: 16px;
	color:#fbc82e;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
}
#legalageAge a:hover {
	font-size: 16px;
	color:#FFFFFF;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
}

