/* CSS Document */

html { font-size: 100%;}

/* reset HTML browser defaults */
body, div, span, p, ul, ol, li, dl, dt, dd, tr, td, dd, span, img, br, hr, pre, sup, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
table { border-collapse: collapse;}

img { border: none; }

/* global classes */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; margin: auto; }

  .note { font-size: .9em;}
  
  .thumbs p img { padding: 3px; border: 1px solid #ccc; }
  /* out of stock */
  .oos { background: #FFFF00; padding: 2px; font-weight: bold; font-size: 1.1em; color: #FF0000; width: 40%;}


html { font: .75em Tahoma, Verdana, Arial, Helvetica, sans-serif;}

body {
	text-align: center;
	margin: 5px auto 0px;
	line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 { padding: 10px 5px; margin-top: 2px;}

h1 {
	font-size: 1.6em;
	padding: 10px 10px 10px 0;
}
h2 { font-size: 1.2em; padding-left: 0px; }
h3 { 
	font-size: 1.1em;   
	padding: 3px 0 5px 19px;
	background: transparent url(../images/header-bkgd2.gif) left center no-repeat;
	padding-left: 22px; 
	line-height: 30px; 
	color: #fff; 
	text-shadow: 2px 2px 3px #000;
	margin-bottom: 8px;
	}
	#left_col h2, #right_col h2 { font-size: 1.1em; }
	#left_col h3, #right_col h3 { font-size: 1.1em; background: transparent url(../images/header-bkgd.gif) left center no-repeat; margin-left: 0px; padding-left: 22px; line-height: 30px; color: #fff; text-shadow: 2px 2px 3px #000;  }
h4 {}
  li.none, li.none ul li { list-style-type: none; margin-top: 5px;}
  .h5 { font-size: 1em; font-weight: bold; background: url(../images/arrow4.gif) top left no-repeat; padding: 2px 0 0 14px;}

ul {
	list-style-type: circle;
	list-style-position: inside;
	font-size: 1em;
	line-height: 1.1em;
	padding: 3px;
}
ol { 
	list-style-position: inside;
	font-size: 1em;
	line-height: 1.1em;
	padding: 3px;
	}
dl, dt, dd { padding: 4px;}
  dt { font-weight: bold;}

li, dl, dt, dd { margin: 3px;}
  ul li ul li { margin-left: 10px;}

ul.sitemap { padding: 10px 15px; }
  ul.sitemap ul li { text-indent: 10px;}
ul.sitemap, ul.sitemap ul { text-align: left; list-style: none; }
  ul.sitemap li, ul.sitemap li a, ul.sitemap ul li, ul.sitemap ul li a { margin: 5px 0;}

p { padding: 8px 0; }
  pre { padding: 12px; font: .9em Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #a99761; display: inline-block; width: 600px; border: 1px solid #52483b; }

img { border: none; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }


/* wrappers */
#container_wrapper { 
	width: 1152px; 
	text-align: center; 
	margin: auto;
}
#container { 
	border: 1px solid; 
	margin: 15px 0 20px; 
	}
/* header area */

#logo, #logo p { margin: 0; padding: 0; height: 70px; }

#header {
	float: left;
	position: relative;
	width: 1150px;
}
  #header #logo, #header #logoedit{ text-align: center; margin: auto;}
    #header #logoedit, #logoedit { z-index: 25; display:none; position: relative;}
	
    #address, #addressedit { 
		width: 195px;
		position: absolute; 
		top: 9px; 
		left: 9px; 
		text-align: left; 
		border: 1px solid; 
		padding: 5px 4px 10px 4px;
		z-index: 15;
	}
	  #addressedit { border: none; display: none;}
	  
	#address p { padding: 5px 0 5px 10px;}

#container.home #header #masthead, #container.home #header #mastheadedit { float: left; position: relative; width: 1150px;}
#container.home #header #mastheadedit { display: none; }

#header #masthead img { display: none;}
  #masthead h2 { text-align: left; padding-left: 5px; }
  
  #masthead a:hover { color: #c5b075; text-decoration: none; }


#container.home #header #masthead img, #container.home #header #mastheadedit img { display: block;}
  #container.home #header #masthead p { padding: 0; margin: 0;}
  
/* products for masthead */
.products { float: left; width: 175px; text-align: center; margin: 6px; border: 1px solid #333; min-height: 195px; }
  .products p { padding: 5px; }
  .products img { text-align: center; margin: 5px auto 0; padding: 3px; width: 125px; }


/* end products section */  
  
  
/* main content area */

#container.home #subcontainer { 
	float: left; 
	width: 1150px; 
	background: url(../images/bg_lft_column.gif) top left repeat-x;
	border: none; 
}
#subcontainer {
	float: left; 
	width: 1150px;
	background: url(../images/bg_lft_column.gif) top left repeat-x;
}

#left_col, #left_coledit { 
	float: left;
	width: 300px;
	text-align: left;
	margin-top: 5px;
}
  #left_coledit { display: none; z-index: 25; position: relative;}

  .heading img, .heading2 img { float: left; vertical-align: top; }

#right_col, #right_coledit {
	float: left;
	width: 300px;
	text-align: left;
	margin-top: 5px;
}
  #right_coledit { display: none;}
  
#container.home #content, #container.home #contentedit {
	float: left;
	width: 547px;
	text-align: left;
	border-left: 1px solid #52483b;
	border-right: 1px solid #52483b;
	margin: 5px 0px 3px;
	padding-bottom: 8px;
}
  #container.home #content { min-height: 410px; }
#content, #contentedit {
	float: left;
	width: 848px;
	text-align: left;
	border-right: 1px solid #52483b;
	margin: 3px 0px;
	padding-bottom: 8px;
	min-height: 550px;
}
  #contentedit { display: none; }
  
  #content img, #contentedit img { padding: 2px; margin: 2px; }
  
div.inside { padding: 10px 10px 5px 15px;}
#container.home div.inside { padding: 10px 10px;}
  
  
  
  #error, #thankyou { display: none;}
 #contactusbox2 { padding-left: 10px;}

/* footer and copyright info */
#footer {
	width: 100%;
    font-size: .85em;
	text-align: center;
	margin: 0px;
	padding: 25px 0 25px 0;
}
  #footer a:hover { text-decoration: none; }

/* clear, floats and fixes */
.clear {
	clear:both;
	height:0px;
	line-height:1px;
	font-size:1px; 
}

.floatleft {
	float:left;
	vertical-align:top;
	padding: 3px;
}

.floatleft img {
	margin: 2px;
}

.floatright {
	float:right;
	vertical-align:top;
	padding: 3px;
}

.floatright img {
	margin: 2px;
}


/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */