/*-----------------------------------------------------------------------------
Master Style Sheet
-----------------------------------------------------------------------------*/

	/*---self-cleaning float---*/
		
		#header:after, #header-content:after, #nav:after, #container:after, #footer:after{ /*---for browsers that support :after---*/
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		* html #header, #header-content, #nav, #container, #footer {height: 1%} /*---for IE5+6---*/
		*:first-child+html #header, #header-content, #nav, #container, #footer {min-height: 1px;} /*---for IE7---*/
		
		.clear {clear: both;}
		
	/*---------typo---------*/
		body { margin: 0; padding: 0; font-size: 62.5%; 
			font-family: Verdana, Arial, sans-serif;  
			background: #F5F5F5;}
		h1{ margin: .5em 0; padding: 0; font-size: 1.5em; font-weight: bold; color: #1F1F1F;}
		h2{ margin: .5em 0; padding: 0; font-size: 1.3em; font-weight: bold; }
		h3{ margin: .5em 0; padding: 0; font-size: 1.1em; font-weight: bold;}
		p{ margin: .5em 0; padding: 0; font-size: 1.2em; line-height: 1.3em; }
		ul { margin-top: 0; margin-left: 0; padding-left: 1.5em;}
		ul li{ margin-bottom: .5em; padding-left: 0; font-size: 1.2em; line-height: 1.3em; }
		ol { margin-top: 0; margin-left: 0; padding-left: 2.5em;}
		ol li{ font-size: 1.1em; line-height: 1.3em; }
		a{ color: #003366; }
		.lineH {float: left;  margin: 0; padding: 0; border-bottom: 2px solid #2F4F4F; width: 100%;}
		.content2ColBoxLT h1, .content2ColBoxRT h1{font-size: 1.5em; font-weight: bold; text-decoration: none;
			text-align: center;}
		.content2ColBoxLT p, .content2ColBoxRT p{font-size: 1.2em; line-height: 1.3em; padding: 0 10px;}
		.center {text-align: center;}
	
	/*---------background color---------*/
		.bg_Green{background-color: #8FBC8F;}
		.bg_White{background-color: #FFFFFF;}
			
	/*---------layout---------*/
		#wrap { width: 100%; margin: 0 auto; background: url(img/bg-wrap.png) repeat-y 50% 0; }
		#wrap-inner { width: 760px; margin: 0 auto; border: 0;}
		
		#header-content {float: left; width: 760px; margin: 0; padding: 10px 0 0 0;  
			background: #FFFFFF; display:inline;}
		#containerTop { float: left; margin: 0; padding: 0; width: 760px; display:inline;}
		#container { float: left; margin: 0; padding: 0; width: 760px; display:inline;}
			
		
	/*---------Navigation---------*/
		/*---------Main Navigation---------*/
		#nav { float: left; width: 730px; margin: 0 auto; padding: 1em 0 0 30px; list-style: none;
		background: #008000; border-top: 6px solid #000033; display:inline;}
		#nav li { float: left; margin: 0; padding: 0; font-size: 1.3em; font-weight: bold;}
		#nav a{ float: left; display: block; margin: 0; padding: .5em 1.3em; color: #F5F5F5; text-decoration: none;
		border: 1px solid #2F4F4F; border-bottom: none; background: #008000 url(img/t-off.png) repeat-x top left;}
		#nav a:hover { color: #F5F5F5; background: #006400; }
		#nav a:active, 
			body#index #t-index a, body#services #t-services a, body#products #t-products a, 
			body#contact #t-contact a, body#about #t-about a { color: #2F4F4F; border-color: #2F4F4F;
		background: #FFFFFF url(img/t-on.png) repeat-x top left; }
		
		/*---------Product page Navigation---------*/
		#product-nav { float: left; margin: 0; padding: 0; list-style: none; display:inline;}
		#product-nav li { float: left; margin: 0; padding: 0; font-size: 1.2em; 
			font-weight: bold;}
		#product-nav a { float: left; width: 183px; display: block; margin: 0; 
			padding: .7em 0 .7em 15px; color: #F5F5F5; 
			text-decoration: none; border: 1px solid #2F4F4F; border-top: none; 
			background-color: #006400;}
		#product-nav a:hover { color: #000000; background-color: #2F4F4F; }
		#product-nav a:active, 
			body#products.oxygen #pt-oxygen a, body#products.respiratory #pt-respiratory a, body#products.scooters #pt-scooters a, 
			body#products.wheelchairsM #pt-wheelchairsM a, body#products.wheelchairsE #pt-wheelchairsE a, 
			body#products.hospitalbeds #pt-hospitalbeds a, body#products.supportsurfaces #pt-supportsurfaces a, 
			body#products.walkingaids #pt-walkingaids a, body#products.commodes #pt-commodes a,
			body#products.roomequipments #pt-roomequipments a { color: #FFFFFF; border-color: #2F4F4F;
		background-color: #000033; }
		
		/*---------Header---------*/
		#header {float: left; width: 760px; margin: 0 0 0 0; padding: 0; display:inline;}
			.head-title { float: left; width: 320px; margin: 0 0 0 0; padding: 50px 0 30px 200px; 
				font-size: 2.5em; text-align: left; 
				font-family: Comic Sans MS, Verdana, Arial, sans-serif; 
				font-weight: bold; background: url(img/oxyman_header.png) no-repeat left center; 
				display:inline;}
			.head-contact { float: right; margin: 35px 20px 10px 0; padding: 5px 10px; width: 198px; 
				text-align: center; border: 1px solid #888888; 
				background: #FFFFFF url(img/t-on.png) repeat-x top left; display:inline;}
		
		/*---------Full Columns---------*/
		#mainBox {float: left; width: 730px; margin: 15px; padding: 0; display:inline;}
			.mainContentRT { float: right; width: 70%; margin: 0; padding: 0; display:inline;}
			.mainContentLT { float: left; width: 30%; margin: 0; padding: 0; display:inline;}
		
		.link{ float: left; margin: 0; padding: 0; display:inline;}
		.link li{ margin: 0 0 .5em 0; padding-left: 25px; font-size: 1.3em; 
			line-height: 1.4em; list-style: none; 
			background: url(img/arrow.png) no-repeat center left; display: block; }
		
		
		/*---------2 Columns---------*/
		#contentRT { float: right; width: 560px; margin: 0; padding: 0 0 20px 0; 
			background-color: #FFFFFF; display:inline;}
			.InnerContentRT { float: left; width: 520px; margin: 20px; padding: 0; 
				border: 0; display:inline;}
			.emBoxNoImg { margin: 0; padding: 0; border: 0; }
			.emBoxImg { margin: 0; padding: 0; border: 0;}
			.emBoxImg img {float: left; padding: 0 10px 0 0; display:inline;}
			.content2ColBoxLT{float: left; width: 250px; margin: 10px 10px 10px 20px; display:inline;}
			.content2ColBoxRT{float: right;  width: 250px; margin: 10px 20px 10px 10px; display:inline;}
			
			/*---------Form---------*/
			fieldset {padding: 3em;}
			legend {color: #000000; font-size:1.3em; font-weight: bold;}
			form {font-size:1.2em;}
			.formNote {display: inline; font-size: .8em; color: #888888; font-style: italic;}
			
		
		#sidebarLT { float: left; width: 200px; margin: 0; padding: 0 0 20px 0; 
			background-color: #8FBC8F; display:inline;}
			.sidebarContent { float: left; width: 160px; margin: 0; padding: 20px; 
				border: 0; display:inline;}
			.sideInnerBox { float: left; width: 138px; margin: 20px; padding: 10px; 
				background-color: #8FBC8F; border: solid 1px #006400; display:inline;}
		
		/*---------Right Columns product list---------*/
		.productItem { float: left; width: 520px; margin: 0 20px 10px 20px; border-top: solid 1px #DCDCDC; display: inline;} 
		.leftContent {float: left; width: 150px; display: inline;}
		.leftContent img {margin: 20px 0 5px 5px; border: 0; text-decoration: none; }
		.rightContent {float: right; width: 370px; display: inline;}
		.rightContent h1{margin-top: 20px;}
		.productNote {  float: left; width: 125px; margin: 3px 0 3px 5px; padding: 0 0 0 20px; font-size: 1.1em; 
			line-height: 1.5em; text-align: left; background: #FFFFFF url(img/bulletin.png) no-repeat left center; display: inline;}
		.productOption {  float: left; width: 125px; margin: 3px 0 3px 5px; padding: 0 0 0 20px; font-size: 1.1em; 
			line-height: 1.5em; text-align: left; background: #FFFFFF url(img/option.png) no-repeat left center; display: inline;}
		.imgEnlarge {  float: left; width: 130px; margin: 0; padding: 0 0 0 20px; font-size: 1.1em; 
			line-height: 1.5em; text-align: left; background: #FFFFFF url(img/enlarge.png) no-repeat left center; display: inline;}
		
		
		
		
		/*---------Footer/Credit---------*/
		#footer {float: left; margin: 0; width: 760px; padding: 0; 
			background-color: #FFFFFF; display:inline;}
		#nav-footer {float: left; margin: 0; width: 760px; padding: 1em 0 1em 0; color: #FFFFFF; 
		font-size: .9em; text-align: center; background-color: #008000; display:inline;}
		#nav-footer a { padding: 0 1.5em 0 1.5em; color: #FFFFFF; text-decoration: none; }
		#nav-footer a:hover { color: #8FBC8F; }
		#credit { float: left; margin: 0; width: 760px; padding: 0 0 0 0; display:inline;}
		#credit-img { float: left; width: 235px; margin: 0; padding: 5px 0 0 15px; display:inline;}
		#credit-address { float: left; width: 300px; margin: 0; padding: 5px 0 15px 15px; 
		color: #2F4F4F; text-align: center; display:inline;}
				
/*-----------------------------------------------------------------------------
End Master Style Sheet
-----------------------------------------------------------------------------*/