@charset "UTF-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6B350C;
	background: #c0c0c0;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: top center;
}

a:link { color: #6B350C; text-decoration: underline; }
a:visited { color: #6B350C; text-decoration: underline; }
a:hover { color: #D4550A; text-decoration: underline; }
a:active { color: #D4550A; text-decoration: underline; }

#wrap { 
	margin: 0 auto; 
	width: 875px; 
	height:100%;
	background-color: #fff;	
}

#topspace { margin: 0 auto; width: 750px; height: 20px; }

#flashcontent {
	height: 100%;
}

.emailinput { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #6B350C; 
	width: 180px;
}

/*-------------------------------------------
	header
-------------------------------------------*/

#header {
	width: 855px; 
	height: 100px; 
	margin: 0 auto; 
	position: relative; 
	text-align: left; 
	background-color: #fff;
}

#logo {
	float: left;
}

#snav {
	float: right;
	width: 160px;
	height: 77px;
	margin-top: 20px;
	padding: 0;
	text-align: right;
	line-height: 14px;
}

#storenav {
	float: right;
	width: 740px;
	height: 20px;
	margin: 0 auto;
	padding: 10px 10px 10px 0;
	text-align: right;
	background-color: #6b350c;
}

#spacer {
	width: 855px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
}

#allnav {
	width: 855px;
	margin: 0 auto;
	padding: 0;
}

#nav {
    width: 855px; height: 64px;
    background: url(images/nav.gif);
    margin: 0; padding: 0;
    position: relative;
}

#nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#nav li a { height: 0px; display: block; padding-top: 64px; overflow: hidden; }


#nav1 { left: 278px; width: 142px; }
#nav2 { left: 420px; width: 142px; }
#nav3 { left: 562px; width: 142px; }
#nav4 { left: 704px; width: 142px; }

#nav1 a:hover { background: transparent url(images/nav.gif) -278px -64px no-repeat; }
#nav2 a:hover { background: transparent url(images/nav.gif) -420px -64px no-repeat; }
#nav3 a:hover { background: transparent url(images/nav.gif) -562px -64px no-repeat; }
#nav4 a:hover { background: transparent url(images/nav.gif) -704px -64px no-repeat; }

#nav1 a.selected { background: transparent url(images/nav.gif) -278px -64px no-repeat; }
#nav2 a.selected { background: transparent url(images/nav.gif) -420px -64px no-repeat; }
#nav3 a.selected { background: transparent url(images/nav.gif) -562px -64px no-repeat; }
#nav4 a.selected { background: transparent url(images/nav.gif) -704px -64px no-repeat; }

#nav-2 {
    width: 855px; height: 64px;
    background: url(images/nav-2.gif);
    margin: 0; padding: 0;
    position: relative;
}

#nav-2 li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#nav-2 li a { height: 0px; display: block; padding-top: 64px; overflow: hidden; }


#nav1-2 { left: 18px; width: 52px; }
#nav2-2 { left: 278px; width: 142px; }
#nav3-2 { left: 420px; width: 142px; }
#nav4-2 { left: 562px; width: 142px; }
#nav5-2 { left: 704px; width: 142px; }

#nav1-2 a:hover { background: transparent url(images/nav-2.gif) -18px -64px no-repeat; }
#nav2-2 a:hover { background: transparent url(images/nav-2.gif) -278px -64px no-repeat; }
#nav3-2 a:hover { background: transparent url(images/nav-2.gif) -420px -64px no-repeat; }
#nav4-2 a:hover { background: transparent url(images/nav-2.gif) -562px -64px no-repeat; }
#nav5-2 a:hover { background: transparent url(images/nav-2.gif) -704px -64px no-repeat; }

#nav1-2 a.selected { background: transparent url(images/nav-2.gif) -18px -64px no-repeat; }
#nav2-2 a.selected { background: transparent url(images/nav-2.gif) -278px -64px no-repeat; }
#nav3-2 a.selected { background: transparent url(images/nav-2.gif) -420px -64px no-repeat; }
#nav4-2 a.selected { background: transparent url(images/nav-2.gif) -562px -64px no-repeat; }
#nav5-2 a.selected { background: transparent url(images/nav-2.gif) -704px -64px no-repeat; }

.ssnav { 
	font-size: 9px;
	color: #6B350C;
}

.sssnav:link { color: #fff; font-size: 10px; text-decoration: underline; }
.sssnav:visited { color: #fff; font-size: 10px; text-decoration: underline; }
.sssnav:hover { color: #D4550A; font-size: 10px; text-decoration: underline; }
.sssnav:active { color: #D4550A; font-size: 10px; text-decoration: underline; }


/*-------------------------------------------
	page structure
-------------------------------------------*/

#homeContent {
	width: 800px;
	min-height: 500px;
	padding: 0px;
	background: #fff;
	text-align: left;
}

#spacer2 {
	width: 855px;
	height: 15px;
}

#mainContent {
	width: 855px;
	margin: 0 10px 0 10px;
	padding: 0px;
	background: #fff;
	text-align: left;
}

#flash {
	width: 855px;
	height: 350px;
	padding: 0px;
	margin: 10px 0 0 0;
	text-align: left;
}

#mainDivider .column {
  position: relative;
  float: left;
}

#h_left {
  width: 420px;
  margin: 10px 0 0 0;
  background-color: #fff;
}

#h_right {
  width: 420px;
  margin: 10px 0 0 15px;
  background-color: #fff;
}

#h_right h1 {
  font-size: 13px;
}

#a_left {
  width: 170px;
  background-color: #fff;
}

#a_right {
  width: 580px;
  background-color: #fff;
}

#c_left {
  width: 130px;
  background-color: #fff;
}

#c_right {
  width: 580px;
  background-color: #fff;
}

#p_left {
  width: 470px;
  background-color: #fff;
  background-image: url(images/xbg_prod.gif);
}

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

#p_right {
  width: 280px;
  background-color: #fff;
  text-align: left;
}

#right_pad {
  padding: 10px 0 0 20px;
  text-align: left;
}

#right_email {
  text-align: right;
}

#right_email_home {
  width: 855px;
	padding: 0;
	text-align: right;
	font-size: 10px;
}

.blue { color: #005067;}
.green { color: #788335;}

.right { float: right; }


/* products */

#mainContent div.port {
	float: left;
	width: 158px;
	height: 220px;
	margin: 0 13px 13px 0;
	display: inline;
	background-color: #fff;
	text-align: center;
}

#mainContent div.portend {
	float: left;
	width: 158px;
	height: 220px;
	margin: 0 0 13px 0;
	display: inline;
	background-color: #fff;
	text-align: center;
}

.red { color: #b32017; font-weight: bold; }

.white { color: #fff; }

#padd { width: 340px; padding: 0 10px; }


/*-------------------------------------------	
	Clear
-------------------------------------------*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


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

#footer { 
	width: 855px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 9px;
	color: #6B350C;
}

.right { float: right; }