/* 
1.GLOBAL STYLES
2.DIVS
3.NAVIGATION
4.LINKS
5.FORMS
6.MISCELLANEOUS
*/

/*--- 1.GLOBAL STYLES ---*/
* { margin: 0; padding: 0; }

body {
	background: url(../images/bodyBG.jpg) repeat-x #90c048;
	color: #000000;
	font: 75%/1.4 Arial, Helvetica, sans-serif;
}
img {
	border: none;
}
ul {
	list-style-type: none;
}
p {
	margin: 0 0 10px 0;
}
hr {
	background-color: #000000;
	height: 1px;
	color: #000000;
	margin: 20px 0;
	border: 0;
}
body#home h1 {
	background-image: url(../images/head_home.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	width: 412px;
	height: 144px;
	margin: 0 0 20px 27px;
}
body#benefits h1 {
	background-image: url(../images/head_benefits.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	width: 420px;
	height: 91px;
	margin: 0 0 20px 0;
}
body#about h1 {
	background-image: url(../images/head_about.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	width: 208px;
	height: 42px;
	margin: 0 0 20px 0;
}
body#inquire h1, body#arrow h1 {
	background-image: url(../images/head_inquire.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	width: 672px;
	height: 39px;
	margin: 0 0 20px 0;
}
body#contact h1 {
	background-image: url(../images/head_contact.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	width: 260px;
	height: 39px;
	margin: 0 0 20px 0;
}
body#privacy h1 {
	background-image: url(../images/head_privacy.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	width: 322;
	height: 50px;
	margin: 0 0 20px 0;
}
body#order h1 {
	background-image: url(../images/head_order.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	width: 682px;
	height: 39px;
	margin: 0 0 20px 0;
}
body#order1 h1 {
	background-image: url(../images/head_order1.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	width: 662px;
	height: 91px;
	margin: 0 0 20px 0;
}
body#anatomySemi h1 {
	background-image: url(../images/head_semi.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	width: 405;
	height: 53px;
	margin: 0 0 20px 0;
}
body#anatomyPharma h1 {
	background-image: url(../images/head_pharma.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	width: 405;
	height: 53px;
	margin: 0 0 20px 0;
}
body#anatomyEsd h1 {
	background-image: url(../images/head_esd.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	width: 480;
	height: 53px;
	margin: 0 0 20px 0;
}
body#home div#columnSingle p {
	color: #000000;
	font-size: 19px;
	padding: 0 0 10px 27px;
	font-weight: normal;
	line-height: normal;
}
body#about div#columnFull p, body#privacy div#columnFull p {
	color: #000000;
	font-size: 15px;
	padding: 0 0 10px 0;
	font-weight: normal;
	line-height: 18px;
}
body#order1 div#content p {
	color: #000000;
	font-size: 15px;
	padding: 0 0 30px 0;
	font-weight: bold;
	line-height: 18px;
}
body#arrow div#columnFull div#inquireBox p {
	color: #000000;
	font-size: 15px;
	padding: 0 0 30px 0;
	font-weight: normal;
}
body#contact div#columnFull p, body#inquire div#columnFull p, body#order div#columnFull p,  body#arrow div#columnFull p {
	color: #ffffff;
	font-size: 14px;
	padding: 0 0 10px 0;
	font-weight: bold;
	line-height: 18px;
}

.green {
	color: #aee85b;
}
.black {
	color: #000000;
	font-size: 17px;
	font-weight: bold;
	line-height: 18px;
}
.white {
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
	line-height: 18px;
}

/*--- 2.DIVS ---*/
div#inquireBox {
	background-color: #FFFFFF;
	width: 700px;
	padding: 20px;
}
div#contactBox {
	background-color: #FFFFFF;
	width: 450px;
	padding: 20px;
	float: left;
}
div#contactInfo {
	width: 210px;
	padding: 0 20px;
	float: right;
}
body#contact div#contactInfo p {
	font-weight: normal;
	font-size: 14px;
	color: #FFFFFF;
	padding: 0 0 20px 0;
}
div#contactInfo h2 {
	color: #aee85b;
	padding: 0 0 6px 0;
	margin: 0;
	font-size: 17px;
	font-weight: bold;
}
div#mainframe {
	margin: 0 auto;
	width: 885px;
	padding: 15px 0 15px 34px;
	background: url(../images/circleLeft.gif) no-repeat;
	background-position: left 359px;
}
div#contentBack {
	background: url(../images/contentBG.gif) repeat-y;
}
body#contact div#contentBack, body#inquire div#contentBack, body#order div#contentBack, body#arrow div#contentBack {
	background: url(../images/contentBG2.gif) repeat-y;
}
div#content {
	background: url(../images/contentBGshoe.jpg) no-repeat;
	width: 741px;
	padding: 20px 72px 0 72px;
}
body#order1 div#content {
	background: url(../images/contentBGshoe.jpg) no-repeat;
	width: 741px;
	height: 410px;
	padding: 20px 72px 0 72px;
}
body#contact div#content, body#inquire div#content, body#order div#content, body#arrow div#content {
	background: url(../images/contentBGshoe2.gif) no-repeat;
	width: 741px;
	padding: 20px 72px 0 72px;
}
body#benefits div#content img {
	padding: 0 0 10px 0;
}
div#columnFull {
	width: 740px;
	padding: 0 0 20px 0;
}
div#columnSingle {
	width: 440px;
	padding: 0 0 20px 0;
}
div#columnLeft {
	width: 360px;
	padding: 0 0 20px 0;
	float: left;
}
div#columnRight {
	width: 360px;
	padding: 0 0 20px 0;
	float: right;
}
div#columnSale {
	width: 254px;
	padding: 0;
	float: right;
}
div#header {
	background: url(../images/headerBG.jpg) no-repeat;
	height: 344px;
}
body#contact div#header, body#inquire div#header, body#order div#header, body#arrow div#header {
	background: url(../images/headerBG2.jpg) no-repeat;
	height: 344px;
}
div#headerLogo {
	float: left;
	padding: 25px 0 0 25px;
}
div#footer {
	background: url(../images/footerBG.gif) no-repeat;
	height: 176px;
	color: #FFFFFF;
}
body#contact div#footer, body#inquire div#footer, body#order div#footer, body#arrow div#footer {
	background: url(../images/footerBG2.gif) no-repeat;
	height: 176px;
	color: #FFFFFF;
}
div#noblemen {
	width: 210px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 100px 200px 0 0;
	float: right;
	line-height: 12px;
}
div#disclaimer {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 100px 0 0 0;
	float: left;
}
div#disclaimer p {
	margin: 0 0 2px 0;
}
div#disclaimer ul {
	float: left;
}
div#disclaimer ul li {
	display: inline;
}
	
/*--- 3.NAVIGATION ---*/

div ul#navigation {
	height: 20px;
	padding: 10px 0 0 0;
	float: right;
}
div ul#navigation li {
	display: inline;
	/*float: left;*/
	text-indent: -9999px;	
}

div ul#navigation li a:link
{
	float: left;
	text-decoration: none;
}
div ul#navigation li a:visited
{
	float: left;
	text-decoration: none;
}
div ul#navigation li#home a:link, div ul#navigation li#home a:visited
{
	background-image: url(../images/navHome.gif);
	background-position: top;
	width: 93px;
	height: 40px;
}
div ul#navigation li#benefits a:link, div ul#navigation li#benefits a:visited
{
	background-image: url(../images/navBenefits.gif);
	background-position: top;
	width: 118px;
	height: 40px;
}
div ul#navigation li#about a:link, div ul#navigation li#about a:visited
{
	background-image: url(../images/navAbout.gif);
	background-position: top;
	width: 96px;
	height: 40px;
}
div ul#navigation li#inquire a:link, div ul#navigation li#inquire a:visited
{
	background-image: url(../images/navInquire.gif);
	background-position: top;
	width: 93px;
	height: 40px;
}
div ul#navigation li#home a:hover, div ul#navigation li#about a:hover, div ul#navigation li#benefits a:hover, div ul#navigation li#inquire a:hover
{
	background-position: bottom;
}
div ul#navigation li a:link#current, div ul#navigation li a:visited#current
{
	background-position: bottom;
}
div#rolldiscover {	
	text-indent: -9999px;	
}
div#rolldiscover a:link, div#rolldiscover a:visited
{
	background-image: url(../images/button_discover.gif);
	background-position: top;
	width: 439px;
	height: 94px;
	display: block;
}
div#rolldiscover a:hover
{
	background-image: url(../images/button_discover.gif);
	background-position: bottom;
	width: 439px;
	height: 94px;
	display: block;
}


/*  ESD ROLLOVERS   */
div#rollesdanatomy {	
	text-indent: -9999px;	
}
div#rollesdanatomy a:link, div#rollesdanatomy a:visited
{
	background-image: url(../images/button_esd_anatomy.gif);
	background-position: top;
	width: 358px;
	height: 67px;
	display: block;
}
div#rollesdanatomy a:hover
{
	background-image: url(../images/button_esd_anatomy.gif);
	background-position: bottom;
	width: 358px;
	height: 67px;
	display: block;
}

div#rollesdspec {	
	text-indent: -9999px;	
}
div#rollesdspec a:link, div#rollesdspec a:visited
{
	background-image: url(../images/button_esd_download.gif);
	background-position: top;
	width: 358px;
	height: 67px;
	display: block;
}
div#rollesdspec a:hover
{
	background-image: url(../images/button_esd_download.gif);
	background-position: bottom;
	width: 358px;
	height: 67px;
	display: block;
}

div#rollesdsize {	
	text-indent: -9999px;	
}
div#rollesdsize a:link, div#rollesdsize a:visited
{
	background-image: url(../images/button_esd_size.gif);
	background-position: top;
	width: 358px;
	height: 67px;
	display: block;
}
div#rollesdsize a:hover
{
	background-image: url(../images/button_esd_size.gif);
	background-position: bottom;
	width: 358px;
	height: 67px;
	display: block;
}


/*  PHARMA ROLLOVERS   */
div#rollpharmaanatomy {	
	text-indent: -9999px;	
}
div#rollpharmaanatomy a:link, div#rollpharmaanatomy a:visited
{
	background-image: url(../images/button_pharma_anatomy.gif);
	background-position: top;
	width: 358px;
	height: 67px;
	display: block;
}
div#rollpharmaanatomy a:hover
{
	background-image: url(../images/button_pharma_anatomy.gif);
	background-position: bottom;
	width: 358px;
	height: 67px;
	display: block;
}

div#rollpharmaspec {	
	text-indent: -9999px;	
}
div#rollpharmaspec a:link, div#rollpharmaspec a:visited
{
	background-image: url(../images/button_pharma_download.gif);
	background-position: top;
	width: 358px;
	height: 67px;
	display: block;
}
div#rollpharmaspec a:hover
{
	background-image: url(../images/button_pharma_download.gif);
	background-position: bottom;
	width: 358px;
	height: 67px;
	display: block;
}

div#rollpharmasize {	
	text-indent: -9999px;	
}
div#rollpharmasize a:link, div#rollpharmasize a:visited
{
	background-image: url(../images/button_pharma_size.gif);
	background-position: top;
	width: 358px;
	height: 67px;
	display: block;
}
div#rollpharmasize a:hover
{
	background-image: url(../images/button_pharma_size.gif);
	background-position: bottom;
	width: 358px;
	height: 67px;
	display: block;
}

div#rollsemianatomy {	
	text-indent: -9999px;	
}
div#rollsemianatomy a:link, div#rollsemianatomy a:visited
{
	background-image: url(../images/button_semi_anatomy.gif);
	background-position: top;
	width: 358px;
	height: 67px;
	display: block;
}
div#rollsemianatomy a:hover
{
	background-image: url(../images/button_semi_anatomy.gif);
	background-position: bottom;
	width: 358px;
	height: 67px;
	display: block;
}

div#rollsemispec {	
	text-indent: -9999px;	
}
div#rollsemispec a:link, div#rollsemispec a:visited
{
	background-image: url(../images/button_semi_download.gif);
	background-position: top;
	width: 358px;
	height: 67px;
	display: block;
}
div#rollsemispec a:hover
{
	background-image: url(../images/button_semi_download.gif);
	background-position: bottom;
	width: 358px;
	height: 67px;
	display: block;
}

div#rollsemisize {	
	text-indent: -9999px;	
}
div#rollsemisize a:link, div#rollsemisize a:visited
{
	background-image: url(../images/button_semi_size.gif);
	background-position: top;
	width: 358px;
	height: 67px;
	display: block;
}
div#rollsemisize a:hover
{
	background-image: url(../images/button_semi_size.gif);
	background-position: bottom;
	width: 358px;
	height: 67px;
	display: block;
}

div#rollorder {	
	text-indent: -9999px;	
}
div#rollorder a:link, div#rollorder a:visited
{
	background-image: url(../images/button_order.gif);
	background-position: top;
	width: 360px;
	height: 114px;
	display: block;
}
div#rollorder a:hover
{
	background-image: url(../images/button_order.gif);
	background-position: bottom;
	width: 360px;
	height: 114px;
	display: block;
}

div#rollinquire {	
	text-indent: -9999px;	
}
div#rollinquire a:link, div#rollinquire a:visited
{
	background-image: url(../images/button_openaccount.gif);
	background-position: top;
	width: 360px;
	height: 114px;
	display: block;
}
div#rollinquire a:hover
{
	background-image: url(../images/button_openaccount.gif);
	background-position: bottom;
	width: 360px;
	height: 114px;
	display: block;
}
/*--- 4.LINKS ---*/
div#footer a {
	color: #fff;
	text-decoration: underline;
}		
div#footer a:hover {
	color: #fff;
	text-decoration: none;
}
a {
	color: #000000;
	text-decoration: underline;
}		
a:hover {
	color: #000000;
	text-decoration: none;
}
div#contactInfo a {
	color: #ffffff;
	text-decoration: underline;
}		
div#contactInfo a:hover {
	color: #ffffff;
	text-decoration: none;
}
#disclaimer ul li{
	border-left: solid 1px #fff;
	padding: 0 5px;
}
#disclaimer ul li.firstitem {
	border: none;
	padding: 0 5px 0 0;
}

/*======== ADD ONS ===========*/
.clear {
	clear: both
}