body { /* set everything to zero for a good cross-browser starting point */
	margin: 5; /* zeroes the margins on the body */
	padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
	border: 0; /* zeroes off any existing border */
	background-color: #FFFFCC; /* sets the body background colour */
	color: #000000;  /* set the default text color */
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-family: Arial, Helvetica, sans-serif; /* set the default fonts */
	font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win 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 */
	min-width: 770px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}

#wrapper {
   width: 770px;/*sets the width for IE5.x's broken box model*/
	w\idth: 770px; /* sets the width of the wrapper for compliant browsers*/
	margin: 5px auto 0px;/* centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative; /* prevents the image from tiling in our page, we do not want this image to repeat */
	background-color: #F7F7F7; /* sets the wrappers background color */
	border: 1px solid #000; /* sets a border to all 4 sides */
	text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}

#banner {
	background-image: url(../images/banner/Banner_Blue.jpg);  /* sets the background image for the banner div*/
	background-repeat: no-repeat; /* prevents the bg image from repeating */
	height: 148px;/* set a height for the banner to allow all the bg image to be seen, no text resizing in this element to worry about */
	position: relative;
}

#content { /* Begin laying out and styling the content div */
	width: 600px; /* sets the width of our content*/
	margin-left: 0px; /* this left margin clears the leftcol div and allows our content div to become a second column */
	margin-bottom: 0px;
	padding: 0px;
}

div.company {
	position: absolute;
	top: 30px;
	left: 250px;
	width: 300px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #00907E;
	text-align: center;
}
div.company_text {

	position: absolute;
	top: 66px;
	left: 250px;
	width: 300px;
	height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

#content p {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#leftcol { /* Begin laying out the leftcol div */
	float: left; /* Floats the div to the left to make a column */
	width: 169px; /* sets a width for the div - Imperative for IE mac */
	margin-bottom: 0px; /* prevents the bg image from repeating, no need to position it as top left is the default and that is where we want the image to show */
	padding-top: 0px; /* sets a padding to the top of the div to allow the bg image to show above the leftcol divs contents */
	background-color: #98A4EE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#leftcol #address {
	height: 80px;
	width: 169px;
	top: 400px;
	position: absolute;
	left: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#productlogo {
	margin-top: 15px;
	margin-left: 15px;
	width: 220px;
	position: absolute;
	left: 170px;
	top: 150px;
}
#producttypebox_qdallar {
	background-color: #004A8D;
	height: 40px;
	width: 325px;
	border: 1px solid #000000;
	top: 163px;
	right: 15px;
	position: absolute;
}
#product_type {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	width: 320px;
	position: absolute;
	top: 165px;
	right: 21px;
}
#product_number {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	text-align: right;
	width: 280px;
	position: absolute;
	top: 185px;
	right: 21px;
}

#footer {  /* Begin laying out and styling the footer div */
	background-color: #093C43;  /*sets a background colour for the footer*/
	width: 770px;  /*Sets the footers width*/
	border-top: 1px solid #000;  /*sets the top border to define the beginning of the footer*/
	font-size: 80%;  /* sets the footer text size */
	text-align: right;  /* Adds a margin to the top of the footer*/
	clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
	font-weight: bold;
}

#footer p {
	background-color: #E4E4E4;  /*sets the background colour for the p element when it is in the footer div*/
	padding: 4px 4px 4px 10px;  /* sets the padding values*/
	margin: 0;  /*zeroes off the margins */
	text-align: center;
	color: #FFFFFF;
	list-style-position: outside;
	list-style-type: disc;
}

#footer ul{
	background-color: #093C43;/*provides a background colour for the links list*/
	margin: 0;/*zeroes off the margins*/
	padding: 4px;/*add some air around the links*/
	text-align: center;
	list-style-type: disc;
}

#footer li{
	display: inline;/*set the list to display inline*/
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
}

#footer a {  /* Styles the links within the footer */
color: #fff;  /*sets the text to white*/
text-decoration: underline;  /*keeps the underline*/
}

#footer a:hover,
#footer a:focus {
text-decoration: none;  /*removes the underline*/
}
#nav {
	position: absolute;
	left: 0px;
	height: 24px;
	background-color: #093c43;
	width: 100%;
	margin: 0px;
	padding: 0px;
	bottom: 0px;
}
#nav_list {
	margin-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 4px;
	padding-top: 0px;
}
#nav_list a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFCC;
	text-decoration: none;
	font-weight: bold;
	margin-right: 30px;
}
#nav_list a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFF00;
	font-weight: bold;
	text-decoration: none;
}
#product_contents {
	width: 325px;
	display: block;
	top: 15px;
	padding-top: 75px;
}
.purpose_headings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #093C43;
}

.main_product_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#content_logo_side {

	width: 220px; /* sets the width of our content*/
	margin-left: 0px; /* this left margin clears the leftcol div and allows our content div to become a second column */
	margin-bottom: 0px;
}
#content_text_side {
	width: 325px; /* sets the width of our content*/
	margin-left: 260px; /* this left margin clears the leftcol div and allows our content div to become a second column */
	margin-bottom: 10px;
	right: 15px;
	margin-right: 0px;
}
#content_text_side #product_contents ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	list-style-type: disc;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 32px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#content_text_side #product_contents li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	list-style-position: inherit
	list-style-type: disc;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#producttypebox_atuss {

	background-color: #A30046;
	height: 40px;
	width: 325px;
	border: 1px solid #000000;
	top: 163px;
	right: 15px;
	position: absolute;
}
#producttypebox_atussds {

	background-color: #9966CC;
	height: 40px;
	width: 325px;
	border: 1px solid #000000;
	top: 163px;
	right: 15px;
	position: absolute;
}
#producttypebox_atusshs {

	background-color: #FF3399;
	height: 40px;
	width: 325px;
	border: 1px solid #000000;
	top: 163px;
	right: 15px;
	position: absolute;
}
#producttypebox_atusshd {

	background-color: #A30046;
	height: 40px;
	width: 325px;
	border: 1px solid #000000;
	top: 163px;
	right: 15px;
	position: absolute;
}
#producttypebox_atusshx {

	background-color: #993366;
	height: 40px;
	width: 325px;
	border: 1px solid #000000;
	top: 163px;
	right: 15px;
	position: absolute;
}
#producttypebox_sudex {

	background-color: #33CCCC;
	height: 40px;
	width: 325px;
	border: 1px solid #000000;
	top: 163px;
	right: 15px;
	position: absolute;
}
#producttypebox_sudal {

	background-color: #9966FF;
	height: 40px;
	width: 325px;
	border: 1px solid #000000;
	top: 163px;
	right: 15px;
	position: absolute;
}
#producttypebox_cephadyn {
	background-color: #0068B3;
	height: 40px;
	width: 325px;
	border: 1px solid #000000;
	top: 163px;
	right: 15px;
	position: absolute;
}
#content_text_side_full {
	width: 570px; /* sets the width of our content*/
	margin-left: 15px; /* this left margin clears the leftcol div and allows our content div to become a second column */
	margin-bottom: 0px;
	right: 15px;
	margin-right: 0px;
	margin-top: 15px;
	height: 470px;
}
#products_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #093C43;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 30px;
}
#images {
}
#footer_company {
	background-color: #E5E5ED;  /*sets a background colour for the footer*/
	width: 770px;  /*Sets the footers width*/
	border-top: 1px solid #000;  /*sets the top border to define the beginning of the footer*/
	font-size: 80%;  /* sets the footer text size */
	text-align: center;  /* Adds a margin to the top of the footer*/
	clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
#footer_company p {
	font-size: 80%;  /* sets the footer text size */
	text-align: center;  /* Adds a margin to the top of the footer*/
	clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
}
#content_text_side_history {
	width: auto; /* sets the width of our content*/
	margin-left: 0px; /* this left margin clears the leftcol div and allows our content div to become a second column */
	margin-bottom: 0px;
	right: 15px;
	margin-right: 0px;
	margin-top: 15px;
	height: 490px;
	overflow: auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#history_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	margin: 10px;
}
#underline {
	text-decoration: underline;
}

.images {
	border: 2px solid #000000;
	text-align: left;
	float: left;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	top: 0px;
}

#history_text p {
	font-weight: normal;
}
.dividerbar {
	margin-top: 20px;
}

#history_text_picture {
	font-weight: normal;
	vertical-align: top;
}
#map {
	margin: 10px;
	height: 400px;
	width: 500px;
}

.philosophy_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-left: 10px;
}
.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul
{
	border: solid 1px #000;
	border-bottom-width: 0;
}
.vnav ul li
{
	border-bottom: solid 1px #000;
}
.vnav ul li a
{
	display: block;
	text-decoration: none;
	background-color: #E5E5ED;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #093C43;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #000000;
}
.vnav ul li a:hover, .vnav ul li a:focus {
	background-color: transparent; /* changes the bottom border to white to give the hover state an indented look */
	color: #000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #CCCCCC;
}
#content_fixed {
	width: 600px; /* sets the width of our content*/
	margin-left: 0px; /* this left margin clears the leftcol div and allows our content div to become a second column */
	margin-bottom: 0px;
	padding: 0px;
	height: 505px;
}
#products_text {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 10px;
}
#history_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin: 10px;
	font-weight: bold;
}
#leftcol p {
	float: left; /* Floats the div to the left to make a column */
	width: 169px; /* sets a width for the div - Imperative for IE mac */
	margin-bottom: 0px; /* prevents the bg image from repeating, no need to position it as top left is the default and that is where we want the image to show */
	padding-top: 0px; /* sets a padding to the top of the div to allow the bg image to show above the leftcol divs contents */
	background-color: #98A4EE;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-top: 7px;
}
#leftcol #login {
	height: 30px;
	width: 110px;
	position: absolute;
	left: 32px;
	top: 600px;
}
.error_message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}