/* Basic Elements */



html,body{margin:0;padding:0; border:0}

body{
font: 100.1% trebuchet ms, arial, helvetica, sans-serif;
color:#000; 
text-align:center; 
background:#990000 url(../assets/bgtile.jpg) repeat-x top left;
margin:0;
padding:0;
}

ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset{
  margin:0; 
  padding:0;
  border:0;
}



img {
	border: 0;
	}

/* Structure-------------------------------------------------------------- */

#container{
	position:relative;
	width:772px;
	margin:0 auto;
	text-align:left;
	background: 	#fff url(../assets/bottomCurves.jpg)  no-repeat bottom center;
	
	}
	

#content{
padding-right: 270px;
}

#navigation{
position: 		absolute;
	top: 			180px;
	right: 			25px;
	width: 			230px;
}

#header {

position:relative;
margin:0px;
padding:0px;
border:0px;
height:100px;
width: 772px;
background: #fff url(../assets/toplogo3.jpg) no-repeat top left;
}




.box{
text-align:left;
margin:0px;
padding:0px;
border:0px;
width: 485px;
margin-left:12px;
padding-top: 25px;
margin-bottom:20px;
background: #fff;
}



/* Side Navigation-------------------------------------------------------------- */


#navigation{
background: #fff;
}

#navList{
margin: 0;
padding-top: 0px;
padding-right:1px;
width: 220px;
background: #666 url(../layout_images/navbox_top.gif) no-repeat left top;
margin-left:10px;
margin-top: 5px;
}



#navListBottom{
background: url(../layout_images/navbox_bottom.gif) no-repeat left bottom;
padding-bottom: 1px;
}

#navList ul {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0.0em;
	list-style: none;
	}
	
	/* \*/
* html ul li a 
{height: 1%;}
/* Holly hack */

#navList li {
	color:#8d8d8d;
	line-height: 1.2em;
	font-size: 95%;
	text-indent: 1.0em;
}


#navList li a {
	display: block; 
  	background-color:#e8e8e8;
  	color: #fff;
  	text-decoration: none;
  	 padding: 5px 0px 5px 0px;
 	 font-size: 85%;
  	font-weight: normal;
  
}


#navList li a:link {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #006;
	text-decoration: none;
	text-align:left;
}

#navList li a:visited {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #006;
	text-decoration: none;
	text-align:left;
}
#navList li a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #006;
	text-decoration: none;
	text-align:left;
}

#navList li a:hover {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
  	background-color:#006;
  	text-decoration: underline;
	text-align:left;
}

#navList #uberlink a:link, #navList #uberlink a:visited,
#navList #uberlink a:hover, #navList #uberlink a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #006;
  	background-color:#fff;
  	text-decoration: none;
	text-align:left;
}

#navList #subCat a:link, #navList #subCat a:visited,
#navList #subCat a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #900;
	text-indent: 25px;
	background-color:#e8e8e8;
  	text-decoration: none;
	text-align:left;
}

#navList #subCat a:hover {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
	text-indent: 25px;
	background-color:#006;
  	text-decoration: underline;
	text-align:left;
}

#navList #subCatUberlink a:link, #navList #subCatUberlink a:visited,
#navList #subCatUberlink a:hover, #navList #subCatUberlink a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #900;
	text-indent: 25px;
	background-color: #fff;
  	text-decoration: none;
	text-align:left;
}

#navList #mainCat a:link, #navList #mainCat a:visited,
#navList #mainCat a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
	text-indent: 0px;
	background-color:#900;
  	text-decoration: none;
	text-align:left;
	text-transform:uppercase;
	text-indent: 16px;
	font-weight: bold;
}

#navList #mainCat a:hover {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
	text-indent: 0px;
	background-color:#900;
  	text-decoration: underline;
	text-align:left;
	text-indent: 16px;
	text-transform:uppercase;
	font-weight: bold;
}

#navList #mainCatUberlink a:link, #navList #mainCatUberlink a:visited,
#navList #mainCatUberlink a:hover, #navList #mainCatUberlink a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
	text-indent: 0px;
	background-color: #900;
  	text-decoration: underline;
	text-align:center;
	text-transform:uppercase;
	font-weight: bold;
}



/* top nav-------------------------------------------------------------- */


#topNav {
	max-width: 772px;
	}

#nav {
	float: left;
	width: 100%;
	margin: 0;
	padding: 6px 0 0px 0px;
	list-style: none;
	background: #fff url(../assets/nav_bg.gif) repeat-x bottom left;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: .7em;
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 80%;
	letter-spacing:.02em;
	}
#nav a {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 3px 6px;
	color: #333;
	text-decoration: none;
	border: 1px solid #999;
	border-bottom: none;
	background: #d5d5e7 url(../assets/off_bg.gif) repeat-x top left;
	}

#nav a:hover, #nav #uberlink a:link, #nav #uberlink a:visited,
#nav #uberlink a:hover, #nav #uberlink a:active {
	color: #333;
	padding-bottom: 4px;
	border-color: #727377;
	background: #fff url(../assets/on_bg.gif) repeat-x top left;
}





/* Images-------------------------------------------------------------- */


.leftimage {
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 4px;
	float: left;
	display: inline;
}
.rightimage {
	float: right;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-top: 0px;
	display: inline;
}

/* Callout------------------------------------------------------------- */

.callOut {
	
	width: 65%;
	line-height: 17px;
	font-weight: normal;
	color: #900;
	text-align:center;
	margin-left: 20px;
	margin-top: 0px;
	padding-left: 10px;
	border-top: 2px solid #006;
	border-right: 2px solid #006;
	border-bottom: 2px solid #006;
	border-left: 2px solid #006;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;
}


/* Home page image box div-------------------------------------------------------------- */

.buyVideos {
	
	background-color:#990000;
	width:210px;
}


.buyVideos p{
	font-size: 90%;
	line-height: 1.5em;
	margin: 1.7em .5em .2em .5em;
	text-align:center;
	color:#fff;
	background-color:#990000;
}



.buyVideos h1{
	font: 100% trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	background-color:#990000;
	margin: 1.1em 1.1em;  
	
}

.buyVideos h2{
	font: 100% trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	background-color:#990000;
	margin: .5em 1.1em 1.1em 1.1em;
	padding-top:1em;
	text-align:center; 

}

.buyVideos a:link {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color:#fff;
	text-decoration:underline;
}

.buyVideos a:visited {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #fff;
	text-decoration: underline;
}



.buyVideos a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #fff;
	text-decoration: underline;
}

.buyVideos a:hover {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #fff;
	text-decoration: none;
}



/* Typography-------------------------------------------------------------- */


.box p{
	font-size: 80%;
	line-height: 1.5em;
	margin: 1.1em 2.2em;
	text-align:left;
	color:#000;
}





.box h1{
	font: 100% trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#4d7d74;
	margin: 1.1em 1.7em;  
	
}

.box h2{
	font: 100% trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#006;
	margin: 3.1em 1.7em 1.7em 1.7em; 

}



.box .titleImg{
	padding-left: 23px;
	padding-top: 20px;
}

/* Content Area Links-------------------------------------------------------------- */

p a:link {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color:#900;
	text-decoration:underline;
	text-align:left;
}

p a:visited {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #900;
	text-decoration: underline;
	text-align:left;
}



p a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #006;
	text-decoration: underline;
	text-align:left;
}

p a:hover {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #006;
	text-decoration: underline;
	text-align:left;
}

/* Content Area Lists-------------------------------------------------------------- */


.box ul {
	margin-top: .0em;
	margin-left: 4.3em;
	margin-right: 3.3em;
	list-style:disc;
		}
		
.box ol {
	margin-top: .0em;
	margin-left: 4.3em;
	margin-right: 3.3em;
			}
		
.box li {
	color:#000;
	text-indent: 3.oem;
	line-height: 1.8em;
	font-size: 80%;
}

.box li a:link {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color:#900;
	text-decoration:underline;
	text-align:left;
}
.box li a:visited {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #900;
	text-decoration: underline;
	text-align:left;
}


.box li a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #006;
	text-decoration: underline;
	text-align:left;
}

.box li a:hover {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #006;
	text-decoration: underline;
	text-align:left;
}

.home li {
	line-height: 3.0em;
	
}

/* table styles-------------------------------------------------------------- */


table p{
	font-size: 80%;
	line-height: 1.5em;
	margin: 1.1em 1.2em;
	text-align:left;
	color:#000;
}


.ordForm {
	font-size: 90%;
	line-height: 1.1em;
	text-align:left;
	color:#000;
}

.ordFormTitle {
	font-size: 100%;
	line-height: 1.1em;
	text-align:left;
	color:#006;
	font-weight:bold;
}

table h2{
	font: 100% trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#006;
	margin: 3.1em 1.7em 1.7em 1.7em; 

}

table a:link {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color:#900;
	text-decoration:underline;
	text-align:left;
}

table a:visited {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #900;
	text-decoration: underline;
	text-align:left;
}



table a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #006;
	text-decoration: underline;
	text-align:left;
}

table a:hover {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #006;
	text-decoration: underline;
	text-align:left;
}


/* Order Form------------------------------------------------------------- */


#orderForm {
padding-left: 25px;
}

.ordForm {
	font-size: 12px;
	line-height: 1.1em;
	text-align:left;
	color:#000;
}

.ordFormTitle {
	font-size: 110%;
	line-height: 1.1em;
	text-align:left;
	color:#006;
	font-weight:bold;
}





/* Footer-------------------------------------------------------------- */

.box .footer {
	border: 0px;
	margin:0px;
	padding: 0px 25px 10px 29px;
	text-align:left;
	letter-spacing:.04em;
	font-size: 70%;
	color:#006;
}

.box .footer p{
	font-size: 70%;
	
	 
}

.box .footer p a:link {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 70%;
	color:#4d7d74;
	text-decoration:underline;
	text-align:left;
}
.box .footer p a:visited {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #4d7d74;
	text-decoration: underline;
	text-align:left;
}
.box .footer p a:hover {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #7b7551;
	text-decoration: underline;
	text-align:left;
}

.box .footer p a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #4d7d74;
	text-decoration: underline;
	text-align:left;
}



.box .quote {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	color: #006;
	font-weight:bold;
	text-align:left;
	line-height: 1.2em;
}