/*
Colours Used:
#18BBFF - background
*/

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

form {
  margin: 0;
  padding: 0;
}

body {
	margin: 0;
	padding: 0;
	height:100%;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size:12px;
	/*background:url("/_e2012/masterpage/siteFiles/images/BGTile.jpg") repeat-x center top #18BBFF;*/
	/*background:url(/masterpage/siteFiles/images/BGRed.jpg) repeat-x center top;*/
	background-color:#18BBFF;
}


input.button { cursor: pointer; }

img { border: 0 none; }

h1{

}

strong{
font-weight:bold;
}

.clear{
clear:both;
}

.HorizDiv{
height:1px;
line-height:1px;
background:#ccc;
margin-top:10px;
margin-bottom:10px;
font-size:1px;
clear:both;
}


/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/


#Background{
	
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
	background:url("/_e2012/masterpage/siteFiles/images/Clouds.jpg") repeat-x center top;
		
}

#Wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
    
}


#Container{
	width: 960px;
	margin:auto;
}

#Header{
	width: 960px;
	margin:auto;
	margin-top:22px;
	float:left;
}

#Header .LogoHolder{
width:228px;
float:left;
}

#MenuHolder{
/* width:660px; */
width:729px;
float:right;
}

#Menu{

}

.Menu{

}

#UnderMenuArea{
width:653px;
color:#fff;
text-align:right;
}

#Header .MenuHolder a{
float:right;
}

#Content{
	width: 960px;
	margin:auto;
	margin-top:10px;
	margin-bottom:12px;
/*
	margin-top:60px;
	margin-bottom:80px;
*/
}

#Content .ContentTitle
{
/*width:200px;*/
color:#fff;
font-size:20px;
font-weight:bold;
border-bottom:1px solid #fff;
/*border-spacing:8px;*/
padding-bottom:8px;
margin-bottom:10px;
/*margin-left:20px;*/
}
#Content ul
{
/*width:1300px;*/
color:#fff;
font-size:20px;
font-weight:bold;
overflow:hidden;
}
#Content li
{
    float:left;  
    display:block;
    width:290px;  
    border-bottom:1px solid #fff;
    margin-bottom:10px;
    margin-left:20px;
    padding-bottom:8px;
}

#Content .ContentBox{
background-color:#FFF;
padding:15px;
}


#Content .ContentBoxClear{
/*padding:15px;*/
}


#leftColCharity
{
    position:absolute;
    top:245px;
    left:160px;
    padding:10px;
}
#leftColCategory
{
    position:absolute;
    top:285px;
    left:160px;    
    padding:10px;
}

#centerCol
{
     padding:10px;
}

#centerColRange
{
    position:absolute;
    top:255px;
    left:480px;    
}
#centerColCategory
{
    position:absolute;
    top:295px;
    left:480px;    
}
#centerColKeyword
{
    position:absolute;
    top:335px;
    left:480px;    
}
#centerColButton
{
    position:absolute;
    top:375px;
    left:685px;    
}

#rightCol
{
    padding:10px;
}

#FooterWrapper
{
background:url("/_e2012/masterpage/siteFiles/images/Grass.jpg") repeat-x center 96px;
width:100%;
}

#Footer{
	width: 960px;
	margin:auto;
}

.FooterWithFlowers{
background:url("/_e2012/masterpage/siteFiles/images/GrassWithFlowers.jpg") no-repeat center 4px;
/* background:url("/_e2012/masterpage/siteFiles/images/GrassWithFlowersX.png") no-repeat center 4px; */
z-index:999;
/*height:558px;
min-height:558px;*/
height:500px;
min-height:500px;
}

.FooterWithoutFlowers{
/*background:url("/_e2012/masterpage/siteFiles/images/Grass.jpg") no-repeat center 96px;
height:558px;
min-height:558px;*/
height:500px;
min-height:500px;
}

.Flowers{
/*background:url("/_e2012/masterpage/siteFiles/images/Flowers.png") no-repeat center top;*/
height:106px;
width:858px;
margin:auto;
}

#FooterMenuHolder{
/*margin-top:92px;
margin-left:70px;*/
margin-top:42px;
margin-left:20px;
}

.FooterMenuColumn{
/*width:215px;*/
width:180px;
float:left;
}

#FooterMenuHolder .lastchild{
/*width:200px;*/
width:180px;
}

.FooterMenuColumnTitle{
font-size:18px;
font-weight:bold;
margin-bottom:20px;
color:#fff;
}

.FooterMenuColumn a{
font-size:12px;
font-weight:bold;
margin-bottom:20px;
color:#fff;
display:block;
height:12px;
text-decoration:none;
}

div.imgHomepage
{
  margin:2px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;    
}

.imgHomepage #img1
{
    position:absolute;
    top:124px;
    left:603px;
}
.imgHomepage #img2
{
    position:absolute;
    top:184px;
    left:603px;
}
.imgHomepage #img3
{
    position:absolute;
    top:244px;
    left:603px;
}
.imgHomepage #img4
{
    position:absolute;
    top:304px;
    left:603px;
}
.imgHomepage #img5
{
    position:absolute;
    top:364px;
    left:603px; 
}
.imgHomepage #img6
{
    position:absolute;
    top:148px;
    left:290px;
}
.imgHomepage #img7
{
    position:absolute;
    top:170px;
    left:318px;
}


/*****************************************/
/*** category search layout elements   ***/
/*****************************************/


.ContentBox #leftCol{
	width:290px;
   	float:left;
	_background:url("/_e2012/App_Themes/KC/images/leftBG.jpg") repeat-y;
}
.ContentBox #leftCol #leftTop{
	width:240px;	
	padding:10px 20px 5px 30px;
	background:url("/_e2012/App_Themes/KC/images/leftBG.png") no-repeat 0 0;
	_background:url("/_e2012/App_Themes/KC/images/leftTop.jpg") no-repeat 0 0;
}
	


.ContentBox #leftCol #leftBottom{
	width:290px;
	height:30px;
	float:left;	
	clear:both;
	background:url("/_e2012/App_Themes/KC/images/leftBottom.png") no-repeat 0 0;
	_background:url("/_e2012/App_Themes/KC/images/leftBottom.jpg") no-repeat 0 0;}

.ContentBox #leftCol .ddList
{
    width:240px;    
}

.ContentBox #leftCol #leftTop .charity{
	padding-bottom:10px;}

.ContentBox #leftCol #leftTop .charity label{
	display:block;
	font-weight:bold;
	float:left;
	line-height:15px;		
	}

.ContentBox #leftCol #leftTop form.charity select{ width:150px;}

.ContentBox #leftCol #leftTop ul.leftNav{
	display:block;
	margin:10px 0 0 -10px;
	clear:both;}
	
.ContentBox #leftCol #leftTop ul.leftNav li{
	display:block;
	height:20px;
	line-height:20px;
	}
	
* html .ContentBox #leftCol #leftTop ul.leftNav li{overflow:hidden;}

.ContentBox #leftCol #leftTop ul.leftNav li a{
	display:block;
	height:22px;
	line-height:22px;
	color:#fff;
	text-decoration:none;
	width:220px;
	padding-left:10px;
	font-weight:bold;	
	}
.ContentBox #leftCol #leftTop ul.leftNav li a:hover{ background-color:#81DC28;}

.ContentBox #rightCol{
	width:655px;
	height:450px;
	background:url("/_e2012/App_Themes/KC/images/browseBgHome.png") no-repeat;
	_background:url("/_e2012/App_Themes/KC/images/browseBgHome.jpg") no-repeat;
	float:right;
	}
	
.ContentBox #rightColBrowse{
width:655px;
height:425px;
background:url("/_e2012/App_Themes/KC/images/browseBg.png") no-repeat;
_background:url("/_e2012/App_Themes/KC/images/browseBg.jpg") no-repeat;
float:right;
	}

.ContentBox #rightCol .pad,.ContentBox #rightColBrowse .pad{ padding:10px;}

.ContentBox #rightCol .findGift,.ContentBox #rightColBrowse .findGift{
	display:block;
	margin:0 auto;
	width:580px;}

.ContentBox #rightCol .findGift label,.ContentBox #rightColBrowse .findGift label{ 
	display:block;
	font-weight:bold;
	float:left;
	text-align:center;
	margin-right:10px;
	line-height:40px;}

* html .ContentBox #rightCol .findGift label {margin-right:5px;}

.ContentBox #rightCol .findGift select{ 
	width:130px;
	height:23px;
	margin-right:10px;}

.ContentBox #rightCol .findGift .inputText{
	width:105px;
	padding-left:5px;
	height:20px;
	border:none;
	margin-right:10px;}

.ContentBox #rightCol .findGift .button, .ContentBox #rightColBrowse .findGift .button{
	padding-top:10px}

*+html .ContentBox #rightCol .findGift .button{ top:5px;}
* html .ContentBox #rightCol .findGift .button{ top:5px;}

.ContentBox #footer{
	width:935px;
	clear:both;
	margin-top:50px;
	height:60px;
	padding-right:10px;
	}

.ContentBox #footer p.address{
	font-size:12px;
	width:270px;
	float:left;
	padding-left:20px;
	line-height:14px;
	margin-top:5px;}

.ContentBox #footer ul.footerLinks{
	float:left;
	margin-left:10px;}
	
.ContentBox #footer ul.footerLinks li{ 
	display:inline;
	font-size:11px;
	line-height:35px;}

.ContentBox #footer ul.footerLinks li a{
	text-decoration:none;
	padding:3px;}

.ContentBox #footer ul.footerLinks li a:hover{ text-decoration:underline;}

.ContentBox #footer ul.footerLinks li a.karmaAccount{
	display:block;
	background:url("/_e2012/App_Themes/KC/images/siteAccount.jpg") no-repeat;
	width:181px;
	height:46px;
	float:left;
	text-indent:-9999px;
	}
.ContentBox #footer ul.footerLinks li a.karmaAccount:hover
{
	background:url("/_e2012/App_Themes/KC/images/siteAccountH.jpg") no-repeat;
}
.ContentBox #footer ul.footerLinks li a.redeemVoucher{
display:block;
background:url("/_e2012/App_Themes/KC/images/redeem.jpg") no-repeat;
width:184px;
height:46px;
float:left;
text-indent:-9999px;
}
.ContentBox #footer ul.footerLinks li a.redeemVoucher{
display:block;
background:url("/_e2012/App_Themes/KC/images/redeem.jpg") no-repeat;
width:184px;
height:46px;
float:left;
text-indent:-9999px;
}
.ContentBox #leftCol #leftTop .leftNav a:link.searchCat, a:visited.searchCat{
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
}
.ContentBox #leftCol #leftTop .leftNav a:hover.searchCat{
	background-color:#81DC29;
}
.ContentBox #leftCol #leftTop .leftNav li
{
    border-bottom:none;
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
	color:#81DC29;
	padding-bottom:2px;
}
.WhiteLink a.WhiteLink a:link.WhiteLink a:visted.WhiteLink 
{
    color:#ffffff;
}





.ContentBoxClear #leftCol{
	width:290px;
   	float:left;
	_background:url("/_e2012/App_Themes/KC/images/leftBG.jpg") repeat-y;
	}
.ContentBoxClear #leftCol #leftTop{
	width:240px;	
	padding:10px 20px 5px 30px;
	background:url("/_e2012/App_Themes/KC/images/leftBG.png") no-repeat 0 0;
	_background:url("/_e2012/App_Themes/KC/images/leftTop.jpg") no-repeat 0 0;}
	


.ContentBoxClear #leftCol #leftBottom{
	width:290px;
	height:30px;
	float:left;	
	clear:both;
	background:url("/_e2012/App_Themes/KC/images/leftBottom.png") no-repeat 0 0;
	_background:url("/_e2012/App_Themes/KC/images/leftBottom.jpg") no-repeat 0 0;}

.ContentBoxClear #leftCol .ddList
{
    width:240px;    
}

.ContentBoxClear #leftCol #leftTop .charity{
	padding-bottom:10px;}

.ContentBoxClear #leftCol #leftTop .charity label{
	display:block;
	font-weight:bold;
	float:left;
	line-height:15px;		
	}

.ContentBoxClear #leftCol #leftTop form.charity select{ width:150px;}

.ContentBoxClear #leftCol #leftTop ul.leftNav{
	display:block;
	margin:10px 0 0 -10px;
	clear:both;}
	
.ContentBoxClear #leftCol #leftTop ul.leftNav li{
	display:block;
	height:20px;
	line-height:20px;
	}
	
* html .ContentBoxClear #leftCol #leftTop ul.leftNav li{overflow:hidden;}

.ContentBoxClear #leftCol #leftTop ul.leftNav li a{
	display:block;
	height:22px;
	line-height:22px;
	color:#fff;
	text-decoration:none;
	width:220px;
	padding-left:10px;
	font-weight:bold;	
	}
.ContentBoxClear #leftCol #leftTop ul.leftNav li a:hover{ background-color:#81DC28;}

.ContentBoxClear #rightCol{
	width:655px;
	height:450px;
	background:url("/_e2012/App_Themes/KC/images/browseBgHome.png") no-repeat;
	_background:url("/_e2012/App_Themes/KC/images/browseBgHome.jpg") no-repeat;
	float:right;
	}
	
.ContentBoxClear #rightColBrowse{
width:655px;
height:425px;
background:url("/_e2012/App_Themes/KC/images/browseBg.png") no-repeat;
_background:url("/_e2012/App_Themes/KC/images/browseBg.jpg") no-repeat;
float:right;
	}

.ContentBoxClear #rightCol .pad,.ContentBoxClear #rightColBrowse .pad{ padding:10px;}

.ContentBoxClear #rightCol .findGift,.ContentBoxClear #rightColBrowse .findGift{
	display:block;
	margin:0 auto;
	width:580px;}

.ContentBoxClear #rightCol .findGift label,.ContentBoxClear #rightColBrowse .findGift label{ 
	display:block;
	font-weight:bold;
	float:left;
	text-align:center;
	margin-right:10px;
	line-height:40px;}

* html .ContentBoxClear #rightCol .findGift label {margin-right:5px;}

.ContentBoxClear #rightCol .findGift select{ 
	width:130px;
	height:23px;
	margin-right:10px;}

.ContentBoxClear #rightCol .findGift .inputText{
	width:105px;
	padding-left:5px;
	height:20px;
	border:none;
	margin-right:10px;}

.ContentBoxClear #rightCol .findGift .button, .ContentBoxClear #rightColBrowse .findGift .button{
	padding-top:10px}

*+html .ContentBoxClear #rightCol .findGift .button{ top:5px;}
* html .ContentBoxClear #rightCol .findGift .button{ top:5px;}

.ContentBoxClear #footer{
	width:935px;
	clear:both;
	margin-top:50px;
	height:60px;
	padding-right:10px;
	}

.ContentBoxClear #footer p.address{
	font-size:12px;
	width:270px;
	float:left;
	padding-left:20px;
	line-height:14px;
	margin-top:5px;}

.ContentBoxClear #footer ul.footerLinks{
	float:left;
	margin-left:10px;}
	
.ContentBoxClear #footer ul.footerLinks li{ 
	display:inline;
	font-size:11px;
	line-height:35px;}

.ContentBoxClear #footer ul.footerLinks li a{
	text-decoration:none;
	padding:3px;}

.ContentBoxClear #footer ul.footerLinks li a:hover{ text-decoration:underline;}

.ContentBoxClear #footer ul.footerLinks li a.karmaAccount{
	display:block;
	background:url("/_e2012/App_Themes/KC/images/siteAccount.jpg") no-repeat;
	width:181px;
	height:46px;
	float:left;
	text-indent:-9999px;
	}
.ContentBoxClear #footer ul.footerLinks li a.karmaAccount:hover
{
	background:url("/_e2012/App_Themes/KC/images/siteAccountH.jpg") no-repeat;
}
.ContentBoxClear #footer ul.footerLinks li a.redeemVoucher{
display:block;
background:url("/_e2012/App_Themes/KC/images/redeem.jpg") no-repeat;
width:184px;
height:46px;
float:left;
text-indent:-9999px;
}
.ContentBoxClear #footer ul.footerLinks li a.redeemVoucher{
display:block;
background:url("/_e2012/App_Themes/KC/images/redeem.jpg") no-repeat;
width:184px;
height:46px;
float:left;
text-indent:-9999px;
}
.ContentBoxClear #leftCol #leftTop .leftNav a:link.searchCat, a:visited.searchCat{
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
}
.ContentBoxClear #leftCol #leftTop .leftNav a:hover.searchCat{
	background-color:#81DC29;
}

.ContentBoxClear #leftCol #leftTop .leftNav li
{
    border-bottom:none;
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
	color:#81DC29;
	line-height:20px;
}

.AccordianHolder
{
    float: left; 
    width: 200px; 
    padding-left: 10px; 
    padding-right: 3px; 
    padding-top: 8px;
    text-align: left; 
    font-size: 15px; 
    font-weight: bold; 
    color:#21aefd;
}
.AccordianTitle
{
    /*
    background:url("/_e2012/images/button_bg.png") no-repeat;
    color:#1894FE;
    */    
    background:url("/_e2012/images/button_bgb.png") no-repeat;
    color:#fff;
    width:200px;
    height:25px;
    padding-left:15px;
    padding-top:10px;
    margin-top:-8px;
    font-weight:bold;
    font-size: 14px;
}
.AccordianTitle:hover
{
    background:url("/_e2012/images/button_bgg.png") no-repeat;
    color:#fff;
    font-weight:bold;
    /*
    color:#81DC28;
    */    
}
.AccordianHolderLong
{
    float: left; 
    width: 252px; 
    padding-left: 10px; 
    padding-right: 3px; 
    padding-top: 8px;
    text-align: left; 
    font-size: 15px; 
    font-weight: bold; 
    color:#21aefd;
}
.AccordianTitleLong
{
    background:url("/_e2012/images/button_bgb_l.png") no-repeat;
    color:#fff;
    width:250px;
    height:25px;
    padding-left:15px;
    padding-top:10px;
    margin-top:-8px;
    font-weight:bold;
    font-size: 14px;
}
.AccordianTitleLong:hover
{
    background:url("/_e2012/images/button_bgg_l.png") no-repeat;
    color:#fff;
    width:250px;
    font-weight:bold;
    /*
    color:#81DC28;
    */    
}
#enterkarmaamount {
    font-size:20px;
    font-weight:bold;
    color:#0092FF;
}
#enterkarmaamount ul li {
    display:inline;
    margin-right:18px;
}
#enterkarmaamount ul {
    list-style:none outside none;
}
#enterkarmaamount .enteramountdiv {
    text-align:left;
}

#homemain 
{
    font-weight:900;
    line-height:115%;
    font-size:22px;
    height:50px;
    padding-top:60px;
    padding-bottom:12px;
    text-align: left; 
    margin-top: -62px;
}
#homemain2
{
    font-weight:bold;
    line-height:130%;
    text-align:left;
    font-size:16px;
    height:180px;
    padding-top:6px;
    padding-bottom:2px;
    margin-top: -20px;
}
#homemain2 A:link 
{
    color: #ffffff;
}
#homemain2 A:visited
{
    color: #ffffff;
}
#homemain2 A:active
{
    color: #ffffff;
}
#homemain2 A:hover
{
    text-decoration: none;
    color: #ffffff;
}

#homemain3
{
    font-weight:bold;
    /*line-height:150%;*/
    color: #0092FF;
    text-align:center;
    font-size:16px;
    padding-top:20px;
    padding-bottom:120px;
    margin-top: -100px;
}
#home-map-layer
{
    text-align:center; 
    width:980px; 
    margin-left:-40px; 
    margin-right:0px;
    position: absolute; 
    margin-top:-120px; 
    padding-right:0px;
    overflow:hidden;
}
.SubHeaderFont  
{
    color:#0092FF;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}