/*

Hi orange  #f17f18
Lo orange  #fab977

Hi grey    #455560
Lo grey    #e3e7eb

*/

/* General rules */

body {
	font: normal 62.5%/1.5em verdana, tahoma, sans-serif;
	background: #455560;
	color: #35434d;
	padding: 0;
	margin: 0;
}
h2, h3, caption {
	font: 800 30px "lucida grande", arial, helvetica, sans-serif;
	margin: 0 0 .5em;
	padding: 0;
}
h3, h4, caption {
	color: #35434d;
	font-size: 1.4em;
	margin-top: 15px;
}
h2, h4 {
	color: #f17f18;
	margin-top: 15px;
}
a, span.showHideTerms {
	text-decoration: underline;
	cursor: pointer;
	color: #35434d;
}
a:hover, span.showHideTerms:hover {
	color: #f17f18;
	margin: -2px;
	padding: 2px;
}
img {
	border: 0;
}
hr {
	visibility: hidden;
	border-width: 0;
	display: block;
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}
blockquote {
	padding: 0 0 .75em .5em;
	margin: 0 0 1em 1em;
	line-height: 1.4em;
	text-align: center;
	font-size: 1.4em;
	width: 220px;
	float: right;
}
dt {
	font-size: 1.3em;
	margin-bottom: .3em;
}
code {
	font-size: 1.2em;
}
acronym {
	text-transform: uppercase;
	font-weight: bold;
	cursor: help;
}
label {
	cursor: pointer;
}
td {
	vertical-align: top;
	font-size: 1em;
}
td ul, td ul li {
	padding-left: .5em;
	margin-left: 0;
}
noscript p {
	line-height: 1.4em;
	background: #ffd;
	font-size: 1.2em;
	padding: 1em 2em;
	margin: 1em auto;
	width: 85%;
}
p.footer {
	border-top: 1px solid #ccc;
	margin: 2em auto 0;
	text-align: center;
	padding-top: 6px;
	color: #8599A7;
	font-size: .9em;
	clear: both;
}
p.footer span a {
	color: #f17f18;
}

.row {
	width: 100%;
	padding: 0;
	margin: 0;
}
.col, .col-wide {
	margin: 5px 0 5px 10px;
	padding: 7px;
	width: 29.5%;
	float: left;
}
.col-wide {
	width: 62%;
}
.greybox {
	padding: 1em 2em !important;
	border: 1px solid #657c8e;
	background: #e3e7eb;
}
.clear {
	clear: both;
}
.clearl {
	clear: left;
}

form.enq {
	padding: 1em 3em;
	background: #f8f8f8;
	margin-right: 240px;
	border: 1px solid #ddd;
}
label.enq {
	float: left;
	width: 130px;
	text-align: right;
}
textarea.enq {
	width: 280px;
	height: 80px;
	overflow: auto;
}
input.btn {
	margin-left: 300px;
}
div.errors {
	padding: 1em;
	border: 1px solid #ccc;
	margin: 1em 300px 1em 50px;
}
div.msg {
	background: #eee;
	padding: 5px 20px;
	margin-left: 50px;
	margin-right: 300px;
	border: 1px solid #ccc;
}

hr#top {
	margin-bottom: 18px;
}
#header h1, #order h2.ins-head, #home h2.ins-head, #order #order-steps, #order #side-col, .remove {
	display: none !important;
}
#ision {
	margin: 0px auto 1em;
	padding: 10px 20px;
	position: relative;
	font-size: 1.1em;
	background: #fff;
	width: 780px;
}
.content {
	padding: 15px;
}
#order .content {
	padding: 15px 0;
}
#side-col {
	border-left: 1px solid #ccc;
	padding: 0 0 0 10px;
	margin: 0 0 2em 20px;
	float: right;
	width: 220px;
}
#side-col h3 {
	color: #333;
}
#side-col h4 {
	margin: 20px 0 5px;
}
#side-col ol, #side-col ul {
	margin: 0;
	padding: 1em 0;
}
#side-col ol li, #side-col ul li {
	margin: 0 0 1em 2em;
}
#side-col ul li, ul.trf li {
	list-style-image: url('images/sb-li.gif');
	margin-bottom: .8em;
}
#side-col div.errors {
	margin: 0;
	padding: .5em;
	font-size: .9em;
	border: 1px solid #ccc;
}
#side-col label {
	width: 50px;
	float: left;
	margin-top: 3px;
	vertical-align: bottom;
}
#side-col input.txt, #side-col textarea {
	width: 150px;
}
#side-col input.btn {
	margin-left: 180px;
}
#side-col p#tell label {
	width: 100px;
}
#side-col p#tell input.txt {
	border: 0;
	width: 180px;
	color: #f17f18;
	font-size: 11px;
	font-weight: 800;
	text-align: center;
	padding-left: 20px;
}

/* Layout styles */


/* Home stuff */
#home .row, .greybox {
	margin-bottom: 7px;
	padding: 7px;
	width: auto;
}
#home .col {
	margin: 0 0 0 7px;
	padding: 0;
	width: 48%;
}
#home h2 {
	color: #35434d;
	font-size: 20px;
	line-height: 1.4em;
}
#home .col img {
	padding: 10px 10px 0;
	float: right;
}
#home #home-top, .greybox {
	background: #e3e7eb;
	float: left;
	border: 0;
}
#home-top-feat {
	border-bottom: 1px solid #ccc;
	background: #eee;
	overflow: hidden;
	height: 200px;
	width: 143px;
	float: right;
}
#home #testimonials {
	border: 0;
	padding: 8px;
	background: #ffdbb4;
}
#home #testimonials h2 {
	color: #f17f18;
}
#home #testimonials blockquote, #home #testimonials div {
	background: transparent url('images/layout/bg_home-bq.gif') no-repeat top left;
	text-align: left;
	font-size: 11px;
	padding: 0 10px;
	margin: 2px;
	float: left;
	width: 34%;
}
#home #testimonials blockquote .who, dt {
	margin-top: .5em;
	font-weight: 700;
}
#home #testimonials blockquote.last {
	border: 0;
}
#home #testimonials div.chat {
	border-right: 4px solid #fff;
	margin-right: 15px;
	background-image: none;
	width: 20%;
}
#home #testimonials div.chat * {
	background-image: none;
}
#home #ad {
	border: 0;
	padding: 8px;
	text-align: center;
}


/* Order sections */

.stretch.last {
	border-bottom: 1px solid #455560;
	padding-bottom: 1px;
}
fieldset {
	border: 1px solid #455560;
	padding: 0;
	margin: 0;
}
fieldset h2 {
	background: #455560 url('images/layout/h2-cap.gif') no-repeat right bottom;
	font: 18px arial, helvetica, sans-serif;
	padding: 6px 1em 6px 0;
	display: block;
	margin: 0 1em;
	color: #fff;
}
fieldset h2 span {
	background: #455560 url('images/layout/h2-span-cap.gif') no-repeat left bottom;
	padding: 0 0 7px .7em;
	font-weight: normal;
}
fieldset h2 span, fieldset h3 span {
	color: #f18f18;
}
fieldset .info {
	background: #fff9d8 url('images/layout/bg_info.gif') no-repeat 10px center !important;
	padding: 10px 10px 10px 56px;
	border: 1px solid #e5e5b2;
}
fieldset ul {
	padding: 0 0 2em;
	margin-left: 0;
}
fieldset ul li {
	margin-left: 2em;
	list-style: none;
	width: 40%;
}
fieldset div .col-wide {
	width: 58%;
}
fieldset .col img.feat {
	margin: 1em auto;
	display: block;
}
fieldset .col p.aln-c {
	text-align: center;
	font-weight: 900;
}
fieldset.opts ul li {
	margin-bottom: .5em;
	float: left;
}


fieldset#med-slct label {
	font: 700 1.2em/2em arial, helvetica, sans-serif;
}
fieldset#out-opts .col-wide {
	width: 58.5%;
}
fieldset#out-opts p.rest {
	display: none;
}
fieldset#out-opts #digitised {
	width: 35%;
}
fieldset#out-opts #digitised p {
	padding: 1em 1em 1em 1.5em;
	background: #e3e7eb;
	margin-bottom: 1em;
}
fieldset#out-opts #digitised p strong {
	font: 800 1.4em arial, helvetica, sans-serif;
	display: block;
}
fieldset#out-opts #digitised p img {
	padding-left: 10px;
	margin-top: -15px;
	float: right;
}
fieldset#out-opts #digitised p.info {
	padding-left: 5em;
}
.list dl, .list dt, .list dd {
	padding: 0;
	margin: 0;
}
.list dl {
	margin: 5px 0 10px 10px;
	border: 1px solid #ddd;
	padding: 8px 10px;
	height: 245px;
	width: 20.5%;
	float: left;
}
.list dt.title {
	font: 700 1em/1.5em arial, helvetica, sans-serif;
}
.list dd.photo img {
	margin: 5px auto;
	display: block;
	height: 100px;
}
.list dd.price {
	font: 700 1.1em arial, tahoma, sans-serif;
	margin: 5px;
}
.list dd.price small {
	font: normal .75em verdana, tahoma, sans-serif;
}


fieldset#details #details-form {
	line-height: 1.8em;
	width: 42%;
}
fieldset#details .col-wide {
	width: 50%;
}
fieldset#details .form-fields label {
	color: #455560;
}
div#terms {
	border: 1px solid #455560;
	line-height: 1.4em;
	position: relative;
	margin: .5em auto;
	font-size: .9em;
	overflow: auto;
	padding: 0 6px;
	height: 100px;
	width: 95%;
}
div#terms h4, h5 {
	font-size: 1.4em;
}
div#terms span.showHideTerms, fieldset#details div#terms span.showHideTerms:hover {
	text-decoration: none;
	position: absolute;
	font-weight: 700;
	padding: 5px;
	color: #666;
	right: 5px;
	margin: 0;
}


fieldset .row-next {
	border-bottom: 1px solid #455560;
	border-top: 1px solid #657c8e;
	background: #e3e7eb;
}
fieldset .row-next * {
text-decoration: none;
	padding: 0;
	margin: 0;
}
fieldset .row-next .col-wide {
	color: #a0a3a7;
	width: 620px !important;
	float: left;
}
fieldset .row-next .col {
	text-align: right;
	padding-top: 15px;
	float: right;
	width: 100px !important;
}
fieldset .row-next .col-wide p span {
	padding: 15px 5px;
	margin-left: 5px;
	cursor: default;
	display: block;
	float: left;
}
span.backTo1, span.backTo2, span.backTo3, span.backTo4 {
	cursor: pointer !important;
	color: #455560;
}
fieldset .row-next .col-wide p span.current {
	background: transparent url('images/step-current.png') no-repeat 50% bottom;
	cursor: default;
	color: #f17f18;
}
fieldset .row-next p span.toggle {
	border-bottom: 5px solid #fab977;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	margin-right: 10px;
	padding: 5px 20px;
	background: #fff;
	cursor: pointer;
	color: #333;
}
fieldset .row-next p span.toggle:hover {
	border-bottom: 5px solid #f17f18;
}

/* Form field stuff, including similar */

input, textarea {
	font: 1.2em verdana, tahoma, sans-serif;
	border: 1px solid #ccd;
	margin-bottom: -2px;
	margin-left: 5px;
	padding: 2px 3px;
}
input:focus, textarea:focus {
	border-color: #aab;
	background-color: #f1f7fe;
}
input.field-sm {
	background: #fff url('images/layout/bg_cds.gif') no-repeat right center;
	font: bold 20px tahoma, arial, sans-serif;
	padding: 4px 5px 0px;
	border: 1px solid #ccd;
	color: #f18f18;
	width: 100px;
}
fieldset#details  #details-form label {
	text-align: right;
	margin-top: 3px;
	display: block;
	color: #444;
	float: left;
	width: 70px;
}
fieldset#details #details-form input, fieldset#details #details-form textarea {
	margin: 2px 20px 2px 10px;
	width: 180px;
}
fieldset#details #details-form textarea {
	overflow: auto;
	width: 200px;
	height: 6em;
}
fieldset#details {
	border-bottom: 1px solid #ccd;
}
#order .ask-terms label {
	width: 23px !important;
	height: 28px !important;
	float: right !important;
	display: block !important;
	margin: -15px -15px 0!important
}

/* Order table */

table#order-details {
	border-collapse: collapse;
	border: 1px solid #ddd;
	width: 100%;
}
table#order-details th {
	font-weight: normal;
	text-align: left;
	padding: 5px;
	width: 130px;
}
table#order-details tr.total td.total {
	background: #e3e3e3;
}
table#order-details tr.alt td.total {
	background: #ededed;
}
table#order-details tr.alt, table#order-details tr.alt td.descr {
	background: #f6f6f6;
}
table#order-details th.sub {
	padding-left:  20px;
}
table#order-details td {
	background: #f6f6f6;
	padding: 10px 0 10px 5px;
}
table#order-details td.total {
	padding-right: 10px;
	text-align: right;
	width: 6.5em;
}
table#order-details td.descr {
	background: #fff;
	width: 130px;
	color: #999;
}
table#order-details tr.total td {
	background: #eee;
}
table#order-details tr.total {
	font-weight: 900;
	background: #eee;
	color: #f18f18;
}

/* ARC stuff */

.arcOff, .arcOn {
	background: transparent url('images/check_0.gif') no-repeat 0 center;
	padding: 10px 2px 10px 27px;
	line-height: 32px;
	display: inline;
	outline: none;
	margin: 0px;
	border: 0;
}
.arcOff:hover {
	background-image: url('images/check_0_h.gif');
}
.arcOn {
	background-image: url('images/check_1.gif');
	color: #f60;
}
.arcOn:hover {
	background-image: url('images/check_1_h.gif');
}
li .arcOff, li .arcOn, dd .arcOff, dd .arcOn {
	background-position: right center;
	line-height: 1.5em;
	text-align: left;
	padding: 5px 0;
	display: block;
}
.arcOff:hover, .arcOn:hover {
	color: #f60;
}
.tool-tip {
	border: 3px double #bbb;
	padding: 2px 8px;
	background: #000;
	cursor: help;
	width: 15em;
	color: #fff;
}

/* Menu styles */

#nav {
	top: 15px;
	right: 17px;
	height: 134px;
	position: absolute;
	background: url('images/layout/header.jpg') no-repeat -4px 1px;
}
#nav, #nav ul, #nav ll { /* all lists */
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav a {
	width: 92px;
	color: #35434d;
	display: block;
	font-size: 11px;
	text-decoration: none;
	padding: 136px 4px 4px 4px;
	text-transform: capitalize;
	background: transparent url('images/nav_0.gif') no-repeat bottom;
}
#nav a:hover {
	margin: 0;
	color: #fff;
	background-image: url('images/nav_1.gif');
}
#nav li {
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
	margin-right: 4px;
}
#nav li.active a, #nav li a.active {
	color: #fff;
	background-image: url('images/nav_2.gif');
}
#nav li ul { /* second-level lists */
	left: -999em;
	width: 100px;
	background: #fff;
	margin-left: -4px;
	position: absolute;
	padding: 0 4px 4px 4px;
	border-bottom: 1px solid #e3e7eb;
}
#nav li ul li { /* second-level lists */
	margin-top: 4px;
}
#nav li ul li a {
	width: 92px;
	padding: 4px;
	background: #fcd8b4;
}
#nav li ul li a:hover {
	padding: 4px;
	background: #6c8593;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto; /* lists nested under hovered list items */
}

p.deal-exp {
	line-height: 2em;
	margin-left: 140px;
}
p.deal-exp input {
	border: 1px solid #ccd;
}
#register div#terms {
	height: 200px;
}

#home-top .QE_Link {
	position: absolute;
}

/* Shh...hacks */
body#order {
	overflow: hidden;
}
body:last-child:not(:root:root) {
	overflow: auto;
}
body:last-child:not(:root:root) fieldset h2 span {
	padding-bottom: 7px;
}

#overlay p {
	color: #99adbb;
	display: block;
	font-size: 10px;
	line-height: 2em;
	margin: 300px auto;
	text-align: center;
}