/* ---------------------------------------------
CompanyName Mobile Style Sheet
author: Cyberwoven
version:  2009.01
----------------------------------------------- */


body {font:normal 11px/16px Arial, Helvetica, sans-serif; margin:0 20px 0 0; padding:0;}

a {color:#930; text-decoration:underline;}

h2 {font-size:18px; line-height: 20px; font-weight:bold; color:#f60; margin:10px 0 10px 25px;}
h3 {font-size:16px; font-weight:bold; color:#930; margin:0 0 10px 25px;}
h4 {font-size:16px; font-weight:bold; color:#930; margin:10px 0 0 0;}
h5 {font-size:16px; font-weight:bold; color:#930; margin:2px 0 0 0;}
h6 {font-size:14px; font-weight:bold; color:#930; margin:2px 0 10px 0;}

fieldset {border:none;}

/* Reusables
----------------------------------------------- */

.clear {clear:both; display:block; overflow:hidden; width:0; height:0;}

table.data {text-align:left; margin:5px 0 20px 0;}
table.data th {padding:2px 5px; border-bottom:1px solid #f60; font-weight:bold; line-height:18px; text-align:left; color:#000;}
table.data td {padding:2px 5px; line-height:16px; border-bottom:1px solid #f60; }
table.data tr.even td {background-color:#fff7e8;}

.floatleft {float:left;}
.floatright {float:right;}
.nofloat {float:none !important;}



/* Layout Blocks
----------------------------------------------- */

.wrapper {background:#ffe9bf url(../images/mobilebg.jpg) fixed repeat-x 0 0; padding:10px;}

#kit {text-indent: -9999px; font-size: 0px; margin:0;}

	.content {display:block; position: relative; float: left; margin:30px 0 0 25px; padding:0;}
		ul.video {margin:0; padding:0; list-style-type:none; }
			ul.video li {position:relative; display: block; margin:0 0 20px 0; padding:0; float:left; clear:left}
			ul.video li a#brad {width: 240px; height: 125px; display:block; background: url(../images/videoplaceholder_brad.jpg) no-repeat; text-indent: -9999px; font-size: 1px;  }	

			ul.video li a#brian {width: 240px; height: 125px; display:block; background: url(../images/videoplaceholder_brian.jpg) no-repeat; text-indent: -9999px; font-size: 1px;  }

			ul.video li a#john {width: 240px; height: 125px; display:block; background: url(../images/videoplaceholder_john.jpg) no-repeat; text-indent: -9999px; font-size: 1px;  }

			ul.video li a#bernie {width: 240px; height: 125px; display:block; background: url(../images/videoplaceholder_bernie.jpg) no-repeat; text-indent: -9999px; font-size: 1px;  }

			ul.video li a#kevin {width: 240px; height: 125px; display:block; background: url(../images/videoplaceholder_kevin.jpg) no-repeat; text-indent: -9999px; font-size: 1px;  }

			
		ul.purchaseoptions {margin:0; padding:0; list-style-type:none;}
			ul.purchaseoptions li {margin:0; padding:0; float:none; clear:none; height:auto;}


ul.mainnav {margin:5px 0 0 0; padding:0; list-style:none;}
ul.mainnav li {margin:5px 0; padding:0;}
ul.mainnav li a {display:block; padding:2px; font-size:14px; color:#930; text-align:center; border:1px solid orange; font-weight:bold; text-decoration:none;}
ul.mainnav li.active a {background:#fff;}

a.skiplink {display:none; visibility:hidden;}
a.mobiletoggle {display:none; visibility:hidden;}
ul.headernav {display:none; visibility:hidden;}
ul.footernav {display:none; visibility:hidden;}
.flash-replaced embed, .sIFR-replaced embed  {display:none;}

#header h1 {display:block;  margin:0 0 20px 20px; padding:0; border: 0 0 1px 0;}
#header h1 a {display:block; width:auto; height:auto; font-size:14px; text-indent:0; padding:4px; background:#f60; color:#fff; text-decoration:none;}

#header .mobiletoggle {position:absolute; top:10px; right:0; height:45px; width:65px; background:url(../images/mobiletoggle-desktop.png) no-repeat center center; font-size:1px; text-indent:-9999px;}

.sectiontitle {margin:10px 0 0 0; padding:5px 0 5px 10px; border:1px solid #f60;}
ul.subnav {margin:0 0 10px 0; padding:0; list-style:none; border:1px solid #f60; border-width:1px 1px 0 1px;}
ul.subnav li {display:block; margin:0; padding:0; border-bottom:1px solid #f60;}
ul.subnav li a {display:block; padding:4px 0 4px 25px; text-decoration:none; background:url(../images/mobile-subnav-item.png) no-repeat 10px center;}
ul.subnav li.active a {background-image:url(../images/mobile-subnav-active.png);}

#footer {font-size:11px; position: relative; float: left; border-top:1px solid #f60; margin-top:10px; padding-top:10px;}
a.cyberwoven {white-space:nowrap; text-decoration:none;}
a.cyberwoven span {text-decoration:underline;}

/* Form
----------------------------------------------- */
.formtext {margin: 0 20px 0 10px; font-size: 13px; line-height: 20px;}

.contactbox {margin:-25px 0 0 0; width: 375px; border-left: solid 1px #FF7C4F;  }
.contactbox legend { text-indent:-9999px; }
.contactbox label { font-weight:bold; color:#000; float:left; width:100px; margin:10px 10px 2px 0; display:block; clear:left; }
.contactbox label span.required { float:right; margin:-15px -30px 0 0; color:#FF7C4F; font-size: 9px; font-weight: normal; font-style: italic; }
.contactbox label, .contactbox input { line-height:14px; }
.contactbox input, .contactbox textarea {font-size:12px; padding:7px 2px 8px 2px; margin: 0px 0 1px 0;  border:solid 1px #FF7C4F; }
.contactbox input.required {background: none; width: 350px;}
.contactbox input:focus.required { border:solid 1px #fff; }
.contactbox input:focus { border:solid 1px #fff; }
.contactbox input.textbox { width: 350px; background: none;}
.contactbox textarea {display:block; width: 350px; height:111px; overflow:hidden; float:left; background: none; font-family: Verdana,Geneva,sans-serif; font-size: 14px; }
.contactbox textarea:focus { border:solid 1px #fff; }
.contactbox .errorMessage { color:#a2aae0 !important; font-size:11px; }
.contactbox .errorMessage { color:#a2aae0 !important; font-size:11px; }

.contactbox input.check {margin:10px 5px 30px 0px; float:left; clear:both;}
.contactbox label.sendkit {float:left;  margin-left:0px; width: 180px; line-height: 15px; clear:right; }
.contactbox .linkbutton {display: block; width: 60px; clear: both; margin: 10px 0 0 0; padding: 3px 5px 3px 5px; background-color: #000; color: #fff; }
.contactbox .linkbutton:hover {text-decoration:none; background-color: #fff; color: #000; }