@charset "UTF-8";

/*
----------------------------------------
Azenqos CSS Designed by:
Slice2CSS.com

info@slice2css.com
----------------------------------------
*/

* {margin: 0; padding: 0;}

body {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 1em;
	font-size: 16px;
	color: #525252;
	background: url(../img/bg/mainbg.jpg) repeat-x;
}

.overviewPage {background: url(../img/bg/bg_overview.jpg) repeat-x;}
.formpage {background: #2d597a url(../img/bg/bg_fromcontent.jpg) repeat-x;}

a {color: #1767b9; text-decoration: none;}
a:hover {color: #ea7f00; text-decoration: none;}

img {border: none;}

#wrapper {width: 1000px; margin: 0 auto;}

/* Header Section */
#headerWrapper {width: 1000px; height: 160px; position: relative;}
	#headerWrapper h1 {width: 150px; height: 79px; font-size: 0.875em; background: url(../img/azenqos-trans.png) no-repeat; position: absolute; top: 62px; left: 15px;}
	#headerWrapper h1 a {width: 150px; height: 79px; display: block; text-decoration: none;}
	#headerWrapper h1 a:hover {text-decoration: none;}
	#headerWrapper h1 a span {visibility: hidden;}
	
	#headerWrapper #mainNavigation {width: 375px; _width: 415px; position: absolute; top: 15px; right: 25px; _right: -5px; font-size: 0.875em; color: #fff;}
	#headerWrapper #mainNavigation li {float: left; list-style: none; position: relative;}
	#headerWrapper #mainNavigation li a {display: block; padding: 0 10px; float: left; color: #fff; text-decoration: none; }
	#headerWrapper #mainNavigation li a:hover {background: #fff; color: #545454;}
	
	#headerWrapper #mainNavigation li ul {
		display: none;
		position: absolute;
		top: 16px;
		left: 0;
		width: 126px;
		font-size: 0.875em;
		padding: 2px 2px 0;
		background: #545456;
	}
	#headerWrapper #mainNavigation li:hover ul {display: block;}
	#headerWrapper #mainNavigation li ul li {
		float: none;
		background: url(../img/bg/bg_subNavigation.gif) top no-repeat;
		padding: 4px 0 2px;
	}
	#headerWrapper #mainNavigation li ul li.noneBg {background: none; }
	#headerWrapper #mainNavigation li ul li a {width: 116px; float: none; padding: 1px 5px;}
	#headerWrapper #mainNavigation li ul li a:hover {background: #d0cfcb;}
	
	#headerWrapper #sectionSummaries {width: 500px; float: right; margin: 65px 25px 0 0; _display: inline;}
	#headerWrapper #sectionSummaries h2 {font-size: 1.25em; font-weight: normal; text-align: right; margin: 0 10px 30px 0;}
	#headerWrapper #sectionSummaries #sectionNavigation {width: 320px; float: right; font-size: 0.875em; margin-right: -45px;}
	#headerWrapper #sectionSummaries #sectionNavigation:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
	#headerWrapper #sectionSummaries #sectionNavigation li {list-style: none; float: left; text-align: center; padding: 0 5px;}
	#headerWrapper #sectionSummaries #sectionNavigation li a {width: 81px; height: 18px; display: block; padding-top: 2px; color: #525252; text-decoration: none;}
	#headerWrapper #sectionSummaries #sectionNavigation li a:hover {color: #fff; background: url(../img/bg/bg_sectionNavigation.gif) no-repeat;}
	#headerWrapper #sectionSummaries #sectionNavigation a.active {color: #fff; background: url(../img/bg/bg_sectionNavigation.gif) no-repeat;}
	
	/*Navigation only for MOS Score page*/
	#headerWrapper #sectionSummaries #sectionNavigationTran {width: 410px; float: right; font-size: 0.875em; margin-right: -45px;}
	#headerWrapper #sectionSummaries #sectionNavigationTran:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
	#headerWrapper #sectionSummaries #sectionNavigationTran li {list-style: none; float: left; text-align: center; padding: 0 5px;}
	#headerWrapper #sectionSummaries #sectionNavigationTran li a {width: 81px; height: 18px; display: block; padding-top: 2px; color: #525252; text-decoration: none;}
	#headerWrapper #sectionSummaries #sectionNavigationTran li a:hover {color: #fff; background: url(../img/bg/bg_sectionNavigation.gif) no-repeat;}
	#headerWrapper #sectionSummaries #sectionNavigationTran a.active {color: #fff; background: url(../img/bg/bg_sectionNavigation.gif) no-repeat;}
	
	/* Header Section for More to Love page and Why Azenqos page */
	.benefit #headerWrapper #sectionSummaries #sectionNavigation {width: 340px; margin-right: -15px;} /* for ie6 */
	.benefit #headerWrapper #sectionSummaries #sectionNavigation li a {width: 151px; height: 18px;}
	.benefit #headerWrapper #sectionSummaries #sectionNavigation li a:hover {background: url(../img/bg/bg_sectionNavigationLong2.gif) no-repeat;}
	.benefit #headerWrapper #sectionSummaries #sectionNavigation li a.active {background: url(../img/bg/bg_sectionNavigationLong2.gif) no-repeat;}
	
/* Content Wrapper */
#contentWrapper {width: 1000px; border-bottom: 1px #c0c0c0 solid; padding-bottom: 150px;}
#contentWrapper:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}

	.leftsideContent {width: 470px; float: left;}
	.rightsideContent {width: 470px; float: right;}

	/* Additional Style Sheets for Overview Page */
	.whyAzenqos ol {list-style: none;}
	
		.whyAzenqos h4 {font-weight: normal; font-size: 1.125em; color: #000;}
		.whyAzenqos h5 {font-size: 0.875em; font-weight: normal; color: #000;}
		.whyAzenqos p {font-size: 0.75em; margin-bottom: 15px;}
		
	/* Additional Style Sheets for Overview Page */
	.testCenterContents ol {list-style: none;}
		
		.testCenterContents h4 {font-weight: normal; font-size: 1.125em; color: #000;}
		.testCenterContents h5 {font-size: 0.875em; font-weight: normal; color: #000;}
		.testCenterContents p {font-size: 0.75em; margin-bottom: 15px;}
		
	/* Additional Style Sheets for Why Azenqos Page */
	.whyAzenqosContent {padding-bottom: 30px !important;}
	.whyAzenqosContent .topParagraph {margin-bottom: 40px;}
	.whyAzenqosContent .topParagraph:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
	.whyAzenqosContent .topParagraph img {float: left; margin: 0 10px 10px 0;}
	
	.whyAzenqosContent h3 {font-weight: normal; font-size: 1.125em; color: #000; margin-bottom: 10px;}
	.whyAzenqosContent ul, .whyAzenqosContent ol {padding-top: 15px; list-style: none;}
	.whyAzenqosContent ul {font-size: 0.75em;}
	.whyAzenqosContent ol {margin-bottom: 40px;}
	.whyAzenqosContent p {font-size: 0.75em; margin-bottom: 10px;}
	.whyAzenqosContent h5 {font-size: 0.875em; font-weight: normal; color: #000;}
	
	.whyAzenqosContent .bottomParagraph:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
	
	.whyAzenqosContent .bottomParagraph .leftsideContent {width: 195px; float: left;}
	.whyAzenqosContent .bottomParagraph .rightsideContent {width: 745px; float: right;}
		
	/* Additional Style Sheets for feature Page */
	.integrated h4 {font-size: 1.25em; color: #202020; padding: 0 0 5px 16px;}
	.integrated h5 {font-size: 0.875em; color: #000;}
	.integrated p {font-size: 0.75em; padding-left: 16px;}
	.integrated ul.listtestLeft {float: left; width: 477px; list-style: none; margin: 40px 0 20px; overflow: hidden;}
		.integrated ul.listtestLeft li {width: 477px; overflow: hidden;}
			.integrated ul.listtestLeft li p {margin-left: -16px;}
			.integrated ul.listtestLeft li p.pictest {float: left; width: 120px; text-align: center;}
			.integrated ul.listtestLeft li p.textTest {float: right; width: 357px; margin-bottom: 25px;}
		
	.integrated ul.listtestRight {float: right; width: 475px; list-style: none; margin: 40px 0 20px; overflow: hidden;}
		.integrated ul.listtestRight li {width: 475px; overflow: hidden;}
			.integrated ul.listtestRight li p {margin-left: -16px;}
			.integrated ul.listtestRight li p.pictest {float: left; width: 120px; text-align: center;}
			.integrated ul.listtestRight li p.textTest {float: right; width: 355px; margin-bottom: 80px;}
			
	.integrated ul.listtestcenter {width: 1000px; list-style: none; margin: 0 auto; clear: both;}
		.integrated ul.listtestcenter li {width: 1000px; overflow: hidden;}
			.integrated ul.listtestcenter li p {margin-left: -16px;}
			.integrated ul.listtestcenter li p.pictest {float: left; width: 120px; text-align: center;}
			.integrated ul.listtestcenter li p.textTest {float: right; width: 880px; margin-bottom: 25px;}
			.integrated ul.listtestcenter li h5 {padding-top: 15px;}
			
	.integrated ul.integratedDetail {width: 1000px; list-style: none; margin: 56px auto 0; overflow: hidden; clear: both;}
		.integrated ul.integratedDetail .clear {clear: both;}
		.integrated ul.integratedDetail li p {margin-left: -16px;}
		.integrated ul.integratedDetail li h4 {margin-left: -16px;}
		.integrated ul.integratedDetail li.integratedDetailLeft {float: left; width: 477px; margin-bottom: 30px; overflow: hidden;}
		.integrated ul.integratedDetail li.integratedDetailRight {float: right; width: 475px; margin-bottom: 30px; overflow: hidden;}
		
		.integrated ul.integratedDetail li.integratedpicLeft p.picDetail {float: left; width: 137px; text-align: center;}
		.integrated ul.integratedDetail li.integratedpicLeft p.textDetail {float: right; width: 338px;}
		
		.integrated ul.integratedDetail li.integratedpicRight p.picDetail {float: right; width: 137px; text-align: center;}
		.integrated ul.integratedDetail li.integratedpicRight p.textDetail {float: left; width: 338px;}
		.integrated h5.changesection {clear: float; padding-top: 50px;}
		.integrated span.goback {clear: float; padding-left: 16px;}
		.integrated span.gonext {float: right; padding-right: 16px;}
		
			
	/* Additional Style Sheets for what's more to love Page */
	.loveAzenqos h4 {font-size: 1.25em; color: #000;}
	.loveAzenqos h5 {font-size: 1em; color: #000;}
	.loveAzenqos h6 {font-size: 0.875em; color: #000;}
	.loveAzenqos p {font-size: 0.75em; margin-bottom: 22px;}
	.loveAzenqos .leftsideContent {width: 460px; float: left; padding-left: 15px; overflow: hidden;}
		.loveAzenqos .leftsideContent ul.whatName {width: 460px; list-style: none; margin: 15px auto; overflow: hidden;}
			.loveAzenqos .leftsideContent ul.whatName li {width: 460px; margin-bottom: 25px; clear: both;}
			.loveAzenqos .leftsideContent ul.whatName li p.picName {float: left; width: 119px;}
			.loveAzenqos .leftsideContent ul.whatName li p.textName {float: right; width: 330px;}
			.loveAzenqos .leftsideContent ul.whatName li p.textName span {display: block; width: 330px; color: #1767b9; font-size: 1em;}
	.loveAzenqos .rightsideContent {width: 470px; float: right; overflow: hidden;}
		.loveAzenqos .rightsideContent ul {width: 470px; list-style: none; margin: 15px auto; overflow: hidden;}
		.loveAzenqos .rightsideContent ul li {width: 470px; padding-bottom: 25px; margin: 0 auto; clear: both;}
			.loveAzenqos .rightsideContent ul li.loveAzeqospicLeft p.picDetail {float: left; width: 137px; text-align: center;}
			.loveAzenqos .rightsideContent ul li.loveAzeqospicLeft p.textDetail {float: right; width: 333px;}
		
			.loveAzenqos .rightsideContent ul li.loveAzeqospicRight p.picDetail {float: right; width: 137px; text-align: center;}
			.loveAzenqos .rightsideContent ul li.loveAzeqospicRight p.textDetail {float: left; width: 333px;}
			
	/* Additional Style Sheets for About Azenqos Page */
	.aboutAzenqosContent {padding-bottom: 30px !important;}
		.aboutAzenqosContent p {width: 966px; font-size: 0.75em; padding: 0 17px 27px; margin: 0 auto;}
		
	/* Additional Style Sheets for contact page and support page */
		.formContent fieldset {border: none;}
			.formContent p {font-size: 0.75em; color: #fff;}
			.formContent p.firstDetail {font-size: 1em; padding: 40px 30px 64px;}
			.formContent h4 {font-size: 1.25em; color: #fff; padding-bottom: 20px;}
			.formContent address {font-size: 0.75em; color: #fff; font-style: normal; padding-bottom: 26px;}
			.formContent ul {width: 423px; list-style: none;}
				.formContent ul li {padding-bottom: 18px;}
				.formContent ul li label {font-size: 0.75em; color: #fff; padding-bottom: 6px;}
				.formContent ul li input[type='text'] {width: 415px; height: 19px; font-size: 1em; color: #2d597a; padding: 5px 3px 0; border: 1px solid #1f4562;}
				.formContent ul li textarea {width: 421px; height: 70px; font-size: 1em; color: #2d597a; border: 1px solid #1f4562;}
				.formContent ul li textarea.massageArea {height: 122px;}
				.formContent ul li select {width: 421px;}
			.formContent ul.fromrightSup {padding: 44px 0 27px;}
			
			.formContent .leftsideContent {float: left; width: 423px; padding-left: 54px;}
			.formContent .rightsideContent {float: right; width: 423px; padding-right: 54px;}
			
			.formContent .buttonAccept {width: 624px; list-style: none; padding: 55px 0 0 376px; margin: 0 auto; clear: both;}
				.formContent .buttonAccept li {float: left; padding: 0 5px;}
	
/* Introduction Section */
#introductionBox {width: 1000px; position: relative;}
#introductionBox:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}

	/* Addition Style Sheets for Overview Page */
	.overview {margin-bottom: 20px;}
	.overview .leftSideContents {width: 370px; float: left; color: #fff; padding: 40px 0 0 5px;}
	.overview .leftSideContents h2 {font-size: 2em; font-weight: normal; margin-bottom: 20px;}
	.overview .leftSideContents h2 em {display: block; font-size: 60%; font-style: normal;}
	.overview .introduction {font-size: 1em;}
	.overview p {font-size: 0.875em; margin-bottom: 15px;}

	.overview .rightSideContents {width: 370px; float: right; color: #fff; padding-top: 40px;}
	.overview .rightSideContents h3 {font-size: 1em; font-weight: normal; margin-bottom: 15px;}
	.overview .rightSideContents a {color: #CCC}

	.overview .productPresentation {width: 225px; height: 578px; position: absolute; top: 15px; left: 385px;}
	.overview h5.changesection {clear: float;  padding-top: 50px;}
	.overview span.gonext {float: right; padding-right: 16px;}
	
	/* Addition Style Sheets for TestCenter Page */
	.testcenter {margin-bottom: 20px;}
	.testcenter .leftSideContents {width: 370px; float: left; padding: 40px 0 0 5px;}
	.testcenter .rightSideContents {width: 440px; color: #fff; float: right; padding: 60px 5px 0 0;}
	.testcenter .rightSideContents h2 {font-size: 2em; font-weight: normal; margin-bottom: 20px;}
	.testcenter .rightSideContents p {font-size: 0.875em; margin-bottom: 15px;}
	
	/* Addition Style Sheets for Why Azenqos Page */
	.whyAzenqosIntro {color: #000; margin-bottom: 40px; _margin-top: -24px;}
	.whyAzenqosIntro > p + p {width: 947px; margin: -80px auto 0;}
	
	/* Addition Style Sheets for TestCenter Page */
	.testcenter {margin-bottom: 20px;}
	.testcenter .leftSideContents {width: 370px; float: left; padding: 40px 0 0 5px;}
	.testcenter .rightSideContents {width: 440px; color: #fff; float: right; padding: 60px 5px 0 0;}
	.testcenter .rightSideContents h2 {font-size: 2em; font-weight: normal; margin-bottom: 20px;}
	.testcenter .rightSideContents p {font-size: 0.875em; margin-bottom: 15px;}
	
	/* Addition Style Sheets for Feature Page */
	.feature {margin-bottom: 20px;}
	.feature .leftSideContents {width: 370px; float: left; padding: 40px 0 0 5px;}
	.feature .rightSideContents {width: 440px; color: #fff; float: right; padding: 120px 5px 0 0;}
	.feature .rightSideContents h2 {font-size: 1.5em; font-weight: normal; line-height: 1.25em; margin-bottom: 30px;}
	.feature .rightSideContents h2 span {font-size: 0.75em;}
	.feature .rightSideContents p {font-size: 0.875em; margin-bottom: 15px;}
	
	/* Addition Style Sheets for What's more to love Page */
	.WhatsMoreToLove {color: #000; margin-bottom: 40px; _margin-top: -24px;}
	.WhatsMoreToLove > p + p {width: 947px; margin: -80px auto 0;}
	
	
	/* Addition Style Sheets for About Azenqos Page */
	.aboutAzenqosIntro {color: #000; margin-bottom: 40px;}
	.aboutAzenqosIntro > p + p {width: 947px; margin: -80px auto 0;}
	
	/* Addition Style Sheets for home */
	.welcome {padding-top: 65px;}
	.welcome .leftSideContents {width: 477px; text-align: right; float: left;}
	.welcome .rightSideContents {width: 477px; font-size: 15px; color: #fff; float: right;}
	.welcome .rightSideContents h2 {font-size: 32px; font-weight: normal; margin-bottom: 25px;}
	.welcome .rightSideContents h2 span {color: #24d8f9;}
	.welcome .rightSideContents > p + p {width: 445px; margin-top: -17px; padding-bottom: 10px;}
	.welcome .rightSideContents > p + p + p {margin-top: 10px; padding: 0;}
	.welcome .rightSideContents p a {font-weight: bold; color: #fff; text-decoration: none;}
	.welcome .rightSideContents p a:hover {text-decoration: underline;}
	.welcome ul {width: 960px; overflow: hidden;}
	.welcome ul li {width: 300px; height: 445px; float: left; display: inline; overflow: hidden; position: relative;}
	.welcome ul > li + li {margin-left: 30px;}
	.welcome ul li img {float: left; margin-bottom: -20px; margin-right: 22px;}
	.welcome ul > li + li +li img {margin: 15px 0;}
	.welcome ul li h4 {font-size: 25px; color: #212121;}
	.welcome ul li h4 span {display: block; font-size: 13px; line-height: 20px;}
	.welcome ul li p {clear: both; width: 300px; font-size: 12px; color: #525151; line-height: 20px;}
	.welcome ul li > p + p {position: absolute; bottom: 0px; left: 0; padding: 7px 0; border-top: 1px #d1d4d3 solid;}
	.welcome ul li > p + p a {font-weight: bold; color: #1767b9; text-decoration: none;}
	.welcome ul li > p + p a:hover {text-decoration: underline;}
	
p.copyright {font-size: 0.875em; color: #7c7c7c; padding-top: 5px; margin-bottom: 15px;}
.formpage p.copyright {font-size: 0.875em; color: #fff;}