/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
margin: 0; 
padding: 0; 
border: 0; 
}

body {
	font-size: 100.01%;/* fix for IE scaling error at small font sizes*/
	text-align: center;/* centers the wrapper in IE 5.x*/
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	background: #002F2F;

}

img {border:none;}

#wrapper {
	margin: 0 auto;/*centers the wrapper in compliant browsers*/
	width: 800px;
	text-align: left;
	position: relative;/*set for the positioning of the nav*/
	background: url(../images/wrapperbg.jpg) repeat-y;
}

#innerwrapper {
	margin: 0 auto;
	width: 760px;
}

#header {
	width: 760px;
	height: 240px;
	background: url(../images/topbg.gif) repeat-x;

}

#videoheader {
	width: 760px;
	height: 160px;
	background: url(../images/topbg.gif) repeat-x bottom;
}

#logo {
	position: absolute;
	top: 4px;
	left: 31px;
}

#videothumbs {
	padding: 20px 10px 0 10px;
}

#videothumbs img {
	margin-right: 3px;
}

#topnav {
	background: url(../images/headerbg.jpg) no-repeat;
	height: 100px;
}

#topnav ul {
	float:right;
	display: inline-block;
	margin-top: 70px;
	margin-right: 10px;
}

#topnav li {
	display: inline;
	list-style-type: none;
	padding: 8px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

#topnav li a:link, #topnav li a:visited {
	color: #002F2F;
	text-decoration: none;
}

#topnav li a:hover, #topnav li a:active, #topnav li a:focus {
	color: #7C6906;
	text-decoration: underline;
}

#contentwrapper {
	margin: 0;
	padding: 0;
}

#maincontent {
	margin: 0 0 0 250px;
	padding: 4px;
	
}

#maincontent h1 {
	font-size: 130%;
	color: #002f2f;
}

#maincontent h2 {
	font-size: 120%;
	color: #002f2f;
}

#maincontent p {
	font-size: 80%;
	padding: 10px;
}

#maincontent a:link, #maincontent a:visited {
	color: #002f2f;
	font-weight: bold;
	text-decoration: none;
}

#maincontent a:hover, #maincontent a:active, #maincontent a:focus {
	color: #7C6909;
	text-decoration: underline;
}

#maincontent ul {
	padding: 10px;
	margin-left: 40px;
	font-size: 80%;
}

#topcontent {
	padding: 5px 5px 5px 0;
	border: 1px solid #CCC;
}

#topcontent p{
	font-size: 75%;
}

#topcontent h1 {
	color: #002f2f;
	font-size: 100%;
	margin-left: 10px;
	
}

#maincontent .pitch {
	font-weight: bold;
	font-size: 120%;
	color: #ff0000;
}
#homepagecontent {
	width: 380px;
	margin-left: 110px;

}

.homepagecontentimg {
	float: left;
	width: 100px;
	margin-top: 10px;
}

#homepagebanner {
	padding-left: 10px;
}

#contacttop {
	margin-left: 190px;
}

#contacttop p {
	font-weight: bold;
	padding: 0 0 10px 20px;
	margin-top: 10px;
}

.contactimg {
		float:left;
		width: 185px;
		margin-top:10px;
	}
.featuredproduct {
	width: 220px;
	height: 260px;
	border: 1px solid #ccc;
	padding: 8px;
	float: left;
	margin: 5px 4px;
}

.featuredproduct h3 {
	font-size: 120%;
	font-weight: bold;
	color: #002f2f;
	padding-bottom: 10px;
	margin-top: 10px;
}

.featuredproduct h4 {
	font-size: 100%;
	font-weight: bold;
	color: #0a664b;
	padding-bottom: 10px;
}

.featuredproduct p {
	font-size: 75%;
	padding-bottom: 10px;
}

.featuredproduct img {
	float: right;
	width: 106px;
	padding-left: 5px;
	margin-top: 24px;
}

#subcat {
	width: 490px; 
	height: 300px;
	margin: 0 auto; 
	border: 1px solid #ccc; 
	margin-bottom: 20px;
}

.subcatnav {
	width: 80px;
	height: 140px;
	float:left;
	margin: 5px 8px;
	font-size: 70%;
	position: relative;
}

.subcatnav a:link, .subcatnav a:active {
	
}


#content {
	font-size: 80%;
}

#videocontent {
	margin: 10px 0 10px 10px;
	width: 590px;
}

#videonav {
	float: right;
	width: 140px;
	margin: 15px 5px 10px 0;
}

#videonav h3 {
	font-size: 100%;
	margin:20px 0 20px 0;
}
#videonav p {
	font-size: 70%;
}

#leftnav {
	width: 240px;
	float: left;
	display:inline;

}

#leftnav ul {
	margin-left: 18px;
}

#leftnav ul li {
	list-style-type: none;

}

#leftnav li a:link, #leftnav li a:visited {
	color: #002f2f;
	text-decoration: none;
	font-weight: bold;
	font-size: 80%;
	display: block;
	width: 205px;
}

#leftnav li a:hover, #leftnav a:active, #leftnav a:focus {
	color: #fff;
	background-color: #002f2f;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

#leftnav ul ul {
	padding: 0 0 20px 0;
}

#cmjleft {
	width: 240px;
	margin: 8px 0 10px 5px;
	background: url(../images/nav_bottom_bg.jpg) no-repeat bottom left;
	overflow: hidden;
}

#cmjleft p {
	font-size: 80%;
	margin: 0 0 8px 8px;
	font-weight: bold;
}

#homepagevideoplayer {
	width: 240px;
	margin: 0 0 30px 0;
	background: url(../images/navdiv_bg.jpg) repeat-y;
	padding: 0 0 10px 11px;
}

#catalognavcontainer {
	width: 240px;
	margin: 8px 0 10px 5px;
	background: url(../images/catalog_div_bg.jpg) no-repeat bottom;
}

#catalognavcontainer ul {
	width: 240px;
	background: url(../images/navdiv_bg.jpg) repeat-y;
	margin: 0 0 40px 0;
	padding: 0 0 10px 0;
}

#catalognavcontainer li {
	margin-left: 24px;
}

#sitenav {
	width: 240px;
	margin: 8px 0 20px 5px;
	background: url(../images/nav_bottom_bg.jpg) no-repeat bottom;
}

#sitenav ul {
	width: 240px;
	background: url(../images/navdiv_bg.jpg) repeat-y;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
}

#sitenav li {
	margin-left: 24px;
}

#leftlogin {
	width: 240px;
	margin: 8px 0 20px 5px;
	background: url(../images/nav_bottom_bg.jpg) no-repeat bottom;
	padding: 0;
}

#leftlogdiv {
		width: 240px;
		background: url(../images/navdiv_bg.jpg) repeat-y;
		margin: 0 0 30px 0;
		padding: 0 0 10px 5px;
}

#leftlogdiv form {
	width: 200px;

}

#leftlogdiv label {
	display: block;
	font-size: 80%;
	font-weight: bold;
	margin: 0 5px 0 30px;
}

#leftlogdiv input {
	display: block;
	margin: 0 5px 5px 30px;
}

#leftlogdiv p {
	margin-left: 20px;
}

#leftlogdiv a:link, #leftlogdiv a:visited {
	color: #002f2f;
	text-decoration: none;
	font-weight: bold;
	font-size: 80%;
}

#leftlogdiv a:hover, #leftlogdiv a:active, #leftlogdiv a:focus {
	color: #7C6909;
	text-decoration: underline;
}

#shopcart {
	width: 240px;
	margin: 8px 0 20px 5px;
	background: url(../images/nav_bottom_bg.jpg) no-repeat bottom;
	padding: 0;
}

#leftcart {
	width: 240px;
	background: url(../images/navdiv_bg.jpg) repeat-y;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	font-size: 90%;
}

#leftcart p {
	margin: 3px 3px 6px 15px;
}

#leftcart li {
	margin-left: 25px;
}

#leftcart li a:hover {
	background: none;
	border: none;
	color: #002f2f;
	text-decoration: underline;
}

.addtocartlink {
	text-align: right;
}

#productdetail p {
	font-size: 70%;
	margin:0;
	padding:6px;
}

#productdetail h2 {
	font-size: 110%;
	margin-bottom: 10px;
}
#productdetail h3 {
	margin-bottom: 20px;
}

#pricefield {
	text-align: right;
	font-size: 150%;
	margin: 20px;
}

#footer {
	background: url(../images/footerbg.jpg) no-repeat bottom;
	height: 130px;
	clear: left;
	font-size: 80%;
	text-align: right;
}

#footercontent {
	margin: 20px 30px 0 0;
}

#footer a:link, #footer a:visited {
	color: #002f2f;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover, #footer a:active, #footer a:focus {
	color: #7C6906;
	text-decoration: underline;
}

#bottomlogo {
	margin-right: 20px;
	position: relative;
	top: 5px;
}

.copyright {
	color: #002f2f;
	font-size: 80%;
}
.clearit { clear:both;}

#productlist {
	
	margin: 40px 0 0 20px;
	padding: 0;
	
}

#productlist ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#productlist li {
	float: left;
	width: 98%;
	margin: 0 0 20px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #CCC;
}

#productlist h3 {
	font-weight: bold;
	padding: 0;
	margin: 0 10px 0 125px;
	color: #002f2f;
}

#productlist h4 {
	font-weight: bold;
	padding: 0;
	margin: 0 10px 5px 125px;
	color: #0a664b;
	font-size: 100%;
}

#productlist p {
	margin: 0 10px 0 125px;
	padding: 0 0 4px 0;
	font-size: 85%;
}
#productlist img {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}

/* header styles */

.shopcartheader {

	padding: 40px 0 0 0;
	margin: 0;
	overflow: hidden;
	background: url(../images/cart_nav_header.jpg) no-repeat;
	height: 0px !important;
	height: /**/:40px;
	width: 240px;
}

.cmjournalheader {

	padding: 40px 0 0 0;
	margin: 0;
	overflow: hidden;
	background: url(../images/cmjournal_header.jpg) no-repeat;
	height: 0px !important;
	height: /**/:40px;
	width: 240px;
}

.sitenavheader {

	padding: 40px 0 0 0;
	margin: 0;
	overflow: hidden;
	background: url(../images/callmaster_header.jpg) no-repeat;
	height: 0px !important;
	height: /**/:40px;
	width: 240px;
}

.leftloginheader {

	padding: 40px 0 0 0;
	margin: 0;
	overflow: hidden;
	background: url(../images/leftloginheader.jpg) no-repeat;
	height: 0px !important;
	height: /**/:40px;
	width: 240px;
}

.leftnavheader {
	padding: 70px 0 0 0;
	margin: 0 0 10px 0;
	overflow: hidden;
	background: url(../images/navheader.jpg) no-repeat;
	height: 0px !important;
	height: /**/:70px;
	width: 240px;
}

.featuredproductsheader {
	padding: 78px 0 0 0;
	margin: 0 0 5px 0;
	overflow: hidden;
	background: url(../images/featuredprodheader.jpg) no-repeat;
	height: 0px !important;
	height: /**/:78px;
	width: 490px;
}

.topproductheader {
	padding: 78px 0 0 0;
	margin: 0 0 5px 0;
	overflow: hidden;
	background: url(../images/topproductheader.jpg) no-repeat;
	height: 0px !important;
	height: /**/:78px;
	width: 490px;
}

.contactheader {
	padding: 78px 0 0 0;
	margin: 0 0 5px 0;
	overflow: hidden;
	background: url(../images/contactheader.jpg) no-repeat;
	height: 0px !important;
	height: /**/:78px;
	width: 490px;
}

.showcartheader {
	padding: 78px 0 0 0;
	margin: 0 0 5px 0;
	overflow: hidden;
	background: url(../images/showcartheader.jpg) no-repeat;
	height: 0px !important;
	height: /**/:78px;
	width: 490px;
}

.welcomeheader {
	padding: 78px 0 0 0;
	margin: 0 0 5px 0;
	overflow: hidden;
	background: url(../images/welcomeheader.jpg) no-repeat;
	height: 0px !important;
	height: /**/:78px;
	width: 490px;
}

.checkoutheader {
	padding: 78px 0 0 0;
	margin: 0 0 5px 0;
	overflow: hidden;
	background: url(../images/checkoutheader.jpg) no-repeat;
	height: 0px !important;
	height: /**/:78px;
	width: 490px;
}

.catalognavheader {
	padding: 40px 0 0 0;
	margin: 0;
	overflow: hidden;
	background: url(../images/catalog_header.jpg) no-repeat;
	height: 0px !important;
	height: /**/:40px;
	width: 240px;
}

.imagemenuheader {
	padding: 78px 0 0 0;
	margin: 0 0 5px 0;
	overflow: hidden;
	background: url(../images/imagemenuheader.jpg) no-repeat;
	height: 0px !important;
	height: /**/:78px;
	width: 490px;
}

.productdetailsheader {
	padding: 78px 0 0 0;
	margin: 0 0 0 0;
	overflow: hidden;
	background: url(../images/productdetailsheader.jpg) no-repeat;
	height: 0px !important;
	height: /**/:78px;
	width: 490px;
}

.error {
	font-size: 10%;
	font-weight: bold;
	color: #ff3300;
}

/* ------------------------------- accordion styles -----------------------------------*/
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 110%;
	font-weight: normal;
	cursor: pointer;
}

#accordion label {
	display: block;
}

#accordion input {
	display: block;
}

#addtocart form {
	margin-left: 20px;
}

#addtocart input {
	width: 20px;
}

#addtocart input.btn{
	display: block;
	width: 80px;
}

#addtocart label {
	font-size: 80%;
	font-weight: bold;
	padding-right: 5px;
}

#cartformtable {
	width: 99%;
	border: 1px solid #ccc;
}

/* --------------------- form  styles ---------------------------- */
#logincontainer form {
	margin-left: 150px;
}

#logincontainer input.login {
	width: 200px;
	float: left;
}

#logincontainer label.login {
	float:left;
	width: 110px;
	clear: both;
	font-size: .8em;
	text-align: right;
	margin-top: 3px;
	font-weight: bold;
}

#logincontainer input.sminp {
	
	float: right;
	margin: 8px 15px 0 0;
}

#logincontainer {
	height: 100%;
	background: url(../images/loginform_bg.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

#logincontainer p {
	margin: 0 0 0 150px;
	
}

#registercontainer form {
	width: 490px;

}

#registercontainer input {
	width: 200px;
	margin: 5px;
	float: left;
}

#registercontainer label {
	float:left;
	width: 150px;
	clear: both;
	font-size: 80%;
	text-align: right;
	margin: 5px;
	font-weight: bold;
}

#registercontainer select {
	margin: 5px;
	float: left;
	
}

#registercontainer input.sminp {
	clear: left;
	float: right;
	width: 100px;
}

#registercontainer input.inp {
	clear: left;
	margin-left: 250px;
	width: 120px;
}

#checkoutform label {
	float:left;
	width: 150px;
	text-align: right;
	margin: 5px 5px 0 0;
}

#checkoutform input {
	width: 200px;
	margin: 5px 5px 0 0;
}

#checkoutform input.sminp {
	width: 100px;
	float:right;
}

#checkoutform input.subinp {
	width: 120px;
	margin-left: 210px;
}

#checkoutform input.shortinput {
	width: 50px;
}

#checkoutform select {
	
	margin: 5px 5px 0 0;
}

#checkoutform {
	padding: 5px;
	margin-top: 20px;
}

#checkoutform legend {
	color: #2f2f2f;
	font-size: 110%;
	margin-top: 20px;
}

#forgotcontainer form {
	margin-left: 150px;
}

#forgotcontainer input.login {
	width: 200px;
	float: left;
}

#forgotcontainer label.login {
	float:left;
	width: 110px;
	clear: both;
	font-size: .8em;
	text-align: right;
	margin-top: 3px;
	font-weight: bold;
}

#forgotcontainer input.sminp {
	
	float: right;
	margin: 8px 30px 0 0;
}

#contactform {
	width: 480px;
}

#contactform label {
	float:left;
	width: 110px;
	clear: both;
	font-size: 80%;
	text-align: right;
	margin-top: 3px;
}

#contactform input {
	width: 250px;
}

#contactform input.sminp {
	width: auto;
	float: right;
	margin: 8px 10px 0 0;
}

/* ----------------- form validation styles ---------------------- */

.fValidator-form fieldset {

	border: 1px solid #ccc;

	padding: 10px;

}



.fValidator-form legend {

	padding: 0 5px;

}



.fValidator-form input, select {

	font-family: Arial;

	color: #666;

}

	.fValidator-form input {padding: 2px;}



.full {width: 100%;}

.half {width: 50%; vertical-align: top;}



.fValidator-msg {

	background-color: #c00;

	font-size: 85%;

	color: #fff;

	padding: 5px;

}

#cart {
	font-size: 100%;
	margin-left: 10px;
}

#cart table { border-collapse: collapse; margin-bottom: 20px;}

#cart th {
	font-size: 80%;
	
	color: #2f2f2f;
}

#cart th.carttop {
	background-color: #2f2f2f;
	color: #fff;
	font-size: 100%;
	border: 1px solid #2f2f2f;
}

#cart .col1 {
	border-left: 1px solid #2f2f2f;
	border-bottom: 1px solid #2f2f2f;
	padding-left: 3px;
}

#cart .col2, #cart .col3, #cart .col4, #cart .col5 {
	border-bottom: 1px solid #2f2f2f;
}

#cart .col5 {
	border-right: 1px solid #2f2f2f;
}

#cart .col {
	border: 1px solid #2f2f2f;
	padding: 6px 0 10px 6px;
}

#cart .subtotal {
	background: #ccc;
}

#cart td {
	font-size: 80%;
}

.s_options ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.s_options .sminp {
	float:right;
	width: 100px;
	margin-top: 20px;
}

.prostaff {
	width: 120px;
	height: 160px;
	border: 1px solid #ccc;
	background-color: #002f2f;
	float: left;
	margin: 6px 8px;
	color: #fff;
}

.prostaff h3 {
	font-size: 80%;
	font-weight: bold;
	margin: 0 0 0 4px;
	padding: 0;
}

#maincontent .prostaff p {
	font-size: 60%;
	margin: 0 0 0 6px;
	padding: 0;
	
}

.prostaffcontentimg {
	width: 160px;
	padding: 0;
	margin: 0;
	float: left;
}

#prostaffcontent {
	width: 460px;
	margin: 10px 10px 0 170px;
}


#prostafflisting {
	margin-left: 40px;
}

.prostaffheader {
	padding: 71px 0 0 0;
	margin: 0 0 5px 0;
	overflow: hidden;
	background: url(../images/prostaffheader.jpg) no-repeat;
	height: 0px !important;
	height: /**/:71px;
	width: 460px;
}

#orderdetails h2 {
	margin-top: 20px;
}

#orderdetails th {
	font-size: 80%;
	background-color: #002f2f;
	color: #FFFFFF;
}

#orderdetails td {
	font-size: 80%;
	padding-top: 6px;
}

#orderdetails table {
	border: 1px solid #002f2f;
	margin-bottom: 10px;
}

#orderdetails td.ord_det {
	font-size: 70%;
}

.shipinput {
	width: 20px;
}

.small_link {
	font-size: 80%;
}

#popwin {
	margin: 5px;
	background-color: #ffffff;
	text-align: left;
	padding: 5px;
}

#popwin h1 {
	font-size: 120%;
	font-weight: bold;
	color: #002f2f;
	margin: 5px;
}

#popwin p {
	font-size: 80%;
	margin: 5px;
}

.special_pod {
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	float: left;
	height: 225px;
	margin: 10px;
	padding: 3px;
	width: 130px;
	font-size: 14px;
}

.special_pod img {
	margin-left: 12px;
}



.coupon_code {
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	padding: 4px 10px 20px 10px;
	width: 400px;
	margin-bottom: 20px;
}

#coupon {
	width: 200px;
}

#specialslist {
	margin-left: 250px;
}

#specialslist ul {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
}

#specialslist li {
	border-bottom: 1px dotted #CCCCCC;
	float: left;
	margin: 0 0 20px;
	padding: 0 0 18px;
	width: 98%;
}

#specialslist img {
	float: left;
	margin: 0;
	padding: 0;
}

#specialslist h3 {
	color: #002f2f;
	margin: 0 10px 0 125px;
	padding: 0;
}

#specialslist p {
	font-size: 85%;
	margin: 0 10px 0 125px;
	padding: 0 0 4px;
}

#specialslist a:link {
	text-decoration: none;
	color: #002f2f;
}

#specialslist a:hover {
	text-decoration: underline;
}

#specialslist h4 {
	margin: 0 10px 0 125px;
}