/* this document contains the structure styles for the homepage */ 

#PageEnvelopeHome {	/* this is the main parent div */
	width:761px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding: 0px 0px 0px 0px;
	text-align:left; /* this re-sets the text alignment to left justified (see default.css) */
}
#Header .logo {
	float:left;
	margin:9px 5px 5px 2px;
	padding:0px 0px 0px 4px;
}
#Header .ad {
	float:right;	
	margin:5px 5px 0px 0px;
}
#Header .kapSeasonsGreetingsStrap {
	float:left;	
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
} 


#Header .kapstrap {
	float:left;	
	margin:25px 0px 0px 0px;
	padding:0px 0px 0px 4px;
}

#HomepageContent {	/* this is the section below the navigation */
	position:relative;
	margin:3px 0px 5px 0px;
	padding:0px 0px 0px 0px;
 
  	height:100%;
	border-bottom:3px solid #BEC5D5;
}
#Nav{
	position: relative;
	width:160px;
	float:left;
	margin: 0px 3px 0px 0px;
	padding:0px 0px 0px 0px;
	border-top:3px solid #BEC5D5;
	display: inline;
	/*background-color:red; */
}
* html #Nav {
	height:100%;
}


.extraOptions {
	position:relative;
	display:block;
	float:left;
	padding-left:3px;
	padding-top:5px;
	font-size:90%;
}
.extraOptions2 {
	position:relative;
	display:block;
	clear:right;
	float:right;
	margin-right:3px;
	padding-right:3px;
	padding-top:5px;
	font-size:90%;
}

#Main{ /* RH Two columns and pic on homepage*/
	position: relative;
	float:left;
	width:598px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background-color:pink; */
}
#ColArea{ /* area under pic on homepage*/
	position: relative;
	float:left;
	width:598px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background-color:red;*/
}
#mainColumn{ /* product showcase on homepage */
	position: relative;
	float:left;
	width:428px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/* background-color:orange;*/
	border-top:3px solid #BEC5D5;
}


#LargeCol{
	position: relative;
	float:left;
	width:598px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/* background-color:orange;*/
	border-top:3px solid #BEC5D5;
}
#RHCol{ /* RH column on homepage */
	position: relative;
	float:left;
	width:170px;
 	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	  /*background-color:blue; */
	border-top:3px solid #BEC5D5;
}

.actionCalls {
	/*background-color:#f4f5f9;*/
}


 

#PageEnvelopeHome {	/* this is the main parent div */
	width:761px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding: 0px 0px 0px 0px;
	text-align:left; /* this re-sets the text alignment to left justified (see default.css) */
} 
#Header .kinetic {
	float:left;	
	margin-top:30px;
}
#Header .strapline {
	float:left;	
	margin-top:5px;
	margin-bottom:00px;
}
#HomepageContent {	/* this is the section below the navigation */
	position:relative;
	margin:3px 0px 5px 0px;
	padding:0px 0px 0px 0px;
 	height:450px;
  	border-bottom:3px solid #BEC5D5;
}

#Container {
	margin-top:3px;
}

#ContentBody {
	position:relative;
	float:left;
	height:auto;
	width:400px;
	background-color: #ffffff;
	margin:0px 0px 0px 0px;
 
	padding:0px 0px 0px 0px;
}
* html #ContentBody {
    /*height:100%;*/
	margin:0px 3px 0px 3px;
}
#ContentBody .breadCrumb {
	position:relative;
	padding:10px 0px 10px 15px;
	clear:left;
	margin:0px;
	width:380px;
}
#ContentBody .mainContent {
	/*clear:both;*/
	float:left;
}
#ContentBody {
	position:relative;
	float:left;
	height:auto;
	width:400px;
	margin:0px 0px 0px 0px;
 
	padding:0px 0px 0px 0px;
}



* html #ContentBody {
	margin:0px 0px 0px 0px;
}

#topContainer{
	position: relative;
	float:left;
	width:761px;
	height:155px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#BEC5D5;
	border-top:3px solid #BEC5D5;
	display: inline;
	 
}


#thinTopContainer{
	position: relative;
	float:left;
	width:761px;
	height:115px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
 	border-top:3px solid #BEC5D5;
	display: inline;
	 
}

#mainGraphic {
	position: relative;
	float:left;
	width: 563px;
	height:130px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	
}
* html #mainGraphic {
	height:100%;
} 

#RHGraphic {
	position: relative;
	float:left;
	width: 195px;
	height:130px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}
 


#bottomContainer{
	position: relative;
	width:761px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-top:3px solid #BEC5D5;
	display: inline;
	 
}


#WideContentBody {
	position:relative;
	float:left;
	height:auto;
	width:400px;
	background-color: #ffffff;
	margin:0px 0px 0px 0px;
 
	padding:0px 0px 0px 0px;
}
* html #WideContentBody {
    /*height:100%;*/
	margin:0px 3px 0px 3px;
}
#WideContentBody .breadCrumb {
	position:relative;
	padding:10px 0px 10px 15px;
	clear:left;
	margin:0px;
	width:575px;
}
#WideContentBody .mainContent {
	/*clear:both;*/
	float:left;
}
#WideContentBody {
	position:relative;
	float:left;
	height:auto;
	width:595px;
	margin:0px 0px 0px 0px;
 
	padding:0px 0px 0px 0px;
}



* html #WideContentBody {
	margin:0px 0px 0px 0px;
}
#mainColumnWide{ /* product showcase on homepage */
	position: relative;
	float:left;
	width:598px;
	margin:0px0px 0px 0px;
	padding:0px 0px 0px 0px;
	 
	border-top:3px solid #BEC5D5;
}
 

#leftCol{
	position: relative;
	width:160px;
	float:left;
	margin: 0px 3px 0px 0px;
	padding:0px 0px 0px 0px;
	display: inline;
	border-top:3px solid #BEC5D5;
	 

}
* html #leftCol{
	height:100%;
} 
#mainColumn{  
	position: relative;
	float:left;
	width:400px;
	margin:0px 3px 0px 0px;
	padding:0px 0px 0px 0px;
	 
	 
}
 
#RHCol{  
	position: relative;
	float:left;
	width:195px;
 	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	 
	 
}
 * html #RHCol{
	height:100%;
} 

#FeatureItems {
	display:none;
}
#FeatureItems .mainImage {
	display:none;
}
#ContentContainer {
	margin-top:3px;
}
#Rightside .rightContent {
	clear:both;
}
#Rightside {
	border-top:0px;
}


#Container {
	position:relative;
	width:400px;
}
#Container a:link, #Container a:visited {
	font-weight:bold;
	line-height:normal;
}
#Container a:active, #Container a:hover {
	font-weight:bold;
}
.leftColumn {
	position:relative;
	float:left;
	clear:left;
	width:190;
	margin-bottom:5px;

}
.rightColumn {
	position:relative;
	float:right;
	clear:right;
	width:190;
	margin-bottom:5px;

}

.leftColumnWide {
	position:relative;
	float:left;
	clear:left;
	width:230;
	margin-bottom:5px;
	margin-left:40px;

}
.rightColumnWide {
	position:relative;
	float:left;
	clear:right;
	width:230;
	margin-bottom:5px;

}