html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,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;vertical-align:baseline;background:transparent; max-height: 999999px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;vertical-align:baseline;background:transpArent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px .addProductVariantToCartErrorssolid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
/* END RESET CSS (html5doctor.com) */
 
/* OTHER RESET STYLESHEET (HTML GENERAL) */
html, body {  min-height:100%; height:auto !important; height:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%;
-moz-text-size-adjust:100%;  }
body { margin: 0px; padding: 0px; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; position: relative; line-height: 1; background-color: #FFFFFF}

/* FONTS */
@font-face {
    font-family: "Heuristica";
    src: url("../fonts/heuristica-regular-webfont.woff") format('woff');
}

@font-face {
    font-family: "Heuristica";
    src: url("../fonts/heuristica-bold-webfont.woff") format('woff');
    font-weight: bold;
}
@font-face {
    font-family: "Heuristica";
    src: url("../fonts/heuristica-bolditalic.woff") format('woff');
    font-style: italic;
}


html {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
*, *:before, *:after {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

/* CSS Styles for Brastop Models */
body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; letter-spacing: 1.4; padding: 0px; margin: 0px; line-height: 1.3; font-size: 12pt; }

/* Headers */

h2 { font-family: 'Heuristica', arial, sans-serif; font-style: italic; font-weight: normal; color: #CC0066; margin: 0px 0px 5px 0px ; padding: 0px 0px 5px 0px; color: #F33491; font-weight: normal; }

/* Padding */
.extratop { margin-top: 10px; }
.extratop15 { margin-top: 15px; }
.extratop20 { margin-top: 20px; }

/* Links */
.pink { color: #F39; }
.purple { color: #4C0066; }
.red_text { color: #CC0000; }
.green_text { color: #009933; }
.turq_text { color: #009966; }

img { border: 0px; }

a:link, a:visited { color: #FF0099; }
a:hover { color: #CC0099; }

/* Clearfix */
.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0;  }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }

/* Main Layout */
div#header { width: 100%; text-align: center; background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
font-family: "Cabin Condensed",Arial,Helvetica,sans-serif; padding: 20px 10px; 
}

img#header_photos { max-width: 100%; margin: 5px 0px }

a#top-logo { display: block; }
a#top-logo-mobile { display: none; }
a#top-logo img, a#top-logo-mobile img { max-width: 100%; height: auto;  }
div#intro { text-align: center; font-family: "Cabin Condensed",Arial,Helvetica,sans-serif; padding: 20px; }
span#intro-slogan { font-size: 1.4em; font-weight: bold; }
span#enter-by { font-size: 1.4em; color: #F39; font-weight: bold; }

div.pink-strip { color: #FFF; text-align: center; font-size: 1.2em; background-color: #F33491; padding: 10px 15px }
p { font-size: 0.9em; line-height: 1.5 }

div.wrapper { width: 880px; margin: 20px auto;  }

@media screen and (max-width: 960px) {
	div.wrapper { width: 100%; padding: 10px;  }
}

@media screen and (max-width: 480px) {
a#top-logo { display: none; }
a#top-logo-mobile { display: block; }
p { font-size: 1em; }
}

/* Submit your photos */
div#photo_form_wrapper { padding: 0px; }

div.photos_text_left { width: 340px; padding-left: 15px; float: left; }
div.photos_text_right { width: 395px; padding-right: 15px; float: right; }

div.photos_exp_1 { width: 388px; float: left; }
div.photos_exp_2 { width: 197px; float: left; }
div.photos_exp_3 { width: 218px; float: left; }
div.photos_exp_4 { width: 197px; float: left; }


/* Instructions */
div#right_column { float: right; width: 360px; }
div#right_column div { float: none; }
div#photo-guidelines { float: none; width: 360px;}
ul#stages { list-style: none; font-size: 0.9em; }
ul#stages li { padding: 0px 0px 5px 0px; display: block; }

@media screen and (max-width: 960px) {
div#right_column { float: none; width: 100%; }
div#right_column div { float: left; }
div#photo-guidelines { float: left; margin: 0px 0px 0px 20px }
div#photo-guidelines h2.extratop20 { margin-top: 0px; }
div#photo-guidelines img { max-width: 100%; }
}

@media screen and (max-width: 810px) {
div#photo-guidelines h2.extratop20 { margin-top: 20px; }
div#photo-guidelines { float: none; width: 100%; margin: 0px 0px 0px 0px }

}

/* Form elements */

div#form_wrapper { width: 475px; float: left; }
div.formrow { padding: 5px; margin-bottom: 2px; display: block }
div.formrow1 { background-color: #FFE6F4; }
div.formrow2 { background-color: #FFECF7; }
div.formrow3 { background-color: #F0F0F0; }

div.formrow span { font-size: 8pt; color: #CC3366; font-style: italic; }
div.formrow span.pre-image { display: block; float: left; padding: 4px 0px; color: #666666; }

label { float: left; width: 130px; padding: 4px 0px 0px 5px; font-family: "Cabin Condensed",Arial,Helvetica,sans-serif; }
label.upload { padding: 2px 0px 0px 5px; }
input { border: 1px solid #FF9BD2; }
textarea { width: 100%; height: auto; }
select { border: 1px solid #FF9BD2; }

div#submit-area { padding: 10px 0px }
div#submit-area img { cursor: pointer }

div#submit-errors { background: #FEE0E1; border: 3px solid #DF0B10; padding: 8px; margin: 5px 0px; }

@media screen and (max-width: 960px) {
	div#form_wrapper { float: none; width: 100%; }
}

@media screen and (max-width: 500px) {
label { float: none; width: auto; display: block; padding: 0px 0px 3px 0px; }
input, select, textarea { padding: 5px;  }
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}
}


/* Buttons */
a.buttons_big, a.button-1, a.button-1  { padding: 6px 10px 8px 10px; font-size: 1em }
a.buttons, a.button-1, a.button-2 { display: inline-block; *display: inline; zoom: 1; font-family: "Cabin Condensed",Arial,Helvetica,sans-serif; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; text-align: center; border: 0px; color: #FFFFFF; text-transform: uppercase; cursor: pointer; background-color: #8E0045; -webkit-appearance: none; }
a.buttons:hover, a.button-1:hover, a.button-2:hover { background-color: #660031; color: #FFF }
a.button-2 { padding: 3px 10px 5px 10px; font-size: 0.8em }
a.green { background-color: #327E18; }
a.green:hover { background-color: #296914; }

/* Shapes */

.circle{display: inline-block; zoom: 1; *display: inline; width:20px;height:20px;border-radius:50%;font-size:20px;color:#fff;line-height: 20px;text-align:center;background:#000; font-size: 0.8em; background-color: #F33491; }

/* Picture uploading */
div.photo-confirm { background: #D9FCA9; border: 3px solid #009731; padding: 8px; margin-bottom: 5px }
a.upload { cursor:pointer !important; float: left;  }

div.image-thumb { border: 3px solid #FFFFFF; width: 100px; height: 140px; background-position: center; background-repeat: no-repeat; float: left; margin-right: 10px; display: block; background-color: #FFFFFF }

div.status-message { float: left; padding: 8px 0px; }

div#occupation-other { display: block; padding: 10px 0px 0px 135px;  }
div#favourite-brand-other { display: block; padding: 10px 0px 0px 135px;  }

div#reasons-for-entering { display: block; padding: 0px 0px 10px 5px;  }