@charset "UTF-8";
/* Theme Pack 3.2 DO NOT modify */

/*** Grid ***/
.csFix {position:fixed;z-index:5;}

body {background: url(images/body-bg.png) repeat-y 50% 0;}

div#csContainer {
	position:absolute;
	top:0px;left:0px;
	background: url(images/container-bg.png) no-repeat 50% 0;
	width:100%;height:100%;
	margin:0;
}

div#csContainerWrap {
	position:relative;
	top:0px;left:0px;
	width:1040px;height:100%;
	margin:0 auto;
	overflow:visible;
}

#csMast, .csColumns, #csMenuBar, 
#csMain, #csSideBar {position:relative;margin:0;}
	
#csLogo {
	position:absolute;
	top:30px;left:0px;
	background-color:#fff;
	border:0px dotted red;
}

.csEntity {
	position:absolute;
	top:6px;
	z-index:5;
	color:#666;
	font-size:.9em;line-height:.9em;
}

#csMast {
	background-color:#fff;
	position:relative;
	top:0px;left:0px;
	width:auto;height:160px;
	z-index:5;
	padding:1px 0;margin:0;
	overflow:visible;
}

.csColumns {
	position:absolute;top:195px;left:40px;
	z-index:1;
	width:960px;
	margin-top:20px;
	border:0px dotted blue;
}

#csMenuBar {
	position:absolute;
	top:0px;left:0px;z-index:2;
	width:180px;
	border:0px dotted red;
	clear:both; /* required for IE 6 */
}

#csSideBar {
	width:170px;
	overflow:hidden;
	float:right;
	border:0px dotted red;
	z-index:2;
}

#csMain {
	float:left;
	margin:0 0 0 0px;
	width:564px;
	border:0px dotted red;
	z-index:3;
}


/* Grid - Variations */
#csContainer .csLayoutNoSideBar #csMain {width:760px;}
#csContainer .csLayoutNoSideBar #csSideBar {display:none;}

#csContainer .csLayoutNoMenuBar #csMain {width:760px;margin:0;}
#csContainer .csLayoutNoMenuBar #csMenuBar {display:none;}


/*** Layout - Menus ***/ 

/* utility */
.csV-3 .oh #csMenuUtility-x {
	position:absolute;
	top:3px;right:0px;
	z-index:100;
	width:auto;
}

/* Mast Tabs */
.csV-3 .oh div#csTabsMast {
	position:absolute;
	margin-bottom:0px;
	margin-top:85px;
}

.csV-3 .oh div#csTabsMast ul.csNavList {width:1039px;}

/* Tabs Sub Menu */
.csV-3 .oh div#csMenuGlobal-x {
	position:absolute;
	top:120px;left:0;
	z-index:99;
}

/* In Page menu */
.csV-3 .oh div#csMenu-x {
	position:absolute;
	top:158px;left:40px;
	z-index:98;
}

div#csSearchMast {
	position:absolute;
	top:45px;right:0px;
	width:440px;
}

/* Menu - Configuration */

.csV-3 .oh #csMenuUtility-x li.csNavItem-0,
.csV-3 .oh div#csMenuUtility-x li.csNavToggle-0 {position:absolute;width:100px;}

.csV-3 .oh #csMenuUtility-x li.csNav-0 {left:auto;right:0;}
.csV-3 .oh #csMenuUtility-x li.csNav-1 {right:100px;left:auto;}
.csV-3 .oh #csMenuUtility-x li.csNav-2 {right:200px;left:auto;}
.csV-3 .oh #csMenuUtility-x li.csNav-3 {right:300px;left:auto;}
.csV-3 .oh #csMenuUtility-x li.csNav-4 {right:400px;left:auto;}
.csV-3 .oh #csMenuUtility-x li.csNav-5 {right:500px;left:auto;}
.csV-3 .oh #csMenuUtility-x li.csNav-6 {right:600px;left:auto;}

.csV-3 .oh #csMenuUtility-x li.csNavFirst {background-image:none;}
.csV-3 .oh #csMenuGlobal-x .csNavItem-0,
.csV-3 .oh #csMenuGlobal-x .csNavToggle-0 {position:absolute;}
.csV-3 .oh #csMenuGlobal-x .csNav-0 {left:40px;width:150px;}
.csV-3 .oh #csMenuGlobal-x .csNav-1 {left:190px;width:150px;}
.csV-3 .oh #csMenuGlobal-x .csNav-2 {left:340px;width:150px;}
.csV-3 .oh #csMenuGlobal-x .csNav-3 {left:490px;width:150px;}

.csV-3 .oh #csMenuGlobal-x li.csNavLast {background-image:none;}


.csV-3 .oh #csMenu-x .csNavItem-0,
.csV-3 .oh div#csMenu-x ul li.csNavToggle-0 {position:absolute;}
.csV-3 .oh div#csMenu-x .csNav-0 {left:0;width:150px;}
.csV-3 .oh div#csMenu-x .csNav-1 {left:150px;width:150px;}
.csV-3 .oh div#csMenu-x .csNav-2 {left:300px;width:150px;}
.csV-3 .oh div#csMenu-x .csNav-3 {left:450px;width:150px;}

#csMenu-x li.csNavLast {background-image:none;}


/*** Form Controls  ***/
.csV-3 .oh input.csSetWidth, 
.csV-3 .oh input.csAddress,
.csV-3 .oh input.csName, 
.csV-3 .oh input.csCity {width:231px;}

.csV-3 .oh select.csSetWidth, 
.csV-3 .oh select.csName,
.csV-3 .oh select.csCountry {width:241px;}

.csV-3 .oh body:first-of-type .csBirth .csPipe {padding:0 7px 0 7px;} /* safari filter */

.csV-3 .oh select.csMonth, select.csDay {width:67px;}
.csV-3 .oh input.year {width:51px;}

.csV-3 .oh .csPhone .csPrefix {width:100px;padding-right:3px;}
.csV-3 .oh .csPhone select.csSelect, 
.csV-3 .oh .csPhone .csPhoneNumber {width:100px;}


/* NEW FROM LIZ 07-15jun2010 ... needs  to be merged above */
#csMenuBar { 
	position: relative; 
	float:left;
	clear:none;
	margin-left: -765px;
	width:168px;
}

div#csMenuBar .csPanelSideMenu { /*reduces left menu to 168 for proper margins in IB*/
	width:168px;	
}


#csSideBar {
	position: relative; 
	float:right; 
	width: 168px;
}

#csMain {
 	position: relative; 
	float:left;
}


.csV-3 .oh div#csMenu-x {/*this is added to fix a 40px overhang on the menu after it is absolute positioned*/
	width: 1000px;
}

.csLayoutNoSideBar #csMenuBar { 
	margin-left: -961px;
}

/* Grid - Variations */
#csContainer .csLayoutOneColumn #csMain {width:960px;margin:0;}
#csContainer .csLayoutOneColumn #csMenuBar {display:none;}
#csContainer .csLayoutOneColumn #csSideBar {display:none;}

/*two equal columns */
#csMain .csMainCol-2 #csCol-1 {width:366px; float:left; margin: 0 0 20px 0;}
#csMain .csMainCol-2 #csCol-2 {width:366px; float:right; margin: 0 0 20px 28px;}

/*three equal columns */
#csMain .csMainCol-3 div#csCol-1 {width:234px; float:left; margin: 0 0 20px 0;}
#csMain .csMainCol-3 div#csCol-2 {width:234px; float:left; margin: 0 0 20px 28px;}
#csMain .csMainCol-3 div#csCol-3 {width:234px; float:left; margin: 0 0 20px 28px;}

/* Scroll Adjust */
#csMastWrap, .csColumnsWrap, #csFooterWrap {position:static;padding:0;margin:0;overflow:visible;}

div#csContainerWrap {
	width:100%;
}


#csMast {width:100%;background-color:transparent;height:160px;background: url(images/navs/tabs/mastBar.gif) no-repeat 50% 100%;border-width:0;}
#csMastWrap {position:relative;width:960px;margin:0 auto;}
.csV-3 .oh div#csTabsMast ul.csNavList {width:100%;}

.csColumns {
	position:relative;
	width:100%;
	top:0px;
	left:0px;
	z-index:1;
	height:auto;
	clear:both;
}
.csColumns:after {display:block;clear:both;visibility:hidden;content:'';font-size:1px;line-height:1px;}

div.csColumnsWrap {
	position:relative;
	width:960px;
	margin:20px auto 0 auto;
	clear:both;
	height:auto;
}

#csFooter {position:relative;top:0;left:0;width:100%;height:auto;clear:both;overflow:hidden;float:none;}
#csFooterWrap {position:relative;top:0;left:0;width:960px;margin:0 auto;}

/* IB */
#csMast {position:relative;top:0;left:0;height:122px;}
#csMastWrap {height:122px;}
#csTabsMast {position:absolute;top:auto;bottom:0;left:0;height:40px;width:800px;}


