/* ************************************************************ */
/* ************************************************************ */
/*www_cust.css
	IMPORTANT! This file is a SOURCE TEMPLATE for a client
	custom CSS file. This file should be copied to the new 
	clients css_lib folder prior to editing.
	
	DELETE these notes after copying.

	Platforms Tested:

	Windows XP Professional
		Miscrosoft Internet Explorer 7.0.5730.13
		Mozilla Firefox 3.0.7
		Safari 4 Public Beta 528.16
*/
/* ************************************************************ */
/* ************************************************************ */
img { behavior: url(iepngfix.htc) }



/* ************************************************************ */
/* ************************************************************ */
/*
	The following are temporary page layout styles that will 
	be moved to a seperate layout CSS file.
*/
/* ************************************************************ */
/* ************************************************************ */


/* Body Content Column Layout Classes */
/** 2 Column Layout w/ Navigation Bar       **/
body.sp .pbcLeftColFormat {}
body.sp .pbcMainColFormat { margin-right:280px; }
body.sp .pbcRightColFormat { float:right; width:240px; }



/** 2 Column Layout w/ Navigation Menu      **/
/*  Secondary Page Layout - 980px width page */
/*
.pbMainContent { margin-left:180px; margin-right:240px; }
#pgPrimaryNav { float:left; width:160px; }
#pbRightCol { float:right; width:200px; }
*/


/** 3 Column Layout w/ Navigation Bar       **/
/*  Secondary Page Layout - 980px width page */
/*
.pbMainContent { margin-left:240px; margin-right:240px; }
#pbRightCol { float:right; width:200px; }
#pbLeftCol { float:left; width:200px; }
*/






/* *** Custom Website Styles Library *** */

/* Elements */
body { background:url(../img_lib/bg_main.gif) repeat-x #fff; }
blockquote { font-style:italic; font-weight:bold; color: #383838; }


/* IDs */

/* Page Header Styles */
#pgHeader { position:relative; width:980px; height:66px; margin:0 auto; border-bottom:solid 1px #fff; margin-bottom:20px; }
	#phContent {  }

		/* Site Logo Styles */
		#coLogo {  }
			#coLogo a { display:block; height:64px; width:105px; background:url(../img_lib/logo_vysus_inc.gif) no-repeat; }
		
		/* Page Header Navigation Menu Styles */
		#phNav { position:absolute; top:20px; right:30px; }
			#phNav a { border-left:dotted 1px gray; }
			#phNav a:hover { text-decoration:underline; }
			#phNav a:first-child { border-left:none; }
		
		/* Primary Navigation Menu Styles */
		#pgPrimaryNav { position:absolute; top:34px; right:0; }
			#pgPrimaryNav li { display:inline; }
			#pgPrimaryNav a { padding:0 10px; font-size:.8em; color:#fff; }
			#pgPrimaryNav a:hover { text-decoration:underline; }

		.secHdrImg { margin:0 auto; width:940px; height:275px; border-bottom:solid 20px #000; }
		/*.secHdrCompany {position:absolute; width:940px; height:275px; top:-300px; left:0; background:url(../img_lib/pg_img_company.jpg) no-repeat #223252; }*/
		/*.secHdrServices { height:275px; background:url(../img_lib/pg_img_services.jpg) no-repeat #462218; }*/
		/*.secHdrContactUs { height:275px; background:url(../img_lib/pg_img_contact_us.jpg) no-repeat #44352e; }*/

.hp #pgContent { position:relative; width:938px; margin:0 auto; background:white; }
.sp #pgContent { position:relative; width:938px; margin:0 auto; border:solid 1px gray; background:white; }
	#pgBody { padding:40px; }
	.hp #pgBody { padding:0 0 10px 0; }
	.hp #pgContent { background:none; }




	 	.pbMainContent {  }
			.pbMainContent h1 { color:#F6921E; font-size:28pt; position:absolute; top:-200px; left:40px; /*top:-80px; left:40px;*/ font-size:50pt; color:#FFFFFF; }
			.pbMainContent h2 { color:#666; font-weight:bold; }
			.pbMainContent h3 { color:#000; font-weight:bold; }
			.pbMainContent h5 { color:#333; } /* Use for page title sub-caption */
			.pbMainContent p { color:#595959; }
			.pbMainContent a { color:#23628D; border-bottom:dotted 1px #B5B5B5; }
			.pbMainContent a:hover {  border-bottom:solid 1px #23628D; }
			.pbMainContent blockquote p { text-align:right; }

	 	.pbSecondaryContent {  } 
			.pbSecondaryContent h2 { font-weight:bold; }
			.pbSecondaryContent p { color:#595959; }
			.pbSecondaryContent a { color:#23628D; border-bottom:dotted 1px #B5B5B5; }
			.pbSecondaryContent a:hover {  border-bottom:solid 1px #23628D; }
			.pbSecondaryContent p a { /*font-weight:bold;*/ }
			.pbSecondaryContent blockquote p { text-align:right; }

	#pgFooter { position:relative; width:970px; height:66px; margin:0 auto; margin-top:30px; padding:5px 0px 5px 10px; border-top:1px solid #b4b4b4; }
		#pfContent { position:relative; }
			#pgFooter p { color:#595959; }		
			#pfCopyright {  }
			#pfNav { position:absolute; top:0px; right:0px; }
				#pfNav a { border-left:dotted 1px gray; }
				#pfNav a:hover { text-decoration:underline; }
				#pfNav a:first-child { border-left:none; }

/* Classes */
.aLink { font-weight:bold; }

ul.ruled { border-bottom:solid 1px #d2d2d2; }
ul.ruled li { border-top:solid 1px #d2d2d2; }
table.ruled { border-bottom:solid 1px #d2d2d2; }
table.ruled th { color:#000000; border-top:solid 1px #d2d2d2; }
table.ruled td { color:#595959; border-top:solid 1px #d2d2d2; }


.topicSpotlight { border:solid 1px #C0C0C0; margin-bottom:20px; }
.topicSpotlight th {height:30px; background:url(/img_lib/bg_topic_area_hdr2.gif) repeat-x #626262; color:white; font-size:11pt; font-weight:normal; padding:6px 10px 2px 14px; }
.topicSpotlight td { padding:6px; background-color:#D5D5D5; }
.topicSpotlight td.copyArea { padding:14px; }
.topicSpotlight img { border:solid 4px #fff; }
.topicSpotlight a:hover img { border:solid 4px #767676; }

ul.orngBox { margin-left:0; padding:0 4px; background:none; }
ul.orngBox li, li.orngBox, table.orngBox td ul li { background:url(../img_lib/bullet_orng_box.gif) no-repeat 0px 2px; padding-left:20px; color:#373737; line-height:1.4em; }


#tabs { padding: 3px 0; margin-left: 0; border-bottom: 1px solid #778; }
#tabs li { list-style: none; margin: 0; display: inline; }
#tabs li a, #tabs li a:link, #tabs li a:visited {color:#000; padding: 3px 20px; margin-left: 3px; border: 1px solid silver /*#778*/; border-bottom: none; background: #E3E3E3/*DDE*/; text-decoration: none; }
#tabs li a:hover { background:#ACACAC /*#AAE*/; /*border-color: #227;*/ }
#tabs li.current a { background:white; border:1px solid #778; border-bottom: 1px solid white; font-weight:bold; }


.btnLink { text-decoration:none; border:none !important; }
.pictLink { text-decoration:none; border:none !important; }

ul.checkMark { margin-left:0; padding:0 4px; background:#E7E7E7; }
ul.checkMark li, li.checkMark, table.checkMark td ul li { background:url(../img_lib/bullet_green_chk_mk.gif) no-repeat 0px 2px; padding-left:20px; color:#373737; }