/* 
* Amazium V1.3
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/


/***** Reset & Basics *****/

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

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

body 									{ line-height:1; }

ol, ul 									{ list-style:none; }

blockquote, q 							{ quotes:none; }

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

table 									{ border-collapse:collapse; border-spacing:0; }
	


/*
* Amazium FORM CSS
*/


/***********************************************
Forms with labels
***********************************************/
form { margin: 0 0 16px; padding: 0; display: inline-block; width: 100%; }
label { margin: 0; padding: 0 16px 0 0; float: left; text-align: right; width: 30%; height: 40px; font-family: sans-serif; font-size: 14px; line-height: 40px; color: #666; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
label.checkbox, label.radio { text-align: left; width: auto; }
form span { margin: 10px 0; padding: 0; display: block; overflow: hidden; float: left; }
fieldset { margin: 0 0 20px 0; padding: 0; display: block; position: relative; top: 0; left: 0; }
fieldset small { margin: 0 0 0 30%; padding: 3px 8px; font-family: sans-serif; font-size: 11px; line-height: 20px; color: #FFF; border-color: #E74C3C; background-color: #E74C3C; width: 70%; float: right; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
input, textarea, select, textarea { margin: 0; padding: 0 10px; display: block; border-radius: 0; width: 70%; height: 40px; font-family: sans-serif; font-size: 14px; line-height: 40px; color: #555; border: solid 1px #BBB; overflow: hidden; position: relative; top: 0; left: 0; outline: 0 none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; }
textarea { padding: 0 0 0 10px; resize: none; min-height: 100px; overflow-y: auto; }
input[type="search"] { -webkit-padding-start: 0; }
/***********************************************
Styled Select fields
***********************************************/
.select { margin: 0; padding: 0; position: relative; display: inline-block; width: 70%; right: 0; top: 0; height: 40px; background: #FFF; overflow: hidden; border: solid 1px #BBB; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.select:after { margin: 0; padding: 0; content: '\25be'; color: #999; line-height: 35px; text-align: center; right: 0; top: 0; background: #FFF; width: 38px; height: 38px; position: absolute; pointer-events: none; }
.select select { padding: 10px; padding-top: 11px; -webkit-padding-before: 0; -webkit-padding-start: 6px; width: 100%; height: 40px; font-family: sans-serif; font-size: 14px; line-height: 40px; float: left; color: #999; border: none; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
.select option { padding: 10px; border-bottom: 1px solid #F2F2F2; }
.select optgroup { padding: 0 10px; color: #000; background-color: #FFF; }
.select optgroup[label] { padding-top: 10px; background-color: #FFF; font-style: normal; }
.select optgroup option { border-bottom: 1px solid #F2F2F2; font-family: sans-serif; font-size: 12px; line-height: 40px; }
.select optgroup option:first-child { margin: 10px 0 0 0; border-top: 1px solid #F2F2F2; }
/***********************************************
Styled Checkboxes
***********************************************/
.checkbox { padding: 8px 0 0; width: 70%; float: right; }
.checkbox > span { margin: 0 0 10px; padding: 0 20px 0 0; float: left; position: relative; top: 0; left: 0; width: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.checkbox > span label { padding: 2px 0 0 32px; width: 100%; height: auto; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: left; cursor: pointer; float: none; display: block; position: relative; left: 0; top: 0; }
input[type="checkbox"], input[type="checkbox"]:not(:focus):invalid {
width:22px;
height:22px;
position:absolute;
top:0;
left:0;
}
input[type="checkbox"] + label:before { margin: 0; content: '\2718'; position: absolute; left: 0; top: 0; background-color: #FFF; border: 1px solid #CCC; cursor: pointer; display: inline-block; height: 20px; width: 20px; text-align: center; font-family: sans-serif; font-size: 13px; line-height: 22px; color: #CCC; transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; }
input[type="checkbox"]:checked + label:before { background-color: #000; content: '\2714'; border-color: #000; color: #FFF; transition: all .6s linear 0s; -moz-transition: all .6s linear 0s; -webkit-transition: all .6s linear 0s; -o-transition: all .6s linear 0s; }
input[type="checkbox"] + label + small { margin: 0; padding: 0 0 0 32px; background: none; border: none; color: #E74C3C; width: auto; float: none; }
/***********************************************
Styled Radio button
***********************************************/
.radio { padding: 8px 0 0; width: 70%; float: right; }
.radio > span { margin: 0 0 10px; padding: 0 20px 0 0; float: left; position: relative; top: 0; left: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.radio > span label { margin: 0; padding: 2px 0 0 32px; width: 100%; height: auto; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: left; cursor: pointer; display: block; position: relative; left: 0; top: 0; }
input[type="radio"], input[type="radio"]:not(:focus):invalid {
width:22px;
height:22px;
border:none;
position:absolute;
top:0;
left:0;
}
input[type="radio"] + label:before { margin: 0; content: ''; position: absolute; left: 0; top: 0; background-color: #FFF; border: 1px solid #CCC; cursor: pointer; display: inline-block; height: 20px; width: 20px; text-align: center; font-family: sans-serif; font-size: 13px; line-height: 22px; color: #CCC; border-radius: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; }
input[type="radio"]:checked + label:before { border: 7px solid #000; transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; }
input[type="radio"] + label + small { margin: 0; padding: 0 0 0 32px; background: none; border: none; color: #E74C3C; width: auto; float: none; }



/***********************************************
Validation
***********************************************/
input:not(:focus):invalid {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
 input:focus:invalid, .error input, select:focus:invalid, input[type="checkbox"]:focus:invalid, input[type="checkbox"]:focus:invalid + label:before {
color:#E74C3C;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
 input:focus:invalid::-webkit-input-placeholder {
color:#E74C3C;
opacity:1;
}
input:focus:invalid:-moz-placeholder {
color:#E74C3C;
opacity:1;
}
input:focus:invalid::-moz-placeholder {
color:#E74C3C;
opacity:1;
}
input:focus:invalid:-ms-input-placeholder {
color:#E74C3C;
opacity:1;
}
.error input + small { margin: 0; padding: 3px 8px; font-family: sans-serif; font-size: 11px; line-height: 20px; color: #FFF; border-color: #E74C3C; background-color: #E74C3C; width: 70%; float: right; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
/***********************************************
Buttons
***********************************************/
input[type="button"], input[type="submit"], input[type="reset"] { margin: 6px 6px 6px 0; padding: 0 10px; display: inline-block; height: 40px; font-family: sans-serif; font-size: 14px; line-height: 40px; font-weight: normal; color: #fff; border: 1px solid #000; float: left; width: auto; background-color: #000; cursor: pointer; -webkit-appearance: none; }
input.first { margin-left: 30%; }
input[type="button"] { color: #FFF; border-color: #000; background-color: #000; transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; }
input[type="submit"] { color: #FFF; border-color: #2ECC71; background-color: #2ECC71; transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; }
input[type="reset"] { color: #999; border-color: #CCC; background-color: #FFF; transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; }
input:hover[type="button"] { border-color: #CCC; background-color: #FFF; color: #333; }
input:hover[type="submit"] { border-color: #2ECC71; background-color: #25a35a; color: #FFF; }
input:hover[type="reset"] { border-color: #000; background-color: #000; color: #FFF; }
/***********************************************
Forms without labels
***********************************************/
.hide-lables label { display: none; }
.hide-lables .checkbox label, .hide-lables .radio label { display: block; }
.hide-lables input, .hide-lables textarea, .hide-lables select, .hide-lables .select, .hide-lables fieldset.error input + small { width: 100%; }
.hide-lables small { margin: 0; width: 100%; }
.hide-lables .radio, .hide-lables .checkbox { width: 100%; float: right; }
 input[type="checkbox"], input[type="checkbox"]:not(:focus):invalid, input[type="radio"], input[type="radio"]:not(:focus):invalid {
width:20px;
height:20px;
}


/***********************************************
Validation
***********************************************/
.hide-lables input:not(:focus):invalid + small {
width:100%;
}
/***********************************************
Buttons
***********************************************/
.hide-lables input[type="button"], .hide-lables input[type="submit"], .hide-lables input[type="reset"] { margin: 6px 6px 6px 0; width: auto; }



/***********************************************
Placeholder
***********************************************/
::-webkit-input-placeholder {
color:#333;
opacity:.5;
}
:-moz-placeholder {
color:#333;
opacity:.5;
}
::-moz-placeholder {
color:#333;
opacity:.5;
}
:-ms-input-placeholder {
color:#333;
opacity:.5;
}

:focus::-webkit-input-placeholder {
color:#333;
opacity:1;
}
:focus:-moz-placeholder {
color:#333;
opacity:1;
}
:focus::-moz-placeholder {
color:#333;
opacity:1;
}
:focus:-ms-input-placeholder {
color:#333;
opacity:1;
}
input:focus { color: #000; border-color: #999; outline: none; }
textarea:focus { color: #000; border-color: #999; outline: none; }
select:focus { color: #000; border-color: #999; outline: none; }
/***********************************************
NYSMNYD
***********************************************/
.nysmnyd-labels fieldset label { display: block; position: absolute; left: 1px; top: 0; height: auto; width: auto; z-index: 1; font-family: sans-serif; font-size: 12px; line-height: 40px; color: #999; transition: all .1s ease-out 0s; -moz-transition: all .1s ease-out 0s; -webkit-transition: all .1s ease-out 0s; -o-transition: all .1s ease-out 0s; }
.nysmnyd-labels fieldset.show-all label { top: -27px; transition: all .1s ease-out 0s; -moz-transition: all .1s ease-out 0s; -webkit-transition: all .1s ease-out 0s; -o-transition: all .1s ease-out 0s; }
.nysmnyd-labels input, .nysmnyd-labels .select, .nysmnyd-labels textarea { z-index: 2; }
 .nysmnyd-labels input, .nysmnyd-labels textarea, .nysmnyd-labels select, .nysmnyd-labels .select, .nysmnyd-labels fieldset.error input + small, .nysmnyd-labels fieldset input:not(:focus):invalid + small, .nysmnyd-labels small {
width:100%;
}
.nysmnyd-labels .radio, .nysmnyd-labels .checkbox { width: 100%; float: right; }
/***********************************************
Disable Chrome blue border
***********************************************/
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
/*
* AMAZIUM CSS
*/


/***** Screen 960px *****/

.row 								{ margin:0 auto; width:960px; overflow:hidden; }
.row .row 							{ margin:0 -16px 0 -16px; width:auto; display:inline-block; }

.grid_1								{ width:48px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:128px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:208px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:288px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:368px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:448px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:528px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:608px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:688px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:768px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:848px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:928px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
	
.offset_1							{ margin-left:96px; }
.offset_2							{ margin-left:176px; }
.offset_3 							{ margin-left:256px; }
.offset_4 							{ margin-left:336px; }
.offset_5 							{ margin-left:416px; }
.offset_6 							{ margin-left:496px; }
.offset_7 							{ margin-left:576px; }
.offset_8 							{ margin-left:656px; }
.offset_9							{ margin-left:736px; }
.offset_10							{ margin-left:816px; }
.offset_11							{ margin-left:896px; }

.show-phone 						{ display:none !important; }
.show-tablet 						{ display:none !important; }
.show-screen						{ display:inherit !important; }
	
.hide-phone							{ display:inherit !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:none !important; }



/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

.row 								{ margin:0 auto; width:1200px; overflow:hidden; }
.row .row 							{ margin:0 -20px 0 -20px; width:auto; display:inline-block; }

.grid_1								{ width:60px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:160px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:260px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:360px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:460px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:560px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:660px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:760px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:860px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:960px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:1060px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:1160px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.offset_1							{ margin-left:120px; }
.offset_2							{ margin-left:220px; }
.offset_3 							{ margin-left:320px; }
.offset_4 							{ margin-left:420px; }
.offset_5 							{ margin-left:520px; }
.offset_6 							{ margin-left:620px; }
.offset_7 							{ margin-left:720px; }
.offset_8 							{ margin-left:820px; }
.offset_9							{ margin-left:920px; }
.offset_10							{ margin-left:1020px; }
.offset_11							{ margin-left:1120px; }

.show-phone 						{ display:none !important; }
.show-tablet 						{ display:none !important; }
.show-screen						{ display:inherit; }

.hide-phone							{ display:inherit !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:none !important; }

}



/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.row 								{ margin:0 auto; width:768px; overflow:hidden; }
.row .row 							{ margin:0 -14px 0 -14px; width:auto; display:inline-block; }
		
.grid_1								{ width:36px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:100px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:164px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:228px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:292px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:356px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:420px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:484px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:548px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:612px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:676px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:740px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
		
.offset_1							{ margin-left:78px; }
.offset_2							{ margin-left:142px; }
.offset_3 							{ margin-left:206px; }
.offset_4 							{ margin-left:270px; }
.offset_5 							{ margin-left:334px; }
.offset_6 							{ margin-left:398px; }
.offset_7 							{ margin-left:462px; }
.offset_8 							{ margin-left:526px; }
.offset_9							{ margin-left:590px; }
.offset_10							{ margin-left:654px; }
.offset_11							{ margin-left:718px; }
	
.show-phone 						{ display:none !important; }
.show-tablet 						{ display:inherit !important; }
.show-screen						{ display:none !important; }
	
.hide-phone							{ display:inherit !important; }
.hide-tablet						{ display:none !important; }
.hide-screen						{ display:inherit !important; }
	
}



/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

.row 								{ margin:0 auto; width:300px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }
		
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12							{ width:300px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }

.offset_1,
.offset_2,
.offset_3,
.offset_4,
.offset_5,
.offset_6,
.offset_7,
.offset_8,
.offset_9,
.offset_10,
.offset_11							{ margin-left:0; }

.show-phone 						{ display:inherit !important; }
.show-tablet 						{ display:none !important; }
.show-screen						{ display:none !important; }
	
.hide-phone							{ display:none !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:inherit !important; }
			
}	 




/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.row 								{ margin:0 auto; width:456px; overflow:hidden; }
.row .row 							{ margin:0; width:auto; display:inline-block; }
	
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12							{ width:456px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }

.show-phone 						{ display:inherit !important; }
.show-tablet 						{ display:none !important; }
.show-screen						{ display:none !important; }
	
.hide-phone							{ display:none !important; }
.hide-tablet						{ display:inherit !important; }
.hide-screen						{ display:inherit !important; }

}




/***** Clean up *****/

.container:after 					{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after 							{ content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.row:after,	.clearfix:after 		{ clear:both; }
.row, 
.clearfix 							{ zoom:1; }
.clear 								{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;	}