/* -----------------------------------------------------------------------
-blueprint css framework 0.9 http://blueprintcss.org
----------------------------------------------------------------------- */

/* -reset (from blueprint css)
----------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* -typography (from blueprint css)
----------------------------------------------------------------------- */
html {font-size:100.01%;}
body {font-size:75%;color:#222;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000000;}
h1 {font-size:30px;line-height:1;margin-bottom:0.5em; font-weight:bold; color:#cd0000;}
h1 span.subhead {font-size:75%;margin-left:15px;font-weight:normal;}
h2 {font-size:20px;margin-bottom:20px; font-weight: bold;}
h2.subheading {font-size:2em;margin:-10px 0 20px 0;}
h2.divider {clear: both;font-size:2em;margin:20px 0 10px 0;border-bottom:1px solid #ddd; padding-bottom:5px;}
h3 {font-size:20px;line-height:1; margin-bottom:0.20em; font-weight:normal;}
h4 {font-size:14px;line-height:1.25;margin-bottom:1.25em;font-weight:normal;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; color:#555555; line-height: 22px;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#ff0000 !important;}
a, a:link {color:#cb0000;text-decoration:underline;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:15px; color:#555555;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#D71D24;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}

/* end of blueprint css framework */


/* -----------------------------------------------------------------------
 -structure
----------------------------------------------------------------------- */
body {}
#screen {width:100%;margin:0 auto;text-align:left;background: url(http://www.coles.comassets/images/body_bg.jpg);}
#header {width:100%;height: 364px;margin:0;padding:0; background: #580101 url(http://www.coles.comassets/images/header_bg.jpg) center top repeat-x; position:relative;}
#footer {width:100%;height:329px;clear:both;margin:0;padding:0;text-align:center;background:#9f0000 url(http://www.coles.comassets/images/footer_bg_gradient.gif) repeat-x;}
#wrapper {width:100%;clear:both;}

.content {width:960px;margin:0 auto; position:relative;}
.content:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} /* niversal clearfix hack */
.content {display:inline-block;}
/* start commented backslash hack \*/
* html .content {height:1%;}
.content {display:block;}
/* close commented backslash hack */ 


.one_col .primary {margin: 0; ;padding:10px 0; float:none; overflow: auto;}
.one_col .secondary {width: 940px; margin:0 10px 0 10px; clear:left; padding:10px 0; float:none;}
.two_col .primary {width: 640px; margin:0; padding:10px 20px 0px 0px; float: right; }
.two_col .secondary {width: 260px; margin:0 0 0 0; padding:10px 0px 20px 20px; float: left; border-right: none; border-left: 0px solid #dadada;}
.three_col .primary {margin: 0px 40px 0px 0px; padding: 10px 0; float:left; overflow:auto; width: 280px;}
.three_col { padding: 20px 20px 0px 20px !important; width: 920px;}

.swap .two_col .primary {width: 660px; margin:0; padding:10px 0; float: right; }
.swap .two_col .secondary {width: 260px; margin:0 0 0 0; padding:10px 20px 20px 0; float: left; border-left: none; border-right: 1px solid #dadada;}


.w1 {width:20px;}
.w2 {width:60px;}
.w3 {width:100px;}
.w4 {width:140px;}
.w5 {width:180px;}
.w6 {width:220px;}
.w7 {width:260px;}
.w8 {width:300px;}
.w9 {width:340px;}
.w10 {width:380px;}
.w11 {width:420px;}
.w12 {width:460px;}
.w13 {width:500px;}
.w14 {width:540px;}
.w15 {width:580px;}
.w16 {width:620px;}
.w17 {width:660px;}
.w18 {width:700px;}
.w19 {width:740px;}
.w20 {width:780px;}
.w21 {width:820px;}
.w22 {width:860px;}
.w23 {width:900px;}
.w24 {width:940px;}


/* -----------------------------------------------------------------------
 -header area styles
----------------------------------------------------------------------- */  
  
/* -branding
----------------------------------------------------------------------- */
.branding {width:100%;background:transparent;clear:both;}
.branding .content {background:transparent;}
.branding img.logo {margin:2px 0 10px 13px;}
.branding h1 {margin:0; padding:20px 10px; font-size:40px;}
.branding ul {list-style:none;position:absolute;right:0px;top:26px;margin:0px; padding:5px 7px 5px 7px; background:#00006f;}
.branding ul li {float:left;margin-left:27px;}
.branding ul li a {color: #FFFFFF;}
.branding form {position:absolute;right:10px;top:30px;}
.branding form fieldset {border:none; margin:0;padding:0;}
.branding .social {position: absolute; top: 10px; left: 210px; }
.branding .memberinfo {position: absolute; top: 15px; right: 20px; }
.branding h4 { color:#ffe01a; display:inline; margin: 0px 10px 0px 0px;}
.branding p.badgecount { background: url(http://www.coles.comassets/images/header_icon_badgecount.png) center no-repeat; display: inline; padding: 7px; margin:0px 20px 0px 0px;}
.branding .memberinfo a {color:#ffe01a; padding-left: 20px; border-left: 1px solid #700101;}



/* -main_nav
----------------------------------------------------------------------- */
ul.main_nav { background: none; color:#FFFFFF; position: absolute; top: 59px; right: 20px; padding:0px; margin: 0px;}
ul.main_nav li a {text-decoration: none; margin-left: 25px; font-size: 16px; font-weight: bold;}
ul.main_nav li a:hover {color: #ffe01a !important;}
ul.main_nav li {margin:0px;}


/* -----------------------------------------------------------------------
 -footer area styles
----------------------------------------------------------------------- */  
#footer .content {clear:both; text-align: left; position:relative; padding-bottom: 10px;}
#footer .content p {margin:0px; padding:10px 0 0 0; font-size: 12px;}
#footer .content p.footnav strong, #footer .content p.subfootnav strong {font-weight: normal; color:#FFFFFF; margin: 0px 4px 0px 7px;}
#footer .content p.footnav  {font-size: 16px; font-weight: bold; text-align:right; position: absolute; top: 0px; right:0px;}
#footer .content p.subfootnav {position:absolute; top: 45px; right:0px;}
#footer .content .footcol {width: 215px; margin: 30px 0px 0px 20px; float:left;}
#footer h2 {color: #FFFFFF;}
#footer ul {color: #FFFFFF; list-style-type: none; margin: 0px; padding: 0px; line-height: 22px;}
#footer a{color:#FFFFFF; text-decoration: none;}
#footer a:hover{color:#ffe01a !important;}
#footer p {color: #FFFFFF;}


/* ----------------------------------------------------------------------- 
 -billboard and -section_nav
----------------------------------------------------------------------- */  


/* -callouts
----------------------------------------------------------------------- */
img.callout {padding: 9px; border: 1px solid #cdcdbf; background: #FFFFFF; margin-bottom: 10px;}
.three_col .primary h2 a {text-decoration: none; background: url(http://www.coles.comassets/images/red_arrow.png) center right no-repeat; padding-right:15px;}
.three_col .primary h2 a:hover {color: #cb0000 !important;  text-decoration:underline;}
.three_col .primary  h2 {margin-bottom: 0px !important;}

/* -billboard
----------------------------------------------------------------------- */
.billboard {width:100%;clear:both;}
.billboard .content {background: url(http://www.coles.comassets/images/billboard_shadow.png) bottom center no-repeat;}
.billboard .content img {padding: 20px; margin: -250px 0px 7px 20px; background:#FFFFFF;}
.billboard .two_col .secondary {border: none;}
.billboard h1 {font-weight: bold; font-size: 34px; color: #d71d24; margin:0px 0px 5px 0px; padding:0;}
.billboard h2 {clear: left;font-weight: normal; font-size: 22px; color: #707070; margin:0; padding:0; line-height:24px;}


.accordion select {
    width: 200px;
}

/* -section_nav
----------------------------------------------------------------------- */
.section_nav {width: 100%;background:transparent;}
.section_nav .content {background: transparent; padding:30px 0 20px 0;}

.section_nav h1 {float:left; font-weight: bold; font-size: 34px; color: #d71d24; margin:0; padding:0;}
.section_nav .primary h1 {float:none;}
.section_nav .primary h2 {float:none;clear:left;}

p.brand_list {font-weight: normal; font-size: 14px; color: #707070; margin-bottom:0px; padding-bottom:0px;}
p.brand_list a{text-decoration:none;}


.section_nav ul {float: right;list-style:none;margin:13px 0 0 0; font-weight: normal; font-size: 14px; color: #707070;}
.section_nav ul li {float:left;margin-left:20px;}
.section_nav ul li a {color:#3366CC; text-decoration:none;}
.section_nav ul li a.active {color:#555555;font-weight:bold; text-decoration:none;}

.section_nav form {margin:0; padding:0; border:none;}	
.section_nav fieldset {padding:0;margin:0;border:none;}
.section_nav input.text {width:160px;}


/* -----------------------------------------------------------------------
 -body area styles
----------------------------------------------------------------------- */  
.body {width:100%;clear:both;}
.body .content{background:transparent; padding: 20px 0;}

img.padded {
    background: #fff; padding: 10px; border: 1px solid #ddd;
}

img.padded-tiny {
    background: #fff; padding: 3px; border: 1px solid #ddd;
}


img.brand_logo {
    background: #fff; padding: 10px; border: 1px solid #ddd; margin-bottom: 20px;
}

span.toc {
    font-size: 12px; font-weight: normal;
}

h4.faq {
    font-size: 1.5em;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}



/* -horizontal nav under page heading
----------------------------------------------------------------------- */

ul.horizontal {list-style:none;margin:0px 0px 10px 0px; padding: 0 0 20px 0; font-weight: normal; font-size: 14px; color: #707070;}
ul.horizontal li {float:left;margin-right:20px;}
ul.horizontal li a {color:#3366CC; text-decoration:none;}
ul.horizontal li a.active {color:#555555;font-weight:bold; text-decoration:none;}


ul.buttons {list-style:none;margin:20px 0px; padding: 0;}
ul.buttons li {margin:0 0 10px 0; float:left;}

ul.buttons li.propeller {margin-left:0px;}
ul.buttons li.propeller {margin-right:0px;}
ul.buttons li.propeller a {background: url(http://www.coles.com/http://www.coles.comassets/images/icon-propeller.png) left center no-repeat; padding-left: 18px;}
ul.buttons li.dealer a {background: url(http://www.coles.com/http://www.coles.comassets/images/icon-map.png) left center no-repeat; padding-left: 28px;}
ul.buttons li.contact a {background: url(http://www.coles.com/http://www.coles.comassets/images/icon-envelope.png) left center no-repeat; padding-left: 23px;}
ul.buttons li.propeller a:hover {background: url(http://www.coles.com/http://www.coles.comassets/images/icon-propeller-blue.png) left center no-repeat; padding-left: 18px;}
ul.buttons li.dealer a:hover {background: url(http://www.coles.com/http://www.coles.comassets/images/icon-map-blue.png) left center no-repeat; padding-left: 28px;}
ul.buttons li.contact a:hover {background: url(http://www.coles.com/http://www.coles.comassets/images/icon-envelope-blue.png) left center no-repeat; padding-left: 23px;}

/* -grid view
----------------------------------------------------------------------- */
.grid {clear:left;}
.grid:after {clear:both;}
.grid .grid_entry {float:left; margin:10px; overflow:hidden;}
.grid .grid_entry h3 {font-size:1.2em;margin-bottom:0.25em;}
.grid .grid_entry p {padding:0;}
.grid .grid_entry img {background:#fff; border: 1px solid #dadada; padding:10px; background: #FFFFFF;}
.grid .grid_entry img.download {background:#fff; border: 1px solid #dadada; padding:10px; background: #FFFFFF;}
.grid .grid_first {clear:left; margin-left:0;}  
.grid .grid_last {margin-right:0;}


/* -list view
----------------------------------------------------------------------- */
.list {clear:left}	
.list:after {clear:both;}
.list .list_entry {clear:left; overflow:hidden; margin:0;padding:20px 0;border-bottom: 1px solid #D1D1C2; }
.list .list_last {border-bottom: 1px solid #F7F5F3;}
.list .list_entry .list_image {float:left;margin:0 10px 0 20px;text-align:center;}
.list .list_entry .list_info {float:left;margin:0 0 0 10px; }

.terms_list .list_entry .list_image {float:right;margin:0 20px     0 10px;text-align:center;}
.terms_list .list_entry .list_info {float:left;margin:0 10px 0 20px;}

.list .list_entry .list_extra {float:right;margin:0 20px 0 20px; text-align: right;}

.list .list_entry img {border: 1px solid #d1d1c2; padding:10px; background: #FFFFFF;}
.list .list_entry img.download {
		padding: 5px; background: #fff;
}

.list .list_entry img.icon {border: none;}
.list .list_entry .extra_text {font-size: 12px;}
.list .list_entry h4 {font-size: 16px; font-weight: bold; margin:0 0 5px 0; line-height:19px;}
.list .list_entry p {padding:0; margin:0 0 4px 0; line-height:19px;}

.list .list_entry .list_image_alt {width: 60px;float:left;margin:0 10px 0 20px;text-align:center;}
.list .list_entry .list_info_alt {width: 400px;float:left;margin:0 0 0 10px;}
.list .list_entry .list_info_alt h4 {font-size: 14px; font-weight: bold; margin: 0; padding: 0; }
.list .list_entry .list_info_alt p {padding:0; margin:0 0 2px 0; line-height:17px;}
.list .list_entry .list_extra_alt {width: 120px;float:right;margin:0 20px 0 20px; text-align: right;}

.list .list_entry p.secondary { font-size: 12px; margin:0; color: #999; }
.list .list_entry p.secondary a { color: #999;}
.list .list_entry .action_link { margin-right: 20px; }
.list .list_entry span.timestamp { margin-right: 20px; }
.list .list_entry span.hidden_links { visibility: hidden;}
.list .list_entry span.hidden_links a {margin: 0 10px 0 0}
.list .list_entry p.extra_text {font-size: 12px;}
.list .list_entry span.entry_type {font-size: 12px; color: #999; margin-left: 5px; text-transform: none; font-weight: normal; }
.list .list_entry span.prompt { visibility: hidden;}

.list .list_entry:hover{background-color:#f9f9f9;background-image:-moz-linear-gradient(top,#f9f9f9,#ffffff);/* FF3.6 */
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f9f9),color-stop(1,#ffffff));/* Saf4+,Chrome */
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',EndColorStr='#ffffff');/* IE6,IE7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',EndColorStr='#ffffff')";/* IE8 */}
.list .list_entry:hover p.secondary a { color: #2185c2; }
.list .list_entry:hover span.hidden_links { visibility: visible; }
.list .list_entry:hover span.fan_prompt { visibility: visible; }



/* -table 
----------------------------------------------------------------------- */
table {padding:0px;margin:0 0 20px 0;border-collapse:collapse;width:100%;border:1px solid #cfcbc4;-moz-box-shadow:0px 1px 3px #ddd;/* FF3.5+ */ -webkit-box-shadow:0px 1px 3px #dadada;/* Saf3.0+,Chrome */ box-shadow:0px 1px 3px #ddd;/* Opera 10.5,IE 9.0 */}
table p {margin-bottom:10px !important;line-height:16px !important;}
th {border-top:1px solid #cfcbc4;overflow:hidden;font-weight:normal;text-align:left;padding:5px 20px 5px 10px;background-color:#ccc;}
td {padding:5px 20px 5px 10px;margin:0px;border:none;cell-padding:0px;font-size:12px;}
tr {border-top:1px solid #ddd;vertical-align:middle;}
tr.message {border-top:0px solid #ddd;vertical-align:top;}
tr.heading {border:1px solid #cfcbc4;}
tr.no_results {background:#f9f9f9;}
tr.odd {background:#fff;}
tr.even {background:#fff;}
tr.closed, tr.Closed {background:#f6f6f6;}
tr.open, tr.Open {background:#fff;}
tr:hover {background:#eee;}
tr a, tr a:link {text-decoration:none;}
tr a:hover, tr a:link:hover{text-decoration:underline;}

table.dealers, table.dealers tr, table.dealers td {vertical-align: top;}
table.dealers td {padding: 10px 20px 10px 10px;}

table.skus img {
    background: #fff; padding: 3px; border: 1px solid #ddd; margin: 5px 0 0 0;
}

table.skus td, table.skus th {padding:5px;}

/* -side_nav
----------------------------------------------------------------------- */
ul.side_nav {list-style-type:none; margin:0.5em 0; padding:0;}
ul.side_nav h3  {margin:1.0em 0 .5em 0;}
ul.side_nav select {margin-bottom:.5em;}
ul.side_nav li {line-height: 22px;}
ul.side_nav li p {margin-bottom:0.25em;}
ul.side_nav li ul  {list-style-type:none; margin:0; padding-left:10px;}
ul.side_nav li ul li  {padding-bottom:0;}
ul.side_nav li.current {color:#666;}
ul.side_nav a.current {color:#666; margin-left:-7px}


/* -callout
----------------------------------------------------------------------- */
.callout h2 {color:#d71d24;font-size:14px;font-weight:normal;display:block;padding:8px 10px 6px 10px;cursor:pointer;text-decoration:none;background:url(http://www.coles.com/http://www.coles.comassets/images/bg-select-grey-selected.jpg) no-repeat;}
.callout .callout_content
{
	padding: 0px 10px 15px 10px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)";

}

.callout h3 {
	font-size:14px;font-weight:normal;
	margin: 15px 0 3px 0;
}

.callout p{
	margin: 0 0 3px 0;
}

.callout ul {
	margin-bottom: 3px;
	list-style: none;
	padding-left: 0;
}


.callout form{	padding:0px 10px 15px 10px;}
.callout form .form_field {margin:10px 0 0 0; background: none;}

/* -accordion
----------------------------------------------------------------------- */
.accordion a.panel {color:#d71d24;font-size:14px;font-weight:normal;display:block;padding:8px 10px 6px 10px;cursor:pointer;text-decoration:none;background: url(http://www.coles.com/http://www.coles.comassets/images/bg-select-grey-off.jpg) no-repeat;}
.accordion a.selected {background:url(http://www.coles.com/http://www.coles.comassets/images/bg-select-grey-selected.jpg) no-repeat;}
.accordion div
{
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)";

}
.accordion form{	padding:0px 10px 15px 10px;}
.accordion form .form_field {margin:10px 0 0 0; background: none;}
.loader {position:relative;top:70px;left:45px;height:24px;width:24px;display:none;}
#engine_pitch, #engine_current_rpm {width: 100px;}

.btn_submit {height: 30px; background:  url(http://www.coles.com/http://www.coles.comassets/images/btn-red-bg.jpg) center no-repeat; color:#FFFFFF; border: 0px; font-weight:bold; margin:0 0 5px 0;}
.arrow {color:#FFFFFF; background: url(http://www.coles.com/http://www.coles.comassets/images/arrow-white-right.png) right center no-repeat; padding: 0px 10px 0px 0px !important; margin: 0px 5px 4px 0px !important;}
.inline_label {font-weight: bold; float:left; width: 90px; margin: 10px 0px 0px 0px; color:#707070;}

/* -forms
----------------------------------------------------------------------- */
label {font-weight:bold; color:#555555;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], textarea, select {background-color:#fff;border:1px solid #bbb;padding:5px 2px; margin:0.5em 0; color:#000;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {border-color:#000;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}

input[disabled='disabled'], select[disabled='disabled'] {color:#A3A3A3;}

/* -span classes for form instructions */
.field_note_right {font-size: 12px; margin: 0 0 0 10px; font-weight: normal; }
.field_note_left {font-size: 12px; margin: 0 10px 0 0; font-weight: normal; }
.field_note_below {display: block; font-size: 12px; margin: 0; font-weight: normal; }
.field_note_above {display: block; font-size: 12px; margin: 0; font-weight: normal; }

/* -search forms in sidebar */
.secondary form {margin-bottom:10px;}
.secondary form label {display:block; color:#707070; font-weight: bold;}



/* -form div structure with labels floating left of fields */

.form { 
overflow: hidden; width: 660px;margin: 0px 0px 20px 0px; border: 1px solid #cfcbc4; background:#fff;
-moz-box-shadow:0px 1px 3px #ddd;/* FF3.5+ */
-webkit-box-shadow:0px 1px 3px #ddd;/* Saf3.0+,Chrome */
box-shadow:0px 1px 3px #ddd;/* Opera 10.5,IE 9.0 */
}

.form p {font-size: 12px !important; margin:3px 0 5px 0; line-height:16px !important;}
.form p.field_value {color: #666; margin-top:5px !important;}

.form .form_row { width: 660px; clear:left; overflow:hidden; margin:0;padding: 2px 0px;border-top: 1px solid #e8e4dc;}
.form .form_row .form_row_label {float:left;margin:0 10px 0 20px; padding:7px 0 5px 0;}
.form .form_row .form_row_field {float:left;margin:0 0 0 10px;padding:2px 0px;}

.form .form_row .form_row_extend {width: 600px;float:left;margin:0 20px 0 20px; padding:20px 0;}
.form .form_row .form_row_extend p {margin-bottom: 10px !important;}

.form .form_header {clear:left; overflow:hidden; margin:0;padding:5px 10px; background-color:#ccc;}
.form .form_header p {}
.form .form_header span {font-weight: bold; font-size: 14px; margin: 0; padding: 0;}

.form .form_divider {clear:left; overflow:hidden; margin:0;padding:5px 10px; background-color:#eee;}
.form .form_divider p {}
.form .form_divider span {font-weight: bold; font-size: 12px; margin: 0; padding: 0;}


.form button {margin: 10px 0;}


.account_header h1 {float: left;}
.account_header h1 a{color:#555555}
.account_header form {float: right;}
.account_header form input.text {width:150px;}
.account_header form button {margin-right: 0px;}


/* -misc (misc styles not categorized elsewhere)
----------------------------------------------------------------------- */
.primary h2 {margin-bottom: 10px;}
.secondary h2 {margin-bottom: 10px;}

span.back_link {font-size:12px; float:right; margin-top:15px;}


/* -highlighted p classes */
.error, .alert, .notice {padding: 10px !important; background-color: #F9F8F6; border:1px solid #F9F8F6; font-size:12px; line-height:16px;}
.alert {border-color:#d00;}
.error {color:#d00;border-color:#d00;}
.notice {border-color:#F9F8F6;}
.error a {color:#2185c2;}
.notice a {color:#2185c2;}
.success a {color:#2185c2;}


.secondary ul.logos {list-style:none;margin:0; padding: 0;}
.secondary ul.logos li {margin-bottom:20px;}
.secondary ul.logos li a {text-decoration:none;}
.secondary ul.logos img {padding: 20px; background:#FFFFFF; border: 1px solid #dadada;}
img.brands {padding: 10px; background:#FFFFFF; border: 1px solid #dadada;}


a.button_selector {color:  #fff;background:#D71D24 url(http://www.coles.com/http://www.coles.comassets/images/icon-propeller.png) left center no-repeat; padding-left: 18px;display:inline-block;padding:5px 10px 6px;color:#fff;text-decoration:none;position:relative;cursor:pointer; text-decoration: none; font-size:16px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}

a.button_dealers {color: #fff;background:#D71D24 url(http://www.coles.com/http://www.coles.comassets/images/icon-map.png) left center no-repeat; padding-left: 18px;display:inline-block;padding:5px 10px 6px;color:#fff;text-decoration:none;position:relative;cursor:pointer; text-decoration: none; font-size:16px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}

a.button, button.simple_button, input.simple_button{
	color:#323438;
	display:inline;float:none;
	margin:5px 10px 5px 0;
	padding:3px 7px 3px 7px;
	font-size:13px;line-height:130%;
	text-decoration:none;
	cursor:pointer;
	background-color:#eeeeee;
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')"; /* IE8 */
	border:1px solid #eee;
	border-color:#ccc #999 #999 #ccc;
    font-weight: bold;
}

a.button:hover, button.simple_button:hover input.simple_button:hover{
	background-color:#ccc;
	background-image: -moz-linear-gradient(top, #eeeeee, #ffffff); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #ffffff)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')"; /* IE8 */
}

a.button:active, button.simple_button:active, input.simple_button:active{
	border:1px solid #888;
	background-color:#ddd;
	background-image: none;
}

.simple_button, a.button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

button.simple_button[type]{
    padding:3px 10px 3px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button.simple_button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

button img, a.button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

form.stacked {
    margin: 0 0 20px 0;
}
form.stacked input{
    width: 150px;
    margin: 0px;
}

form.stacked button{
    margin: 0px;
}

/* Popup Window 
----------------------------------------------------------------------- */

.window_wrapper {
		z-index: 1;
	}

	 .window_wrapper .window_heading {
		margin:0;
		padding:10px;
		background-color:#cd1919; color:#fff; 
		/* Red = cd1919 / Brown = 835b3a / Blue: 0b537e / Green = 6fb031 */
	}

     .window_wrapper .window_heading h6 {
    	font-size:16px;
    	color:#fff;
    	margin: 0;
    	padding: 0;
    	font-weight: normal;
    }

        
          span.close_window {
              float: right;
            	margin: 0; padding: 0;
            	cursor:pointer;
            	color: #fff;
            }      


          span.close_window a, span.close_window a:hover {
            	color: #fff; text-decoration: none;
            } 

                  
     .window_wrapper .window_content {
    	padding:20px;
    	background-color:#fff;
    	overflow: auto;
    }

     .window_wrapper .window_content form {
    	padding-bottom: 20px;
    }
      
     .window_wrapper .window_content p {
    	margin: 0 0 10px 0;
    	padding: 0; }

     .window_wrapper .window_content .secondary {
    	color: #999;
    	font-size:  12px; 
    	}