/*
 * #7DCA00 = primary green
 * #b0e35d = lighter green
 * #fd781e = red/orange compliment
 */

	
* {font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif;}

html,
body {height: 100%;}

body {color: #333; font-size: 100%;}
a {color: #333;}
a[rel=tooltip] {border-bottom: 1px dotted; text-decoration: none; }



#wrapper {background: #DFF0F8 url(//doerllp26nx76.cloudfront.net/c/img/2012-04/background-clouds.jpg) no-repeat 50% 2.618em; min-height:100%; position:relative;}



a {color: #333; outline: none;}
p {margin-bottom: 1em;}
h2 {font-size: 1.618em;}
h3, .h3 {font-size: 1.382em; margin-bottom: .618em;}
h4 {font-size: 1.236em; margin-bottom: .618em;}
h5 {font-size: 1em; margin-bottom: .618em;}
hr {margin: 2em 0;}
a img {border: 0;}
small,
.small {font-size: .82em;}

input, select, textarea, button {font-size: 1em;}
input, textarea, button {padding: .236em 0 .236em .236em; }
input, select, textarea {width: 90%;}
input[type=radio],
input[type=checkbox],
input.checkbox {width: auto;}
select option {padding: 0 0 .236em .618em;}
form dt {font-weight: bold; margin: 2em 0 .382em;}
form dl > dt:first-child {margin-top: 0;}
#submit-element {clear: both; margin: 1em 0;}
#submit {margin-right: .618em;}



#mobileNotice {background: #FF9; padding: .382em 0;}
#mobileNotice a {display: block; padding: .236em 0; text-decoration: none;}



/* #header */
#header {background: #397399; border-bottom: 1px solid #264d67; margin-bottom: 2em; padding: .618em 0; -webkit-box-shadow: 0 0 .382em 0 #333; box-shadow: 0 0 .382em 0 #333;}
#header .stackContent {margin: 0 auto; max-width: 1000px; width: 92%;}
#header a {color: #FFF; display: inline-block; margin: .382em .618em; position: relative; text-decoration: none;}
#siteTitle {float: left; margin: 0 1em 0 0; text-align: center;}
#header .navList li:first-child a {margin-left: 0;}
#header .navList li:last-child a {margin-right: 0;}
#header a:hover {text-decoration: underline;}
#header img {left: -30px; position: absolute; top: -10px;}
#header #siteNav {float: right; text-align: center;}
#header #localesNav {float: left; text-align: center;}
#header #headerSigninButton,
#header #headerRegButton,
#header .addPurchaseToggle {background: #c3e0ec; -webkit-border-radius: .618em; -moz-border-radius: .618em; border-radius: .618em; color: #333; padding: .382em 1em; margin-top: -.382em; position: relative; top: .382em;}
#header .addPurchaseToggle {margin: 0; top: 0;}
/* end #header */



#body {background: #FFF url(//doerllp26nx76.cloudfront.net/c/img/2012-04/homepage/body-bottom-stripe.png) repeat-x 0 100%; border: 1em solid #c3e0ec; -webkit-border-radius: .618em; -moz-border-radius: .618em; border-radius: .618em; clear: both; margin: 0 auto 22em; max-width: 1000px; min-height: 20em; padding: 0 0 2em; position: relative; -webkit-box-shadow: 0 0 .618em 0 #397399; box-shadow: 0 0 .618em 0 #397399; padding-top: 2em; width: 86%;}

#h1Wrapper {clear: both;}
h1 {color: #FFF; font-size: 2em; margin: 0 auto .618em;  max-width: 1000px; text-shadow: 0px 0px 10px #336;}
h1 a {color: #FFF; text-decoration: none;}

#footerWrapper {background: #397399; border-bottom: 1px solid #264d67; bottom: 0; float: left; height: 15em; left: 0; padding: 1.618em 0 0; position: absolute; -webkit-box-shadow: inset inset 0 0 .382em 0 #333; box-shadow: inset 0 0 .382em 0 #333; width: 100%;}
#footer {margin: 0 auto; width: 1000px;}
#footer .box {background: #5895bc;}
#footer .stackContent,
#footer .navList {margin-bottom: 1em; text-align: center;}
#footer img {border: 2px solid #FFF; display: block; margin: 0 auto .382em;}
#footer a {color: #FFF; display: inline-block; margin: 0 .618em; position: relative; text-decoration: none;}


.navList {list-style: none;}
.navList li {display: inline;}
.navList a {display: inline-block;}



form {margin-bottom: 3em;}
form ul.errors {list-style: none;}
form ul.errors li,
form label.error {background: Coral; color: #FFF; display: block; padding: .618em; width: 78%;}

form .description {color: #999; font-size: .82em;}



button,
.button {border: 1px solid #999; color: #333; cursor: pointer; -webkit-border-radius: .618em; -moz-border-radius: .618em; border-radius: .618em; display: inline-block; font-size: 1em; padding: .618em 1em; text-decoration: none; text-shadow: 0 0 6px #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#7DCA00));
	background: -moz-linear-gradient(top,  #FFF,  #7DCA00);
	*background: #b0e35d;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#7DCA00');

}

button:hover,
.button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#7DCA00));
	background: -moz-linear-gradient(top,  #FFF,  #7DCA00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#7DCA00');
}

button {padding: .382em; }

.secondary {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#C1E582));
	background: -moz-linear-gradient(top,  #FFF,  #C1E582);
	*background: #b0e35d;
}


button[disabled],
.button[disabled],
button.disabled,
.button.disabled {background: #EEE; border-color: #AAA; color: #AAA; cursor: default; text-shadow: none;}


.switcherWrapper {white-space: nowrap;}

.switcher {border: 1px solid #999; border-width: 1px 0 1px 1px; display: inline-block; margin-left: -.5em; padding: .618em 1em; text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
	background: -moz-linear-gradient(top,  #FFF,  #DDD);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
}
.switcher.left {-webkit-border-top-left-radius: .618em;
	-webkit-border-bottom-left-radius: .618em;
	-moz-border-radius-topleft: .618em;
	-moz-border-radius-bottomleft: .618em;
	border-top-left-radius: .618em;
	border-bottom-left-radius: .618em;
	text-align: center;
}
.switcher.right {border-right-width: 1px;
	-webkit-border-top-right-radius: .618em;
	-webkit-border-bottom-right-radius: .618em;
	-moz-border-radius-topright: .618em;
	-moz-border-radius-bottomright: .618em;
	border-top-right-radius: .618em;
	border-bottom-right-radius: .618em;
	text-align: center;
}
.switcher:hover,
.switcher.hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#7DCA00));
	background: -moz-linear-gradient(top,  #FFF,  #7DCA00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#7DCA00');
}
.switcher.on {background: #EEE; box-shadow: 2px 2px 4px #999 inset; -moz-box-shadow: 2px 2px 4px #999 inset; -webkit-box-shadow: 2px 2px 4px #999 inset; color: #666; cursor: default;}



div.alert {left: 0; position: fixed; top: 3em; width: 100%; z-index: 1;}
.alert ul {list-style: none; margin: 0 auto; width: 1000px;}
.alert li {background: #000; color: #FFF; font-size: 1.618em; padding: .618em; -webkit-border-radius: .382em; -moz-border-radius: .382em; border-radius: .382em; -moz-box-shadow: 0px 0px 5px #333; -webkit-box-shadow: 0px 0px 5px #333; box-shadow: 0px 0px 5px #333; text-shadow: 2px 2px 2px #333;}
.alert li.bad {background: Coral;}
.alert li.good {background: #7DCA00;}
.alert a {color: #FFF;}

.notice-wrap {
	left: 0;
	position: fixed;
	top: 3em;
	width: 100%;
	z-index: 9999;
}

* html .notice-wrap {
	position: absolute;		
}
 
.notice-item {
background: #000; color: #FFF; font-size: 1.618em; padding: .618em; -webkit-border-radius: .382em; -moz-border-radius: .382em; border-radius: .382em; margin: 0 auto; position: relative; -moz-box-shadow: 0px 0px 5px #333; -webkit-box-shadow: 0px 0px 5px #333; box-shadow: 0px 0px 5px #333; text-shadow: 2px 2px 2px #333; width: 1000px;
}
.notice-item p {margin-bottom: .382em;}

.notice-item-close {background: #333; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; color: #FFF; font-size: .618em; padding: .382em .61em; position: absolute; right: -.618em; text-transform: uppercase; top: -.618em; cursor: pointer;}

.notice-item.bad {background: Coral;}
.notice-item.good {background: #7DCA00;}




#contactTab {background: #b0e35d; border: 2px solid #999; border-width: 1px 1px 0; bottom: 0; 
-webkit-border-top-left-radius: .618em;
-webkit-border-top-right-radius: .618em;
-moz-border-radius-topleft: .618em;
-moz-border-radius-topright: .618em;
border-top-left-radius: .618em;
border-top-right-radius: .618em;
clear: both; cursor: pointer; float: right; max-width: 22em; padding: .382em; position: fixed; -webkit-box-shadow: 0 0 .618em 0 #397399; box-shadow: 0 0 .618em 0 #397399; right: 1em;}
#contactTab.visible {background: #FFF; cursor: default; padding: 1em; }
#contactTab h4 {font-weight: normal; font-size: 1em; margin: 0;}
#contactTab.visible h4 {display: none;}
#contactTab form {display: none; margin: 0;}
#contactTab.visible form {display: block;}
#contactTab #submit-element {margin-bottom: 0;}
#contactTab #contactTabClose {background: #FFF;
-webkit-border-radius: .618em;
-moz-border-radius: .618em;
border-radius: 1em;
xxborder: 2px solid #C66;
color: #C66; display: inline-block; font-size: .82em; font-weight: bold; xxheight: 1em; margin-left: 4em; padding: .236em; text-transform: uppercase; text-align: center; xxwidth: 1em;}
#contactTab.visible #contactTabClose {display: none;}
#fknm-label, #fknm-element {display: none;}



#appIndexPage #appIndexButton,
#indexIndexPage #headerRegButton,
#indexIndexPage #indexIndexButton,
#accountSigninPage #headerSigninButton,
#purchaseNewPage #purchaseNewButton,
#appAccountPage #appAccountButton,
#accountRegisterPage #headerRegButton {display: none;}



/* profiler */
body .profiler-result-container {max-width: 90%;}


.box {-webkit-border-radius: .618em; -moz-border-radius: .618em; border-radius: .618em; margin-bottom: 1em; padding: 1em .618em .142em 1em;}
.box.grey {background: #DFA; }



.sample {background: #EEE; border: 1px solid #999; display: block;  list-style: none; margin-top: 1em; padding: 1em; width: 50%;}


/* tooltip */
#tooltip {position: absolute; z-index: 9999; width: 16em;}
#tooltip .tipBody {background: #FFF; border: 2px solid #666; 
-webkit-border-radius: .236em;
-moz-border-radius: .236em;
border-radius: .236em;
padding: .618em; -webkit-box-shadow: 0 0 .618em 0 #397399; box-shadow: 0 0 .618em 0 #397399;}
/* end tooltip */


.stackContent {margin: 0 1em 1em;}
.hidden {display: none;}
.center {text-align: center;}
.right {text-align: right;}
.big {font-size: 1.236em;}

.green {color: #390;}
.red {color: #C00;}
.lighter {color: #999;}


img.ruble-img { height: 1.5ex;}
img.rupee-img { height: 1.5ex;}