/*global style*/
body{
margin: 0px;
padding: 0px;
background: #000000;
color: #eae0ca;
font: normal 15px "Comic Sans MS", Arial, Helvetica, sans-serif;
}
img {
border: 2px solid #b8a37a;
padding: 1px;
background: #FFFFFF;
margin: 0px 0px 10px;
}

/*reset images border*/
.button img {
border:none;
}
.button1 img {
border:none;
padding: 0px;
margin: 0px;
}
.button2 img {
border:none;
padding: 0px;
margin: 0px 0px 0px 5px;
}
/*float style*/
.floatL{
float:left;
}
.floatR{
float:right;
}
.clearB{
clear:both;
}
.clearBox{
clear:both;
height:20px;
}
/*text align*/
.lt{
text-align: left;
vertical-align: top;
}
.ct{
text-align: center;
vertical-align: top;
}
.cb{
text-align: center;
vertical-align: bottom;
}
.pad10{
padding-left: 10px !important;
}
/* Common Formatting */
h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
font-weight:normal;
}
h2{
font-size: 15px;
color: #FFFFFF;
font-weight: normal;
display: block;
margin: 0px 0px 20px;
}
h3{
font: 11px Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #fbba01;
margin: 0px 0px 10px;
}
h4{
font-size: 14px;
font-weight: bold;
}
p{
margin: 0px 0px 10px;
text-align: justify;
}
/* Frame*/
#header, #content, #main{
width: 786px;
}
#header, #main{
margin: auto;
}
#header{
height: 351px;
font-family: "Comic Sans MS",Arial,Helvetica,sans-serif;
font-size: 24px;
text-align: center;
}
#header a{
color: #999ADF;
font-family: "Comic Sans MS",Arial,Helvetica,sans-serif;
font-size: 24px;
text-align: center;
text-decoration: underline;
}
/*main*/
#body, #body2{
margin: 0px;
width: 786px;
padding: 0;
}
#body{
background: #70654F url(../img/main_back/back_01.jpg) repeat-x;
}
#body2{
background: #514939;
}
#globalBox{
margin: 0px 15px;
}
#left{
margin: 0px 500px 0px 0px;
}
#right{
width: 481px;
float: right;
}
#footer{
clear: both;
text-align: center;
color: #CCCCCC;
background: #191919 url(../img/main_back/footer.jpg);
font: 10px Tahoma, Arial, Helvetica, sans-serif;
height: 38px;
padding: 10px 0px 0px;
}
/*chekout*/
#chekoutCart, #chekoutCategory, #proceedCart, #paypalBox{
background: #000000;
padding: 15px;
display:block;
margin: 0px 0px 20px;
}
#chekoutCart, #chekoutCategory{
width: 210px;
}
#proceedCart, #paypalBox{
width: 450px;
}

#paypalBox_main{
width: 450px;
margin:auto;
}

#chekoutCategory a {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #fbba01;
display:block;
}
#chekoutCategory a:link {
text-decoration: none;
}
#chekoutCategory a:hover {
text-decoration: underline;
color: #FFFFFF;
}
/*text color*/
span{
color: #fbba01;
}
.text1{
color:#FFFFFF;
}
.text2{
font: 12px Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
.---img---{}
.img1{
margin: 0px 10px 20px 0px;
}
.img2{
margin: 0px;
}
form img{
margin: 0px 5px !important;
padding: 0px;
border-style: none;
}
/*link*/
a {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
}
h2 a {
	display: inline;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
}
a.link1:hover, a.link2:hover, a.link3:hover, a.link4:hover, a.link5:hover, a.link6:hover, a.link7:hover  {
text-decoration: underline;
}
a.link2, a.link4, a.link6, a.link7, #aboutBox2 a, #store a {
color: #fbba01;
}
span.link7b{
color: #fbba01;
float:left;
}
a.link1{
color: #CCCCCC;
display:inline;
}
a.link2{
font-weight: bold;
text-align: right;
}
a.link3, a.link5 {
color: #fff;
text-align: center;
text-transform: uppercase;
}
a.link5{
margin: 10px 0px;
}
a.link4{
padding: 10px 0px 20px;
}
a.link6, #store a, a.link4{
text-align: center;
}
a.link7 {
display:block;
float:left;
}
#aboutBox2 a{
text-align: left;
}
#aboutBox2 a:hover, #store a:hover {
text-decoration: underline;
}

/*corner*/
.inner{
z-index:30;
position:relative;
}
/*21_chekoutForm*/
input, textarea{
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #000000;
background: #FFFFFF;
height: 14px;
border: 1px solid #333333;
float: left;
margin: 0px 0px 0px 5px;
}
select{
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #000000;
border: 1px solid #333333;
margin: 0px 0px 0px 5px;
}
#chekoutForm input{
width: 110px;
}
#adress{
width: 340px !important;
height: 60px;
}
button{
background: url(../img/buttons/place_order.gif) no-repeat;
height: 22px;
width: 89px;
}
#chekoutForm table td, #storeForm table td{
padding: 5px 0px;
text-align: right;
}
/*4_store*/
#storeBox1, #storeBox2{
width:235px;
}
.store2{
margin: 0px 20px;
}
#storeBox3{
background: #000000;
padding: 15px;
display:block;
margin: 20px;
}
/*storeForm*/
#storeForm input, #cform input{
width: 300px;
height: 20px;
font-size: 14px;
font-weight: bold;
}


#storeForm select, #cform select{
width: 304px;
height: 20px;
float: left;
font-size:14px;
font-weight:bold;
}
#storeForm textarea, #cform textarea{
width: 300px;
height: 128px;
float: right;
font-size: 14px;
font-weight: bold;
}
#checkbox{
background:none;
}
#storeCatalog div{
width: 135px;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
text-align: right;
float: left;
margin-right: 70px;
margin-left: 0px;
padding: 5px 5px 0px;
margin-bottom: 20px;
}
#storeCatalog div a{
color: #fbba01;
float:left;
text-transform: uppercase;
clear: both;
}
#storeCatalog div a:hover {
text-decoration: underline;
}
#storeCatalog{
background: none;
}
#storeCatalog div img {
float:left;
}
/*online_st0re_catatlog*/
#catalogNaviTop, #catalogNaviBottom{
text-align: center;
}
#catalogNaviTop span.link7, #catalogNaviBottom span.link7 {
	float: left;
	display: block;
	color: #FFFFFF;
}
#catalogNaviTop span.link7a, #catalogNaviBottom span.link7a {
	float: left;
	display: block;
	color: #fbba01;
}
.catalogItem{
width: 230px;
float: left;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
margin: 0px 0px 20px;
}
.catalogItem span{
font-weight: bold;
}
.---cart---{}
#cart, #cartBox, #contactBox{
background: #000000;
padding: 15px;
display:block;
margin: 0px 0px 20px;

}
#cart table td {
padding: 5px 0px;
}
.textfield {
width: 100px;
}
input #checkbox{
height: 10px !important;
width: 10px !important;
}
.ca2{
width: 150px;
}
.ca1{
background-color:#333333;
}
.ca3{
font-size: 24px;
}
.ca4{
font-size: 24px;
color: #fbba01;
}
.ca5{
padding: 0px !important;
height: 60px;
}
.---about---{}
#aboutBox1{
width: 200px;
}
.---special---{}
#special div {
text-align: center;
float: left;
width: 250px;
margin: 0px 0px 20px;
}
.---webcams{}
#webcams div.cams{
margin: 0px 0px 30px;
height: 280px;
width: 300px;
}
.---contacts---{}
#contactBox input{
width: 160px;
margin: 5px 0px 5px 5px;
}
#contactBox textarea{
width: 250px;
height: 100px;
margin: 5px 0px 5px 5px;
float: right;
}
#contactBox table td{
text-align: left;
vertical-align: top;
height: 20px;
}
/*lighthouses*/
ul{
margin: 0px 0px 10px;
padding: 0px;
}
li{
margin: 0px;
padding: 0px;
list-style: none;
}
.lighthouses img{
float:left;
margin: 0px 10px 40px 0px;
}

.yellowList{
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size:11px;
color: #fbba01;
}


