/* Resets
------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
/* Fonts
------------------------*/
@font-face {
font-family: 'Badhouse';
src: url('/img/fonts/badhouselight-webfont.eot');
src: local('☺'), url('/img/fonts/badhouselight-webfont.eot') format('embedded-opentype'), url('/img/fonts/badhouselight-webfont.ttf') format('truetype'), url('/img/fonts/badhouselight-webfont.svg#webfontq6w12sPs') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MarkusInk';
src: url('/img/fonts/markus_ink-webfont.eot');
src: local('☺'), url('/img/fonts/markus_ink-webfont.eot') format('embedded-opentype'), url('/img/fonts/markus_ink-webfont.ttf') format('truetype'), url('/img/fonts/markus_ink-webfont.svg#webfontR0S12DnS') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Co-Headline';
src: url('/img/fonts/coheadline_cyr_rg-webfont.eot');
src: local('☺'), url('/img/fonts/coheadline_cyr_rg-webfont.eot') format('embedded-opentype'), url('/img/fonts/coheadline_cyr_rg-webfont.ttf') format('truetype'), url('/img/fonts/coheadline_cyr_rg-webfont.svg#webfontT1Yq1cXf') format('svg');
font-weight: normal;
font-style: normal;
}
/* HTML
------------------------*/
html { background:#f48319 }
body { background:#fff url("/img/bg/bg-texture.png"); color:#272727; font:normal 13px/1.5 "Co-Headline", Arial, sans-serif }
p, ul, ol { margin:0 0 20px 0 }
ul, ol { padding:0 0 0 30px }
li { }
.clear { clear:both }
.left { float:left }
.right { float:right }
a { color:#FC7D1A; text-decoration:none; border-bottom:1px dotted #FC7D1A }
a:hover { border-bottom:1px solid #FC7D1A; color:#FC7D1A }
a img { border:0 }
.hr { background:url("/img/bg/hr.gif") 0 50% repeat-x; height:2px; overflow:hidden; padding:20px 0; font-size:0px; }
.hr hr { display:none }
.hr.soft { height:1px; background-image:url("/img/bg/grey-dash.gif");}
.section { margin-top:4em; clear:both }
#errorsummary { border:1px solid #FC7D1A; background:#FEE8BA; padding:20px; margin-bottom:20px; color:#000 }
.feedback { margin:20px 0; padding-left:20px; height:1%; overflow:hidden }
.feedback h2 { padding-top:12px }
.feedback img { float:left; margin-right:20px }
.small { font-size:85% }
.disclaimer { font-size:85% }
::-moz-selection { color:#fff; background:#FC7D1A; }
::selection { color:#fff; background:#FC7D1A; }
/* General
------------------------*/
.container { margin:0 auto; width:960px; position:relative }
#content { width:960px; margin:0 auto; padding-bottom:30px; position:relative; z-index:20 }
#split { overflow:hidden; height:1%; clear:both; padding-top:20px; background:url(/img/bg/grey.gif) 650px 0 repeat-y; }
#split_main { float:left; /* width:690px */ width:620px; }
#split_support { float:right; /* width:230px */ width:300px; }
/* Header
------------------------*/
#header { position:relative; z-index:50; background:url("/img/bg/bg-toporange.gif") repeat-x }
#header .container { background:url("/img/bg/bg-toporange-rollers.png") 50% 0 no-repeat; padding:0 109px }
/* Global Nav */
#global_nav { list-style:none; padding:0; margin:0 0 30px 0; height:40px; background:url("/img/bg/hr.gif") 0 100% repeat-x; text-align:center }
#global_nav li { position:relative; display:inline; margin:0; padding:0 10px; background:none; font-size:14px; font-weight:bold; text-transform:uppercase }
#global_nav li a { color:#000; border:0 }
#global_nav li a:hover { color:#de5520; }
.s-menu #global_nav .n-menu > a,
.s-promos #global_nav .n-promos > a,
.s-locations #global_nav .n-locations > a,
.s-nutrition #global_nav .n-nutrition > a,
.s-news #global_nav .n-news > a,
.s-jobs #global_nav .n-jobs > a,
.s-franchising #global_nav .n-franchising > a,
.s-contact #global_nav .n-contact > a { color:#de5520; border-bottom-width:4px; -moz-border-image:url("/img/bg/nav_underline.gif") 0 0 4 0 stretch stretch; -webkit-border-image:url("/img/bg/nav_underline.gif") 0 0 4 0 stretch stretch; border-image:url("/img/bg/nav_underline.gif") 0 0 4 0 stretch stretch; }
/* Locations Dropdown */
#loc_drop { display: none; position: absolute; top: 25px; left: -65px; z-index: 5000; height: 87px; width: 236px; }
#loc_search { background: url("/img/bg/drop_location-top.png"); width: 236px; height: 74px; position: absolute; top: 0px; left: 0px; }
#loc_search input { border: 0; background: none; font-size: 14px; text-align:center; color:#8C8C8C; width: 115px; padding: 4px 0; position: absolute; top: 34px; left: 27px; }
#loc_search a { width:65px; height:35px; position:absolute; top:29px; left:153px; text-indent:-999em; overflow:hidden }
#loc_complete { background: url("/img/bg/drop_location-bot.png") 0 bottom; position: absolute; top: 73px; left: 0px; width: 236px; height: 13px; overflow: hidden; text-align:left }
#loc_complete ul { display: none; list-style: none; margin: 10px 0 0 0; padding: 0 21px; }
#loc_complete li { display:block; padding:0; font:normal 12px/1.2 Arial, sans-serif; text-transform:none; margin-bottom:5px }
#global_nav #loc_complete a { color:#666 }
#global_nav #loc_complete a:hover { color:#FC7D1A; text-decoration:underline }
#loc_complete li span { display: inline-block; width: 144px; zoverflow: hidden;}
#loc_complete i { display: inline-block; width: 45px; text-align: right; font-size: 0.85em; color: #a6a6a6; line-height: 1em; }
/* Sub Navigation */
#menu_nav { list-style:none; margin:20px auto 0 auto; padding:0; height:130px; text-align:center }
#menu_nav li { display:inline; margin:0 10px; background:none; font:normal 36px/1.2 "MarkusInk", Arial, sans-serif; text-transform:uppercase }
#menu_nav li.active { font-size:75px; position:relative; top:10px; }
#menu_nav li a { color:#000; border:0; }
#menu_nav li a:focus { outline:0; }
/* Footer
------------------------*/
#pre_footer { width:960px; margin:0 auto; padding:40px 0 30px 0; background:url("/img/bg/hr.gif") repeat-x; clear:both }
#pre_footer .item { float:left; margin:0 10px; display:inline }
#pre_footer .col-3 { width:220px }
#pre_footer .col-6 { width:460px }
#pre_footer #hot_jobs h3 { width:208px; height:59px; text-indent:-999em; overflow:hidden; background:url("/img/bg/headings.png") 0 17px no-repeat; }
#pre_footer #hot_jobs ul { list-style:none; padding:20px 0 0 0; margin:0 }
#pre_footer #hot_jobs li { background: url("/img/icons/flag_red.png") 0 50% no-repeat; padding: 0 20px; margin-bottom: 10px; font-size:11px }
#pre_footer #hot_jobs a { color:#666; border:0 }
#footer { background:#f48319 url("/img/bg/bg-bottomorange.gif") repeat-x; color:#ab5c12; font-size:11px }
#footer .container { background:url("/img/bg/bg-bottomorange-rollers.png") 50% 0 no-repeat; padding:35px 109px }
#footer .right { text-align:right }
#footer a { color:#ab5c12 }
#footer input { background:#f7bb7b; color:#ab5c12; font-size:10px; font-style:italic; width:130px; padding:5px; border:1px solid #ab5c12; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-right:5px }
#footer a.btn {
color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.2); text-transform:none; padding:5px 10px;
background: #F7F8F9;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f18732), to(#e55a2a));
background: -moz-linear-gradient(#f18732, #e55a2a);
background: linear-gradient(#f18732, #e55a2a);
-pie-background: linear-gradient(#f18732, #e55a2a);
}
#footer a.btn:hover {
text-shadow:0 -1px 1px rgba(0,0,0,0.2);
background: -moz-linear-gradient(#e55a2a, #f18732);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e55a2a), to(#f18732));
background: linear-gradient(#e55a2a, #f18732);
-pie-background: linear-gradient(#e55a2a, #f18732);
}
/* Headings
------------------------*/
#logo { text-align:center; padding:23px 0 0 0; margin-bottom:0 }
#logo a { border:0 }
h1 { font:normal 50px/1 "MarkusInk", Arial, sans-serif; text-transform:uppercase; height:90px }
h1 span { float:left; height:45px; border-bottom-width:7px; -moz-border-image:url("/img/bg/heading_underline-black.gif") 0 0 7 0 stretch stretch; -webkit-border-image:url("/img/bg/heading_underline-black.gif") 0 0 7 0 stretch stretch; border-image:url("/img/bg/heading_underline-black.gif") 0 0 7 0 stretch stretch; }
h2 { font:normal 25px/1.3 "Badhouse", Arial, sans-serif; margin-bottom:15px; }
h3 { font:normal 16px/1.3 "Co-Headline", Arial, sans-serif; margin-bottom:5px; }
/* Buttons
------------------------*/
a.btn {
color:#000; font-size:12px; text-transform:uppercase; padding:8px 15px; font-family:"Helvetica Neue", Arial, sans-serif; font-weight:bold;
text-shadow:0 1px 1px #fff;
border:0;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5); -pie-box-shadow:0 0 3px #000;
background: #F7F8F9;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F7F8F9), to(#dee0e2));
background: -moz-linear-gradient(#F7F8F9, #dee0e2);
background: linear-gradient(#F7F8F9, #dee0e2);
-pie-background: linear-gradient(#F7F8F9, #dee0e2);
behavior: url("/js/PIE.htc");
}
a.btn:hover {
background: -moz-linear-gradient(#f6ba4e, #e96e27);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6ba4e), to(#e96e27));
background: linear-gradient(#f6ba4e, #e96e27);
-pie-background: linear-gradient(#f6ba4e, #e96e27);
}
.btn-sm, .data .buttons .btn {
padding:4px 7px;
font-size:11px;
}
p.buttons { text-align:center }
p.buttons .text { clear:both; padding-top:10px; font-size:0.9em; display:block }
/* Tables
------------------------*/
/* Trading Hours */
.trading { width:100%; font-size:1.2em; border:0; border-collapse:collapse; margin-bottom:20px } .trading caption { display:none }
.trading td, .trading th { border-right:1px solid #d4d4d4; text-align:center }
.trading tr.open td, .trading tr.open th { padding-top:10px }
.trading tr.close td, .trading tr.close th { padding-bottom:10px }
.trading th { border-right:0 }
.trading tr.header th { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; color:#666; font-weight:normal; padding:10px 0; width:90px } .trading tr.header td { border-right:0 }
.trading .last { border-right:0 !important }
/* Generic Data */
.data { width:100%; font-size:13px; border-top:1px solid #d4d4d4; border-collapse:collapse; margin-bottom:20px }
.data td, .data th { border-top:1px dashed #d4d4d4; padding:15px 10px }
td.icon { width:16px }
.results th { text-align:left }
.results tr:nth-child(odd) td { background:rgba(252,125,26,0.05) }
/* Hot Jobs */
.s-jobs .data .btn_view-sm { margin-right:20px }
.s-jobs td.buttons { width:125px }
/* News */
.s-news td.buttons { width:50px }
.s-news td.date { width:130px }
/* Forms
------------------------*/
input, textarea { color:#000; font-size:12px; padding:8px; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: #F7F8F9 }
.form .row { padding-left:130px; clear:both; height:55px; position:relative; margin-bottom:10px }
.form .row .row_label { position:absolute; left:0; top:25px; width:120px; }
.form .row .row_label.large { top:14px }
.form .row .input_wrap { float:left; margin:0 5px }
.form .row .input_wrap label { display:block; padding:0 0 2px 5px; font-size:11px; }
.form .textarea { margin-top:15px; height:120px }
.form .textarea .row_label { top:5px }
.form .mini { height:20px }
.form .row .checkbox input { float:left; width:auto }
.form .row .datecontrol { }
.form .row .datecontrol input { margin-right:10px; }
.form .row .datecontrol input.imagebutton { padding:0; margin:0; width:auto }
.i_m { width:110px }
.i_m input, .i_m textarea { width:90px; }
.i_r { width:170px }
.i_r input, .i_r textarea { width:150px; }
.i_r select { width:144px; }
.i_l { width:360px }
.i_l input, .i_l textarea { width:340px; }
.errorInput, .errorSelect { border-color:red }
.imagebutton { width:auto !important; padding:0 !important }
.form .row.standard { height:auto; font-size:12px; line-height: 22px; padding-left:0 }
.form .row.standard-question { height: auto; font-size: 12px; margin-bottom: 10px; font-weight: bold; padding-left:0 }
.form .row.textarea { height: 125px;}
.form .row.standard.textarea { font-size: 12px; height:auto }
.form .row.standard.textarea label { display:block }
.form .row.standard.textarea textarea { width: 400px; height: 100px; }
.form td .row.standard .checkbox { float:left }
.form td .row.standard label.chk { display: block; overflow: hidden; zoom: 1; }
.ajax__calendar, .ajax__calendar div { height:auto !important }
.ajax__calendar { position:relative; z-index:500 }
.ajax__calendar div.ajax__calendar_header { height:20px !important }
.ajax__calendar div.ajax__calendar_body { height:139px !important }
.ajax__calendar div.ajax__calendar_month { height:44px !important }
.ajax__calendar div.ajax__calendar_year { height:44px !important }
.ajax__calendar div.ajax__calendar_day { height:17px !important }
/* Store Directions sidebar */
#map_options_inner div { background:url("/img/bg/inputs.png"); height:36px; position:relative; margin-bottom:20px }
#map_options input { position:absolute; top:3px; left:6px; background:none; border:0; width:167px; padding:7px 0 }
#map_options label { position:absolute; top:-13px; left:10px; font-size:1.1em; color:#666 }
#map_options a { background:url("/img/buttons/buttons.png") 0 0; position:absolute; top:170px; left:55px; width:67px; height:35px; text-indent:-999em; border:0 }
/* General Styling
------------------------*/
/* Lists */
ul { margin:0 0 1.5em 0; padding:0; list-style:none; line-height:1.4em }
ul li { background:url("/img/bg/bullet_red.gif") 0 7px no-repeat; padding:3px 0 3px 17px }
#split_support li a { color:#666; border-bottom-color:#D4D4D4 }
#split_support li a:hover { color:#FC7D1A; border-bottom:1px solid #FC7D1A }
#split_support .links a, #split_support .links a:hover { border:0 }
#split_support .links a b { font-weight:normal; border-bottom:1px dotted #d4d4d4 }
#split_support .links a:hover b { border-bottom:1px solid #FC7D1A }
#split_support .links a i { font-size:0.9em; color:#666 }
#split_support .figure { padding:20px 15px 15px 15px }
#split_support .figure img { margin-bottom:15px }
#split_support .figure p { color:#999; font-family:arial; font-size:12px; text-align: center }
ul.alt { list-style:none }
ul.alt li { background:url("/img/bg/bullet_red.gif") 0 4px no-repeat; padding:0 0 0 17px }
ul.paging { }
ul.paging li { float:left; display:inline; background:none; padding-left:10px }
ul.paging a { background:#fafafa; border:1px solid #A7A7A7; color:#000; font-weight:bold; -moz-box-shadow:1px 1px #A7A7A7; -moz-border-radius:3px; text-shadow:1px 1px 0px #fff; display:block; float:left; padding:3px 8px }
ul.paging a:hover { background:#F59021 }
ul.paging li.active a { background:#FFDC92 }
/* Menu */
#menu { position:relative; padding-bottom:20px }
.menu_pad { overflow:hidden; padding-bottom:12px }
#menu .intro { font-size:16px; text-align:center; margin-bottom:0; clear:both }
#menu .item { float:left; color:#000; background:url("/img/bg/menu_item.png"); width:183px; height:169px; padding:53px 20px 20px 20px; margin:90px 22px 0 0; position:relative }
#menu .item.salad { background-image:url("/img/bg/menu_item-green.png") }
#menu .item.last { margin-right:0 }
#menu .item .item_img { position:absolute; top:-56px; left:16px }
#menu .item .item_authentic { position:absolute; top:4px; left:146px }
#menu .item .item_sauce { position:absolute; bottom:-14px; left:59px }
#menu .item .badges .badge_1 { left:4px }
#menu .item .badges .badge_2 { left:auto; right:8px }
#menu h1 { position:absolute; top:-999em; }
#menu h2 { font-size:22px; margin-bottom:5px; font-family:"Badhouse", Arial, sans-serif; }
#menu p { font-size:11px; line-height:1.3em }
#menu p.nutrition { background:url("/img/bg/bullet_white.gif") 0 50% no-repeat; padding-left:13px }
#menu .salad p.nutrition { background-image:url("/img/bg/bullet_white2.gif") }
#menu .item a { color:#fff; border:0; font-family:arial, sans-serif }
#menu .item a:hover { border-bottom:1px solid #fff }
.s-locations #menu h2 { font-size:16px; margin:0 0 20px 17px }
/* Nutrition Popup */
body.s-info { background:#fff; overflow:hidden; font-family:arial, sans-serif; }
.s-info #holder { width:320px; margin:0 auto; border:3px solid #EC6713 }
.s-info.big #holder { width:500px }
.s-info #info { overflow:auto; width:320px; height:343px; position:relative; }
.s-info.big #info { width:487px }
.copy #info { overflow:auto; height:374px; }
.s-info #info div { text-align:center; padding:20px 0;}
.copy #info div { text-align:left; padding:20px }
.s-info #heading { background:url("/img/bg/popup_header.png"); text-align:center; height:74px }
.s-info #heading h1 { color:#fff; text-transform:uppercase; font-size:53px; position:relative; top:5px; margin:0 }
.sIFR-hasFlash .s-info #heading h1 { font-size:30px; top:18px }
.s-info p { font-size:11px }
#tabs { background:#FBD9C1; height:30px; padding:10px 0 0 15px; border-bottom:1px solid #d4d4d4 }
#tabs a { display:block; height:30px; line-height:30px; padding:0 10px; color:#606060; float:left; font-size:11px; border:0 }
#tabs a.active { background:#fff; border:1px solid #d4d4d4; border-bottom:0; _position:relative; _bottom:-1px }
#nutritional_disclaimer { background:#FBD9C1; padding:5px 5px 5px 15px }
#nutritional_disclaimer a { font-size:11px; color:#606060; border:0 }
#nutritional_disclaimer a:hover { color:#FC7D1A }
/* Store Page */
p#store_address { float:left; font-size:1.5em; border-right:1px solid #d4d4d4; padding-right:20px; margin-right:20px }
p#store_address b { font-size:1.1em }
p#store_phone { float:left; font-size:1.7em; line-height:2.7em }
#map_holder { height:400px; position:relative; margin-bottom:20px }
#map { width:100%; height:400px; background:#d4d4d4 }
#map_options { position:absolute; top:91px; left:663px; height:200px; background:url("/img/bg/map_side.png") 0 58% no-repeat }
#map_options_inner { margin-left:70px; width:200px; position:relative }
#directions { font-size:1.2em; margin-top:-10px }
#directions table { font-size:1em }
.stores { margin-left:20px }
.stores li { float:left; width:200px; height:15em; margin-right:20px; font-size:0.9em }
.stores li.last { margin-right:0 }
.stores li a { color:#272727; border-bottom:none }
.stores li a:hover { color:#FC7D1A; border-bottom:1px solid #FC7D1A }
.s-locations #menu p { font-size:1.2em }
/* News Page */
.images { float:right; width:198px; text-align:center; margin:0 0 20px 20px }
.images img { display:block; background:#fff no-repeat; border:1px solid #d4d4d4; padding:2px; margin-bottom:10px }
.images a { display:block; margin-bottom:10px; border:1px solid #FC7D1A }
.images a img { margin-bottom:0; border:0 }
.images.four-up { width:305px; margin:0 0 10px 5px; overflow:hidden }
.images.four-up a { float:left; margin-left:15px }
/* Promotions */
.promo { width:260px; height:280px; padding-right:30px; margin:370px 30px 0 0; float:left; border-right:1px solid #D4D4D4; position:relative }
.promo.last { margin-right:0; border:0; }
a.promo_img { border:0; position:absolute; top:-370px }
.promo h2 { font:normal 34px/1.1 "MarkusInk", Arial, sans-serif; margin-bottom:10px; }
.promo h3 { font:normal 20px/1.1 "Badhouse", Arial, sans-serif; margin-bottom:10px; }
.promo p { font-size:13px }
#singlePromo { position: relative; }
a#singlePromoImg { width:400px; padding-right:30px; float:left; border: 0; position:relative; }
#singlePromoText { float: left; width: 500px; }
/* Contact Landing Page */
#contact-landing { height:260px; }
#contact-landing .col { float:left; width:280px; height:216px; padding:40px 20px 0 20px; background:url("/img/bg/pinned-paper.png"); text-align:center }
#contact-landing h2 { font:normal 34px/1 "MarkusInk"; color:#ed8019 }
#contact-landing li { background:none; padding:0; font-size:12px }
/* Sidebar Pinned Notes */
.note { width:300px; background:url("/img/bg/pinned-paper-mid.png"); }
.note-bottom { background:url("/img/bg/pinned-paper-bot.png") 0 100% no-repeat; }
.note-top { background:url("/img/bg/pinned-paper-top.png") 0 0 no-repeat; padding:20px }
.note h2 { font:normal 34px/1.2 "MarkusInk", Arial, sans-serif; color:#ed8019; letter-spacing:1px }
.note h3 { font-size:12px; font-weight:bold; color:#ed8019; }
.note p { font-size:12px }
/* Street Crew */
.street-crew h1 a { position:absolute; top:10px; left:40px; width:280px; height:140px; text-indent:-999em; border:0; overflow:hidden }
.street-crew #split { border:0; background:url("/img/bg/street-crew-header.png") no-repeat }
.street-crew #split #split_main { width:599px; float:right; margin:0 25px 0 0; padding-top:20px; display:inline }
.street-crew #split #split_support { width:297px; float:left; margin-left:25px; padding-top:160px; display:inline; color:#666 }
.street-crew #comingsoonbanner { position:relative; margin:0 0 0 -40px }
.street-crew h2 { font-size:25px; margin-bottom:0 }
.street-crew .first * { color:#fff }
#upcoming-events { height:40px; width:100%; overflow:hidden; margin-bottom:30px; position:relative }
#upcoming-events h3 { position:absolute; top:0px; left:0px; width:83px; height:41px; text-indent:-999em; background:url("/img/bg/upcoming-events.png"); }
#upcoming-events #event-scroll { height:40px; width:482px; overflow:hidden; margin-left:103px; position:relative }
#upcoming-events ul { float:left; border-left:1px solid #918f90; border-right:1px solid #918f90; height:37px; margin:1px 0 0 0; padding:0; width:3000px }
#upcoming-events li { float:left; padding:0 20px; background:none; border-right:1px solid #918f90; margin:0; height:37px; color:#fff }
#upcoming-events a { color:#fff; border:0 }
#upcoming-events a:hover { text-decoration:underline }
#upcoming-events .next a { color:#fcb315 }
#upcoming-events b { font-size:1.05em }
.street-crew .event { margin-bottom:25px; position:relative; border-top:1px solid #ccc; padding-top:25px; overflow:hidden; height:1%; width:100%; }
.street-crew .event.first { border-top:0; padding-top:0; }
.street-crew .event a { border:0; margin:0 5px 3px 0; display:block; float:left; width:193px; height:129px; overflow:hidden }
* html .street-crew .event a { margin-right:3px }
.street-crew .event img { display:block; float:left }
.street-crew .event a.btn_viewall { position:absolute; top:23px; right:0px; margin:0; width:66px; height:35px;}
#crew-register { margin:40px auto 0 auto; width:270px }
.crew-form div { margin-bottom:10px }
.crew-form input, .crew-form select { width:258px; font-family:arial; text-align:left; font-style:normal; font-size:11px; padding:4px; border:1px solid #ccc; -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1); -moz-border-radius:3px; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1); -webkit-border-radius:3px }
.crew-form input.errorInput, .crew-form select.errorSelect { border-color:#E90019 }
.crew-form .half input { width:120px }
.crew-form .half select { width:127px; color:#8C8C8C; padding:3px }
.crew-form .checkbox input { float:left; margin-right:5px }
.crew-form label { overflow:hidden; zoom:1; display:block; font-size:11px }
.crew-form p { padding:10px 0 0 79px; height:55px }
#crew-sendtofriend { background:url("/img/bg/to.png") 267px 30px no-repeat; height:150px; margin-top:10px }
#crew-sendtofriend .crew-form { float:left; width:270px }
#crew-sendtofriend .first-form { margin-right:59px }
#crew-photo { margin-bottom:30px; border-bottom:1px solid #ccc }
#crew-photo .buttons { margin:10px 0; height:35px; line-height:35px; text-align:center }
#twitter_update_list { height:130px; margin-left:-15px }
#twitter_update_list li { background-image:url("/img/icons/speech.png"); padding-left:20px; float:left; width:195px; margin-left:15px; display:inline; }
a.btn_allcrewevents { width:592px; background-position:0 -529px }
a.btn_allcrewevents:hover { background-position:0 -569px }
a.btn_followcrew { width:288px; height:55px; background-position:0 -611px; position:absolute; top:-21px; right:0px }
a.btn_followcrew:hover { background-position:-308px -611px; border:0 !important }
a.btn_backtogallery { position:absolute; top:40px; right:30px; width:109px; background-position:-439px -1px }
a.btn_backtogallery:hover { background-position:-554px -1px }
a.btn_sendtoyourfriend { width:261px; background-position:-271px -40px; display:inline; margin-left:4px }
a.btn_sendtoyourfriend:hover { background-position:-535px -40px }
a.btn_next { width:33px; background-position:-366px -87px; float:right }
a.btn_next:hover { background-position:-410px -87px }
a.btn_prev { width:33px; background-position:-271px -87px }
a.btn_prev:hover { background-position:-315px -87px }
.street-crew .notify { clear:both; border:1px solid #FC7D1A; background:#FEE8BA; padding:20px 20px 0 20px; margin-bottom:20px; color:#000 }
.street-crew .notify li { font-size:0.9em; line-height:120% }
#surfboard { position:relative }
#surfboard img { position:absolute; top:-47px; right:25px }
#surfboard p { width:200px; color:#fff }
.street-crew .terms { margin-top:20px; border-top:1px solid #bbb; padding-top:10px; color:#aaa }
/* Social Feed */
#social-title { text-indent:-999em; overflow:hidden; height:60px; background:url("/img/bg/youknowthosemoments.png") 65% 0 no-repeat; margin-bottom:20px }
#social-filters { width:160px; height:30px; float:right; padding-top:30px; visibility:hidden; background:url("/img/bg/feedfilter.png") no-repeat; }
#social-filters span { display:none }
#social-filters a { float:right; border:0; text-indent:-999em; overflow:hidden; width:10px; height:21px; background:url("/img/bg/social-filters.png") no-repeat }
#social-filters a:focus { outline:none }
#social-filters a.oporto { background-position:-118px 0; width:21px }
#social-filters a.facebook { background-position:6px 0; width:21px }
#social-filters a.twitter { background-position:-19px 0; width:16px }
#social-filters a.foursquare { background-position:-86px 0; width:29px }
#social-filters a.youtube { background-position:-38px 0; width:45px }
#social-filters a.all { background-position:-118px 0; width:21px }
#social-filters a.oporto:hover, #social-filters a.oporto.active { background-position:-118px -22px }
#social-filters a.facebook:hover, #social-filters a.facebook.active { background-position:6px -22px }
#social-filters a.twitter:hover, #social-filters a.twitter.active { background-position:-19px -22px }
#social-filters a.foursquare:hover, #social-filters a.foursquare.active { background-position:-86px -22px }
#social-filters a.youtube:hover, #social-filters a.youtube.active { background-position:-38px -22px }
#social-filters a.all:hover, #social-filters a.all.active { background-position:-118px -22px }
#social-feed { width:100% }
#social-feed .box { margin:0; padding:0; background:none; float:right; display:inline }
#social-feed.masoned .box { position:absolute }
#social-feed .message { margin:5px; background:#ccc; position:relative; behavior:url(/js/PIE.htc) }
#social-feed .message:after { content:""; display:block; position:absolute; bottom:0; right:0; z-index:0; _display:none }
#social-feed .msg-l { background:url("/img/bg/rough-edge-left.png") repeat-y }
#social-feed .msg-r { background:url("/img/bg/rough-edge-right.png") 100% 0 repeat-y }
#social-feed .msg-b { background:url("/img/bg/rough-edge-bottom.png") 0 100% repeat-x }
#social-feed .msg-t { background:url("/img/bg/rough-edge-top.png") repeat-x; padding:19px 15px 15px 15px }
#social-feed .ribbon { position:absolute; top:-6px; right:6px; width:31px; height:38px; background:url("/img/icons/social-ribbons.png"); }
#social-feed .message .header { position:relative; z-index:5; padding-left:63px; height:50px; margin-bottom:5px }
#social-feed .message .header img { position:absolute; top:0; left:0; border:1px solid #fff }
#social-feed .message .header .heading { position:absolute; bottom:0 }
#social-feed .message .header .heading h3 { font:normal 19px/22px "Badhouse", Arial, sans-serif; margin:0 }
#social-feed .message .header .location { font-size:11px; line-height:1.1; margin:0 }
#social-feed .message .content { font:normal 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position:relative; z-index:5 }
#social-feed .message .content .text { margin:0; overflow:hidden; word-break:break-word }
#social-feed .message .content .date { font-size:11px; margin:0; display:block }
#social-feed .message .content .date a { border:0; color:#000 }
/* Network Specific Styling */
/* Oporto */
#social-feed .oporto { width:240px }
#social-feed .oporto .message { background: #F27A19; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F27A19), to(#e45a29)); background: -moz-linear-gradient(#F27A19, #e45a29); background: linear-gradient(#F27A19, #e45a29); -pie-background: linear-gradient(#F27A19, #e45a29) }
#social-feed .oporto .message:after { background:url("/img/bg/watermark-oporto.png"); width:157px; height:155px }
/* Twitter */
#social-feed .twitter { width:240px }
#social-feed .twitter .message { background:#a6dffa; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a6dffa), to(#6BC4F0)); background:-moz-linear-gradient(#a6dffa, #6BC4F0); background:linear-gradient(#a6dffa, #6BC4F0); -pie-background:linear-gradient(#a6dffa, #6BC4F0) }
#social-feed .twitter .message:after { background:url("/img/bg/watermark-twitter.png"); width:138px; height:111px }
#social-feed .twitter .ribbon { background-position:-41px 0 }
/* Foursquare */
#social-feed .foursquare { width:240px }
#social-feed .foursquare .message { color:#00481d; background:#bee256; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#BEE256), to(#95c240)); background:-moz-linear-gradient(#BEE256, #95c240); background:linear-gradient(#BEE256, #95c240); -pie-background:linear-gradient(#BEE256, #95c240) }
#social-feed .foursquare .message:after { background:url("/img/bg/watermark-foursquare.png"); width:133px; height:104px }
#social-feed .store .message .header { background:url("/img/common/foursquare-profile.png") no-repeat; }
#social-feed .foursquare .message .stats { height:50px; padding-top:5px }
#social-feed .foursquare .message .stat1 { float:left; width:92px }
#social-feed .foursquare .message .stat2 { float:left }
#social-feed .foursquare .message h4 { font-size:11px; margin:0 }
#social-feed .foursquare .message h5 { font-size:16px; margin:0 }
#social-feed .foursquare .message h6 { font-size:11px; font-weight:normal; margin:0 }
#social-feed .foursquare .message .mayor { clear:both; width:100%; background:url("/img/icons/mayor-crown.gif") 0 3px no-repeat; margin-bottom:15px }
#social-feed .foursquare .message .mayor h4 { text-indent:18px }
#social-feed .foursquare .message .mayor img { float:left; margin-right:44px; border:1px solid #fff }
#social-feed .foursquare .message .mayor b { font-weight:normal }
#social-feed .foursquare .ribbon { background-position:-82px 0 }
/* Facebook */
#social-feed .facebook { width:480px }
#social-feed .facebook .message { color:#fff; background: #6178AC; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6178AC), to(#3b5997)); background: -moz-linear-gradient(#6178AC, #3b5997); background: linear-gradient(#6178AC, #3b5997); -pie-background: linear-gradient(#6178AC, #3b5997) }
#social-feed .facebook .message:after { background:url("/img/bg/watermark-facebook.png"); width:90px; height:95px }
#social-feed .facebook .message .header { height:auto; margin-bottom:0; _height:1% }
#social-feed .facebook .message .header .heading { position:static; bottom:auto }
#social-feed .facebook .message .content { padding-left:63px }
#social-feed .facebook .comments { margin:0; background:url("/img/bg/feed-fb-comment-arrow.gif") 10px 0 no-repeat; padding-top:7px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
#social-feed .facebook .comments li { float:none; display:block; font-size:12px; line-height:1.3; _height:1%; background:#8c9fc2; background:rgba(255,255,255,0.4); position:relative; padding:7px 10px 7px 46px; margin-bottom:1px }
#social-feed .facebook .comments li img { position:absolute; top:9px; left:9px }
#social-feed .facebook .comments li.likes { background:#8c9fc2 url("/img/icons/fb-like.gif") 9px 8px no-repeat; background-color:rgba(255,255,255,0.4); padding-left:29px; display:block }
#social-feed .facebook .ribbon { background-position:-123px 0 }
#social-feed .facebook.small { width:240px }
#social-feed .facebook.small .header { height:50px; margin-bottom:5px }
#social-feed .facebook.small .header .heading { bottom:0; position:absolute }
#social-feed .facebook.small .message .content { padding-left:0 }
/* Youtube */
#social-feed .youtube { width:480px; height:318px; padding-top:40px; overflow:hidden; position:relative; background:url("/img/bg/youtubewrapper.png") 50% 7px no-repeat; text-align:center }
#social-feed .youtube h3 { font:normal 17px/1 "Badhouse", Arial, sans-serif; color:#fff; text-align:left; position:absolute; top:16px; left:31px }
/* Appended items */
#social-feed .new { /* display:none; */ }
/* Promotions Area */
#social-feed #promotions { background:url("/img/bg/home-promos.jpg") 50% 0 no-repeat; float:right; width:240px; height:610px; position:relative; margin-top:-10px }
#promo-scroller { position:relative; top:27px; left:15px; width:211px }
#promo-scroller ul { height:372px }
#promo-scroller li { margin:0; padding:0; background:none; width:211px; height:124px }
#promo-scroller li a { border:0 }
#promo-scroller li a img { display:block }
#promo-scroller .jcarousel-clip-vertical { position:relative; height:372px; overflow:hidden; }
#promo-scroller .jcarousel-next, #promo-scroller .jcarousel-prev { width:33px; height:18px; position:absolute; left:87px; top:-22px; }
#promo-scroller .jcarousel-next { top: 380px; }
#social-feed #store-finder { position:absolute; top:450px; left:15px; width:211px; height:33px; text-align:center }
#social-feed #store-finder h2 { font:normal 36px/1 "MarkusInk", Arial, sans-serif; color:#ea6823; text-transform:uppercase }
#social-feed #store-finder h2 img { margin-right:5px }
#social-feed #store-finder h3 { font:normal 21px/1 "Badhouse", Arial, sans-serif; color:#f27f1b; margin-bottom:20px }
#social-feed #store-finder input { width:110px; margin-right:5px }
/* Post a message area */
#showmore { height:0; position:relative; z-index:2 }
#showmore div { width:480px; float:right; position:relative; top:22px; _top:60px; right:35px }
#showmore p { float:left; padding:8px 85px 0 0; margin:0 }
#showmore img { vertical-align:middle; float:left; margin-right:5px }
#showmore .fb { float:left; width:55px; height:25px; position:relative }
#showmore .fb iframe { position:absolute; top:-38px; left:0 }
#showmore .btn { padding:11px 23px 10px 23px; float:right }
#post-msg { background:url("/img/bg/hadamoment.png") no-repeat; width:960px; height:446px }
#post-msg h2 { display:none }
#post-msg ul { margin:0; list-style:none; padding:175px 0 0 71px; float:left; position:relative; z-index:2; }
#post-msg ul li { margin:0 0 15px 0; padding:0; background:0 }
#post-msg ul li a { background:url("/img/bg/hadamoment-services.png"); display:block; width:112px; height:33px; border:0; text-indent:-999em; overflow:hidden }
#post-msg ul li a:focus { outline:0 }
#post-msg ul li.fb a { background-position:-161px -10px }
#post-msg ul li.op a { background-position:-159px -55px }
#post-msg ul li.tw a { background-position:-159px -100px }
#post-msg ul li.fb a:hover, #post-msg ul.fb li.fb a { background-position:-12px -10px }
#post-msg ul li.op a:hover, #post-msg ul.op li.op a { background-position:-10px -55px }
#post-msg ul li.tw a:hover, #post-msg ul.tw li.tw a { background-position:-10px -100px }
#post-msg #post-area { padding:140px 100px 0 270px; position:relative }
#post-msg #post-area .auth { text-align:center; padding:40px 0 0 60px; color:#4a7522; }
#post-msg #post-area .auth h3 { font:normal 30px/1.2 "MarkusInk", Arial, sans-serif; text-transform:uppercase }
#post-msg #post-area .auth p { font:normal 21px/1.2 "Badhouse", Arial, sans-serif; }
#post-msg #post-area .auth p.sm { font:normal 12px/1.2 Arial, sans-serif }
#post-msg #post-area .post { padding-top:20px }
#post-msg #post-area .post p { margin:0 0 30px 0; }
#post-msg #post-area .post.confirmation { font:normal 30px/1.2 "MarkusInk", Arial, sans-serif; text-transform:uppercase; text-align:center; padding:55px 70px 0 123px; color:#4a7522; }
#post-msg #post-area .post label { font:normal 18px/29px "Badhouse", Arial, sans-serif; color:#f3831a; float:left; width:100px; margin-right:30px; text-align:right }
#post-msg #post-area .post textarea, #post-msg #post-area .post input { font:normal 18px/29px "Badhouse", Arial, sans-serif; color:#606060; background:url('/img/bg/textarea-rules.gif') 0 -4px; border:0; width:455px; padding:0; overflow:hidden; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
#post-msg #post-area .post textarea:focus { outline:0; border:0; }
#post-msg #post-area .post input { height:25px }
#post-msg #post-area .post textarea { height:87px }
#post-msg #post-area .post .btn { float:right; text-transform:none; color:#444; font-size:14px; padding:8px 25px }
#post-msg #post-area .post .btn:hover { color:#000 }
#post-msg #post-area a.fb_button, #post-msg #post-area a.tw_button { display:block; margin:0 auto; background:url("/img/buttons/social-logins.png") -222px 0 no-repeat; border:0; text-indent:-999em; height:35px; width:222px }
#post-msg #post-area a.fb_button .fb_button_text { background:none; border:0 }
#post-msg #post-area .fb_logout, #post-msg #post-area .tw_logout { position:absolute;top:337px;left:510px; display:none; }
#post-msg #post-area .tw_logout { top:347px; left:546px }
#post-msg #post-area .fb_logout a.fb_button { background:none !important; text-indent:0; width:auto; display:inline; line-height:35px }
#post-msg #post-area a.fb_button .fb_button_text, #post-msg #post-area .tw_logout { color:#999; font-weight:normal; display:inline; font-size:12px; font-family:arial, sans-serif; border:0; }
#post-msg #post-area .tw_logout { display:none; }
#post-msg #post-area a.fb_button:hover { background-position:0 0 }
#post-msg #post-area a.fb_button:hover .fb_button_text { color:#777; }
#post-msg #post-area a.tw_button { background-position: -222px -42px }
#post-msg #post-area a.tw_button:hover { background-position: 0 -42px }
#scrolltomoment { position:fixed; top:180px; right:0; width:147px; height:77px; border:0; background:url("/img/buttons/momentscroller.png"); }
#scrolltomoment:focus { outline:0; }
#scrolltomoment span { position:absolute; top:85px; left:57px; width:30px; height:39px; background:url("/img/buttons/momentscroller.png") -57px -83px; overflow:hidden; text-indent:-999em }
#scrolltomoment.visible span { background-position:-92px -83px; width:48px; left:51px }
#no-feed { background:url("/img/bg/nofeed.jpg"); width:500px; height:523px; position:absolute; top:86px; left:110px; display:none; z-index:50 }
#no-feed div { width:460px; height:301px; position:absolute; top:22px; left:21px }
#no-feed .btn { position:absolute; top:469px; left:161px; }
/* Franchise Map */
#f-map { background:url("/img/bg/map.jpg"); height:644px; position:relative; overflow:hidden }
#f-map .site { position:absolute }
#f-map .site#nsw { z-index:1; top:341px; left:593px; width:183px; height:145px }
#f-map .site#nsw .marker { top:20px; left:128px }
#f-map .site#nt { display:none; top:42px; left:390px; width:161px; height:247px }
#f-map .site#nt .marker { top:110px; left:66px }
#f-map .site#qld { z-index:3; top:42px; left:551px; width:233px; height:306px }
#f-map .site#qld .marker { top:150px; left:166px }
#f-map .site#sa { top:289px; left:390px; width:203px; height:204px }
#f-map .site#sa .marker { top:40px; left:66px }
#f-map .site#tas { display:none; top:535px; left:645px; width:63px; height:67px }
#f-map .site#tas .marker { top:-10px; left:13px }
#f-map .site#vic { z-index:2; top:436px; left:593px; width:123px; height:75px }
#f-map .site#vic .marker { top:-10px; left:13px }
#f-map .site#wa { display:none; top:85px; left:179px; width:211px; height:355px }
#f-map .site#wa .marker { top:217px; left:21px }
#f-map .site .marker { position:absolute; display:block; width:41px; height:51px; background:url("/img/common/map-marker.png"); -webkit-transition:-webkit-transform 0.1s ease-in; -moz-transition:-moz-transform 0.1s ease-in }
#f-map .site:hover .marker { -webkit-transform:translate(0, 5px); -moz-transform:translate(0, 5px); -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s }
#f-map .site.active .marker { background-position:0 -60px }
#f-map .site .content { display:none; position:absolute; z-index:500; width:213px; height:274px; background:url("/img/bg/popups.png"); padding:20px 40px 20px 20px; text-shadow:0 1px 1px #fff; -webkit-transition:opacity 0.4s ease-out }
#f-map .site h2 { display:none }
#f-map .site h3 { font:normal 28px/1 "MarkusInk", Arial, sans-serif; color:#ea6823; text-transform:uppercase }
#f-map ul { list-style:disc inside; margin-bottom:15px; }
#f-map li { background:none; padding:0; margin-bottom:5px; font-size:12px }
#f-map .content a.button { display:block; border:0; width:148px; height:29px; line-height:26px; background:url("/img/buttons/small-orange.png"); text-align:center; color:#fff; font-size:12px; text-transform:uppercase; text-shadow:0 1px 1px rgba(0,0,0,.2); font-family:"Helvetica Neue", Arial, sans-serif; font-weight:bold; }
#f-map .content a.button:hover { background-position:0 bottom }
#int-enquiries { position:absolute; bottom:25px; left:27px; padding:20px 20px 10px 20px; text-align:left; background:transparent; background:rgba(255,255,255,.4); -moz-border-radius:5px; border-radius:5px }
#int-enquiries span { display:block; color:#fff; padding-top:10px; text-align:center; font-family:arial; font-weight:bold; text-shadow:0 1px 1px rgba(0,0,0,.5) }
@media screen and (max-width: 1190px) {
#header .container,
#footer .container {padding-left:0;padding-right:0}
}
/* IE 9 Gradient Fix */
#social-feed .facebook .message {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6178AC', endColorstr='#3B5997');
zoom:1;
}
#social-feed .foursquare .message
{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BEE256', endColorstr='#95C240');
zoom:1;
}
#social-feed .twitter .message
{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6DFFA', endColorstr='#6BC4F0');
zoom:1;
}
a.btn {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F8F9', endColorstr='#DEE0E2');
zoom:1;
}
a.btn:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6ba4e', endColorstr='#e96e27');
zoom:1;
}
#footer a.btn {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18732', endColorstr='#e55a2a');
zoom:1;
}
#footer a.btn:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e55a2a', endColorstr='#f18732');
zoom:1;
}