/*

* Filename: styles.css
* Description: base stylesheet
* Version: 1.0.0
* Website:
* Author:

*/

@charset "utf-8";

@font-face {
  font-family: 'Entypo';
  src: url('fonts/entypo.eot');
  src: url('fonts/entypo.eot?#iefix') format('embedded-opentype'),
       url('fonts/entypo.woff') format('woff'),
       url('fonts/entypo.ttf') format('truetype'),
       url('fonts/entypo.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ======================================== */
/* ========= BROWSER HTML5-RESET ========== */
/* ======================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body { line-height:1;margin:0 auto}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}

nav ul, ul { list-style:none;}

blockquote,q { quotes:none;}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

abbr[title],dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table { border-collapse:collapse; border-spacing:0;}
tbody { display: table-row-group; vertical-align: middle; border-color: inherit;}
td, td img { vertical-align: top;}

[title~=BaDoink] {font-weight: bold; font-style: italic;}

/* =================================== */
/* ============ GLOBALS ============== */
/* =================================== */

* { margin:0; padding:0;}

html { -webkit-font-smoothing: antialiased;}

body {
	color:#4c4c4c;
	background: #EEE;
	font:15px Calibri,Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
}


/* ==== LINKS SEQUENCE ==== */

a, a:visited {
	/* font-size:10px; */
	text-decoration:none;
	outline:none;
	color:#5B5B5B;
	text-shadow: 0px 1px 0px #FFF;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

a:hover { text-decoration: none; color: #1788F3;}

/* ==== TITLE STYLE ==== */

h6 { font-size: 1.0em;}
h5 { font-size: 1.2em;}
h4 { font-size: 1.4em;}
h3 { font-size: 1.6em;}
h2 { font-size: 1.8em;}
h1 { font-size: 2.0em;}
p { font-size: 1.0em;}

/* ==== spacing ==== */

p, h1, h2, h3, h4, h5, h6, ul, ol { margin-top: 1em; margin-bottom: 1em;}
ul, ol, blockquote { padding-left: 20px;}

.clearfix { zoom:1;}
.clearfix:before,.clearfix:after { display:table; content:"";}
.clearfix:after { clear:both;}

/* ==== ALIGNEMENT ==== */

.center { text-align: center; margin: 0 auto;}
.left { float: left; }
.right { float: right; }

/* ==== FORM START ==== */

textarea { resize: none; -webkit-overflow-scrolling: touch; }

input, textarea, select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	text-shadow: 0px 1px 0px #FFF;
	vertical-align: middle;
	outline: none !important;
}

input, textarea, select {
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	appearance: checkbox !important;
	text-shadow: 0px 0px 0px #FFF;
	vertical-align: middle;
	outline: none !important;
}

.special_select{
    opacity: 0;
    width: 202px;
    height: 34px;
}

.select_div{
    width: 202px;
    height: 34px;
    position: absolute;
    z-index: 0;
	border: 1px solid #CECECE;
	border-radius: 4px;
	line-height: 30px;
	text-align: left;
}

.select_text{
	padding-left: 5px;
	width: 165px;
	height: 34px;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ========================================== */
/* ============= GENERAL STYLES ============= */
/* ========================================== */

#formContainer {
	margin: 40px auto;
	text-align: center;
	width: 100%;
	height: auto;
	display: block;
}

#formContainer h3 {
	margin: 10px auto 0;
	text-align: center;
	width: 100%;
	font: 600 18px/18px "Arial", “Helvetica Neue”, Helvetica, sans-serif;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #FFF;
	color: #777d80;
	max-width: 560px;
}

span.red {	 color:red; text-shadow: 0 1px 0 #FFF;}
span.green {	 color:green; text-shadow: 0 1px 0 #FFF;}

#formContainer h4 {
	margin: 10px auto;
	text-align: center;
	width: 100%;
	height: auto;
	font: 200 16px/20px "Arial", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 1px 0 #FFF;
	color: #777d80;
	max-width: 560px;
}

/* --- ERROR BOX --- */

#lookup-error {
	background-color: #ffe6e6;
	border: 1px solid #CECECE;
	border-radius: 10px;
	box-shadow: 0 0 1px 0 #FFF;
	padding: 20px;
	margin: 10px auto;
	text-align: center;
	width: 520px;
	height: auto;
	text-shadow: 0 1px 0 #FFF;
}

#lookup-error a { text-decoration: underline; font-weight: bold;}

/* -- FORM UI -- */

form#cancelForm {
	background-color: #F6F6F6;
	border: 1px solid #CECECE;
	border-radius: 10px;
	box-shadow: 0 0 1px 0 #FFF;
	margin: 0 auto;
	text-align: center;
	width: 560px;
	height: auto;
	display: block;
}

#lookup-form-table { margin: 25px auto ;}
#lookup-form-table td { padding: 4px 2px;}

#lookup-form-table td.label {
	text-align: left;
	height: 30px;
	vertical-align: middle;
	color: #787878;
	font: 600 14px/18px "Arial", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 1px 0 #FFF;
	padding-right: 10px;
}

#lookup-form-table input[type="password"],
#lookup-form-table input[type="search"],
#lookup-form-table input[type="text"] {
	width: 180px;
	height: 30px;
	background-color: #E9E9E9;
	border: 1px solid #CACACA;
	box-shadow: 0 0 1px 0 #FFF, inset 0 1px 2px 0 rgba(0,0,0,.15);
	border-radius: 4px;
	padding: 0 10px;
	color: #787878;
	font: 300 14px/18px "Arial", "Helvetica Neue", Helvetica, sans-serif;
	margin: 5px 0;
}

#lookup-form-table input[type="password"]:focus,
#lookup-form-table input[type="search"]:focus,
#lookup-form-table input[type="text"]:focus {
	width: 180px;
	height: 30px;
	background-color: #F9F9F9;
	border: 1px solid #CACACA;
	box-shadow: inset 0 0 1px 0 #FFF, 0 1px 2px 0 rgba(0,0,0,.15);
	border-radius: 4px;
	padding: 0 10px;
}

/* -- BULLZ CUSTOM SELECT -- */

#lookup-form-table select {
	width: 202px;
	height: 34px;
	background-color: #F9F9F9;
	border: 1px solid #CACACA;
	box-shadow: inset 0 0 1px 0 #FFF, 0 1px 2px 0 rgba(0,0,0,.15);
	border-radius: 4px;
	padding: 0 40px 0 10px;
	font: 300 14px/18px "Arial", "Helvetica Neue", Helvetica, sans-serif;
	color: #787878;
}

.arrowS { position: relative; display: block; top: -24px;}

.arrowS::after {
	content: '▼';
	font: 11px "Arial", "Arial Unicode MS", "Consolas", monospace;
	color: #aaa;
	right: 10px;
	top: -5px;
	padding: 11px 1px 9px 8px;
	border-left: 1px solid #ddd;
	position: absolute;
	pointer-events: none;
	line-height: 6px;
	text-shadow: 0 1px 0 #FFF;
}

.arrowS:before {
  content:'';
  right:6px; top:0px;
  width:20px; height:20px;
  background:#f8f8f8;
  position:absolute;
  pointer-events:none;
  display:block;
}


/* -- BUTTON -- */

#buttonbar {
	background-color: #F6F6F6;
	border: 1px solid #CECECE;
	border-radius: 10px;
	box-shadow: 0 0 1px 0 #FFF;
	margin: 10px auto;
	text-align: center;
	width: 560px;
	height: auto;
	padding: 15px 0;
	display: block;
}

#buttonbar a.yourLK {
	color: red;
	text-decoration: underline;
	font-weight: bold;
	margin: 20px auto 0;
	display: block;
	width: 80%;
	background-color: #ffe6e6;
	border: 1px solid #CACACA;
	box-shadow: 0 0 1px 0 #FFF;
	border-radius: 4px;
	padding: 20px;
	font: 600 14px/30px "Arial", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 1px 0 #FFF;
}

/* button span { padding-right: 10px; font: 300 30px "Entypo";} */
button span {
	padding-right: 10px;
	font: 300 50px/43px "Entypo";
	clear: both;
	float: left;
}

.blueBT {
	width: auto;
	padding: 0 20px;
	height: 44px;
	margin: 10px auto;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	font: 600 16px/44px "Arial", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	border: 1px solid #437fc2;
	border-radius: 6px;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
  /*GRADIENT*/
  background: #6fa5db; /* Old browsers */
  background: -moz-linear-gradient(top, #6fa5db 0%, #2d6fba 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fa5db), color-stop(100%,#2d6fba)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6fa5db 0%,#2d6fba 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6fa5db 0%,#2d6fba 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #6fa5db 0%,#2d6fba 100%); /* IE10+ */
  background: linear-gradient(top, #6fa5db 0%,#2d6fba 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fa5db', endColorstr='#2d6fba',GradientType=0 ); /* IE6-9 */
  cursor: pointer;
}

.blueBT:focus, .blueBT:hover {
	width: auto;
	padding: 0 20px;
	height: 44px;
	margin: 10px auto;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	font: 600 16px/44px "Arial", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	border: 1px solid #437fc2;
	border-radius: 6px;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
  /*GRADIENT*/
  background: #2d6fba; /* Old browsers */
  background: -moz-linear-gradient(top, #2d6fba 0%, #6fa5db 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d6fba), color-stop(100%,#6fa5db)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2d6fba 0%,#6fa5db 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2d6fba 0%,#6fa5db 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2d6fba 0%,#6fa5db 100%); /* IE10+ */
  background: linear-gradient(top, #2d6fba 0%,#6fa5db 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d6fba', endColorstr='#6fa5db',GradientType=0 ); /* IE6-9 */
}


/* -- GREEN BUTTON -- */

.greenBT {
	width: auto;
	padding: 0 70px;
	height: 44px;
	margin: 10px auto;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	font: 600 16px/44px "Arial", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	border: 1px solid #499618;
	border-radius: 6px;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
  /*GRADIENT*/
  background: #7abb22; /* Old browsers */
  background: -moz-linear-gradient(top, #7abb22 0%, #469418 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abb22), color-stop(100%,#469418)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7abb22 0%,#469418 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7abb22 0%,#469418 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7abb22 0%,#469418 100%); /* IE10+ */
  background: linear-gradient(top, #7abb22 0%,#469418 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abb22', endColorstr='#469418',GradientType=0 ); /* IE6-9 */
  cursor: pointer;
}

.greenBT:focus, .greenBT:hover {
	width: auto;
	padding: 0 70px;
	height: 44px;
	margin: 10px auto;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	font: 600 16px/44px "Arial", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	border: 1px solid #499618;
	border-radius: 6px;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
  /*GRADIENT*/
  background: #469418; /* Old browsers */
  background: -moz-linear-gradient(top, #469418 0%, #7abb22 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#469418), color-stop(100%,#7abb22)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #469418 0%,#7abb22 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #469418 0%,#7abb22 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #469418 0%,#7abb22 100%); /* IE10+ */
  background: linear-gradient(top, #469418 0%,#7abb22 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#469418', endColorstr='#7abb22',GradientType=0 ); /* IE6-9 */
}

/* -- RED BUTTON -- */

.redBT {
	width: auto;
	padding: 0 20px;
	height: 44px;
	margin: 10px auto;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	font: 600 16px/44px "Arial", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	border: 1px solid #c30202;
	border-radius: 6px;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
  /*GRADIENT*/
  background: #ff0000; /* Old browsers */
  background: -moz-linear-gradient(top, #ff0000 0%, #a60303 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#a60303)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ff0000 0%,#a60303 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ff0000 0%,#a60303 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ff0000 0%,#a60303 100%); /* IE10+ */
  background: linear-gradient(top, #ff0000 0%,#a60303 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#a60303',GradientType=0 ); /* IE6-9 */
  cursor: pointer;
}

.redBT:focus, .redBT:hover {
	width: auto;
	padding: 0 20px;
	height: 44px;
	margin: 10px auto;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	font: 600 16px/44px "Arial", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	border: 1px solid #c30202;
	border-radius: 6px;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
  /*GRADIENT*/
  background: #a60303; /* Old browsers */
  background: -moz-linear-gradient(top, #a60303 0%, #ff0000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a60303), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a60303 0%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a60303 0%,#ff0000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a60303 0%,#ff0000 100%); /* IE10+ */
  background: linear-gradient(top, #a60303 0%,#ff0000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a60303', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
}



#footLink a { text-decoration: underline;}


/* -- STEP 2 PAGE -- */

#lookup-form-table .infBox {
	width: 180px;
	height: 30px;
	background-color: #E9E9E9;
	border: 1px solid #CACACA;
	box-shadow: 0 0 1px 0 #FFF, inset 0 1px 2px 0 rgba(0,0,0,.15);
	border-radius: 4px;
	padding: 0 10px;
	color: #787878;
	font: 600 14px/30px "Arial", "Helvetica Neue", Helvetica, sans-serif;
	margin: 5px 0;
	text-shadow: 0 1px 0 #FFF;
}


/* -- OFFERS BADGES STYLE -- */

.badge {
	-webkit-backface-visibility: hidden;

	-webkit-animation: bounce 2s infinite ease-in backwards;
	-moz-animation: bounce 2s infinite ease-in backwards;
	animation: bounce 2s infinite ease-in backwards;
}

.blueBT.nomargin, #email.lookup-input {
    margin:0!important;
}

#email.lookup-input {
    height:44px!important;
}

/* -- XSALE STYLE -- */
.xsale{
	font-size: 8px;
	padding: 10px 0px;
}
.btn-box-xsale{
	text-align: center;
	padding: 0px;
	background-color: #f7f7f7;
	max-width: 562px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	border: 1px solid #d7d7d7;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* ===================================== */
/* ============= LANDSCAPE ============= */
/* ===================================== */

@media only screen and (orientation:landscape) { }

/* ========================================== */
/* ====== Retina Images for iPhone 4/4s ===== */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

		body, html { }
}

/* ===================================== */
/* ============ KEYFRAMES ============== */
/* ===================================== */

@-webkit-keyframes slideup {
    from { -webkit-transform: translateY(-100%); opacity: 0; display: none; overflow: hidden;}
    to { -webkit-transform: translateY(0%); opacity: 1; display: block; overflow: auto;}
}

@-webkit-keyframes bounce {
	from {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);
		}
	to {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@-moz-keyframes bounce {
	from {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);
		}
	to {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes bounce {
	from {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);
		}
	to {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
}