/* GLOBAL ELEMENTS ------------------------------------------------------------------- */
a:link {  color: #40433C; text-decoration: none}

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

a img { border: 0; }
:active { border: 0; }

body {
	font: 100.01% Arial, Helvetica, sans-serif; /* Sets default font family options and default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an WinIE problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property. */
	background-color: #cdcfcd;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
    margin: 0; /* Gets rid of default margin on body that most browsers add. */
    padding: 0; /* Gets rid of default padding on body that Opera adds. */
	text-align: center; /* Centers the page contents in WinIE5.x. */
}
/* Main div for all other content on page. A main wrapper div allows us to easily center everything in the viewport. */
#holder {
     margin: 10px auto 0 auto; /* The auto margin on the left and right center the holder div in standard compliant browsers. The 10px top margin adds space between the top of the holder div and the edge of the viewport. */
     width: 775px; /* Sets width of main container to fit within most maximized 800x600 windows. */
     text-align: left; /* Overwrites the center-aligned text set on the body. */
}
#datetext {
		text-align: right; /*Moves date to the right side of the top bar. */
		font-size: 0.6em; /* Sets font size smaller than default and smaller than content text. */
		color: #FFF;
		letter-spacing: 1px; /* Spreads out the date text a bit. */
		padding-right: 10px; /* Pushs the date away from the right edge 10px. */
		font-weight: bold;
}

/* Footer */
#footertag {
		text-align: left; /*Moves date to the right side of the top bar. */
		font-size: 0.9em; /* Sets font size smaller than default and smaller than content text. */
		color: #FFF;
		letter-spacing: 1px; /* Spreads out the date text a bit. */
		padding-left: 10px; /* Pushs the date away from the right edge 10px. */
		font-weight: bold;
}
#footerlinks {
	background-color:#D7DEE4;
	font-size: 0.6em;
	color: #7B7B7B;
	height: 30px;
	width: auto;
	line-height: 30px;
	padding-left: 10px;
	letter-spacing: 1px;
}
#footerlinks a {
	color: #7B7B7B;
	text-decoration: none;
}
#footerlinks a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#footerlegal {
		text-align: right; /*Moves date to the right side of the top bar. */
		font-size: 9px;
		color: #565656;
		letter-spacing: 1px; /* Spreads out the date text a bit. */
		padding-right: 10px; /* Pushs the date away from the right edge 10px. */
		font-weight: bold;
}
#footerlegal a {
	color:#565656;
}
#footerlegal a:hover {
	color:#ffffff;
}
/* Front page elements ---------------------------------------------------------------*/
#topbar775 {
	background-image:url(../images/bar_bluetop_775.gif);
	line-height: 27px;
	background-repeat: no-repeat;
	height: 27px;
	margin-top: 23px;
}
#bottombar775 {
	background-image:url(../images/bar_bluebottom_775.gif);
	line-height: 27px;
	background-repeat: no-repeat;
	height: 27px;
}
#frontphoto {
	margin-top: 13px;
}
#frontcontent {
	background-color:#FFFFFF;
	padding: 15px;
	font-size: .8em;
}
.frontblocks {
	width: 175px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EFECEC;
	vertical-align: top;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EFECEC;
	padding-right: 5px;
	padding-left: 5px;
}
.frontheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	padding-top: 7px;
	padding-bottom: 5px;
}
.frontblocktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #515151;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing: 1px;
}
.front_padded_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #504F54;
	white-space: normal;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EFEFEF;
	font-weight: bold;
}
.headertitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #515151;
	padding-left: 2px;
}
.table_list2_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	white-space: normal;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFEFEF;
	background-image: url(../images/vert_gray_dots.gif);
	background-position: right top;
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: right;
}
.table_list2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	white-space: normal;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFEFEF;
}
/* Inside Pages --------------------------------------------------------------------------*/
/* NN$ hack *?
/* Wrapper for all content between nav and footer. */
#insidecontentwrapper {
	background: #fff url(../images/insiderepeat.gif) repeat-y; /* Adds strip showing three columns as background image to wrapper div. It is tiled downward to create the appearance of three columns. Also given a background color in case images are not available. */
}

/* Another wrapper for the content is needed because we need two background images for the content area -- the repeating column part, and the top curved part. Since each div can only have one background image, we need to use two layered divs to create the effect. */
#insidecontent {
	margin-top: 13px;
	padding: 7px 0 0; /* Adds space between top of box and start of content so it doesn't cover up curved area. */
	position: relative; /* Allows the absolutely positioned #subnav div to base its position off #content. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: normal;
	text-transform: none;
	letter-spacing: 1px;
	color: #40433C;
}
#sidebar {
	position: absolute;
	width: 175px;
	top: 5px;
	right: 600px;
	left: 0px;
	height: 250px;
}
/* Subnav styles */
#subnav {
	background: #5B625A;
	line-height: 1.5em;
}
#subnav h3 {
	color:#fff;
	padding: 0px 10px 7px 10px;
	margin: 0;
	font-size: 110%;
}
/* The list of links */
#subnav ul {
	list-style: none;
	padding: 0;
	margin: 0 1px 0 1px;
	color: #FFFFFF;
}
#subnav ul h4 {
	font-size: 100%;
	padding: 0 10px;
	margin: 0;
}
#subnav ul li {
	color: #FFFFFF;
	padding: 0 20px;
	margin-left:10px;
	border-bottom: 1px solid #767F75;
	background: url(../images/bullet_arrow2.gif) left no-repeat;
}
#subnav ul li a {
	color: #FFFFFF;
	font-size: 85%;
	text-decoration: none;
	border-bottom: none;
}
#subnav ul li a:hover {
	color: #FF9A00;
	text-decoration: underline;
}
/* Main content area on inside pages */
#main {
	margin: 0 15px 0 190px; /* Sets left and right margins to leave space for the absolutely positioned left subnav column. */
	padding: 0 0 10px 0;
}

/* Inside Photo Styles */
#inside photo {
	width: 570px;
	float: right;
	padding-right: 15px;
	padding-left: 15px;
}

.underline_header {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	background-image: url(../images/bullet_pushpin.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003366;
	padding-left: 25px;
	line-height: 30px;
}
.imgthumb {
	padding: 0 10px 10px 10px;
	vertical-align: top;
}

.imgMed {
	padding: 10px 10px 10px 10px;
	vertical-align: top;
	text-align: center;
}
.imgcenter {
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
}
.productname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}
.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}
.producttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #515151;
	padding-left: 25px;
	padding-right: 25px;
	letter-spacing: 1px;
}
.titlebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #152853;
	font-style: oblique;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-top-color: #CC6600;
	border-right-color: #CC6600;
	border-bottom-color: #3F476E;
	border-left-color: #BEBEBE;
	background-color: #FFFFFF;
	text-transform: capitalize;
	border-top-style: solid;
	padding-left: 3px;
	border-left-style: none;
}

.sidebarheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../images/bg_sidebar_header.gif);
	background-repeat: no-repeat;
	width: 200px;
	text-align: center;
}
.faq_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFEFEF;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	letter-spacing: .1em;
	background-image: url(../images/bullet_q.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-right: 5px;
}
.faq_list a {
	color: #333333;
	text-decoration: none;
}
.faq_list a:hover{
	color:#990000;
	text-decoration: underline;
}
.news_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFEFEF;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	letter-spacing: .2em;
}
.news_list a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFEFEF;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	letter-spacing: .2em;
	text-decoration: none;
}
.news_list a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFEFEF;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	letter-spacing: .2em;
	text-decoration: underline;
	color: #000099;
}
.smallheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #27343F;
	line-height: 18px;
	font-weight: bold;
}
/*-----Form Elements -----*/
.formText {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color: #336699;
	line-height: 1.4em;
}
.formLabels {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #336699;
	height: 28px;
	text-align: right;
	vertical-align: middle;
	width: 150px;
}
.formLabelsSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #336699;
	height: 14px;
	text-align: right;
	vertical-align: middle;
}