/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
/*ol, ul, li { list-style:none }*/
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none; outline:none } /* Gets rid of IE's blue borders */
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	width:100%;
	height:100%;
	background-color:#e5e2de;
	margin:0;
	padding:0;
	font-size:16px;
	color:#555;
}
#page,
#page-2,
#page-3 {
	margin:0px auto 0 auto;
	position: relative;
}
#page {
	width: 1000px;
}
#page-2 {
	width: 480px;
}
#page-3 {
	width: 640px;
}
#page-wrap{float:left;
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.7);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.7);}
.page-header{width:100%;float:left;background-color:#eb174e; padding-top:25px; padding-bottom:25px;}
.header-logo{ float:left; padding-left:30px;padding-right:30px;}
.header-title h1{float:right;color:#fff; font-size:28px; font-style:italic; font-weight:normal; margin-right:25px;}
.page-content-wrap{width:100%;float:left; background-color:#fff;}
.page-conent{float:left;margin:10px 30px;}
.page-conent p{ margin-top:10px; margin-bottom:10px; line-height:20px;}
.page-conent a{color:#eb174e; text-decoration:underline;font-style:italic;}
.form-block-wrap{float::left; padding-top:20px !important;}
.form-row-wrap{float:left;width:100%;}
.form-row-link-bg{background-image:url(../images/icon-link.png); background-position:center 45px; background-repeat:no-repeat;}
.form-row-link-bg1{background-position:center 15px;}
.form-row-link-bg30{background-position:32.5% 45px;}
.form-row-link-bg30-1{background-position:32.5% 15px;}
.form-col-last{margin-top:27px !important}
.form-col-last1{margin-top:10px !important}
.checkbox-field{margin-top:0px !important; margin-bottom:0 !important;}
.checkbox-field label{padding-bottom:0px !important;}
.field label{float:left !important; padding-left:5px !important; padding-top:2px !important;}
.field img{ float:left;clear:both !important; border:1px solid #ddd !important; margin-left:20px !important; margin-top:7px !important;}
.button-wrap{ background-color:#f2f0ee; padding-top:20px !important; padding-bottom:10px !important; margin-top:10px !important; display:inline-block; text-align:center;}
.radio {
	height: 20px;
	width: 18px;
	float:left;
	margin: 0 0 0px;
	padding: 0 0 0 0px;
	background: url("../images/Radio Button.png") no-repeat;
	background-repeat:no-repeat;
	cursor: default;
}
.radio-adjacent{margin-left:40px !important;}
.checkbox {
	height: 25px;
	width: 100%;
	clear:left;
	float:left;
	margin: 0 0 0px;
	padding: 0 0 0 0px;
	background: url("../images/checkbox.gif") no-repeat;
	cursor: default;
	text-align:left;
}
.checkbox input,.radio input {
	display: none;
}
.radio label,.checkbox label{ margin-left:20px !important; margin-right:20px !important; line-height:13px !important;}
.checkbox input.show,.radio input.show {
	display: inline;
}
.selected {
	background-position: 0 -52px;
}
.add-more{margin-top:-10px !important;}
.add-more .icon-plus:before{ font-size:22px; color:#aaa; font-weight:bold;}
.add-more a{ font-size:13px !important; font-style:italic !important; color:#eb174e; font-weight:bold !important; text-decoration:underline !important; display:inline-block; margin-left:5px !important;}
.rebranding{display:none;}
.productbrand{ display:none;}
.ambients-others{display:none;}
.affiliation-block{ display:none;}
@media screen and (max-width:1024px) {
	#page,
	#links .links-wrap {
		width: 100%;
	}

}
@media screen and (max-width:768px) {
	.form-row-link-bg{ background-image:none;}	
}
@media screen and (max-width:640px) {
	#page-3 {
		width: 100%;
	}
	.header-title h1{font-size:25px;}
	.form-row-link-bg{ background-image:none;}
}

@media screen and (max-width:480px) 
{
    .page-header{ padding-bottom:10px;}
    .header-logo{padding-left:5px;}
    .header-title h1{float:left;font-size:18px; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:0px;}
    .page-conent{float:left;margin:10px 10px;}
	.description .block 
	{
		width: 100%;
	}
	#links a,
	#page-2 {
		width: 100%;
	}
	.form-row-link-bg{ background-image:none;}
	.checkbox { width:100%}
	.form-col-last{margin-top:0 !important; margin-bottom:30px !important;}
	.form-col-last1{margin-top:0 !important;margin-bottom:30px !important;}
}