
/* ----- main rules ----- */

body {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #37585d;
        margin-top: -92px;
        padding: 0; 
        background-color: #fff;
        }
html>body {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #37585d;
        margin-top: -11px;
        padding: 0; 
        background-color: #fff;
        }

a, a:visited {
	color: #a60505;
	text-decoration: none;
	}
	
a:hover {
	color: #0b5b76;
	text-decoration: underline;
	}

#container {
        width: 700px; 
        margin: 1em auto; 
        }

img.front {
        margin: -2px 0px -5px -7px;
        }

/* ----- header rules ----- */

#header {
	width: 700px;
	margin: 0;
	padding: 0;
	background: url(../includes/images/header.jpg) no-repeat bottom;
	height: 63px;
	}

#header h1 { 
        width: 114px; 
        height: 120px; 
        float: left; 
        padding-top: 24px; 
        padding-left: 33px;
        cursor: pointer; 
        }
html>body #header h1 { 
        width: 114px; 
        height: 120px; 
        float: left; 
        padding-top: 9px; 
        padding-left: 33px;
        cursor: pointer; 
        }
#header h1 a, a:link, a:visited { 
        cursor: pointer; 
        }
#header h1 a:hover { 
        cursor: pointer; 
        }


/* ----- main menu rules----- */

#menu_main { 
        padding: 0; 
        margin-top: 0px; 
        height: 26px; 
        position: relative;
	display: block;
        }

#menu li.main { 
        float: left; 
        height: 26px; 
        text-align: center; 
        cursor: default; 
        margin: 0;
	display: block;
        }
#menu li.main a.menu_link { 
        height: 26px; 
	display: block; 
        }
ul#menu { 
        padding: 0; 
        margin: 0; 
        height: 26px; 
        position: relative;
	display: block;
	background: url(../includes/images/menubg.gif) repeat left top;
        }

li#menu_home { 
        position: absolute; 
        top: 0px; 
        left: 0px; 
        display: block; 
        }
li#menu_company { 
        position: absolute; 
        top: 0px; 
        left: 65px; 
        display: block; 
        }
li#menu_services { 
        position: absolute; 
        top: 0px; 
        left: 162px; 
        display: block; 
        }
li#menu_product { 
        position: absolute; 
        top: 0px; 
        left: 229px; 
        display: block; 
        }
li#menu_guarantee { 
        position: absolute; 
        top: 0px; 
        left: 294px; 
        display: block; 
        }
li#menu_askdoctor { 
        position: absolute; 
        top: 0px; 
        left: 373px; 
	display: block; 
        }

#menu_home a.menu_link {
	background: url(../includes/images/menu_home.gif) no-repeat left top;
	margin: 0px;
	display: block;
	width: 65px;
	height: 26px;
	text-indent: -9000px;
	}
#menu_home a.menu_link:hover {
	background-position: 0 0px;
	margin: 0px;
	display: block;
	width: 65px;
	height: 26px;
	text-indent: -9000px;
	}

#menu_company a.menu_link {
	background: url(../includes/images/menu_company.gif) no-repeat left top;
	margin: 0px;
	display: block;
	width: 97px;
	height: 26px;
	text-indent: -9000px;
	}
#menu_company a.menu_link:hover {
	background-position: 0 0px;
	margin: 0px;
	display: block;
	width: 97px;
	height: 26px;
	text-indent: -9000px;
	}

#menu_services a.menu_link {
	background: url(../includes/images/menu_services.gif) no-repeat left top;
	margin: 0px;
	display: block;
	width: 67px;
	height: 26px;
	text-indent: -9000px;
	}
#menu_services a.menu_link:hover {
	background-position: 0 0px;
	margin: 0px;
	display: block;
	width: 67px;
	height: 26px;
	text-indent: -9000px;
	}

#menu_product a.menu_link {
	background: url(../includes/images/menu_product.gif) no-repeat left top;
	margin: 0px;
	display: block;
	width: 65px;
	height: 26px;
	text-indent: -9000px;
	}
#menu_product a.menu_link:hover {
	background-position: 0 0px;
	margin: 0px;
	display: block;
	width: 65px;
	height: 26px;
	text-indent: -9000px;
	}

#menu_guarantee a.menu_link {
	background: url(../includes/images/menu_guarantee.gif) no-repeat left top;
	margin: 0px;
	display: block;
	width: 79px;
	height: 26px;
	text-indent: -9000px;
	}
#menu_guarantee a.menu_link:hover {
	background-position: 0 0px;
	margin: 0px;
	display: block;
	width: 79px;
	height: 26px;
	text-indent: -9000px;
	}

#menu_askdoctor a.menu_link {
	background: url(../includes/images/menu_askdoctor.gif) no-repeat left top;
	margin: 0px;
	display: block;
	width: 104px;
	height: 26px;
	text-indent: -9000px;
	}
#menu_askdoctor a.menu_link:hover {
	background-position: 0 0px;
	margin: 0px;
	display: block;
	width: 104px;
	height: 26px;
	text-indent: -9000px;
	}

/* ----- sub menu rules ----- */

#menu_sub { 
        padding: 0; 
        margin-top: -29px;
        margin-left: -1px; 
        height: 21px;
        width: 172px; 
        position: relative;
	display: block;
        }
html>body #menu_sub { 
        padding: 0; 
        margin-top: -29px;
        margin-left: 0px; 
        height: 21px;
        width: 172px; 
        position: relative;
	display: block;
        }

#menu li.sub { 
        float: left; 
        height: 21px;
        width: 172px;  
        cursor: default; 
        margin: 0;
	display: block;
        }
#menu li.sub a.sub_link { 
        height: 21px; 
        width: 172px;
	display: block; 
        }
ul#sub { 
        padding: 0; 
        margin: 0; 
        height: 21px; 
        width: 172px;
        position: relative;
	display: block;
        }

li#menuside_askdoctor { 
        position: absolute; 
        top: 0px; 
        right: 1px; 
        display: block; 
        }
li#menuside_customers { 
        position: absolute; 
        top: 21px; 
        right: 1px; 
        display: block; 
        }
li#menuside_newexciting { 
        position: absolute; 
        top: 43px; 
        right: 1px; 
        display: block; 
        }
li#menuside_order { 
        position: absolute; 
        top: 66px; 
        right: 1px; 
        display: block; 
        }

#menuside_askdoctor a.sub_link {
	background: url(../includes/images/menuside_askdoctor.gif) no-repeat left top;
	margin: 0px;
	display: block;
	width: 172px;
	height: 21px;
	text-indent: -9000px;
	}
#menuside_askdoctor a.sub_link:hover {
	background-position: 0 0px;
	margin: 0px;
	display: block;
	width: 172px;
	height: 21px;
	text-indent: -9000px;
	}
#menuside_customers a.sub_link {
	background: url(../includes/images/menuside_customers.gif) no-repeat left top;
	margin: 0px;
	display: block;
	width: 172px;
	height: 22px;
	text-indent: -9000px;
	}
#menuside_customers a.sub_link:hover {
	background-position: 0 0px;
	margin: 0px;
	display: block;
	width: 172px;
	height: 22px;
	text-indent: -9000px;
	}
#menuside_newexciting a.sub_link {
	background: url(../includes/images/menuside_newexciting.gif) no-repeat left top;
	margin: 0px;
	display: block;
	width: 172px;
	height: 23px;
	text-indent: -9000px;
	}
#menuside_newexciting a.sub_link:hover {
	background-position: 0 0px;
	margin: 0px;
	display: block;
	width: 172px;
	height: 23px;
	text-indent: -9000px;
	}
#menuside_order a.sub_link {
	background: url(../includes/images/menuside_order.gif) no-repeat left top;
	margin: 0px;
	display: block;
	width: 172px;
	height: 26px;
	text-indent: -9000px;
	}
#menuside_order a.sub_link:hover {
	background-position: 0 0px;
	margin: 0px;
	display: block;
	width: 172px;
	height: 26px;
	text-indent: -9000px;
	}

/* ----- main content rules ----- */

#maincontent {
        margin: 18px 0px 20px 4px;
	padding: 0px 0px 0px 0px;
        float: left;
	width: 495px;
	}
* #maincontent {
        margin: 25px 0px 20px 104px;
	padding: 0px 0px 0px 0px;
        float: left;
	width: 495px;
	}
html>body #maincontent {
        margin: 7px 0px 10px -140px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 495px;
	}
.title {
	font: 13px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #37585d;
        font-weight: bold;
        }
.title img {
	float: right;
	margin: -29px -20px 0px 0px;
        }

#bot {
        width: 843px;
	margin: 0px 0px 0px -7px;
        padding: 0px 0px 0px 0px;
        }
.bot-comp {
	margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        }

/* ----- sidebar rules ----- */

#sidecontent {
        margin: 13px -10px 0px -9px;
	padding: 0px 0px 0px 0px;
	width: 172px;
	float: right;
	}
html>body #sidecontent {
        margin: 13px 0px -5px 16px;
	padding: 0px 0px 0px 0px;
	width: 172px;
	float: right;
	}


.side-content {
	padding: 0px -4px 0px 0px;
	margin: 0px;
	width: 172px;
	}
.side-content p {
	padding: 0px 0px 0px 8px;
	margin: 0px;
	width: 172px;
	}

html>body .side-content {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 182px;
	}
html>body .side-content p {
	padding: 5px 0px 3px 7px;
	margin: 0px 0px 0px 0px;
	width: 182px;
	}


.sidetop {
	background: url(../includes/images/box_head.gif) no-repeat left top;
        margin: 70px 0px 0px 0px;
	height: 23px;
	}
html>body .sidetop {
	background: url(../includes/images/box_head.gif) no-repeat left top;
        margin: 70px 0px 0px 0px;
	height: 23px;
	}
.sidemiddle {
	background: url(../includes/images/box_contain.gif) left top;
	padding: 0px;
	margin: 0px;
	width: 171px;
	}
.sidebottom {
	background: url(../includes/images/box_foot.gif) no-repeat left top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 3px;
	}
html>body .sidebottom {
	background: url(../includes/images/box_foot.gif) no-repeat left top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 3px;
	}

/* ----- generic rules ----- */

img { border: 0px; }

.nodisp { display: none; }

/* ----- footer rules ----- */

#footer { 
	background: url(../includes/images/footer.jpg) no-repeat; 
        clear: both;
	width: 700px; 
	height: 20px; 
        margin: 0 0 -5px 0px;
	}

#copyright { 
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
        width: 350px; 
        height: 20px; 
        padding-top: 2px;
        padding-bottom: 3px;
        margin-left: auto;
        margin-right: auto;
        }
html>body #copyright { 
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
        width: 350px; 
        height: 20px; 
        padding-top: 3px;
        padding-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        }


.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
border: 0;
width: 150px;
height: 53px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}