html, body {margin:0; padding:0;}
body {font-size:86%; font-family:Frutiger,Arial,Helvetica,sans-serif; color:#fff; background:#e2322b;}
p {font-size:1.0em; margin:0 0 10px 0; line-height:1.4; text-align:left;}

	a {color:#fff; text-decoration:none; padding:1px 2px; background:#ea6f6b;}
	a:active, a:focus, a:hover {background:#fff; color:#e2322b}
	a, a:focus, a:active {outline:none;} /* Removes the dotted line around links */
	a img {border:none;}

h1 {line-height:1.3em; font-size:1.3em; font-weight:bold; margin:0 0 15px 0;letter-spacing:0.7px; text-transform:uppercase; text-align:left;}
h2 {position:relative; height:1.3em; line-height:1.3em;font-size:1.1em; font-weight:normal;  margin:0 0 10px 0; letter-spacing:0.3px; text-transform:uppercase; text-align:left; border-bottom:1px solid #fff;}
h3 {line-height:1em; font-size:1em; font-weight:bold; margin:0 0 10px 0; letter-spacing:0.3px; text-transform:uppercase; text-align:left;}
h4 {line-height:1em; font-size:1em; font-weight:normal; margin:0 0 10px 0;text-transform:uppercase;  text-align:left;}
.unviewable {position:absolute; display:block; height:10px; text-indent:-999em; margin:-10px 0 0 0; list-style:none; overflow:hidden; padding:0;}  /* Hides the element from view */
.small {font-size:0.9em; margin-bottom:15px;}
.white-border {border:1px #fff solid;}
.clear {clear:both;}

ul {margin-bottom:20px;}

sub {display:inline-block; margin-bottom:-1em;}


div.highlight {line-height:1.3; font-size:1.3em; margin:40px 0;}
p.highlight {line-height:1.3; font-size:1.3em; }

ol li {list-style-type: lower-alpha;}
ol.numerals li {list-style-type: decimal;}
div {position:relative;}


input:focus, textarea:focus {background:#fefef4; }

/************************
STRUCTURAL
************************/

#container {min-width:980px;}

.wrapper {margin:0 auto;width:950px; height:100%; z-index:3; }

.structureleft {float:right; width:695px; height:100%; }

.structureright {width:245px; z-index:3}


#content {position:relative; margin:0; padding:0; width:100%; overflow:hidden;  z-index:2;}
#content .wrapper {padding-top:10px;}

#content #main {min-height:460px}
#content #main-i {width:480px; }

#content #hanger {position:absolute; right:0; top:0; width:402px; height:463px; background:url(../images/hanger.jpg) no-repeat; }


#footer {padding-bottom:20px; width:100%; height:140px; overflow:hidden;  z-index:2;}

/************************
LOGO BAR
************************/
#logobar {height:190px; z-index:25; }

#logobar h1 {position:absolute; display:block; left:-129px; width:1080px; height:190px; top:0px; margin:0; padding:0; background:url(../images/header.png) no-repeat; z-index:10;}
.ThanksPage #logobar h1 {background:url(../images/thanks.png) no-repeat; z-index:10;}


p.header-name {font-size:3em; line-height:0.8em; font-weight:700; margin-bottom:20px;}


/************************
 * Footer
 ***********************/

#footer .wrapper {}



#vanity {padding-top:20px; width:480px;}
#vanity p {font-size:0.8em; margin:0; text-align:left; }
#vanity p img {margin-bottom:10px;}
#vanity a {background:none; padding:0;}
#vanity a:hover {color:#fff;}

#vanity .left {position:absolute; width:320px; bottom:11px; left:0;}
#vanity .right {text-align:right;}

/************************
WYSIWYG EDITOR ALIGNMENT CLASSES
************************/

#content p.left {text-align:left;}
#content p.center {text-align:center;}
#content p.right {text-align:right;}
#content p img.center {margin:0 auto 10px auto; display:block}
#content p img.right {float:right; margin-left:20px;}
#content p a.right {float:right; padding:0;background:none;}
#content img.large {margin-top:-40px;margin-right:-10px;}
#content img.leftAlone {text-align:left; display:block; margin-bottom:10px;}
#content img.left {float:left; margin-right:20px;}
#content p.MsoNormal, #content p.MsoBodyText {margin: 0;}


/************************
ALL FORMS
************************/
form {display:block; position:relative;}
form input.checkbox {border:none;}

form div.field {position:relative;}

form p {margin:0 0 10px 50px; font-size:0.9em; line-height:1.1; }
form .help {margin:0 0 10px 100px; font-size:0.8em; margin-top:-5px;}
form #Remember {margin-left:100px;overflow:hidden;}
form #Remember input {margin:0 10px 0 0; float:left; width:auto; }
form #Remember label {width:auto; margin-top:2px; float:left; }

form #ForgotPassword {position:absolute; line-height:2.1; height:2.1em; top:0; right:160px; padding:0 10px; text-decoration:none; font-weight:bold;}
form #ForgotPassword a {text-decoration:none;}

form .honeypot {display:none;} /* hides spam protection field */

form fieldset {border:none; margin:0; padding:0}
form input, form textarea, form select {border:#fff 1px solid; margin:0;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; color:#000; padding:3px; width:350px;}

form div.field {clear:left; margin-bottom:10px;}
form label {float:left; display:block; width:90px; text-align:right; padding-right:10px; line-height:1.2; margin-top:0.2em; font-weight:bold;}
form div.optionset {overflow:hidden;}
form .optionset input {width:auto;}
form ul.optionset label {width:auto !important;}
form ul.optionset {margin-left:170px;}
form ul.optionset li {clear:left; list-style:none;}
form ul.optionset li input {float:left; margin:0.2em 5px 0 0; }
form div.optionset ul {padding:0; list-style:none; margin:0; overflow:hidden;}
form .checkbox input, form .optionset input {border:0;}

/* Required */
form span.required, form span.message {background:#ea6f6b; color:#000; display:block;line-height:1.1; font-size:0.9em; padding:3px; margin:0 0 0 100px; width:352px}
/* Required */
#Form_FormRespond_error, form p.message, form p.required {background:#fff;color:#000;display:block;line-height:1.1;padding:6px; margin:5px 0 0;}
#Form_FormRespond_error_JS {background:#fff url(../images/error.png) no-repeat 15px 10px;color:#000;display:block;line-height:1.1;padding:6px 6px 10px 50px; margin:5px 0 20px; max-height:none; overflow:visible; display:none;}
#Form_FormRespond_error_JS b {font-size:1.2em; display:block;padding:7px 0;}
#Form_FormRespond_error_JS strong {padding-top:5px; display:block;}

/* Action */
form .Actions {margin:10px 0; padding:0; border:0; text-align:right}
form .Actions input {background:#e7d28a url(../images/button.jpg) no-repeat; border:#e2322b 1px solid; padding:0; font-size:0.95em; height:41px; text-align:center; font-weight:bold; cursor:pointer; width:150px;}
form .Actions input:hover {color:#fff;}


/************************
 * SPECIFIC
 ***********************/

#Form_FormRespond {margin:40px 0 0;}
form h2 {clear:both; padding-left:50px;}

.summary {color:#000;}

.expand {display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; overflow:hidden; background:none; cursor:pointer;}
.expand span {display:inline-block; font-size:11px; line-height:11px; height:11px; text-transform:none; padding:4px 5px 1px; background:#ea6f6b;}
.expand:hover ,.expand:focus {background:none}
.expand:hover span,.expand:focus span, .contract span {background:#fff; color:#e2322b;}

.error-specific {display:inline-block; position:relative; width:16px; height:1.3em; padding:0 0 0 20px; overflow:hidden; text-indent:-999em; background:url(../images/exclamation.png) no-repeat right center; cursor:pointer;}

.checkpoint {display:block; position:absolute; top:0; right:2px; width:18px; height:18px; padding:0; margin:0; overflow:hidden; background:#fff url(../images/tick.png) no-repeat top left; cursor:pointer; z-index:-1;}
	.goodtogo {background-position: right 0;}
	.nogo {background-position: right -18px;}

div.holder-required {background:url(../images/error.png) no-repeat right 5px;}

/************************
 * COMPANY INFO
 ***********************/
#companyInfo {}
#companyInfo {margin:0 0 2.3em; position:relative; zoom:1; z-index:100000;} /* IE, keeps dropdown above the following elements */

#qty {width:268px; float:left; clear:none;}
#qty input {width:158px;}
#pages {width:220px; float:left; clear:none;}
#pages input {width:110px;}
#colour {clear:left;}
/*label.right {position:absolute; margin:0; padding:0; font-size:0.8em; font-weight:normal; top:0.5em; right:-145px; width:140px; text-align:left;}
*/

/************************
 * jquery.autocomplete.css
 ***********************/
	
/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
	overflow: hidden; 
	height: auto !important; 
	height: 1%;
	width: 350px;
	cursor: text;
	font-family: Frutiger,Arial, Helvetica, sans-serif;
	min-height: 1px;
	z-index: 999;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

ul.token-input-list-facebook {
	list-style-type: none;
}

ul.token-input-list-facebook li input {
	border: 0;
	width: 150px;
	padding: 3px 8px;
	background-color: #fff;
	margin: 2px 0;
}

li.token-input-token-facebook {
	overflow: hidden; 
	height: auto !important; 
	height: 1%;
	margin: 3px;
	padding: 1px 3px;
	background-color: #ffdad9;
	color: #000;
	cursor: default;
	border: 1px solid #f09a97;
	font-size: 11px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
}

li.token-input-token-facebook p {
	display: inline;
	padding: 0;
	margin: 0;
}

li.token-input-token-facebook span {
	color: #e2322b;
	margin-left: 5px;
	font-weight: bold;
	cursor: pointer;
}

li.token-input-selected-token-facebook {
	background-color: #e2322b;
	border: 1px solid #e2322b;
	color: #fff;
}
li.token-input-selected-token-facebook span {
	color: #fff;

}

li.token-input-input-token-facebook {
	float: left;
}

div.token-input-dropdown-facebook {
	position: absolute;
	width: 350px;
	margin-left:100px;
	background:#ffdad9;
	overflow: hidden;
	cursor: default;
	font-size: 11px;
	font-family: Verdana;
	z-index: 10000;
}

div.token-input-dropdown-facebook p {
	margin: 0;
	padding: 5px;
	font-weight: bold;
	color: #e2322b;
}

div.token-input-dropdown-facebook ul {
	border-top:2px solid #ffdad9;
	margin: 0;
	padding: 0;
	z-index: 10000;
	position:relative;
	zoom:1;
}

div.token-input-dropdown-facebook ul li {
	background-color: #fff;
	color:#e2322b;
	padding: 3px;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
	background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
	background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
	font-weight: bold;
	font-style: none;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
	background-color: #ffdad9;
	color: #e2322b;
	cursor:pointer;
}
#main ul.disable {background:#e2322b; !important}

#extra {margin:40px 0;}