/* CSS Document */

body { background: #3f3f3f; font : 12px Arial, sans-serif;} 
#container { width: 900px; Height: 100%; background: #3f3f3f; margin-left : auto; margin-right : auto; padding: 0px; position: relative; color: #FFFFFF; }
#header { width: 900px; Height: 150px; background: #333333; padding: 0px; position: relative;}
#menu { width: 900px; Height: 55px; background: #86c04f; border-top: 2px solid #FFFFFF; }
#menu ul { float : left; width : 890px; padding-left : 10px; margin : 0px; }
#menu ul li {display : inline;}
#menu ul li a { float : right; display : block; height : 20px; padding : 20px 10px 10px 10px; text-decoration : none; color : #ffffff; background: inherit; text-transform: uppercase; font-weight: 600;}
#menu span {text-decoration: underline;}
#menu ul li a:hover {text-decoration: underline;}
#content { width: 860px; Height: 100%;  background: #333333; padding: 20px; overflow: hidden; }
#left { width: 560px; Height: 100%;  background: #333333; padding: 0px; float: left;}
#right { width: 270px; Height: 100%;  background: #333333; padding: 0px; float: right;}
#footer { width: 860px; Height: 80px;  background: #333333; padding: 10px 20px 20px 20px; color: #FFFFFF; font-size: 12px; margin-top: 10px;}
#footer a {color:#86c04f;}
.pic {border: none;}
h2 { font-weight: bold; font-size: 12px; color: #86c04f; text-transform: uppercase; }
h3 { font-weight: bold; font-size: 12px; color: #86c04f; text-transform: uppercase; }
a {color:#86c04f;}
p.points { color: #cccccc; margin: 10px; width: 450px;}
p.pointpink { color: #ffffff; margin: 10px; width: 450px;}
#header h1#logo a { position: absolute; margin: 0; padding: 0; font: bolder 60px 'Arial', Sans-serif; letter-spacing: -5px; color: #FFF; text-transform: none; text-decoration: none; background: transparent; top: 35px; left: 20px;}
#header h1#logo a span { color: #86c04f;}
#header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 14px 'Arial', Sans-serif; text-transform: none; color: #FFF; letter-spacing: -1px; top: 95px; left: 20px;}
a {text-decoration: underline; color: #123456;}
.prod{ background: #3f3f3f; width: 100px; height: 210px; padding: 10px; margin-bottom: 10px;  color: #333333; position: relative; border: solid 1px #3f3f3f; overflow:hidden; } 
.odd{position: relative; float: right; margin-left: 7px;}
.even{position: relative; float: left;}
.thumbright {width : 100px; height: 100px; float: right; padding: 0px 5px 0px 5px;  }
.imagebox {width: 100px; height: 100px; overflow: hidden; background: #ffffff; margin-bottom: 10px; text-align: center;} 
.prodinfo {width: 100px; height: 45px; overflow: hidden; margin-top: 5px; margin-left: 5px; }
.buttons a, .prodinfo a {color:#ffffff; text-decoration:underline; font-weight: bold; font-size:10px; text-transform:uppercase;}
.priceinfo {width: 100px; height: 20px; overflow: hidden; color:#ffffff; margin-left: 5px; font-size:13px; font-weight:bold; margin-top:5px;}
.buttons {width: 90px; height: 15px; overflow: hidden; background: #f13763; margin-left: 5px; margin-top: 5px; padding: 5px; text-align: center;}
img.large { border: 0px solid #00CC33; margin:0px auto; }
img.largepadding { border: 30px solid #3f3f3f; margin:0px auto;}
.number { position: absolute; width: 100px; height: 100px; z-index: 999; left: 780px; top: 20px;}

/*Form Styling*/
.importantinformation { display: none;}
.inputfield {width: 220px; background:  #3f3f3f; border: 0px solid #B2B2B2;padding: 3px; font : 12px Arial, sans-serif; color: #ffffff;}
.commentfield {background:  #3f3f3f; border: 0px solid #B2B2B2; padding: 3px; font : 13px Arial, sans-serif; color: #ffffff; width: 250px;}
.contacttypo { color: #cccccc; font-size:12px;}
.highlight { color: #86c04f; font-size:12px; text-decoration: none;}
.highlightdetails { color: #86c04f; font-size:10px;}
td.error .inputfield { background: #86c04f;}
td {text-align: left; vertical-align: top; padding-bottom: 5px; color:#FFFFFF; font : 12px Arial, sans-serif;}
.submitfield {
	width: 100px;
	text-align: center;
	border: 2px solid #ffffff;
    background: #86c04f;
	padding: 3px;
	color: white;
font : 13px Arial, sans-serif;
	/* Following code is required because the submitbutton by chance is layered under the 'ultimate accessory'
	layer - making the button unclickable. This code brings it to the front */
	position: relative;
	z-index:20;
}