/* CSS Document */

body { background: #3f3f3f; font : 12px Arial, sans-serif; margin: 0px;} 
#container { width: 900px; Height: 100%; background: #3f3f3f; margin-left : auto; margin-right : auto; padding: 0px; position: relative; color: #FFFFFF; }
#header { width: 900px; Height: 184px; background: #fff; padding: 0px; position: relative; margin-left : auto; margin-right : auto; overflow: hidden; }
#headerwrap {width: 100%; height: 185px; overflow: hidden; background: #ffffff; margin: 0px; padding: 0px; }
#menuwrap {width: 100%; height: 100%; overflow: hidden; background: #fb4d4d; border-top: 0px solid #FFFFFF; z-index: 79; position: relative;}
#menu { width: 900px; Height: 55px; background: #fb4d4d; border-top: 0px solid #FFFFFF; margin-left : auto; margin-right : auto; z-index: 80; position: relative;}
#menu ul { float : left; width : 890px; padding-left : 10px; margin : 0px; }
#menu ul li {display : inline;}
#menu ul li a { float : left; 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: #363535; padding: 20px; overflow: hidden; }
#left { width: 560px; Height: 100%;  background: #363535; padding: 0px; float: left;}
#right { width: 260px; Height: 100%;  background: #363535; padding: 0px; float: right;}
#footer { width: 860px; Height: 100px;  background: #363535; 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: #fb4d4d; text-transform: uppercase; margin: 10px 0px 10px 0px; }
h3 { font-weight: bold; font-size: 12px; color: #fb4d4d; text-transform: uppercase; margin: 10px 0px 10px 0px; }
h4 { font-weight: bold; font-size: 12px; color: #fb4d4d; text-transform: uppercase; margin: 10px 0px 10px 0px; }

h3 span { color: #fff; }
#footer p {background: #363535; border: #363535; padding: 5px;}
ul { margin: 0px; background: #3f3f3f; }
li { list-style: none;padding-top:5px; padding-bottom: 5px; height: 150px; overflow: hidden; }
li a {text-decoration: 0px; color: #fb4d4d; height: 40px;  }
.ebay { width: 100%; height: 100%; overflow: hidden; padding-bottom: 0px; background: #3f3f3f; color: #fb4d4d; border-bottom: 1px dashed #666;margin-bottom: 0px; }
.ebaypic { width: 70px; height: 100%; float: left; padding: 10px 10px 0px 10px;}
.ebaydes { width: 150px; height: 100%; float: right; padding: 10px 10px 0px 10px;}
.ebaydes a { color: #fff;}
p { border-right: 30px solid #3f3f3f; border-left: 30px solid #3f3f3f; border-top: 10px solid #3f3f3f; border-bottom: 10px solid #3f3f3f; background: #3f3f3f; margin:0px;}
.vids { border-right: 30px solid #3f3f3f; border-left: 30px solid #3f3f3f; border-top: 10px solid #3f3f3f; border-bottom: 10px solid #3f3f3f; background: #3f3f3f; margin-bottom:10px; height: 100%; overflow: hidden;}
.vidsimg { width: 108px; margin-right: 10px; float: left; margin-top: 10px;}
.vidsinfo {width: 350px; float: right;}
p.points { margin-bottom: 10px;}
p.first {  margin-bottom: 10px; margin-top: 0px;}
#header h1#logo a { position: absolute; margin: 0; padding: 0; font: bolder 60px 'Arial', Sans-serif; letter-spacing: -4px; color: #363535; text-transform: none; text-decoration: none; background: transparent; top: 35px; left: 20px;}
#header h1#logo a span { color: #fb4d4d; position: absolute; top: 50px; left: 0px;}
#header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 14px 'Arial', Sans-serif; text-transform: none; color: #fb4d4d; letter-spacing: -1px; top: 105px; left: 260px; background: transparent; border: 0px;}
a {text-decoration: underline; color: #fb4d4d;}
.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 0px 10px 0px;}
.image { position: absolute; width: 200px; z-index: 79; right: 0px; top: 0px;}

/*Form Styling*/
.importantinformation { display: none;}
.inputfield {width: 380px; background: #363535; border: 0px solid #B2B2B2;padding: 3px; font : 12px Arial, sans-serif; color: #ffffff;}
.commentfield {background: #363535; border: 0px solid #B2B2B2; padding: 3px; font : 13px Arial, sans-serif; color: #ffffff; width: 450px; margin-bottom: 10px;}
.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: #fb4d4d;}
#stock1 {border: 30px solid #3f3f3f; margin: 10px 0px 10px 0px;}
#stock2 {border: 30px solid #3f3f3f; margin: 10px 0px 10px 0px; background: #3f3f3f;}
#contactbox {border: 30px solid #3f3f3f; margin: 10px 0px 10px 0px; background: #3f3f3f; }
table{ background: #3f3f3f; border-collapse: collapse; }
table.contact{ background: #3f3f3f; border-collapse: collapse; width: 100%; }
th {text-align: left; vertical-align: top; padding-bottom: 5px; color:#FFFFFF; font : 12px Arial, sans-serif; border-bottom: 2px solid #363535;}
table.compare td {text-align: left; vertical-align: top; padding-bottom: 5px; color:#fff; font : 12px Arial, sans-serif; padding-top: 10px;}
table.compare td.title {padding-right:10px; color:#fb4d4d }

td {text-align: left; vertical-align: top; padding-bottom: 5px; color:#FFFFFF; font : 12px Arial, sans-serif;}
table.compare td.pad {text-align: left; vertical-align: top; padding-top: 15px; color:#FFFFFF; font : 12px Arial, sans-serif; }
table.compare td.padpink {text-align: left; vertical-align: top; padding-top: 15px; color:#FFFFFF; font : 12px Arial, sans-serif; color: #fb4d4d;}

.submitfield {
	width: 100px;
	text-align: center;
    background: #fb4d4d;
	border: 0px solid #ffffff;
	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;
}