/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
strong { font-weight:bold; }
em { font-style:italic; }
a {text-decoration:none;color:#ff6600;}
    a:hover { text-decoration:underline; }
body { background:#f5f5f5; color:#fff; font: 62.5%  "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;  }
h1 { color:#ff6600; font-size:3.2em; line-height:36px; font-weight:bold; letter-spacing:-1px; margin: 18px 0 15px; text-transform:uppercase }
h2 { color:#ff6600; font-size:2.7em; line-height:26px; font-weight:bold; letter-spacing:-1px; margin:15px 0; text-transform:uppercase }
h3 { color:#ff6600; font:bold 1.4em/18px Arial, Verdana, San-Serif; margin:30px 0 11px; text-transform:uppercase }
    h1 span, h2 span, h3 span { color:#fff; }
h4 { font:bold 1.2em/14px Arial, Verdana, San-Serif; text-transform:uppercase}
p { font-size:1.1em; margin:11px 0 15px; z-index:1; }
.content-panel ul { list-style:disc; margin:15px 0 }
.content-panel ol { list-style:decimal; margin:15px 0 }
.content-panel li { font-size:1.1em; margin:10px 0 10px 20px; }
.content-panel ol.terms-list { list-style:lower-alpha; margin-left:15px }
/*table styles*/
table { background:#fff; border-collapse:collapse; margin: 7px 0 0; width:100%; }
tr.odd { background:#efefef; }
th { color:#ff6600; font:bold 1.4em/18px Arial, Verdana, San-Serif; margin:30px 0 11px; padding: 10px 12px 8px; text-transform:uppercase; }
td { color:#666; font-size:1.1em; padding: 12px 12px 11px }

/* ----------------------------------------------------------------------------------------------------------------
STRUCTURE / FURNITURE
----------------------------------------------------------------------------------------------------------------*/
#header-container { background:#666 url(/common/images/bg.header.gif) repeat-x; height:120px }
#header { margin:auto; width:960px; }
#logo { float:left; margin:12px 0 0; }

/*#### NAVIGATION ####*/
#nav-container { background:#000 url(/common/images/bg.gradient.nav.png) repeat-x; height:34px; }
    .ie6 #nav-container { background-image:url(/common/images/bg.gradient.nav.gif); } 
#nav { margin:auto; width:940px; }
#navigation { border-right:solid 1px #333; border-left:solid 1px #1b1b1b; float:left; position:relative; z-index:99 }
#navigation li { float:left; }
#navigation a { border-left:solid 1px #333; border-right:solid 1px #1b1b1b; color:#fff; display:block; padding:9px 20px 7px; font-size:1.4em; font-weight:bold; text-transform:uppercase; -webkit-transition:background 1s; transition:background 1s; }
.ie6 #navigation a, .ie7 #navigation a { padding: 7px 20px 6px }
    #navigation a:hover, #navigation a.current { background:#ff8400 url(/common/images/bg.gradient.nav.on.png) repeat-x bottom; text-decoration:none; }
#ni2:hover ul, #ni2.hover ul {left:259px;}
#ni4:hover ul, #ni4.hover ul {left:473px;}
    #navigation ul { position:absolute; border:solid #333; border-width:0 1px 0; left:-9999px; width:216px; background:#1e1e1e; }
    #navigation ul li { float:none; }
    #navigation ul a { border:solid #333; border-width:0 0 1px; font-size:1.2em; padding:9px 15px 7px; -webkit-transition:background 0.5s; transition:background 0.5s; }
        #navigation ul a:hover { background:#f86c06; border-width:0 0 1px; text-decoration:none; }
        
/*#### FORM STYLING ####*/

/*form text styling*/
.content-panel fieldset { color:#666; }
.content-panel fieldset h3 { font-size:1.272em; margin:1px 12px 0 }
.content-panel fieldset p { margin:12px 12px 14px; }
.content-panel fieldset ul { list-style:none; margin:0; } 
.content-panel fieldset li { clear:left; margin:0; padding:9px 0 8px; overflow:auto; }
    .ie6 .content-panel fieldset li { zoom:1; }
.content-panel fieldset .odd { background:#efefef }
.content-panel fieldset li p { margin:3px 12px; font-size:1em; }
.content-panel fieldset .error-message { background:#f3a6a6; color:#000; font-weight:bold; } 

/*global form fields*/
fieldset { background:#fff; padding:0 0 1px; margin:19px 0 22px;  }
    .ie6 fieldset { zoom:1 }
label { color:#666; display:block; float:left; padding:2px 10px 2px 12px; width:80px; }
label.inline-label { width:auto }
.text-field, .select-field, .textarea { border:solid 1px #999; color:#666; float:left; font: 1em/16px "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;  }
.text-field { padding:2px 2px 1px; margin:0 25px 0 0; width:190px }
.select-field { padding:1px; margin:0 5px 0 0; }
input[type="checkbox"] { margin:4px 0 4px 12px; padding:0; float:left; }
.checkbox input[type="checkbox"] { margin-left:0 }
    .ie7 input[type="checkbox"] { margin:0px 0 4px 12px; padding:0; }
    .ie6 .checkbox { margin:0px 0 4px 12px; padding:0; float:left }
input[type="radio"] { margin:2px 0 0; padding:0; float:left; } 
    .ie7 input[type="radio"] { margin:-1px 0 0; padding:0; } 
    .ie6 .radio { margin:-1px 0 0; padding:0; float:left; }
.check-list label { padding:7px 10px;width:115px }
    .ie7 .check-list label, .ie6 .check-list label { width:110px; }
.check-list input { margin:8px 0 0 12px }
.form-button { background:#ff8400 url(/common/images/bg.gradient.orange.x.png) repeat-x bottom; border:none; color:#fff; display:block; float:left; font:bold 1.6em/20px "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; padding:7px 13px 7px 9px; text-transform:uppercase }
    .ie6 .form-button, .ie7 .form-button { padding:5px 13px 5px 9px; }
    .form-button:hover { text-decoration:none; }
    .form-button .form-button-inner { background:url(/common/images/icon.arrow.black.png) no-repeat 0 3px; display:block; float:left; padding:0 0 0 16px }
        .ie6 .form-button .form-button-inner, .ie7 .form-button .form-button-inner { background-position:0 6px }
     #registration-cancel { margin-left:15px }
/*sizes*/        
.large { width:200px; }
.small { width:81px; }

/* right col forms */
#column2 fieldset, #column3 fieldset { background:none; margin:0 0 17px; padding:0; position:relative }
#column2 fieldset div, #column3 fieldset div { margin:0 0 4px; font-size:1.1em; overflow:hidden; width:100% }
#column2 label, #column3 label { position:absolute; left:-9999px; color:#fff; }
#column2 label.inline-label, #column3 label.inline-label { position:relative; left:0; }
#column2 .text-field, #column3 .text-field { padding:5px 6px 7px; margin:0; width:167px; }
#column2 input[type="checkbox"], #column3 input[type="checkbox"] { margin:2px 0; }
    .ie7 #column2 input[type="checkbox"], .ie7 #column3 input[type="checkbox"] { margin:0px 0 2px; padding:0 }
    .ie6 #column2 .checkbox, .ie6 #column3 .checkbox { margin:0px 0 2px 0; padding:0; float:left }

/*#### CONTENT / PAGE STYLES ####*/
#page { background:#1e1e1e url(/common/images/bg.gradient.body.gif) repeat-x top; }
#content { margin:auto; position:relative; overflow:hidden; width:940px; }
#column1, #column2, #column3 { float:left; }
#column1 { width:700px; margin:0 20px 0 0; }
    .home #column1 { width:460px }
#column2, #column3 { width:220px; }
#column3 { margin:0 0 0 20px }
.content-panel { background:#000; margin:20px 0; padding:5px 20px 20px; min-height:1px; position:relative; }
.content-panel:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
    .ie6 .content-panel { zoom:1 }
    .home .content-panel { min-height:290px } 
/*panel buttons*/    
.panel-button { background:#ff8400 url(/common/images/bg.gradient.orange.x.png) repeat-x bottom; color:#fff; display:block; font-size:1.6em; font-weight:bold; margin:20px 0; padding:7px 8px; text-transform:uppercase }
.panel-button:hover { background:#ffc300 url(/common/images/bg.gradient.orange.x.on.png) repeat-x bottom }
    .content-panel .panel-button { margin:15px -20px 0 0; }
    .ie6 .panel-button, .ie7 .panel-button { padding:5px 8px; }
    .panel-button:hover { text-decoration:none; }
    .panel-button .panel-button-inner { background:url(/common/images/icon.arrow.black.png) no-repeat 0 3px; display:block; padding:0 0 0 10px }
        .ie6 .panel-button .panel-button-inner, .ie7 .panel-button .panel-button-inner { background-position:0 6px }
/*table panel button overrides*/
.content-panel td .panel-button { background-image: url(/common/images/bg.gradient.orange.x.thin.png); font-size:1.272em; padding:4px 8px; margin:-4px -12px -4px 0 }
.content-panel td .panel-button:hover { background:#ffc300 url(/common/images/bg.gradient.orange.x.thin.on.png) repeat-x bottom }
    td .panel-button .panel-button-inner { background-position:0 2px }
    .ie6 td .panel-button .panel-button-inner, .ie7 td .panel-button .panel-button-inner { background-position:0 4px }
/*comp side panel specifics*/
#column2 h3 { margin: 10px 0 12px}
.comp-panel-image { margin:0 -20px; }
#registration-terms { clear:both; padding:15px 0 }
        
/*#### COMPETITION SLIDER ####*/        
#competition-slider { background:#e96b12; list-style:none; float:left; margin:20px 0 0; overflow:hidden; width:940px }
#competition-slider li { float:left; margin:0; overflow:hidden; position:relative; height:360px; width:75px }
    #competition-slider li.open { width:716px; }
    #competition-slider li.last { width:74px; } 
#competition-slider li .button { background:url(/common/images/bg.gradient.orange.y.png) repeat-y; cursor:pointer; float:left; height:360px; position:relative; width:74px; }
    .ie6 #competition-slider li .button { background:url(/common/images/bg.gradient.orange.y.gif) repeat-y; }
#competition-slider li:hover .button { background:url(/common/images/bg.gradient.orange.y.on.png) repeat-y; }
    .ie6 #competition-slider li.hover .button { background:url(/common/images/bg.gradient.orange.y.on.gif) repeat-y; }
    #competition-slider li.open .button { cursor:default; background:url(/common/images/bg.gradient.orange.y.png) repeat-y; }
        .ie6 #competition-slider li.open .button { cursor:default; background:url(/common/images/bg.gradient.orange.y.gif) repeat-y; }
#competition-slider li .button h3 { color:#000; display:block; float:left; font:bold 1.3em/16px  "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif; margin:0; position:absolute; bottom:155px; left:-125px; height:74px; width:360px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
    #competition-slider li .button h3 { #bottom:15px; #left:18px } /*ie*/
#competition-slider li .button h3 span { display:block; }    
#competition-slider li .panel { background:#000;float:left; border-right:solid 1px #191919; border-left:solid 1px #191919; height:360px; position:absolute; top:0; left:74px; width:640px }
    #competition-slider li.last .panel { width:639px }
    #competition-slider li .panel .button-enter { left:505px; position:absolute; top:310px; z-index:99; }
    #competition-slider li .panel .button-watch { left:382px; position:absolute; top:310px; z-index:99; }
    #competition-slider li .panel .videopath { display:none; } 
#competition-slider .slider-plus { float:right; }

/*#### CURRENT COMPETITIONS ####*/
#current-competitions h2 { margin:29px 0 }
#current-competitions ul { list-style:none; margin:0 }
#current-competitions ul li { margin:0 20px 14px 0; float:left; font-size:1em; border:solid 1px #242424; padding:9px; width:300px }
    #current-competitions ul li.odd { margin-right:0 }
    #current-competitions ul li:nth-child(2n+2) { margin-right:0; }
    #current-competitions .hidden { display:none; }
#current-competitions img { display:block }
#current-competitions ul li div { background-color:rgba(0, 0, 0, 0.6); margin:-40px 0 0; padding:5px 8px 7px; position:relative; z-index:100; }
    .ie6 #current-competitions li div, .ie7 #current-competitions li div { background-color:#000; zoom:1  }
#current-competitions p { margin:0 }
#current-competitions .competition-button { background:url(/common/images/bg.gradient.orange.x.thin.png) repeat-x; color:#fff; font-size:1.4em; display:block; overflow:hidden; padding:4px 5px; text-transform:uppercase; width:290px }
#current-competitions .competition-button:hover { background-image:url(/common/images/bg.gradient.orange.x.thin.on.png); }
    .ie6 #current-competitions .competition-button, .ie7 #current-competitions .competition-button { padding:2px 5px 4px; }
    #current-competitions .competition-button:hover { text-decoration:none; }
#current-competitions .competition-button-inner { background:url(/common/images/icon.arrow.black.png) no-repeat 0 2px; display:block; float:right; padding:0 0 0 11px }
    .ie6 #current-competitions .competition-button-inner, .ie7 #current-competitions .competition-button-inner { background-position: 0 4px; }
    
#pager { list-style:none; float:right; margin:14px 0 0 }
#pager li { display:inline; margin:0 5px 0 0; vertical-align:middle }
    #pager li:last-child { margin: 0;}
#pager a { background:#ff6600; color:#fff; display:inline-block; font-size:1.182em; font-weight:bold; padding:2px 4px 3px; }
#pager a.current, #pager a:hover { background:#242424; text-decoration:none; }
    #pager a.current:hover { cursor:default; } 
    
/* My Competitions */
table.my-competition th { width:220px; }
    table.my-competition th.end-row { width:150px; }
    
/*#### Competiton page styles ####*/

#promo-ad { margin:16px 9px 0 0; float:right }

.widget { float:left; margin:0 10px 10px 0; min-height:10px; _zoom:1 }
.orchardButton { padding:5px; }
.box-width-full { width:100% }
    .orchardButton.box-width-full { width:99% }
.layout-pos-abs { position:absolute !important;z-index:50; top:0; left:0 }
.layout-float-clear-left { clear:left }

/* Defaults for promos */
..content-container { position:relative }
.promotion { background:none; clear:both; min-height:600px; padding-right:10px; position:relative }
.promotion:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } 
.promotion h1, .promotion h2, .promotion h3 { text-transform: none; }
.promotion a.form-button { background:none; position:relative; text-transform: none; }
.promotion input.form-button { background:none; cursor:pointer; position:relative; text-transform: none; }
    .ie7 .promotion .form-button { padding:4px 1px; }
.promotion fieldset { background:none; } 
.promotion fieldset li.odd { background:none; }
.promotion fieldset label { width:90px }
.promotion fieldset label.inline-label { width:auto }
.promotion fieldset .inline-checkbox label.inline-label { float:none; padding-left:35px; }

.promotion #disclaimer { clear:both; position:absolute; bottom:0; width:910px }

/* Server side error styles */
#form-error { background:#000; color:red; margin:20px 0 0; padding:20px }
#form-error ul { list-style:disc; padding:0 0 0 20px }
#form-error ul li { font-size:1.1em; line-height:18px }

/* Promotion form feedback styles */
#form-information { background:#000; color:#fff; margin:20px 0 0; padding:20px }


/* Competition Nav */
#competition-nav { clear:none; float:left; margin: 20px 0 0 21px; min-height:335px; padding:5px 15px 20px; width:190px }
#competition-nav h2 { margin:11px 0; text-transform: none; }
#competition-nav ul { list-style:none; margin:18px 0 }
#competition-nav li { font-size:1.8em; line-height:20px; margin:5px 0 20px}

/* Competition promo feature */
#competition-slider.promo-feature { width:auto }
#competition-slider.promo-feature li.open { width:699px; }
#competition-slider.promo-feature li .panel { left:58px }
#competition-slider.promo-feature li .button { width:58px }
#competition-slider.promo-feature li .button h3 { bottom:164px; height:58px; left:-139px }
    #competition-slider.promo-feature li .button h3 { #bottom:12px; #left:12px }


/*#### FOOTER STYLES ####*/
#footer-container { background:url(/common/images/bg.gradient.footer.png) repeat-x; min-height:64px; }
#footer { margin:auto; overflow:hidden; width:940px }
#footer ul { float:left; margin:35px 0 0; overflow:hidden }
#footer li { float:left; color:#666; font-size:1.1em; margin:0 20px 0 0 }
#footer a { color:#666; }
#footer #orchard-logo { float:right; margin:29px 0 0; }

/*#### POPUP STYLES ####*/
.popup .content-panel { margin:0 }
#video_player { margin:0; padding:0 }
#VideoPlayer { margin:0; padding:0 } 

/* ----------------------------------------------------------------------------------------------------------------
GLOBAL
----------------------------------------------------------------------------------------------------------------*/
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { min-height:1px } /* IE7 */
.align-right { float:right; margin:0 0 15px 15px;}
.align-left { float:left; margin:15px 15px 15px 0;} 




/*#### FANCY BOX STYLES ####*/
#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; background: transparent; z-index: 1104; display: none; }
* html #fancybox-loading { position: absolute; /* IE6 */ margin-top: 0; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/common/images/fancybox/fancy_loading.png') no-repeat; }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; }
* html #fancybox-overlay { position: absolute; /* IE6 */ width: 100%; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 32px; height: 32px; background: url('/common/images/fancybox/fancy_close.png') top left no-repeat; cursor: pointer; z-index: 1103; display: none; }
#fancybox_error { color: #444; font: normal 12px/20px Arial; }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; }
    /*#fancybox-frame html { overflow:hidden }*/
#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }
.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; }
.fancybox-title-over { color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background: url('/common/images/fancybox/fancy_title_over.png'); display: block; }
#fancybox-title-wrap { display: inline-block; }
    #fancybox-title-wrap span { height: 32px; float: left; }
#fancybox-title-left { padding-left: 15px; background: transparent url('/common/images/fancybox/fancy_title_left.png') repeat-x; }
#fancybox-title-main { font-weight: bold; line-height: 29px; background: transparent url('/common/images/fancybox/fancy_title_main.png') repeat-x; color: #FFF; }
#fancybox-title-right { padding-left: 15px; background: transparent url('/common/images/fancybox/fancy_title_right.png') repeat-x; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/admin/common/images/fancybox/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background: transparent url('/common/images/fancybox/fancy_nav_left.png') no-repeat; }
#fancybox-right-ico { background: transparent url('/common/images/fancybox/fancy_nav_right.png') no-repeat; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
div.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; z-index: 1001; }
div#fancy-bg-n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/common/images/fancybox/fancy_shadow_n.png') repeat-x; }
div#fancy-bg-ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/common/images/fancybox/fancy_shadow_ne.png') no-repeat; }
div#fancy-bg-e { top: 0; right: -20px; height: 100%; width: 20px; background: transparent url('/common/images/fancybox/fancy_shadow_e.png') repeat-y; }
div#fancy-bg-se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/common/images/fancybox/fancy_shadow_se.png') no-repeat; }
div#fancy-bg-s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/common/images/fancybox/fancy_shadow_s.png') repeat-x; }
div#fancy-bg-sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/common/images/fancybox/fancy_shadow_sw.png') no-repeat; }
div#fancy-bg-w { top: 0; left: -20px; height: 100%; width: 20px; background: transparent url('/common/images/fancybox/fancy_shadow_w.png') repeat-y; }
div#fancy-bg-nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/common/images/fancybox/fancy_shadow_nw.png') no-repeat; }