body,html { height: 100%; margin: 0; padding: 0; }
body { background: #FFF; color: #333333;  }
h1 {color: #000; font-size: 18px; margin: 0 0 20px 0; line-height: normal;}
h2 {color: #000; font-size: 16px; margin: 0 0 10px 0; }
h3 {color: #FFF; margin: 0 0 10px 0; padding: 0; line-height: normal; font-size: 14px; }
h4 { font-size: 14px; font-style: italic; color: #000000; margin: 0;}
h5 { color: #000000; font-size: 14px; font-weight: bold; margin: 0 0 0 0; padding: 0; width: 600px; padding-bottom: 1px;}
h6 { font-size: 18px; margin: 0 0 20px 0; font-weight: normal;}
body, p, ol, ul, td { font-family: "Gill Sans", "Arial"; font-size: 13px; line-height: 18px; }
p { margin: 0 0 10px 0; line-height: 160%; font-size: 14px;}
u { text-decoration: none; border-bottom: 2px solid #333333 }
pre { background-color: #eee; padding: 10px; font-size: 11px; }
a { color: #333333; border-bottom: 1px solid #333333; text-decoration: none; -moz-outline: none; line-height: normal; }
a:hover { color: #CCC; background: #transparent; }
img {border: none;}
br { clear: both; float: none; }
.h1gray { color: #cccccc; font-weight: normal;}
ul,ol { margin: 0; padding: 0; list-style-type: none;}
li { margin: 0; padding: 0; }
a img { border: none; background: 0;}
div	{ -moz-border-radius: 0; -webkit-border-radius: 0; }
table { display: table; border-collapse: collapse; }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell; position: relative; }
caption { display: table-caption }
/*opacity:0.8;filter:alpha(opacity=80)*/
/*colors green 8EB900 */



/*main layout*/
#main { position: absolute; border: 0px solid; width: 1124px; padding: 0; margin: 0 0 0 50%; left: -562px;}
#top { position:relative; height: 160px; border-bottom: 8px solid #000; width: 100%;}
#left_column { position:relative; width: 220px; background: #FFF; float: left; margin-bottom: 200px; }
#right_column { position:relative; width: 898px; margin: 0 ; border: 0px solid;  background: transparent; float: right; margin-bottom: 200px;}
#logo { position: absolute; top: 45px; right: 10px;}
#extra_logo { position: absolute; top: 20px; right: 300px; }
#seaweedperson { position:absolute; left: 20px; top: 30px;}
#intro_wrap { position:relative; width: 100%; height: 200px; margin: 6px 0 6px 0; float: none;}
#intro_wrap div { position: relative; float: left; width: 220px; height: 200px; margin: 0 6px 0 0; background: #FFF;}
#fat_top_bar { position: relative; width: 100%; height: 35px; background: #8EB900; margin: 6px 0 0 0; }
#storeinfowrap { position: relative; width: 100%; height: 180px; background: #5F105D; }

#brandpartners { position: relative; margin: 40px 0 0 0;}
#brandpartners a { border: none;}

#storeinfomenu { position: absolute; right: 20px; top: 20px; }
#storeinfomenu ul { }
#storeinfomenu ul li { text-align: right;}
#storeinfomenu a { color: #FFF; text-transform:uppercase; border: none; }
#storeinfomenu a:hover { color: #CCC; text-transform:uppercase; border: none; }

#storeinfobasket { position: absolute; top: 25px; left: 130px;}
#customerlogin { position: absolute; bottom: 20px; right: 20px; display:block; color: #FFF;text-transform:uppercase; text-align: right; }
#tobasket { position: absolute; top: 50px; left: 130px; display:block;}
#storeinfobasket a,#customerlogin a, #tobasket a { color: #FFF; text-transform:uppercase; border: none;}
#storeinfobasket a:hover,#customerlogin a:hover, #tobasket a:hover { color: #CCC; text-transform:uppercase; border: none;}

.extra_prices { position: relative; margin: 0 0 20px 0;}
.extra_prices table { border: 1px solid #8EB900;}
.extra_prices table tr { border: none; }
.extra_prices table td { border: none; padding: 10px; }

#opentext { position: absolute; left: 130px; top: 90px;}
#tag { position:absolute;  right: 10px; top: 6px; }
#tag a { font-family: Times; font-style: italic; font-size: 20px; color: #FFF; border: none; line-height: normal; padding: 0;}
#intro_wrap div div.introtitlebkg { position: absolute; bottom: 0; left: 0; right: 0; color: #FFF; height: 30px; background: #8EB900; z-index: 3; opacity: 0.7; filter: alpha(opacity=70);}
#intro_wrap div div.introtitle { position: absolute; bottom: 5px; right: 5px; height: auto; z-index: 4; text-align: right; padding: 0; background: transparent; text-transform:uppercase; color: #FFF;}
#footer { position: absolute; background: #8EB900; height: 100px; width: 100%; bottom: 0; left:0;}
#footerinfo { position: absolute; top: 40px; left: 120px; color: #FFF;}
#pagewrap { padding: 50px;}

/*form basic*/
form { margin: 0; padding: 0; margin: 0 0 10px 0; clear: both; }
input { margin: 0 0 10px 0; }
select { margin: 0; margin-bottom: 10px; width: 200px; font-size: 14px; }
textarea { display: block; padding: 1px 0 1px 0; border-style: solid; border-width: 1px; border-color: #333 #ccc #ccc #999 ; margin: 0 0 10px 0; width: 300px; height: 80px; font-size: 14px; font-family: arial, helvetica, sans-serif;}
fieldset { padding: 0; border: none; height: auto; margin: 0 0 10px 0; border: none; width: auto; height: auto;}
legend {position: relative; margin: 0; padding: 0 0 5px 0; font-weight: bold; font-size: 13px; color: #333333;}
label { color: #333333; display: block;  font-size: 12px; margin: 0;}

input[type="submit"], input[type="button"] { position: relative; width: auto; font-size: 13px; margin: 10px 10px 0 0; padding: 3px 10px 3px 10px; background: #8EB900; color: #FFF; border: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 100; display: inline;}

input[type="reset"] {  display: block; width: auto; font-size: 13px; margin: 20px 10px 0 0; padding: 3px 10px 3px 10px; background: #8EB900; color: #FFF; border: none; float: left; clear: none; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
input[type="text"] { padding-top: 3px; padding-bottom: 3px; border-style: solid; border-width: 1px; border-color: #333 #ccc #ccc #999 ; margin: 0; margin-bottom: 10px; width: 200px; font-size: 14px; }
input[type="password"] { padding-top: 3px; padding-bottom: 3px; border-style: solid; border-width: 1px; border-color: #333 #ccc #ccc #999 ; margin: 0; margin-bottom: 10px; width: 200px; font-size: 14px; }
input[type="file"] { padding-top: 3px; padding-bottom: 3px; border-style: solid; border-width: 1px; border-color: #333 #ccc #ccc #999 ; margin: 0; margin-bottom: 10px; width: 200px; font-size: 14px; }
input[type="checkbox"] { margin: 0 8px 0 0; padding: 0; float: left; clear: none; display: inline;}
input[type="radio"] { margin: 0 8px 0 0; padding: 0; float: left; clear: none; display: inline;}
input[type="hidden"] { margin: 0; padding: 0;}

/*store*/
#storewrap {position: relative; border: 0px solid; width: 100%; }
.productbox { position: relative; width: 220px; height: 220px; border-right: 0px solid #8EB900; border-bottom: 0px solid #8EB900; margin: 0 5px 0 0; text-align: center; float: left;}
.productbox img { border: 0px solid; margin: 20px 0 0 0;}
.productbox a { border: none;}
.productinfo { position: absolute; left: 10px; bottom: 10px ; text-align: left; border: 0px solid;}
#product_detail { border: 0px solid; padding: 40px 0 0 60px; margin: 0 0 100px 0;}
#product_detailinfo { position:relative; border: 0px solid;}
#add_to_basket { margin: 50px 0 0 0;}


/*more info*/
#more_info { width: 90%;}

#basket_table { position: relative; border: 0px solid; width: 100%; border-collapse: collapse; }
#basket_table th { position: relative; border-bottom: 1px solid #8EB900; text-align: left; }
#basket_table td { position: relative; border-bottom: 1px solid #8EB900; vertical-align: top;}

#notice { position:absolute; top: 30px; right: 100px; background: #8EB900; padding: 5px 10px 5px 10px; color: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; z-index: 10;}

/*menu*/
#menu { position: absolute; top: 130px; left: 130px; width: auto; padding: 0; margin: 0 0 0 0px; z-index: 2; background: #FFF; display: block; height: auto; border: 0px solid;}
#menu ul { position: relative; margin: 0 0 0 0px; padding: 0 0 0 0px; list-style: none;}
#menu ul li { float: left; display: inline; width: auto; overflow: hidden;}
#menu ul li a { display: block; text-decoration: none; color: #000; padding: 6px 0px 6px 0px; text-align: center; background:transparent; border: none; line-height: normal; border-bottom: 0px solid #000; text-transform:uppercase; font-weight:bold; margin: 0 15px 0 0; font-family: "Gill Sans", "Arial";}
#menu ul li a:hover { color: #CCC; margin: 0 15px 0 0; padding: 6px 0px 6px 0px; left: 0; float: left; text-align: left; border: 0; line-height: normal; border: none; border-bottom: 1px solid #FFF; }
#menu a.active { color: #8EB900; }

/*sidemenu*/
#sidemenu { position: relative; top: 0px; right: 0px; width: 100%; padding: 0; margin: 9px 0 0 0px; z-index: 2; background: #FFF; display: block;}
#sidemenu ul { position: relative; margin: 0 0 0 0px; padding: 0; list-style: none; }
#sidemenu ul li { display: block; width: auto; overflow: hidden; border-bottom: 1px solid #8EB900; }
#sidemenu ul li a { display: block; text-decoration: none; color: #333; padding: 8px 0px 8px 10px; text-align: left; background:url("../images/icons/submenu_arrow.png") 90% 13px no-repeat; border: none; line-height: normal; width: 100%; font-weight:bold; text-transform: uppercase;  font-family: "Gill Sans", "Arial";}
#sidemenu ul li a:hover { color: #CCC; }
#sidemenu a.active { color: #CCC; }



.fieldWithErrors {
  padding: 2px;
  background-color: #FFF;
  display: table;
}

.fieldWithErrors input {
	background-color: #E9FFBE;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #8EB900;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
	margin-bottom: 10px;
  background-color: #8EB900;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style-type: none;
	padding: 0 0 0 20px;
}