﻿*{
	margin:0px;
	padding:0px;
}
ul, ol {
    margin:0 0 0 25px;
    padding:4px 0px;
}
body{
	/*background: url('/images/bg.jpg') repeat-x top left #00B3FF;*/
	background: url('/images/bg.jpg') repeat-x top left #18BBFF;
	font-family:Arial,verdana;
}
.h4
{
   font-size:16px;   
}
img{border-style: none;
    border-color: inherit;
    border-width: 0px;
}
a{color:#0092FF;}

/* Repeating Classes, One Offs & Attachments */
.fl{float: left;}
.fr{float: right;}
.cl{clear:both;}
.taRight{text-align:right;}
h3{font-size: 14px;}
#headerLikeTo h3, .box, #give, #redeem_welcome, #register_login, #error_msg, .spreadlove, .mLRauto, #charitiesregister_but{
	margin: 0 auto;
}
#footer a, #searchkarma table tr td a, .give_note, .give_custom_form span.title, a:link.occasion, a:visited.occasion, #enterkarmaamount, #newkarmaamount, table.tableRegister tr td, table.boxcontentPaymentTable tr td, table.boxcontentDataTable tr td.title, table#confirmPay tr td span#ctl00_ContentPlaceHolder1_spnTitle, table#confirmPay tr td .total, .redeem_welcome_txt, .redeem_welcome_txt_l .title, #cartinfo td, #cartinfo a, #results_table tr td a, #results_table h4, .redeem_total, #spnTotal2, table.boxcontentDataTable tr td span.header, table.boxcontentDataTable tr td.balance, a.editchoice, #tellafriend p, #tellafriend table tr td{
	font-weight: bold;
}
.errHeading{
	font-size: 110%;
	text-align: center;
}
/* Global attachment of Colors */
.pagecontent, #footer a, #searchkarma, #searchkarma select, #searchkarma input, #pagetitle, .progress_text_on, #cartinfo, #cartinfo a, .siftitle, #charitiesregister_but, #charitiesregister_but a{
	color:#fff; /* -- White -- */
}
#box_title, .box_title, #box_title_s, .box_title_s, table#confirmPay tr td span#ctl00_ContentPlaceHolder1_spnTitle, table#confirmPay tr td .total, .box h2, a:hover.searchCat, #spnTotal2, table.boxcontentDataTable tr td span.header, table.boxcontentDataTable tr td.balance{
	color:#81DC29;
 /* -- Lime -- */
}
.box_title_blue
{
    color:#0092FF;
}
#searchkarma table tr td a, a.redeem{
	color: #2ED9FF; /* -- Turqoise -- */
}
.progress_text{
	color: #93D8FE; /* -- Light Blue -- */
}
h2, h3, .give_custom_form, #enterkarmaamount, #newkarmaamount, #newkarmaamount .karmaamount, #enterkarmaamount .karmaamount, table.tableRegister tr td, table.boxcontentPaymentTable tr td, table.boxcontentDataTable tr td.title, table.boxcontentDataTable tr td.note, .redeem_welcome_txt_l .title, .redeem_welcome_txt_l .karmaCode, .redeem_total, #contact h2, #charitiesregister, #cvs_type{
	color:#0092FF; /* -- Blue -- */
}
a:hover.occasion{
	color: #00508A; /* -- Dark Blue -- */
}
.box, #give_card a, #results_table, table.boxcontentDataTable tr td, table.boxcontentDataTable tr td .grey, #about h4, #about a{
	color: #8A8A8A; /* -- Grey -- */
}
.err,.errHeading{
	color: #FF0000; /* --- Red -- */
}

/* Block Heirarchy */
/*Now contained in App_Themes/KC/Site.css
#container{
	margin: 0px auto 0px auto;
	width: 850px;
	background-color:#0094FF;
	min-height: 500px;
	background: url('/images/clouds.jpg') no-repeat top center;
}



#footer{
	margin: 50px auto 40px auto;
	font-size: 13px;
	text-align: center;
}
#footer a{
	text-decoration: none;
	margin-left: 15px;
}
#footer a:hover{text-decoration:underline;}*/

/* Header Elements */
#searchkarma{
	margin-top: 2px;
	font-size: 10px;
}
#searchkarma select{
	background-color: #0093FF;
	width: 150px;
	border: 1px #fff solid;
	font-size: 10px;
}
#searchkarma input{
	background-color: #0093FF;
	width: 100px;
	border: 1px #fff solid;
	font-size: 10px;
}
#searchkarma input{height: 15px;}
#searchkarma table tr td.gap{width: 5px;}
#logo{margin: 20px 0 0 308px;}
#headerLikeTo{
	float: right;
	width: 260px;
	margin-top: -10px;
	text-align: center;
}
#headerLikeTo h3{height: 21px;}
#subtitlecontainer{margin-bottom: 5px;}
#pageheader
{
    font-size:40px;
    text-align: center;
}
#pagetitle{
	/*margin: 10px auto 0px auto;*/
	/*display: block;*/
	width: 100%;
	text-align: center;
	font-size: 21px;
}
#subtitle
{
    text-align:center;}

/* White Box Wrapper & Content */
.box{
	width: 570px;
	font-size:12px;
}
.box p{padding: 5px;}
.box .trans{padding-left: 130px;}
#box_title,.box_title,.box_title_blue{font-size: 24px;text-align:center;width:auto;}
#box_title_s,.box_title_s{font-size: 20px;text-align:center;}
.cnr_top-left, .cnr_top-right, .cnr_bottom-left, .cnr_bottom-right {
	background-image: url('/images/cnrs.gif'); /* CHANGE: path and name of your image */
	height: 12px;
	font-size: 2px;
}
.cnr_top-left-b, .cnr_top-right-b, .cnr_bottom-left-b, .cnr_bottom-right-b {
	background-image: url('/images/bl_cnrs.gif'); /* CHANGE: path and name of your image */
	height: 12px;
	font-size: 2px;
}
.cnr_top-left, .cnr_bottom-left, .cnr_top-left-b, .cnr_bottom-left-b { margin-right: 12px;}
.cnr_top-right, .cnr_bottom-right, .cnr_top-right-b, .cnr_bottom-right-b { 
	margin-left: 12px;
	margin-top: -12px;
}
.cnr_top-right, .cnr_top-right-b {background-position: 100% 0;}
.cnr_bottom-left, .cnr_bottom-left-b { background-position: 0 -12px;}
.cnr_bottom-right, .cnr_bottom-right-b { background-position: 100% -12px;}
.inside, .inside-b, .insideof-b{
	padding-left: 10px;
	padding-right:10px;
}
.inside{background: #fff;}
.inside-b{padding:0px;background:#14C3FF;}
.notopgap{margin-top: 0; text-align: left;}
.nobottomgap {margin-bottom: -1px; padding-bottom: 1px;}
/* Corners Revisited */
.cnr_w{
	height: 9px;
	background: #fff;
}
.cnr_b_w{
	height: 8px;
	background: #fff;
}
.cnr_wb_tl{
	float: left;
	background: url(/images/cnrs/white_inblue-tl.gif) no-repeat;
	height: 9px;
	width: 9px;
}
.cnr_wb_tr{
	float: right;
	background: url(/images/cnrs/white_inblue-tr.gif) no-repeat top right;
	height: 9px;
	width: 9px;
}
.cnr_wb_bl{
	float: left;
	background: url(/images/cnrs/white_inblue-bl.gif) bottom no-repeat;
	height: 8px;
	width: 8px;
}
.cnr_wb_br{
	float: right;
	background: url(/images/cnrs/white_inblue-br.gif) bottom no-repeat right;
	height: 8px;
	width: 8px;
}
.cnr_lbb_bl{
	float: left;
	background: url(/images/cnrs/white_indblue-bl.gif) no-repeat bottom;
	width: 8px;
	height: 8px;
}
.cnr_lbb_br{
	float: right;
	background: url(/images/cnrs/white_indblue-br.gif) no-repeat bottom right;
	width: 8px;
	height: 8px;
}
.cnr_w_b_c{clear: both;}
.inner_white{
	background: #fff;
	padding: 0px 10px;
	color: #000;
}
.inner_lb{
	padding: 0px 10px;
	color: #fff;
	font-size: 12px;
}

/* Form Elements */
input, textarea{
	border:1px solid #ccc;
	font-size:12px;
	padding:0px;
}
.input20{width:18px;}
.input30{width:28px;}
.input50{width:48px;}
.input55{width:55px;}
.input60{width:60px;}
.input90{width:88px;}
.input100{width:98px;}
.input120{width:118px;}
.input130{width:130px;}
.input170{width:170px;}
.input186{width:184px;}
.input280{width:298px;}
.ddl{
	width: 162px;
	height:20px;
}
/*.ddl150, .ddl100, .ddl110, .ddl90, .ddl170{
	font-size:12px;
}*/
.ddl150{width:150px;}
.ddl100{width:100px;}
.ddl110{width:110px;}
.ddl90{width:90px;}
.ddl170{width: 170px;}

table.boxcontentDataTable tr td{
	padding: 6px;
	font-size: 12px;
}
table.boxcontentPaymentTable tr td{
	vertical-align:top;
	font-size: 1em;
	padding: 2px;
}
table.tableRegister tr td{padding: 0px;}
table.tableRegister tr td, table.tableRegister tr td label{
	font-size: 12px;
}
td.brdBlBot{border-bottom: 1px #4DC9FD solid;}
td.brdBlRght{border-right: 1px #4DC9FD solid;}
td.brdGrBot{border-bottom: 1px #E9E9E9 solid;}
td.brdGrRght{border-right: 1px #E9E9E9 solid;}
td.brdBl{border: 1px #4DC9FD solid;}
td.brdLeft{border-left: 1px #4DC9FD solid;border-top: 1px #4DC9FD solid;border-bottom: 1px #4DC9FD solid;}
td.brdMid{border-top: 1px #4DC9FD solid;border-bottom: 1px #4DC9FD solid;}
td.brdRight{border-right: 1px #4DC9FD solid;border-top: 1px #4DC9FD solid;border-bottom: 1px #4DC9FD solid;}
div.brdBl{border: 1px #4DC9FD solid;}
.give_custom_form span.title, table.boxcontentDataTable tr td.title, table.boxcontentDataTable tr td span.header, table#confirmPay tr td span#ctl00_ContentPlaceHolder1_spnTitle{
	font-size: 14px;
}
table.boxcontentDataTable tr td.balance{
	font-size: 18px;
}
table#confirmPay{width: 350px;}
table#confirmPay tr td{padding: 0px;}
table#confirmPay tr td .total{
	font-size: 2em;
	padding-right: 5px;
}
table.boxcontentDataTable tr td.note{font-size: 10px;}


/* Give */
#give{width: 700px}
.give_steps{margin-left:5px;}
.give_steps tr td{
	width: 150px;
}
#progressbar{
	text-align: center;
	margin: 0px auto 20px;
}
.progressbar{
	text-align: center;
	margin: 0px auto 20px;
}
.progress_text, .progress_text_on{
	font-size: 12px;
	cursor: pointer;
}
.progress_text span, .progress_text_on span{
	text-decoration: underline;
	font-size: 15px;
}
#give_select{margin-top: 10px;}
#give_select div{float: left;}
#give_mail{
	margin-left: 45px!important;
	margin-left: 25px;
	margin-right: 70px;
}
#give_email{margin-right: 70px;}
.give_note{
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
	color: #0092FF;
}
#give_card{
	padding-top: 48px;
	text-align: center;
}
#give_card a{font-weight: bold;}
#give_customise{width: 330px;}
.give_custom_form{
	margin-top: 10px;
	font-size: 10px;
}

a:link.occasion, a:visited.occasion{
	font-size: 18px;
	text-decoration: none;
}
#enterkarmaamount{
	margin-top: 30px;
	font-size: 20px;
}
#enterkarmaamount ul{
	list-style: none;
	width: 500px;
}
#enterkarmaamount ul li{
	display: inline;
	margin-right: 18px;
}
#enterkarmaamount ul li input{
	margin-bottom: 4px;
	border: 0px;
}
#enterkarmaamount .other{
	font-size: 18px;
	margin-top: 10px;
}
#enterkarmaamount .karmaamount{
	width: 410px;
	font-size: 90px;
	border: 1px #717171 solid;
}
#enterkarmaamount .enteramountdiv{
	text-align: left;
	width: 500px;
	margin: 0px auto;
}

#newkarmaamount{
	margin-top: 30px;
	font-size: 20px;
}
#newkarmaamount ul{
	list-style: none;
	width: 500px;
}
#newkarmaamount ul li{
	display: inline;
	margin-right: 18px;
}
#newkarmaamount ul li input{
	margin-bottom: 4px;
	border: 0px;
}
#newkarmaamount .other{
	font-size: 18px;
	margin-top: 10px;
}
#newkarmaamount .karmaamount{
	width: 410px;
	font-size: 90px;
	border: 1px #717171 solid;
}
#newkarmaamount .enteramountdiv{
	text-align: left;
	width: 500px;
	margin: 0px auto;
}
.spreadlove{text-align:center;margin-bottom:20px;}


/* Redeem */
.search_products{
	width: 500px!important;
	width: 480px;
}
.search_products a{
	margin-left: 22px!important;
	margin-right: 18px!important;
	margin-left: 18px;
	margin-right: 14px;
		text-align: center;

	display:block;
	width:55px;
	height:55px;
	float:left;
}
#redeem_welcome{
	background: url(/images/redeem/welcome_bg.jpg) top left no-repeat #fff;
	height: 304px;
}
.redeem_welcome_txt_l, .redeem_welcome_but_l{
	text-align: center;
	width: 165px;
	padding: 50px 0 0 20px;
}
.redeem_welcome_txt_r, .redeem_welcome_but_r{
	text-align: center;
	width: 163px;
	padding: 50px 20px 0 0;
}
.redeem_welcome_but_l, .redeem_welcome_but_r{padding-top: 15px;}
.redeem_welcome_txt_l .title{font-size: 16px;}
.redeem_welcome_txt_l .karmaCode{
	/*font-size: 42px;
	margin-top: 4px;
	height: 50px;
	width: 150px;*/
	font-family: Times New Roman, Georgia, Arial, Verdana;
	font-size:25px;
	height:28px;
	margin-top:4px;
	width:169px;
}
#cartinfo
{
    float: left;
    width:190px;
    margin:5px 5px 0px 0px;
    padding:10px 15px 0px 0px;
    height:110px;
	font-size: 12px;
	text-align: center;
	/*border:solid 1px Green;*/
	display:none;
}
#cartinfo p{margin-bottom: 4px;}
a:link.searchCat, a:visited.searchCat{
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
}
a:hover.searchCat{
	color:#81DC29;
}
#results_table, .redeem_total, #spnTotal2{font-size: 12px;}
h2.product_list{
	color: #000;
	font-size: 16px;
}
a.editchoice{font-size:14px;}
/* Login & Register */
#register_login{width: 640px;}
#error_msg{
	/*padding-top: 20px; TODO: make a dynamic control*/
	
	width: 570px;
}
.signnote{padding: 10px 0px;}



#contact{padding-bottom: 10px;}


/* Charities */
#charitiesregister{
	font-size: 12px;
}
#charitiesregister p{
	padding:0px 10px 0px 10px;
}
#charitiesregister ol{
	margin-left:30px;
}
#charitiesregister_pdf{
	float:right;
	margin-right:0px;
	margin-top:0px;
	padding: 0px;
}
#charitiesregister_but{
	margin-top: 20px;
	width: 680px;
	font-size: 10px;
	text-align: center;
}


/* Charity */
#charity_home p{
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid #E5E5E5;
}
#about p, #quotes p, #faqs p{padding: 0px 0px 15px;}
#about h3{padding-bottom: 5px;}
#about_anchors{
	margin: 5px 0px 0px 0px;
	text-align: center;
}
#about_anchors a{
	margin: 0px 5px;
	color:#0092FF;
	font-weight:bold;
}
#about_images{
	padding: 20px 0px;
	text-align:center;
}
#about_images img{margin: 0px 6px;}
#quotes{padding: 3px;}
#quotes strong{padding-top:10px;}
#howitworks_content{margin-left: 10px;}
#howitworks_content li a{color:#0092FF;}

/* Tell a Friend */
#tellafriend p{text-align: center;}
#tellafriend table tr td{
	width: 200px;
}
/* Faq */
#faqs ol, #faqs ul, #voucher_terms ol{margin: 0 0 20px 30px;}
#faqs ol li{padding: 2px 0px;font-weight:bold}
#voucher_terms li{margin: 20px 0 20px 0;}



/* sIFR Styles - Don't modify */
.sIFR-flash{
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced{visibility: visible !important;}
span.sIFR-alternate{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]{display: none !important;}

/* Javascript & DHTML */
#tooltip{
	background: url('/images/tip_background.gif') no-repeat top left;
    height: 55px;
    width: 229px;
    padding-top: 70px;
    display: none;
    position: absolute;
    text-align: center;
}

#tooltip_giftReg{
	background: url('/images/tip_background_gift.gif') no-repeat top left;
    height: 77px;
    width: 229px;
    padding-top: 58px;
    
    display: none;
    position: absolute;
    text-align: center;
}


.moo_addGift{cursor: pointer;}
.moo_addGift_giftReg{cursor: pointer;}
#help{
	background: url('/images/help.gif') no-repeat top left;
	width: 30px;
	height: 47px;
	position: absolute;
	display: none;
}
#help_content{
	position: absolute;
	opacity: 0.8;
	filter: alpha(opacity=80);
	width: 600px;
	height: 200px;
}

/* Transparent PNG's */
#trans_world{
	background: url(/images/give/trans_world.png)!important;
	background-image: none;
	height: 370px;
	width: 165px;
	position: absolute;
	margin-top: -5px;
	top:142px!important;
	top:135px;
	margin-left: -47px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/give/trans_world.png);
}
#trans_world_redeem{
	background: url(/images/redeem/trans_world_redeem.png)!important;
	background-image: none;
	height: 300px;
	width: 165px;
	position: absolute;
	/*margin-top: -95px;*/
	top:170px!important;
	top:170px;
	margin-left: -50px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/redeem/trans_world_redeem.png);
}
#howitworks_people{
	background: url(/images/howdoesitworkpeople.png)!important;
	background-image: none;
	height: 144px;
	width: 258px;
	margin-right:10px;
	/*margin-left: -4px;
	position: absolute;*/
	float:left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/howdoesitworkpeople.png);
}





.charitytxt{
	width:158px;
	height:20px;
	border:1px solid #E5E5E5;
	font-size:11px;
	padding:1px;
}
table.tableRegisterCharities tr td{
	vertical-align:top;
	color: #0092FF;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
}
.pagecontent{
	font-size: 12px;
}
.boxheader
{
	text-align:left;
	font-size: 20px;
}
.sponsorlink{float:right;font-weight: bold;margin-top:-144px;font-size:12px;color:#fff;}
.sponsornonelink{font-weight: bold; text-align:right;margin-top:-40px;font-size:12px;color:#fff;padding:10px 0px;}
.sponsornonelink a{color:#fff;}

/* Corporate Karma */
#cvs_type{
	width: 293px;
	margin: 10px auto;
	font-size: 15px;
}
#cvs_type img,#cvs_type span{float:left;}
#cvs_type span{margin:5px 5px}
/* Corporate Karma Temp */
#cvs_type2{
	width: 323px;
	margin: 10px 10px 0px 10px;
	font-size: 15px;
}
#cvs_type2 span{margin:5px 5px 0px 5px}
#cvs_type2 {
	color:#0092FF; /* -- Blue -- */
}

.corporate_employee{
	margin-bottom: 10px;
}
.corporate_employee h2{
	color: #A0A0A0;
	font-weight: normal;
	font-size: 14px;
}
.corporate_employee .hr{
	width: 450px;
	border-top: 1px #F3F3F3 solid;
	margin: 5px auto;
	height: 1px;
}
.corporate_employee table{width: 550px;}
.corporate_employee table tr td{
	color: #0093FF;
	font-weight: bold;
}
.corporate_employee table tr td.name{width: 70px;}
.corporate_employee table tr td.text{width: 200px;}
.corporate_employee table tr td.text input{width: 190px;}
.corporate_employee table tr td.textemail input{width: 150px;}
.corporate_employee table tr td.karma input{width: 50px;}
.corporate_employee table tr td.karma span{margin-right: 10px;}
.instructions{
	padding: 0px 60px;
	margin-top: 20px;
	font-size: 16px;
	text-align: center;
	color: #0093FF;
	font-weight: bold;	
}
.instructionsFinePrint
{
    font-size:11px;
    text-align:left;
}
#cvs{
	padding: 0px 20px;
	margin-top: 20px;
	text-align: center;
}
#cvs_amount{
	width: 230px;
	margin: 0px auto;
}
#cvs_amount span{
	font-size: 28px;
	float: left;
	color: #0093FF;
}
#cvs_amount input{
	height: 30px;
	width: 200px;
	margin-left: 10px;
	float: left;
}
#cvs_file
{
	margin-bottom: 10px;
	text-align: left;
}
/**#cvs_file input{width: 409px;}**/
.empnotify{
	font-size: 16px;
	color: #0093FF;
	font-weight: bold;
}


#dbbg {
	background: url(/images/dhtmlbg.gif) no-repeat top left;
	width: 200px;
	height: 116px;
	padding-top: 65px;
}

#titleBubble{
	position: absolute;
	display: none;
	z-index:20;
	top:100;
	left:100;
	height:auto;
	width:auto;
}
#titleBubbleLeft{
    float:left; width: 12px; height: 68px; background: url('/images/titleBubble_01.gif') no-repeat;
}
#titleBubbleText{
    float:left;
    height: 68px;
    background: url('/images/titleBubble_03.gif') repeat-x;
    line-height: 48px;
    color: #fff;
    font-weight: bold;
    width: auto;
}
#titleBubbleRight{
    float:left; width: 12px; height: 68px;  background: url('/images/titleBubble_05.gif') no-repeat;
}
#titleBubbleArrow{
	clear:both; position:absolute; left: 100px; width: 50px; height: 23px; background: url('/images/titleBubble_07.gif') no-repeat; margin-top:45px;
}
/* Gift Registry */

#giftregistry_welcome{
	background: url(/images/giftregistry/welcome_bg.jpg) top left no-repeat #fff;	
}
.giftregistry_welcome_txt_l, .giftregistry_welcome_but_l{
	text-align: center;
	width: 165px;
	padding: 85px 0 0 20px;
}
.giftregistry_welcome_txt_l_err{
	padding-top: 0px;
}
.giftregistry_welcome_txt_r, .giftregistry_welcome_but_r{
	text-align: center;
	width: 170px;
	padding: 85px 20px 0 0;
}
.giftregistry_welcome_but_l, .giftregistry_welcome_but_r{padding-top: 15px;}
.giftregistry_welcom_txt_l .title{font-size: 14px;}
.clBlue
{
    color:#0092FF;   
}
.clRed
{
    color:Red;
}

/* about us award boxes */
#award_box_1
{
	left:15px;
	top:240px;
	position:absolute;
}
#award_box_2
{
	left:15px;
	top:450px;
	position:absolute;
}
#award_box_3
{
	right:15px;
	top:240px;
	position:absolute;
}
#award_box_4
{
	right:15px;
	top:450px;
	position:absolute;
}

.number 
{
	color:#52CC29;
    font-size:large;
}
