/* GLOBAL */

html{
	font-size: 80%;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	font-family:  Arial, helvetica, Arial, verdana, sans-serif; 
	line-height:1.3em;
	margin: 10px;
	background: url(graphics/en-US/new/pro8mm_bg.jpg);
	background-color: #000000;
	color: #000;
    }

a { 
	text-decoration: none;
	color: #000; 
}

a:hover {
	text-decoration: underline;
	color: #000; 
}


h1, h2, h4 { 
	padding: 0; 
	margin: 0; 
}

p, ul, ol { 
margin-top: 0; 
margin-bottom: 14px; 
}
h3, h5, td, table, div, form { margin: 0; padding: 0; }




#title {
	margin: 0 5px;
	padding: 5px 5px 8px 5px;
}

#title p {
	font-size: 13px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#title a {
	text-decoration: underline;
}

#title h2 {
	font-size: 17px;
	padding: 0px 12px 5px 0;
	margin-bottom: 10px;
	background: transparent url(../../images/col_border_dot2.gif) left bottom repeat-x;
}

img {
	border: none;
}

.categoriesContainer {
	width: 660px;
	height: 480px;
	border-style:solid;
	border-color: #706450; 
	border-width:1px;
	margin: 0px 5px;
	padding: 10px 5px 10px 10px;
	background: #cfba98; 
}
.category {
	color:#606265;
	float: left;
	padding-bottom: 2em;
	padding-right: 7px;
	width:210px;
	height: 215px;
}

.category a {
	text-decoration:underline;
}

.category a:hover {
	text-decoration:none;
}



.category ul li {
	display:inline;
	font-size: 12px;
}

.category ul {
	margin: 0;
	padding: 0 5px;
}


.VideoBackground {
	width: 660px;
	border-style:solid;
	border-color: #706450; 
	border-width:1px;
	margin: 10px 5px;
	padding: 5px 5px 10px 10px;
	background: #cfba98; 
}

#videos h2 {
	font-size: 17px;
	padding: 12px 12px 5px 0;
	margin-bottom: 10px;
	background: transparent url(../../images/col_border_dot2.gif) left bottom repeat-x;
}

#videos {
	margin-top: 15px;
}


.afed_info{
float:left;
}


h2, h4, h5 { font-size: 1em; }
h2 a { font-size: 1.1em; color: #000; }
h2 a:hover { text-decoration:underline; }
h3 { font-size:1.1em;}
h5 { display: inline; font-size: 1.1em; }

form { 
	display:inline; 
	}

select {
	margin-bottom: 3px; 

	}
/* Content = everything but store front */
#content {
	float:right;
	width: 700px;
	background:#c9b38e;
	padding: 10px;
	}
/* content_home = storefront */	
#content_home {
	float: left;
	width: 673px;
	background: #c9b38e;
	padding: 5px;
	
	margin-left: .5em;
	font: 1.0em Arial, Tahoma, Helvetica,  sans-serif;

	}
	
#content_ad1 {
	float:left;
	width: 155px;
	padding: 5px;
	
	font: bold 1.0em Tahoma, Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	margin-left: 3px 3px 3px 0;
	
	}
	
#content_ad2 {
	float: left;
	width: 673px;
	padding: 5px;
	background: #c9b38e;
	
	margin-left: .5em;
	font: 1.0em Arial, Tahoma, Helvetica,  sans-serif;

	}
	



#login {
	line-height:25px;
    width: 265px;
	}

#mainbody {
	width: 955px;
	padding: 10px 0px 20px 0px;
	font-size:95%;
	border: 2px solid #ca9269;
	border-top: 0;
	margin: 0 auto;
	background: #c9b38e;
	
	}
	
#mainbody_account {
	width: 955px;
	padding: 10px 0px 20px 0px;
	font-size:95%;
	border: 2px solid #ca9269;
	border-top: 0;
	margin: 0 auto;
	background:url(graphics/en-US/new/bottom_content.gif) bottom repeat-x #fff;
	}

/* i would like to make this into a link to the customer's actual mail box */

#topbar {
	margin: 0 auto;
	width: 958px;
	height: 100%;
	}
		
#contactTop {
	width: 958px;
	color: #e4c2a8;
	font-weight: bold;
}

#contactTop h1 {
	font-size:1.2em;
	font-color: #C79467;
		
}

#contactTop a {
	color: #e4c2a8;
}

#contactTop a:hover {
	color: #C79467;
}

.clear {
	clear:both;
	}

.floatleft {
	float: left;
	}

.floatright {
	float:right;
	}	
	
	
/* NAVBAR */

#affiliatelink {   
	font-size: 1.2em; 
	float: right;
	margin-left: 15px;
	position:absolute;
	top: 7px;
    left: 0px;
}

#affiliatelink a { 
	font-weight:bold; 
	font-size: 1.2em; 
	color: #ca9269;
	}
	
#loginlink { 
	font-size: 95%; 
	position:relative;
	top: 7px;
	left: 450px;
	font-weight:bold; 
	font-size: 1.2em; 
	color: #ca9269;
	}

#loginlink a { 
	font-weight:bold; 
	font-size: 1.2em; 
	color: #ca9269;
	}
		
#logo {
	height: 200px; 
	display:block;
	link: http://www.pro8mm.com;
	background: url(graphics/en-US/new/company_logo2.jpg) no-repeat;    
    }
	  
#logobar {
	border: 2px solid #ca9269;
	border-bottom: 0;
	padding-bottom: 55px;
	background:url(graphics/en-US/new/bottom_nav.gif) bottom repeat-x;
	}
	
#logobar ul { 
	position: absolute;
	top: 203px;
	width: 952px;
	margin: 0px;
	padding: 0;
	}	

#search {
	width: 958px;
	position: absolute;
	top: 260px;
	width:
	margin: 0 auto 0 auto;
	margin-left: 20px;
	}
	
#search .searchbutton { 
	vertical-align:middle; 
	position: absolute;
	top: 7px;
	left: 690px;
	}
		
#searchfield { 
	border: 1px solid #999; 
	color: #666; 
	font-size: .9em; 
	padding: 2px; 
	height:14px; 
	width: 150px;
    position: absolute;
	top: 7px;
	left: 750px;
	}	
	
.hiddentab {
    list-style:none;
	float:right;
	color: #e4b592;
	width: 20%;
	height:54px;
	background:url(graphics/en-US/new/hidden_nav_bg.png) center no-repeat; 
	text-align:center;
	}

.hiddentab h3 { 
	}

.hiddentab b h3 a { 
	color: #e4c2a8; 
	text-transform: uppercase;
	padding: 15px 0 22px 0;
	display:block;
	border-left: 1px solid #333;
	}

.hiddentab b h3 a:hover { 
	text-decoration:underline; 
	}	

#currenttab {
    list-style: none;
	float:right;
	color: #fff8f3;
	width: 20%;
	height:54px;
	background:url(graphics/en-US/new/current_nav_bg.png) center no-repeat;
	text-align:center; 
	}
	
#currenttab h3{ 
	text-transform:uppercase;
	margin: 15px 0;
	}
	
/* CTGY */

#nextbutton {
	clear:both;
	float:right;
	margin-top: 20px;
	}

#prevbutton {
	position: relative;
	top: 25px;
	clear:left;
    float:left;
	}

.catrow {
	clear:both;
    margin: 10px 0;
    width:710px;
    }
		
.prodbutton {
	margin: 7px auto 25px auto;
	}
	
.prodbutton form { 
	display:block; 
	}	
				
.prodcolumn {
    float:left;
	width:320px;
	text-align:right;
	color:#000;
	border-style:solid;
	border-color: #706450; 
	border-width:1px;
	margin: 10px 5px;
	padding: 8px;
	background: #cfba98; 
	}



.prodcolumn h2 {
	text-align: left;
	padding: 12px 12px 5px 0;
	margin-bottom: 5px;
	background: transparent url(../../images/col_border_dot2.gif) left bottom repeat-x;
}

.prodcolumn a:hover {
	font-color: #000;
	text-decoration: underline;
}

.prodcolumn a {
	font-color: #000;
	text-decoration: none;
}

.thumb {
	margin: 0 auto;
	border-style: none;
	}
		
			
/* ACCOUNT PAGES */

.account_column {
	width: 50%;
	float:left;
	}	

.account_column h5 { width: 180px; clear: both; }
.account_column input { margin-bottom: 3px; display:block; margin-left: 180px; }
.account_column select { margin-bottom: 3px; display:block; margin-left: 180px; }

.paymentdetail {
	width: 130px;
	display:block;
	height: 26px;
	float:left;
	}
	
.invalid {
	color: #FF0000;
	}
	
.pad {
    margin-top: 25px;
	}
	 
	
/* BASKET */

#total {
    padding: 10px 0 0 10px;
    text-align:right;
	}
	
.baskettext_left{
	padding: 3px 15px 0 10px;
    vertical-align: top;
	}

.baskettext_right{
	padding: 3px 0 0 10px;
	text-align: right;
    vertical-align: top;
	}
	
.baskettext_left h4, .baskettext_right h4 { margin: 1px 0 2px 0; }

.priceeach {
	text-align:right;
	width: 80px;
	margin-left: 5px;
	float:right;
	}


/* PRODUCT PAGES */

h1#prodname {
	display:block;
	font: bold 2.5em Tahoma, Helvetica, Arial, sans-serif;
	}

#prodadd {
	display:inline; 
	position:relative; 
	top: 5px;
         }
	
.prodimage {
	margin: 0 20px 5px 0;
	float:left;
	}
	
	
/* PRODUCT LIST */
		
.alt_row_color {
	background: #f3f3f3;
	}

.listheader {
	background-color: #000; 
	color: #fff;
    height:20px;
    padding: 4px 5px; 
	}
	
.productlist_row {
	padding: 4px 6px;
	float:right;
	width: 662px;
	}
	
.productlist_row form { display:inline; float:right; margin-left: 3px; }
	
.productrow_text{
	width: 470px;
	padding-top: 2px;
	float:left;
	}	
	
.productrow_text .floatleft { max-width: 380px; width:expression(document.body.clientWidth > 382? "380px": "auto" ); }	
	

/* SUBNAV - CATTREE */


.subnavTopBG {
	background: url(graphics/en-US/new/subnavBGtop.gif) no-repeat left;
	height:14px;
	margin:0px;
	padding:0px;
}

.subnavMidBG {
	background: url(graphics/en-US/new/subnavBGmid.gif) repeat-y;
	padding-left: 7px;
}

.subnavBottomBG {
	background: url(graphics/en-US/new/subnavBGbottom.gif) no-repeat;
	height:14px;
}

#subnav {
	margin-top:0px;

	float:left;
	width: 215px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	margin-left: 5px;
	}

#subnav a {
	color: #ca9269;
	line-height: 1.8em;
	margin-bottom: 5px;
	background: transparent url(../../images/col_border_dot.gif) left bottom repeat-x;
}

#subnav a:hover {
	color: #C9B38E;
}

.navLoc {
	color: #C9B38E;
	font-size: 1.1em;
}

#subnav h5 { padding-left: 15px; display:block; color:#9a090d; background:url(graphics/en-US/new/subnav_bullet.gif) no-repeat; }	
#subnav li { margin-bottom: 2px; line-height: 1.5em; padding: 4px 0; list-style: none }	
#subnav li a { color: #ca9269; padding-left: 15px; background:url(graphics/en-US/new/subnav_bullet.gif) no-repeat; }
#subnav li a:hover { text-decoration: underline; }
#subnav li ul { margin: 0 0 0 20px; padding-left: 0; }
#subnav li.subcategory { padding: 0; margin: 5px 0 0 0; }	
#subnav li.subcategory a { color: #ca9269; }		
#subnav li.subcategory a:hover { text-decoration:underline; }	
#subnav li.subcategory h5 { color: #9a090d; }

.footer {
	font-size: 12px;
	font-weight: bold;
}
	
#Links {
	height: 86px;
	width: 690px;
}

#Links ul li {
	display:inline;
	margin: 0;
	padding: 0;
}

#Links ul {
		margin: 0;
	padding: 0;
}

#Links img {
	border-style: none;
}