@charset "UTF-8";
/* CSS Document */

a:link{
	color:#212100;
	text-decoration: none;
	}
a:visited{
	color:#212100;
	text-decoration: none;
		}
a:hover{
	color:#212100;
	text-decoration: underline;
	}

#weather-info {
	background: url(../images/transpWhite.png);
	padding: 0px 20px 0px 20px;
	position: absolute;
	top: 0px;
	left: 20%;
	width: 100px;
	height:100%;
	text-align: left;
	color: white;
	font-size: 40px;
	
}
#weather-main {
	background: url(../images/transpWhite.png);
	padding: 20px 60px 20px 60px;
	position: absolute;
	top: 100px;
	left: 40%;
	width: 444px;
	height:500px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

#weather-stock {
	background: url(../images/transpWhite.png);
	padding: 20px 60px 20px 60px;
	position: absolute;
	top: 100px;
	left: 40%;
	width: 444px;
	height:400px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: auto;
	scrollbar-face-color: #5E7BA5; 
    scrollbar-highlight-color: #8BACDE; 
    scrollbar-3dlight-color: #008000; 
    scrollbar-darkshadow-color: #008000; 
    scrollbar-shadow-color: #333366; 
    scrollbar-arrow-color: #333366; 
    scrollbar-track-color: #333366; 
}

#weather-order {
	background: url(../images/transpWhite.png);
	padding: 20px 60px 20px 60px;
	position: absolute;
	top: 100px;
	left: 40%;
	width: 444px;
	height:475px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: auto;
	scrollbar-face-color: #5E7BA5; 
    scrollbar-highlight-color: #8BACDE; 
    scrollbar-3dlight-color: #008000; 
    scrollbar-darkshadow-color: #008000; 
    scrollbar-shadow-color: #333366; 
    scrollbar-arrow-color: #333366; 
    scrollbar-track-color: #333366; 
}


#weather-contact {
	background: url(../images/transpWhite.png);
	padding: 20px 60px 20px 60px;
	position: absolute;
	top: 100px;
	left: 40%;
	width: 400px;
	height:280
	px;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

#weather-home {
	background: url(../images/transpWhite.pn);
	padding: 20px 60px 20px 60px;
	position: absolute;
	top: 300px;
	left: 40%;
	width: 470px;
	height:280
	px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}


#weather-gallery {
	background: url(../images/transpWhite.pn);
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 10px;
	left: 30%;
	width: 535px;
	height:50%;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

#top_bg {
	background: url(../images/transpBlack.png);
	
	position: absolute;
	top: 191px;
	left: 50%;
	width: 444px;
	height:100px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}


* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Georgia, serif;
	overflow: hidden;
}
/* { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #fff; background-color:#fff;}
*/


span.grntxt {
	color: #aee07a;
}
div.row span.left {
  float: left;
  text-align: left;
  color: #fff;
}

div.row span.right {
  float: right;
  text-align: right;
  color: #fff;
}

span.right {
  	text-align: right;
  	color: #fff;
	font-size: 12px;
	position: absolute;
	right: 0px;
	width: 90%;
	font-family: Arial, sans-serif;
	bottom: 0px;
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin: 0 auto; 
    width: 400px;
    padding: 50px;
    background: white; 
    padding-bottom:100px;
    font: 14px/2.2 Georgia, Serif;
}
.txt_Main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	margin: 30px;
}
.image {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
/* lowwer footer */


	
	/* bar */
	#bar {display:block;z-index:800;position:fixed;right:0px;bottom:20px;height:25px;width:300px;background:#ffffff;opacity:0.5;filter:alpha(opacity=50);}		
		
	/* footer */
	#footer {opacity:0.5;filter:alpha(opacity=50);display:block;z-index:800;position:fixed;right:10px;bottom:25px;text-align:right;width:400px;color:#1B5067;font-size:10px;text-decoration:none;}
	#footer a {
		font-size:10px;color:#212100;text-transform:uppercase;font-weight:normal;text-decoration:none;height:14px;
		border-right:solid 1px #AEAEA1;padding:0px 15px;}	
	#footer a.last {border-right:none;padding-right:20px;}
	#footer a:hover {text-decoration:underline;}
	
	.images {
	border: 1px solid #000000;
	margin: 10px;
}
.txt_home_quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
}
.stockist_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC0000;
}