/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-image:url(../images/page_bg.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
#wrapper {
	width: 980px;
	margin:auto;
}
#header {
	height: 68px;
	padding-top: 10px;
	clear: both;
}
#header_logo {
	float:left;
}
#header_navigation_links{
	float:left;
}
#header_permanent_links{
	float:right;
	padding-top: 5px;
}
#midsection {
	padding: 1px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
}
#submenu {
	background-image: url(../images/submenu_bg.jpg);
	background-repeat: repeat-x;
	clear: both;
	height:35px;
}
#content {
	clear: both;
	padding-top: 1px;
}
#art {
	height: 385px;
	float: left;
	padding-right:1px;
	background-image:url(../images/art.jpg);
}
#art_short {
	height: 150px;
	float: left;
	padding-right:1px;
	background-image:url(../images/art-short.jpg);
}
#art_spacer {
	width: 748px;
	height: 385px;
	float: left;
}
#art_spacer_short {
	width: 748px;
	height: 150px;
	float: left;
}
#directions {
	width: 229px;
	height: 385px;
	float: left;
}
#directions_short {
	width: 229px;
	height: 150px;
	float: left;
}
.directions_title {
	background-image:url(../images/directions_title_bg.jpg);
	background-repeat: repeat-x;
	height: 28px;
	line-height: 28px;
	padding-left: 15px;
	color: #FFFFFF;
	font-weight: bold;
}
.directions_content {
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 25px;
	font-size: 11px;
}
.directions_content ul {
	padding: 0;
	margin: 0;
}
.directions_content ul li {
	padding: 0;
	margin: 0;
	list-style-image: url(../images/arrow_bullet.gif);
	padding-top: 2px;
	padding-bottom: 2px;
}


#additional_content {
	background-color: #E1E1E1;
	
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	clear: both;
	padding: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.additional_content_box  {
	background-color: #FFFFFF;
	padding: 5px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 215px;
	height: 240px;
}
.additional_content_picture  {

}
.additional_content_title  {
	padding-top: 10px;
	height: 40px;
}
.additional_content_description  {
	padding-top: 5px;
	height: 50px;
}


.product_content_box  {
	background-color: #FFFFFF;
	padding: 5px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 215px;
}


#details_content {
	background-color: #E1E1E1;
	
	clear: both;
	padding: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.details_content_box  {
	background-color: #FFFFFF;
	padding: 5px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.details_content_title  {
	padding-top: 10px;
}
.details_content_description  {
	padding-top: 5px;
}

.size9 {
	font-size:9px;
}
.size10 {
	font-size:10px;
}
.size11 {
	font-size:11px;
}
.size12 {
	font-size:12px;
}
.size13 {
	font-size:13px;
}
.size14 {
	font-size:14px;
}
.size15 {
	font-size:15px;
}
.size16 {
	font-size:16px;
}

a.navigation_link {
background: url(../images/header_button_left.jpg) no-repeat top left;
display: block;
float: left;
color: #646464;
line-height: 68px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 68px; /* Height of button background height */
text-align: center;
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}
a:link.navigation_link, a:visited.navigation_link, a:hover.navigation_link, a:active.navigation_link {
color: #646464; /*button text color*/
}
a.navigation_link span{
background: transparent url(../images/header_button_right.jpg) no-repeat top right;
display: block;
padding: 0px 15px 0px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.navigation_link { /* Hover state CSS */
text-decoration: none;
color: #0b63a0;
background: transparent url(../images/header_button_left.jpg) no-repeat top left;
}
a:hover.navigation_link span{
background: transparent url(../images/header_button_right.jpg) no-repeat top right;
display: block;
padding: 0px 15px 0px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}




a.active_navigation_link {
background: #FFFFFF url(../images/header_active_button_left.jpg) no-repeat top left;
display: block;
float: left;
font: bold; /* Change 13px as desired */
color: #0f8300;
line-height: 68px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 68px; /* Height of button background height */
text-align: center;
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}
a:link.active_navigation_link, a:visited.active_navigation_link, a:hover.active_navigation_link, a:active.active_navigation_link {
color: #0f8300; /*button text color*/
}
a.active_navigation_link span{
background: #FFFFFF url(../images/header_active_button_right.jpg) no-repeat top right;
background-color: #FFFFFF;
display: block;
padding: 0px 15px 0px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.active_navigation_link { /* Hover state CSS */
text-decoration: none;
color: #0f8300;
background: #FFFFFF url(../images/header_active_button_left.jpg) no-repeat top left;
}
a:hover.active_navigation_link span{
background: #FFFFFF url(../images/header_active_button_right.jpg) no-repeat top right;
display: block;
padding: 0px 15px 0px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}






a.submenu_link {
display: block;
float: left;
color: #646464;
line-height: 35px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 35px; /* Height of button background height */
text-align: center;
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}
a:link.submenu_link, a:visited.submenu_link, a:hover.submenu_link, a:active.submenu_link {
color: #646464; /*button text color*/
}
a.submenu_link span{
background: transparent url(../images/submenu_button_up_right.jpg) no-repeat top right;
display: block;
padding: 0px 15px 0px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.submenu_link { /* Hover state CSS */
text-decoration: none;
color: #0b63a0;
background: transparent url(../images/submenu_button_over_left.jpg) repeat-x top left;
}
a:hover.submenu_link span{
background: transparent url(../images/submenu_button_up_right.jpg) no-repeat top right;
display: block;
padding: 0px 15px 0px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}




a.active_submenu_link {
background: #FFFFFF url(../images/submenu_active_button_left.jpg) no-repeat top left;
display: block;
float: left;
font: bold; /* Change 13px as desired */
color: #0f8300;
line-height: 35px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 35px; /* Height of button background height */
text-align: center;
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}
a:link.active_submenu_link, a:visited.active_submenu_link, a:hover.active_submenu_link, a:active.active_submenu_link {
color: #0f8300; /*button text color*/
}
a.active_submenu_link span{
background: #FFFFFF url(../images/submenu_active_button_right.jpg) no-repeat top right;
background-color: #FFFFFF;
display: block;
padding: 0px 15px 0px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.active_submenu_link { /* Hover state CSS */
text-decoration: none;
color: #0f8300;
background: #FFFFFF url(../images/submenu_active_button_left.jpg) no-repeat top left;
}
a:hover.active_submenu_link span{
background: #FFFFFF url(../images/submenu_active_button_right.jpg) no-repeat top right;
display: block;
padding: 0px 15px 0px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}


a.directions_link:link {
	color: #666666;
	text-decoration: none;
}
a.directions_link:visited {
	color: #666666;
	text-decoration: none;
}
a.directions_link:hover {
	color: #666666;
	text-decoration: underline;
}
a.directions_link:active {
	color: #666666;
	text-decoration: none;
}


a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #0b63a0;
	text-decoration: underline;
}
a:active {
	color: #666666;
	text-decoration: none;
}