/* CSS Document */
/* !!!!!!!!!!!!!!!!! CONTROL PAPER !!!!!!!!!!!!!!!!! */





/* ---------- REDEFINED HTML TAGS ---------- */

body, html {width:100%; height: 100%;}

body {
	margin:0px 10px;
	padding:0px;
	text-align:center;
	background:url(../images/global/bgTile.gif) repeat-x left top #d7e6e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#666;
	}

a { color:#759D5A;
	text-decoration:none; 
	outline: 0;
	}
a:hover {text-decoration:underline; }
a img {border:0px; }

p  {margin:0px 0px 14px 0px}	

ul {margin-top:0px;}

a.whitelink { color:#fff;
	text-decoration:none; 
	outline: 0;
	}

a:hover.whitelink {text-decoration:underline; }

div.clearboth {
clear:both;
height:0px;
font-size:0px;
line-height:0px;
margin:0px;
padding:0px;
}


/* ---------- CONTENT AREA DEFINITIONS ---------- */

#wrapper_centerContent {	
	position:relative;
	width:848px;
	height:auto;
	margin:0px auto;
	text-align:left;
	}

#contentHolder {
	position:relative;
	display:block;	
	width:848px;
	min-height:600px;
	height:auto;
	margin-bottom:5px;
	text-align:left;
	background:url(../images/global/leftShadowBGTile.png) repeat-y left top;
	/*background-color: white;*/
	padding:30px 0px;
	}	





/* ---------- MASTHEAD ---------- */

#masthead {
	display:block;
	width:800px;
	height:60px;
	margin-left:28px;
	text-align:right;
	background:url(../images/global/control_logo_masthead.gif) no-repeat 25px 0px #fff;
}

#mainnumber {
	padding:20px 0px 0px 0px;
	font-size:24px;
	color: #369BD1;
	}


/* ---------- TOP NAVIGATION ---------- */

#navcontainer{position:relative;height:37px;color:#E0E0E0;background:#48526D;
width:800px;margin:0px 0px 10px 28px;}

#nav{position:relative;height:29px;font-size:12px;text-transform:uppercase;
font-weight:bold;background:#fff url(../images/global/nav_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}

#nav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}

#nav ul li{display:block;float:left;margin:0 1px;}

#nav ul li a{display:block;float:left;color:#fff;text-decoration:none;
padding:0 0 0 20px;height:29px;}

#nav ul li a span{padding:8px 20px 0 0;height:21px;float:left;line-height:150%;}

#nav ul li a:hover{color:#fff;
background:transparent url(../images/global/nav_bg-OVER.gif) repeat-x bottom left;}

#nav ul li a:hover span{display:block;width:auto;cursor:pointer;}

#nav ul li a.current,#nav ul li a.current:hover{color:#fff;
background:transparent url(../images/global/nav_left-ON.gif) no-repeat bottom left;height:29px;} 

#nav ul li a.current span{display:block;padding:0px 20px 0 0;width:auto;height:29px;line-height:100%;/*was 275%*/
background:transparent url(../images/global/nav_right-ON.gif) no-repeat bottom right;}



/* ---------- FEATURE BAR ---------- */

#feature-bar { 
	display:block;
	width:800px; 
	height:190px;
	text-align:left;
	color: white;
	margin-left:28px;
	}

#feature-banner { 
	display:block;
	width:640px; 
	height:190px;
	text-align:left;
	background-color: #fff;
	color: white;
	margin: 0px 10px 20px 0px;
	float:left;
	}

#catalog-request { 
	display:block;
	width:150px; 
	height:70px;
	text-align:left;
	background:url(../images/global/catalogueBG.gif) no-repeat left top ;			
	margin:0px;
	float:left;
	}

#cat-requestCont {
	position:relative;
	width:150px;
	height:70px;
	margin:0px;
	}

#cat-request{/*position:relative;*/text-transform:uppercase;font-weight:bold;color:#751038;padding:0 0 0 0px;}

#cat-request ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}

#cat-request ul li{display:block;width:150px;height:70px;float:left;margin:0px;background:#fff url(../images/global/catalogueBG.gif) no-repeat left top;}

#cat-request ul li a{display:block;float:left;font-size:110%;color: #fff;line-height:13px;margin:10px 5px 10px 12px;padding:0px;height:70px;}

#cat-request ul li a:hover {text-decoration:underline;}






/* ------------------ PAGE CONTENT HOLDER ------------------- */

#page-content {
	position:relative;
	display:inline;
	width:800px;
	height:auto;
	margin-left:28px;
	padding:0px;
	text-align:left;
	float:left;
	}



/**************************************************************/
/* ---------------------- LEFT COLUMN ----------------------- */
/**************************************************************/

#leftCol {
	display:inline;
	width:150px;
	margin:0px 0px 0px 15px;
	padding:0px;
	float: left;
	text-align:left;
	}


/* ----------  ELEMENTS ---------- */	
	
#signupButton {
	display:block;
	width:150px;
	height:45px;
	margin:0px 0px 10px 0px;
	/*padding-left:32px;*/
	background:url(../images/global/buttonBG.gif) no-repeat left top ;
	float: left;
	text-align:left;
	}	
	
#highlightBox {
	display:block;
	width:148px;
	margin:0px 0px 5px 0px;
	float: left;
	text-align:left;
	background-color: #fff;
	border:1px solid #ccc;
	}		
	
#groupBox {
	display:block;
	width:150px;
	height:60px;
	margin:0px 0px 5px 0px;
	padding:0px;
	float: left;
	text-align:left;
	background:url(../images/global/memberBox.gif) no-repeat left top ;
	color: white;
	}	

#boxIndent {
	display:block;
	margin:10px 5px 10px 12px;
	}
	
#infoIcon {
	margin:-2px 4px 10px -5px;
	float:left;
	clear:both;
	}
	
	
	
/* ----------  TYPE STYLES ---------- */

.signUp {
	font-size:110%;
	color: #759D5A;
	line-height:13px;
	margin-top:-2px;
	}

.query {
	font-size:110%;
	color: #0071BC;
	line-height:13px;
	margin-top:2px;
	}

.queryNumber {
	font-size:150%;
	font-weight:normal;
	color: #0071BC;
	line-height:13px;
	}
		
.delivery1 {
	font-size:115%;
	color: #751038;
	line-height:14px;
	margin-top:0px;
	}
	
.delivery2 {
	font-size:11px;
	font-weight:normal;
	color: #798194;
	line-height:11px;
	}
	
.small {
	font-size:9px;
	color: #fff;
	line-height:11px;
	padding-top:0px;
	}




	
		

/**************************************************************/
/* ---------------------- CENTER COLUMN ----------------------- */
/**************************************************************/

#centerCol {
	display:inline;
	width:440px;
	height:auto;
	margin:0px 0px 0px 35px;
	padding:0px;
	float: left;
	text-align:left;
	}
	
	
/* ----------  ELEMENTS ---------- */	
	
#introText {
	display:block;
	width:390px;
	height:210px;
	margin:0px;
	padding:0px;
	float: left;
	text-align:left;
	}	

#bestSellers {
	display:block;
	width:290px;
	height:150px;
	margin:0px 10px 0px 0px;
	padding:0px;
	float: left;
	text-align:left;
	background-color: #FBB03B;
	color: white;
	}	
	
#environmentBox {
	display:block;
	width:140px;
	height:150px;
	margin:0px 0px 10px 0px;
	padding:0px;
	float: left;
	text-align:left;
	background:url(../images/global/environment_boxBG.gif) no-repeat left top ;
	color: white;
	}		
		
	
/* ----------  TYPE STYLES ---------- */


.introTitle {
	font-size:16px;
	font-weight: normal;
	color: #9C1D25;
	line-height:18px;
	}

.environment {
	color: #D4E5A5;
	line-height:13px;
	margin-top:-8px;
	}	
	
	
		
	
	
/**************************************************************/
/* ---------------------- RIGHT COLUMN ----------------------- */
/**************************************************************/

#rightCol {
	display:inline;
	width:150px;
	margin:0px 0px 0px 10px;
	padding:0px;
	text-align:left;
	float: right;
	}


/* ----------  ELEMENTS ---------- */	

#loginBox {
	display:inline;
	width:150px;
	height:210px;
	margin:0px;
	padding:0px;
	float: left;
	text-align:left;
	}	
	
.login-button {
	margin:0px;
	background: transparent url(../images/global/login-buttonBG.gif) no-repeat;
	height:20px;
	border:0px;
	width:64px;
	font-size:110%;
	font-weight:bold;
	color: #fff;
	line-height:13px;
	}
	
	
/* ----------  TYPE STYLES ---------- */

.loginTitle {
	font-size:110%;
	color: #369BD1;
	line-height:13px;
	margin-top:0px;
	}
	
.login {
	font-size:10px;
	color: #999;
	line-height:12px;
	margin:-6px 0px 12px 0px;
	}	




	
	
	
	
	

/**************************************************************/
/* ---------------------- TYPOGRAPHY ----------------------- */
/**************************************************************/

				
.subheadWhite {
	font-size:110%;
	color: #fff;
	line-height:13px;
	margin-top:2px;
	}	
						
.legal {
	padding:4px 20px 0px 0px;
	text-align:right;
	font-size:9px;
	}








/* ---------- CLEARFIX ---------- */
	
.clearfix:after {
	   content: ".";
	   display: block;
	   height: 0;
	   clear: both;
	   visibility: hidden;
	}
	
.clearfix { display: inline-block; }/* Hide from IE Mac \*/
	
.clearfix { display: block; }/* End hide from IE Mac */