/* -----------------------------------------------------------------------
-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:80%;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;}
h1 em {font-weight: normal !important; font-style:normal;}
h2 {font-size:22px;margin:20px 0 10px 0; font-weight: bold;}
h2.subheading {font-size:22px;margin:-10px 0 20px 0;}
h2.divider {clear: both;font-size:2em;margin:20px 0 10px 0;border-bottom:1px solid #e2e0cf; padding-bottom:5px;}
h3 {font-size:18px;line-height:1; margin:15px 0 5px 0; font-weight:normal;}
.secondary h3 {margin-top:0;}
.secondary h4 {margin:10px 0 5px 0;}

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 20px 0; 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;}
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:#cd0000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0 !important;padding-right:0 !important; }
.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.com/assets/images/body_bg.jpg);}
#header {width:100%;height: 364px;margin:0;padding:0; background: #580101 url(http://www.coles.com/assets/images/header_bg.jpg) center top repeat-x; position:relative;}
#footer {width:100%;height:370px;clear:both;margin:0;padding:0;text-align:center;background:#9f0000 url(http://www.coles.com/assets/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: 660px; margin:0; padding:10px 0 0px 20px; float: left; }
.two_col .secondary {width: 220px; margin:0 0 0 0; padding:10px 20px 20px 40px; float: right; border-right: none; border-left: 0px solid #dadada;}
.three_col .primary {margin: 0px 40px 0px 0px; padding: 10px 0; float:left; 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; font-weight:bold;}
.branding p.badgecount { background: url(http://www.coles.com/assets/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;margin:0 0 5px 0;}
#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;}


/* ----------------------------------------------------------------------- 
 -fullwidth
----------------------------------------------------------------------- */  

body.fullwidth {width:100%;margin:0 auto;text-align:left;background: url(http://www.coles.com/assets/images/body_bg.jpg);}
.fullwidth {width:100%;clear:both;margin-bottom:100px; background: url(http://www.coles.com/assets/images/billboard_shadow.png) no-repeat scroll center bottom transparent; padding-bottom: 11px;}
.fullwidth .fullwidth-content {min-height:380px;width:840px;padding: 40px; margin: -250px 0px 0px 20px; background: #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.com/assets/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.com/assets/images/billboard_shadow.png) bottom center no-repeat;}
.billboard .content img {padding: 20px; margin: -250px 0px 7px 20px; background:#FFFFFF;}
.billboard .content .message {height:280px;width:840px;padding: 40px; margin: -250px 0px 7px 20px; background:#FFFFFF;}

.billboard .two_col .secondary {border: none;}
.billboard h1 {font-weight: bold; font-size: 34px; color: #cd0000; 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: #cd0000; 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, img.bread {
    background: #fff; padding: 10px; border: 1px solid #e2e0cf;
}

img.bread
{margin:20px 0 -5px 0;}

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


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

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

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



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

ul.horizontal {list-style:none;margin:-10px 0px 20px 0px; padding: 0 0 20px 0; font-weight: normal; font-size: 14px;}
ul.horizontal li {float:left;margin-right:30px;}
ul.horizontal li a.active {color:#666;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;}

/* -grid view
----------------------------------------------------------------------- */
.grid {clear:left;}
.grid:after {clear:both;}
.grid .entry {display:inline-block;float:none;line-height:18px;margin:0;padding:10px 25px 20px 0;vertical-align:top;width:200px}
.grid .entry .image {float:none;margin:0 0 5px 0}
.grid .entry .info {float:none;margin:5px 0 0;text-align:center;}
.grid .entry .extra {float:none;margin:5px 0 0}
.grid .entry h3 {margin:0 0 5px 0}
.grid .entry h4 {margin:0 0 5px 0}
.grid .entry p {margin: 0 0 5px 0px;text-align:center;}
.grid .entry p a.button {margin-right: 0px;}
.grid .entry p.meta {font-size:11px;margin:0;}

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

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

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

.list .list_entry img.icon, img.icon {border: none; padding:0px; background:none;}
.list .list_entry .extra_text {font-size: 12px;}
.list .list_entry h3 {margin-top:0px;}
.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 ul {margin-bottom:4px;}

.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 p.secondary a { color: #2185c2; }
.list .list_entry:hover span.hidden_links { visibility: visible; }
.list .list_entry:hover span.fan_prompt { visibility: visible; }

.list.records {border-top: 1px solid #e2e0cf;margin-top: 0px; padding:10px 0;margin-bottom:10px;}
.list.records .list_entry {clear:left; overflow:hidden; padding: 5px 0;margin:0;border:none;}
.list.records .list_entry img {border: none; padding:0px; background: none;}
.list.records  .list_entry h3 {margin:7px 0 2px 0;}

.list.icon .list_entry {clear:left; overflow:hidden; margin:0;}

.list.icon .list_entry img {border: none; padding:0px; background: none;}
.list.icon  .list_entry h3 {margin:7px 0 2px 0;}

.badges {
	margin:0 0 20px 0;
}

.badges img.icon {border: none; padding:0px; background:none;margin-right:10px;}

/* -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 #f9f9f9;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:#fff;}
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 #e2e0cf; 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 20px 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, a.current {font-weight:bold; text-decoration:none;}


/* -callout
----------------------------------------------------------------------- */
.callout h2 {color:#cd0000;font-size:14px;font-weight:normal;display:block;padding:8px 10px 6px 10px;cursor:pointer;text-decoration:none;background:url(http://www.coles.com/assets/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:#cd0000;font-size:14px;font-weight:normal;display:block;padding:8px 10px 6px 10px;cursor:pointer;text-decoration:none;background: url(http://www.coles.com/assets/images/bg-select-grey-off.jpg) no-repeat;}
.accordion a.selected {background:url(http://www.coles.com/assets/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/assets/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/assets/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:#888;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {border-color:#000; color:#000;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}

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

input[type=file] {
	font-size: 12px; color: #888;
}

select {height:30px; padding: 5px; }

/* -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 {background:#fff;border:1px solid #e2e0cf;}

.form .header-row {
	overflow: hidden;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	padding:8px 20px 6px 20px;
	background-color:#f7f7eb;
	border-bottom: 1px solid #e2e0cf;
	margin-bottom: 10px;
}
.form .header-row span {font-size:13px;font-weight: normal;margin:0;padding:0}

.form .header-row h3 {margin:0;}


.form .header-row .muted {font-weight: normal; color: #bbbbbb;}

.form .header-row p button.tiny {margin:0 !important; padding:5px 7px 6px 7px;}

.form .header-row span.alternate,h1 span.muted,h2 span.muted {color:#888;font-size:50%;font-weight:normal;margin:0;padding:0}

h2 span.muted {color:#888;font-size:50%;font-weight:normal;margin:0 0 0 10px;padding:0}

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

.form .admin-row {background-color:#F6F9FE;}
.form .admin-row textarea, .form .admin-row input.text{background-color:#ffffff;}
.form .admin-row input:focus, .form .admin-row textarea:focus {background-color:#ffffff;}

.form .row {clear:left;margin:0;overflow:hidden;padding:10px 0}
.form .row .label {width:180px; float:left;margin:0 0 0 20px;padding:5px 0}
.form .row .field {width:560px; float:left;margin:0 0 0 20px;padding:5px 0}
.form .row .full-width {width:740px;margin:0 20px;padding:10px 0;}
.form .field_note_right {color:#999999;font-size:11px;font-weight:normal;margin:0 0 0 10px;text-align:right}
.form .field_note_left {color:#999999;font-size:11px;font-weight:normal;margin:0 10px 0 0}
.form .field_note_below {color:#999999;display:block;font-size:11px;font-weight:normal;margin:0 0 0 5px}
.form .field_note_above {color:#999999;display:block;font-size:11px;font-weight:normal;margin:0}
.form .field_note_error {color:#cd0000;display:block;font-size:11px;font-weight:normal;margin:0}
.form .form p.instructions {color:#999999;font-size:11px;font-weight:normal;margin:5px 0}
.form button {margin:10px 0 !important}
.form .row .label label {font-weight:bold; font-size:14px;}
.entry .row .label {min-width:100px;width:18%}



.form .row_error {background-color:#FFF0F5;border-top:1px solid #fff}

.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;}

.form .login-row {clear:left;margin:0;overflow:hidden;padding: 0}
.form .login-row .label {width:120px;padding-top:10px;float:left;margin:0 0 0 20px;}
.form .login-row .field {width:560px;float:left;margin:0 0 0 20px;padding:5px 0}
.form .login-row .full-width {margin:0 10px;padding:10px 0;width:100%;}


/* 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; 
    	}


/* Modal Overlays 
----------------------------------------------------------------------- */

.modal_wrapper {
display:none;
background: #fff;
-webkit-box-shadow: 0 1px 20px #aaa;
-moz-box-shadow: 0 1px 20px #aaa;
box-shadow: 0 1px 20px #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 10000;
background-color: #fff;
border: 1px solid #e2e0cf;
position: absolute;
width: 640px;
}

.modal_wrapper .modal_heading {
	background-color: #590202;
	color: #ffffff;
margin:0;
padding:10px;
text-align: left;
}

.modal_wrapper .modal_heading p {
margin: 0;
padding: 0;
font-weight: bold;
color: #ffffff;	
}

span.modal_title {
	font-size: 18px;
}
span.close_modal {
  float: right;
	margin: 2px 0 0 0; padding: 0;
	cursor:pointer;
	font-size: 22px;
	color: #ffffff;
	text-shadow: 0px 1px 1px #ffffff;		

}      

.modal_wrapper .modal_content {
padding:20px 20px 10px 20px;
background-color:#fff;
overflow: auto;
text-align: left;
}

.modal_wrapper .modal_content form {
margin-bottom: 20px !important;
}

.modal_wrapper .modal_content p.modal_subhead { font-weight: bold; margin: 0;padding: 0; } 
.modal_wrapper .modal_content p {
margin: 0 0 10px 0;
padding: 0;
}

.modal_short {
	height: 300px;
}

/* Recipe Card 
----------------------------------------------------------------------- */

.recipecard
{
width: 660px;
border:1px solid #e2e0cf;
margin:10px 0 20px 0;
}
.recipeheader
{
	width:660px; 
	height:47px;
	background:url(/assets/images/card-header.png);
}

.recipecontentwrap
{
	width:660px;
	margin:0;
	padding:0;
	background: #FFFFFF;
}

.recipecontent
{
	padding: 10px 30px;
}

.recipecontent img
{
	float:right;
	border: 1px solid #e2e0cf; padding:10px; background: #FFFFFF;
	font-size:12px;
	margin:0 0 5px 0;
}

.recipecontent ul
{
	font-size:12px;
	list-style:none;
	padding:0;
	margin:0 0 5px 0;
}

.recipecontent h2
{

	padding:0px;
	margin:0 0 10px 0;
	color: #cb1800;
	border: none;
}

.recipecontent h3
{
	font-size: 16px;
	font-weight: bold;
	padding:0px;
	margin:10px 0 5px 0;
}

.recipecontent p
{
	font-size:12px;
	padding:0px;
	margin:0 0 5px 0;
}

.recipefooter
{
	background: #FFFFFF;
	width:660px;
	height:17px;
	margin:0px;
	padding:0px;
}

/* Carousel
----------------------------------------------------------------------- */

#carousel-wrap
{
	position:relative;
	overflow: auto;
	margin-bottom: 20px;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 920px;
	height:105px;
	margin-left: 30px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	margin-right: 40px;
}

.scrollable img
{
	width: 213px;
	height: 103px;
	border: 1px solid #cfcec0;
	margin-right: 10px;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {float:left;}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/assets/images/arrow_sprites_small.png) no-repeat;
	display:block;
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 		{ background-position: 0px -20px; clear:right; margin-right: 0px; position:absolute; top: 42px; right: 0px;}
a.right:hover 	{ background-position: -20px -20px; }
a.right:active 	{ background-position: -40px -20px; } 


/* left */
a.left			{ margin-left: 0px; position:absolute; top: 42px; left: 0px; } 
a.left:hover  	{ background-position:-20px 0; }
a.left:active  	{ background-position:-40px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


/* Pictos Icons
----------------------------------------------------------------------- */

@font-face {
	font-family: 'Pictos';
	src: url('/assets/fonts/pictos/pictos-web.eot');
	src: local('☺'), url('/assets/fonts/pictos/pictos-web.woff') format('woff'), url('/assets/fonts/pictos/pictos-web.ttf') format('truetype'), url('/assets/fonts/pictos/pictos-web.svg#webfontIyfZbseF') format('svg');
	font-weight: normal;
	font-style: normal;
}

.pictos {
	color:inherit;
	font-family: "Pictos";
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
}

/* Alert Messages
----------------------------------------------------------------------- */

.fb-like-widget 
{
	margin:20px 0;
	clear: both;
	padding: 10px 10px 5px 10px;background: #ffffff; border:1px solid #e2e0cf;
}

.fb-comments-widget 
{
	margin:20px 0;
	clear: both;
	padding: 10px 10px 10px 10px;background: #ffffff; border:1px solid #e2e0cf;
}

.below {
	margin-top: 20px;
}
.above {
	margin-bottom: 20px;
}

.alert 
{
	padding: 12px !important;
	font-size:14px;
	line-height:16px;
	background-color: #FFFFFF;
	margin-bottom:20px;
	clear: both;
	padding: 10px;background: #ffffff; -moz-box-shadow:0 1px 10px #6C6C6C;-webkit-box-shadow:0 1px 10px #6C6C6C;background:#fff;background-color:#fff;border:1px solid #e2e0cf;box-shadow:0 1px 10px #6C6C6C;
}

.alert a
{
	color: #cd0000 !important;
}

.alert .pictos {
	font-size: 20px; margin-right: 5px;
}

.negative {
	background-color: #FFFFFF; color: #cd0000;
}

.positive {
	background-color: #FFFFFF; color: #72b332;
}

/* CSS Buttons
----------------------------------------------------------------------- */

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

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

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

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

a.button:active,button:active {border:1px solid #666}
.button,a.button {overflow:visible;padding:5px 7px;width:auto}
button[type] {line-height:17px;padding:5px 7px}
*:first-child+html button[type] {padding:4px 10px 3px 7px}
button img,a.button img {border:none;height:16px;margin:0 3px -3px 0 !important;padding:0;width:16px}

button.inline {
	display: inline;
	margin: 0;
	padding:3px 5px 3px 5px;
	font-size:12px;line-height:14px;
	vertical-align: middle;
}

button.tiny, a.tiny-button {
	color:#444444;
	margin: 5px 0;
	padding:5px 7px 5px 7px;
	font-size:12px;line-height:14px;
	}

.date {margin:0}
#calroot {-moz-border-radius:4px;-moz-box-shadow:0 1px 15px #aaa;-webkit-border-radius:4px;-webkit-box-shadow:0 1px 15px #aaa;background-color:#fff;border:1px solid #bbb;box-shadow:0 1px 15px #aaa;font-size:11px;margin-top:-1px;padding:2px;width:198px;z-index:100}
#calhead {height:22px;padding:2px 0}
#caltitle {color:#222;float:left;font-size:14px;line-height:20px;text-align:center;text-shadow:0 1px 0 #ddd;width:155px}
#calnext,#calprev {cursor:pointer;display:block;height:20px;width:20px}
#calprev {background-image:url('/assets/workboard/images/ui-icons_222222_256x240.png');background-position:-96px -16px;float:left}
#calnext {background-image:url('/assets/workboard/images/ui-icons_222222_256x240.png');background-position:-32px -16px;float:right}
#calprev.caldisabled,#calnext.caldisabled {visibility:hidden}
#caltitle select {font-size:10px}
#caldays {height:14px}
#caldays span {display:block;float:left;text-align:center;width:28px}
#calweeks {background-color:#fff;margin-top:4px}
.calweek {clear:left;height:22px}
.calweek a {-moz-border-radius:3px;-webkit-border-radius:3px;color:#666;display:block;float:left;font-size:11px;height:20px;line-height:20px;margin-left:1px;text-align:center;text-decoration:none;width:27px}
.calweek a:hover,.calfocus {background-color:#ddd}
a.calsun {color:red}
a.caloff {color:#ccc}
a.caloff:hover {background-color:rgb(245,245,250)}
a.caldisabled {background-color:#efefef !important;color:#ccc !important;cursor:default}
#calcurrent {background-color:#222;color:#fff}
#caltoday {border:1px solid #222}

.toggle-div {
	margin: 20px 0;
	display: none;
}

span.required-error {
	display: none;
	color: #cd0000;
}

span.required-error .pictos{
	color: #cd0000;
	font-size: 16px;
}

#form-error-alert { display: none; }

.error {color:#cd0000;border-color:#cd0000;}
.notice {border-color:#F9F8F6;}
.success {border-color:#44cf00;}
.error a {color:#2185c2;}
.notice a {color:#2185c2;}
.success a {color:#2185c2;}


.secondary .callout-image {width: 200px; padding: 10px;background: #fff;border: 1px solid #e2e0cf; margin: 20px 0 0 0;
}

.secondary .fb-feed-widget {margin: 30px 0;}
.secondary .fb-like-widget {margin: 0 0 20px 0;}

.secondary .callout-box {margin: 20px 0;background:#fff; border:1px solid #E9E5DE/* f2e6da */;padding:10px;
-moz-box-shadow:0px 1px 3px #aaa;/* FF3.5+ */
-webkit-box-shadow:0px 1px 3px #aaa;/* Saf3.0+,Chrome */
box-shadow:0px 1px 3px #aaa;/* Opera 10.5,IE 9.0 */
}



.tooltip, .balloon {
	padding: 10px;background: #ffffff; -moz-box-shadow:0 1px 10px #6C6C6C;-webkit-box-shadow:0 1px 10px #6C6C6C;background:#fff;background-color:#fff;border:1px solid #e2e0cf;box-shadow:0 1px 10px #6C6C6C;
}

.balloon p{
	color: #cd0000; margin: 0;
}

.balloon p .pictos{
	font-size: 20px;
}

.vote-alert {
	color:#cd0000;
	padding: 10px;background: #ffffff; -moz-box-shadow:0 1px 10px #6C6C6C;-webkit-box-shadow:0 1px 10px #6C6C6C;background:#fff;background-color:#fff;border:1px solid #e2e0cf;box-shadow:0 1px 10px #6C6C6C;
}

.vote-alert .pictos {
	font-size: 20px;
}

.clear {
	clear: left;
}

.rewardalert 
{
	color: #FF0000;
	font-weight: bold;
}

img.hat
{
	background: none !important;
	border:none;
	position: absolute;
	top: 14px;
	right: 210px;	
}