@charset "UTF-8";
/* Theme Pack 3.1.1 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:40px;
	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:55px;/*height:55px;Rain change20110308 */
	z-index:5;
	padding:1px 0;margin:0;
	overflow:visible;
}

.csColumns {
	position:absolute;top:90px;/*top:90px;Rain change20110308 *//*left:40px;lester change */
	left:0px;
 	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 110px;
	width:600px;
	border:0px dotted red;
	z-index:3;
}


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

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


/*** Layout - Menus ***/ 

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

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

/* 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:40px;
	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;}