@CHARSET "UTF-8";

/********** GLOBAL ***********/


*{
	padding:0;
	margin:0;
}

a{
	color:#467D2B;
}

a img{
	border:none;
}

.clear{
	clear:both;
}

.space{
	clear:both;
	height:10px;
}

.validator{
	
        width:100% !important;
}

.loadingOverlay{

    background-color:grey;
    height:100%;
    left:0;
    opacity:0.5;
    position:fixed;
    top:0;
    width:100%;
}

.loadingMessage{
    -moz-border-radius:8px 8px 8px 8px;
    -webkit-border-radius:8px 8px 8px 8px;
    border-radius:8px 8px 8px 8px;

    background-color:#CEE490;
    font-size:140%;
    font-weight:bold;
    left:50%;
    letter-spacing:1px;
    margin-left:-115px;
    margin-top:-22px;
    opacity:1;
    padding:10px;
    position:fixed;
    text-align:center;
    top:50%;
    
    z-index: 2;
}

input.button, .form-submit input, .summary input, .giftbrowser-arrow, a.giftbrowser-item-givebutton{
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;

	border-radius:8px 8px 8px 8px;

	-moz-box-shadow:2px 2px 4px grey;
	-webkit-box-shadow:2px 2px 4px grey;
	box-shadow:2px 2px 4px grey;

	border-width:1px;


	border-color:black;

	height:40px;
	min-width:50px;
	letter-spacing:1px;

	font-size:120%;

	padding-left:2px;
	padding-right:2px;

}


table{
	width:90%;
	text-align:center;
	border-collapse:collapse;
	border:1px solid black;
	margin-left:auto;
	margin-right:auto;

}

td, th{
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding:5px;
	font-size:110%;
}

table tr.tr-first{
	background-color:#467D2B;
	color:white;
}

table tr.tr-1{
	background-color:#E9F3CE;
}

table tr.tr-2{
	background-color:#CEE490;
}

table tr.tr-last{
	background-color:#D66907;
	color:white;
	font-weight:bold;
	font-size:110%;
}

h1{
	font-size:200%;
	color:#467D2B;
	letter-spacing:1px;
	text-align:center;
	margin-top:7px;
}

h2{
	font-size:130%;
	letter-spacing:1px;
	color:#467D2B;
	margin-top:4px;
}

h3{
	font-size:120%;
	letter-spacing:1px;
}

h4{
	font-weight:bold;
}

.text-center{
    text-align: center;
    padding:10px;

}

.friendly-message, .error-message{
    padding:10px;
    text-align:center;

    -moz-border-radius:8px 8px 8px 8px;
    -webkit-border-radius:8px 8px 8px 8px;
    border-radius:8px 8px 8px 8px;

    border:3px solid #CEE490;
    margin:auto;
    width:60%;

    color:black !important;

    display: block;
}

.error-message{
    color:red !important;
    border:3px solid #CE5401 !important;
}



body{
	width:100%;
	font-family:arial;
	font-size:13px;
	min-width:310px;

}



.master-content{
	width:100%;
	padding-top:7px;
	background-color:white;
}



/************ REUSABLE *************/


.tip-strip{
	margin-top:7px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-radius:8px 8px 8px 8px;
	background-color:#CEE490;
	color:#969696;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:200px;
	color:black;
	font-style: italic;
        padding-bottom:6px;
}

.tip-strip ol{
	text-align:left;
	padding-left:23px;
}

#location-filter{
	width:100%;

	clear:both;
}

.row-list{
    clear:both;
}

.summary h2{
	text-align:center;
}

.summary ul li{
	display:inline;
	font-style: italic
}
.summary ul li b{
	font-style:normal;
}

.summary.recipient-summary{
	clear:both;
	margin-top:7px;
}


.summary-editbuttons{
	height:30px;
}

.summary-editbuttons input{
	float:left;
	height:25px;
	width:auto;
	/*min-width:132px;*/
}


.summary-delete{
	background-color:#D66907;
	color:white;
}

.summary-edit{
	background-color:#FFE170;

}

#show-summaries{
	margin-top:7px;
	text-align:center;
}

#show-summaries input{
	background-color:#FFE170;
	height:25px;
	width:75%;
	margin-left:auto;
	margin-right:auto;
}

#show-summaries.hide input{
	background-color:#CEE490;
}


#order-summary{
	margin-top:7px;
	width:95%;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-radius:8px 8px 8px 8px;

	margin-left:auto;
	margin-right:auto;

	background-color:#EDEDED;

}

#order-summary h2{
	text-align:center;
}



.form-row, .form-textarea, .form-checkbox{
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-radius:8px 8px 8px 8px;
	background-color:#EDEDED;
	font-size:120%;
	margin-left:auto;
	margin-right:auto;
	padding-top:1px;
	text-align:center;
	width:98%;
	margin-top:7px;
	padding-bottom:20px;
}

.form-row.multi{
	height:auto;
}

.form-row.withbutton .button
{
    margin-top:10px;
    background-color:#FFE170;
    }

.form-textarea{
	/*height:112px;*/
}

.form-checkbox label{
	display:block;
}

.form-checkbox input{
	height:35px;
	vertical-align:middle;
	width:35px;

}

.form-row label{
	display:block;
}

.not-required,.form-option{
	font-style:italic;
}

.form-row input, .form-row select, .form-textarea textarea{
	height:35px;
	height:25px;
	background-color:#E9F3CE;
	text-align:center;
	width:95%;
        font-size: 130%;

        -moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;

	border-radius:4px 4px 4px 4px;
}

.form-textarea textarea{
	height:70px;
	text-align:left;
}

.form-submit{
	margin-top:7px;
	text-align:center;
}

.form-submit input{
	width:90%;
	background-color:#D66907;
	font-weight:bold;
	color:white;
	letter-spacing:1px;
}

.form-submit.double input{
	width:45%;
}

#location-filter{

	margin-top:10px;
	min-height:40px;


}


#location-filter-editbutton{
	float:left;
	width:107px;
}


#location-filter-editbutton input{
	background-color:#FFE170;
	width:100px;
}









/************* HEADER ***************/

#master-top{
	background-color:#CEE490;
}

#global-header{
	width:100%;
}

#header-logo{
	margin-top:1px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-radius:8px 8px 8px 8px;
	background-color:white;
	height:45px;
	/*margin-left:auto;
	margin-right:auto;*/
	text-align:center;
	width:152px;
}

.header-loginbox{
    -moz-border-radius:8px 0 8px 8px;
    -webkit-border-radius:8px 0 8px 8px;
    border-radius:8px 0 8px 8px;
    background-color:#E9F3CE;
    padding:2px;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
}

.header-loginbox-name{
    font-size:110%;
    font-weight:bold;
}





/************** MENU *************/


#global-menu{
	clear:both;
	width:100%;
	text-align:center;
	margin-top:5px;
}

.global-menu-item{
	float:left;

	width:33.3%;
	height:40px;

}

.global-menu-item div{
	margin-left:1%;
	background-color:#CE5401;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-radius:8px 8px 0 0;



	font-size:110%;
	letter-spacing:1px;

}

.global-menu-item div a{
	display: block;
	height: 100%;
	width: 100%;
	color:white;
	letter-spacing:1px;
	line-height:40px;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;


}

.global-menu-item.selected div{
	background-color:white;
	border-color:black;
	border-width:1px;
	border-style:solid;
	border-bottom:0 none;
}

.global-menu-item.selected div a{
	color:black;
}

/************* FOOTER *************/

#global-footer{
	margin-top:10px;
	background-color:#CEE490;
	height:30px;
        line-height:30px;
        padding:0 4px;

}

#global-footer-left{
	float:left;
}

#global-footer-right{
	float:right;
}



/******** DEFAULT ************/

.howItWorks{  
  
    letter-spacing:1px;
    line-height:109%;
    margin-bottom:5px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.howItWorks .step{
    -moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-radius:8px 8px 8px 8px;
        

    background-color:#E9F3CE;
    height:59px;
    margin-left:auto;
    margin-right:auto;
    margin-top:6px;
    padding:2px;
    width:270px;

    
}


.howItWorks .step div{
    padding-top: 15px;
}

.howItWorks .step.store div{
    padding-top: 8px;
}

.howItWorks .step img{
    float:left;
}

.howItWorks .step.store img{
    float:right;
}





/*********** GIFT BROWSER ************/

.locationHeader{
    margin-bottom:12px;
}
.locationHeader h1{
    float:left;
    margin-right:4px;

    color:#467D2B;
    font-size:130%;
    letter-spacing:1px;
    margin-top:4px;
}

.locationHeader h1 strong{
    color:black;
    letter-spacing:0;

    
}

.locationHeader .giftbrowser-item-givebutton{
    background-color:#FFE170;
    color:black;
    display:block;
    height:25px !important;
    line-height:25px;
    padding-left:7px;
    padding-right:7px;
    text-align:center;
    width:160px;
    float: left;
}

.giftbrowser{
	clear:both;
	text-align:center;
	margin-top:10px;
}

.giftbrowser-content{
	margin-top:10px;
}

.giftbrowser-results{
	margin-top:5px;
}

.giftbrowser-arrow{
	background-color:#EDEDED;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    text-align:center;
    width:90%;
    line-height:38px;
    
}

.giftbrowser-arrow a{
    text-decoration: none;

}

.current-page{
	margin-top:5px;

}

.giftbrowser-results-item{
	width:100%;
        height: 77px

}

.giftbrowser-results-item.brandinfo{
	width:95%;
	margin-left:auto;
	margin-right:auto;

}

.brandinfo .giftbrowser-item-left{
	text-align:center;
        width:100%;
}

.info .brandinfo .giftbrowser-results-item-wrapper{
    background-color: transparent;
    border:none !important;

}



.giftbrowser-results-item-wrapper{
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-radius:8px 8px 8px 8px;
	margin-top:5px;
	margin-left:5px;
	width:99%;
	margin-left:auto;
	margin-right:auto;
	padding:3px;
	border:1px solid black;
}



.color-1 .giftbrowser-results-item-wrapper{
	background-color:#E9F3CE;
}

.color-2 .giftbrowser-results-item-wrapper{
	background-color:#CEE490;
}

.brandinfo .giftbrowser-results-item-wrapper{
    	background-color:#FFE170;;
}

.giftbrowser-results-item-border{
	/*border:1px solid;
	margin-left:5px;*/
	min-height:100px;
}

.giftbrowser-item-left{
	float:left;
}

.giftbrowser-item-middle{
left:79px;
position:absolute;
right:60px;
text-align:left;
}

.giftbrowser-item-middle-left{
	width:85%;
}

.giftbrowser-item-middle-right{
	position:absolute;
	right:-28px;
	top:20px;
}

.giftbrowser-item-brandinfo{
	text-align:center;

}

.info-category{
    clear:both;
    word-wrap:break-word;

}

.info-category .category-name{
    width:48%;
    float:left;
    font-weight:bold;
    text-align:right;
}

.info-category .category-text{
    width:48%;
    float:right;
    text-align:left;
}

.giftbrowser-item-brandinfo .category-name{
    width:25%;

}

.giftbrowser-item-brandinfo .category-text{
    width:70%;

}

.giftbrowser-item-middle h3{
	font-size:110%;
}

.giftbrowser-item-price{
    color:red;
    font-size:120%;
    font-weight:bold;
    margin-right:2px;

}

.giftbrowser-item-promo{
    font-weight: bold;
    color:red;
    letter-spacing:1px;

}

.giftbrowser-item-right{
	float:right;
	text-align:center;
}

.giftbrowser-item-right input, .search .button, a.giftbrowser-item-givebutton{
	display:block;
	height:63px;
	width:auto;	
}

.readmore-link{
    color:#D66907;
    font-style: italic;
}

.giftbrowser-item-right input, a.giftbrowser-item-givebutton{
    height:69px !important;
}

a.giftbrowser-item-givebutton{
    border:1px solid black;
    line-height:65px;
    text-decoration:none;
  /*  float:right;*/

}

.products a.giftbrowser-item-givebutton{    
    height:49px !important;
    line-height:49px !important;
    float: none !important;
}



.giftbrowser-logo{
    width:70px;
	height:70px;
}

.giftbrowser-logo img{
	width:70px;
	height:70px;
	max-width:95px;
	max-height:95px;
	background-color:white;
}

.giftbrowser-item-givebutton, .summary-gift-detailsbutton, .search .button{
	background-color:#D66907;
	color:white;
	font-weight:bold;
	width:70px;
}




/********* CHECKOUT ********************/

.payment-box, .thankyou-box{
	margin-top:7px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-radius:8px 8px 8px 8px;
	background-color:#CEE490;
	color:#969696;	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:90%;
	color:black;

        padding:8px 5px 20px;
}

.payment-box h3, .thankyou-box h3{
    font-size:130%;
}



.payment-box ol{
        padding-top:1px;
	padding-left:23px;
        width:100%;

}

.payment-box ol li{
        min-height:40px;
        margin-top:10px;

}

.kangocash-details{
    margin-left:30px;
    font-size:90%;
    color:#467D2B;
}

.form-row.ccprofile, .form-checkbox.ccprofile{
    width:80%;

}

.form-row.ccprofile input.button{
    font-size: 90%;
    margin-top:5px;
    width:80%;
    background-color: #FFE170;
}

.payment-box .button{
    height:27px;
    width:95%;
}

.payment-box li.ccinfo-anchor div{
    text-align: center;
}

/************ GIFT SEARCH ***********/

.text-center.pagination{
    padding:2px;
}

.searchresults-pagination input{
    width: 100%;
    background-color: #FFE170;
}

.row-category img{
    float:left;
}

.row-category input{
    width:130px !important;
}

.search-results-list{
    clear: both;
}

.search table, .search td, .search tr{
    border:none;
}

.giftbrowser-item-detailsbutton, .summary-brand-detailsbutton{
	background-color:#FFE170;
	color:black;
}


/******** LOGIN ***********/

.divLoginInfo table{
    border: none;
    width:100%;
}

.divLoginInfo table td, divLoginInfo table th{
    border: none;
    font-size: 100%;
    
}


/******** LOCATION SEARCH *****************/
/*.giftbrowser-results-item-wrapper.lastLocations input{
    width:32%;
    background-color: #FFE170;
}

.giftbrowser-results-item-wrapper.lastLocations div{
    padding-left:3%;

}
.giftbrowser-results-item-wrapper.lastLocations input.delete{
    background-color:#D66907;
    color:white;
}

.giftbrowser-results-item-wrapper.lastLocations input.makedefault{
    font-size: 85%;
}
*/

.lastLocations input{
    background-color:#D66907;
    color:white;
    font-weight: bold;
}

.lastLocations h3{
    float:left;
}


/**************** OLD PHONE SECTION ******************/
/*
body{
    width:240px;
    position: relative;
}

.giftbrowser-results-item{
    height:auto;
}

.giftbrowser-logo{
    width: auto;
}

a.giftbrowser-item-givebutton {
    float:none;
}

.giftbrowser-item-left, .giftbrowser-item-middle, .giftbrowser-item-right, .giftbrowser-item-middle-left, .giftbrowser-item-middle-right{
	float:none;
	text-align:center;
	position:relative;
	left:0;
	right:0;
        top:0;
        width:100%;
        display:block;
}
.giftbrowser-item-middle-left{
    min-height:32px;
}

.giftbrowser-item-right input, .search .button{
	display:inline;
}

.giftbrowser-item-price{
	float:none;
}

.giftbrowser-item-brandinfo .category-name{

    width:30%
}

.giftbrowser-item-brandinfo .category-text{

    width:67%
}

.tip-strip{
	width:95%;
	display:block;

}

.form-row label {
	width:95%;
}

.payment-box, .thankyou-box {
	width:95%;
}
*/
/*************** OPERA MINI ********************/
/*
input.button, input.submit{

    background:url("../../mobile/yellow-pixel.png") repeat scroll center top transparent;
}

a.giftbrowser-item-givebutton, .summary-gift-detailsbutton, .search .button, .form-submit input{
    background:url("../../mobile/red-pixel.png") repeat scroll center top transparent !important;
    height: 49px !important;
    
}

.global-menu-item {

    height:auto;

}

*/