/* * style css * * @author: jericho dizon * @version: 1 * @project: Orchard Central *//** ------ common ------ **//*-- @charset"utf-8";--*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; 
/*vertical-align:baseline;*/ background:transparent; }

body{ line-height:1; }article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{  display:block; }ul,ol{ list-style:none; }blockquote, q{ quotes:none; }blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none; }a{ margin:0; padding:0; border:0; font-size:100%;vertical-align:baseline; background:transparent; outline:none; }

ins{ background-color:#ff9; color:#000; text-decoration:none;}mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }del{ text-decoration: line-through; }abbr[title], dfn[title]{ border-bottom:1px dotted #000; cursor:help; }table{ border-collapse:collapse; border-spacing:0; }hr{ display:none; }input, select{ vertical-align:middle; }#no-swf{ text-align:left;}img { 	behavior: url(iepngfix.htc); }/****************************************************************************/

html { font-size: 100%; height:100%; width: 100%; margin: 0 auto; padding: 0 auto; }body { height: 100%; width: 100%; font:normal 13px Tahoma, Helvetica, Arial, Verdana, sans-serif; color:#333; text-align: left; line-height: 18px; background:#fff url(../images/_common/bg_html.jpg) 0 0 repeat-x fixed; }img {border:none; border:0px; margin:0px;}.clear { clear: both; width: 100%; height: 1px; }.clearall{ clear:both; }a {text-decoration:none; color:#FFFFFF; }a:hover { text-decoration: underline; font-size:12px;}/** ------ wrapper ------ **/#wrapper-top {display:block; width:960px; margin:0 auto; height:60px;} 

/** ------ wrapper ------ **/
#wrapper {padding-bottom:5px; background-color:#252525; min-height:810px; height:auto !important; width: 960px; margin: 0 auto -60px; no-repeat top center; display:block; }

/** ------ top ------ **
/#key-search { float:left; display:inline; width:200px; margin:0 auto; height:60px; margin-top:10px; margin-left:20px;}#subscribe-email {float:right; display:inline; width:164px; margin:0; padding:0;}

/** ------ top ------ **
/#banner{ width:960px; display:block; margin:0 0 10px 0; padding-left:20px;}/** ------ subnav ------ **/
#sub-nav{width:960px; height:33px; background-image:url(../images/_common/sab-nav.png); display:block; margin:auto 0px;}#sub-nav-txt{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; padding:6px 0 0 55px; font-weight:normal;} #sub-nav-txt a{color:#fff;} #sub-nav-txt a:hover{color:#f68026; text-decoration:underline; font-size:10px;} #sub-nav-txt a:active{color:#bfbfbf; font-size:10px;}

/** -----crums -----**/
#side-crum {float:left; display:inline; height:190px; width:53px; background-image:url(../images/index/side-crum.png); margin-left:10px; margin-top:20px; background-repeat:no-repeat;}

#side-crum-blank {float:left; display:inline; height:190px; width:53px; background-image:url(../images/about/crum-about2.png); margin-left:10px; margin-top:20px; background-repeat:no-repeat;}

#side-crum-event {float:left; display:inline; height:355px; width:53px; background-image:url(../images/events/crum-event.png); background-repeat:no-repeat; margin-left:10px; margin-top:20px; background-repeat:no-repeat;}

#side-crum-promo {float:left; display:inline; height:450px; width:53px; background-image:url(../images/promotions/crum.png); background-repeat:no-repeat; margin-left:10px; margin-top:20px; background-repeat:no-repeat;}

#side-crum-contact {float:left; display:inline; height:450px; width:53px; background-image:url(../images/contact-us/crum-contact.png); background-repeat:no-repeat; margin-left:10px; margin-top:20px; background-repeat:no-repeat;}

#side-crum-directory {float:left; display:inline; height:300px; width:53px; background-image:url(../images/directory/crum-directory.png); background-repeat:no-repeat; margin-left:10px; margin-top:20px; background-repeat:no-repeat;}

#side-crum-about {float:left; display:inline; height:355px; width:53px; background-image:url(../images/about/crum-about.png); background-repeat:no-repeat; margin-left:10px; margin-top:20px; background-repeat:no-repeat;}

#side-crum-find {float:left; display:inline; height:355px; width:53px; background-image:url(../images/_common/crum-findus.png); background-repeat:no-repeat; margin-left:10px; margin-top:20px; background-repeat:no-repeat;}

#side-crum-jobs {float:left; display:inline; height:420px; width:53px; background-image:url(../images/_common/crum-job.png); background-repeat:no-repeat; margin-left:10px; margin-top:20px; background-repeat:no-repeat;}

#side-crum-feomv {float:left; display:inline; height:550px; width:53px; background-image:url(../images/_common/crum-feom-vouchers.png); background-repeat:no-repeat; margin-left:10px; margin-top:20px; background-repeat:no-repeat;}

#side-crum-hd {float:left; display:inline; height:355px; width:53px; background-image:url(../images/hd-crum.png); background-repeat:no-repeat; margin-left:10px; margin-top:20px; background-repeat:no-repeat;}/** -----column----- **/.column{width:280px; float:left; position:relative; display:block; padding-left:15px; }.column-sidemenu{width:251px; height:412px; float:left; position:relative; display:inline; background:url(../images/side-menu/bg.png); margin:4px 0 0 20px ;}.cal-container {width:251px; float:left; position:relative; display:block; padding-top:13px; padding-left:2px;}/**-----column events-----**/.column-event{width:174px; float:left; position:relative; display:block; padding-left:15px;  }.column-3box{width:580px; float:left; position:relative; padding-left:15px; height:100%}.column-side{width:281px; float:left; position:relative; padding-left:0px;}.column-3box-sn{width:500px; float:left; position:relative; padding-left:15px; height:100%}.colum-main-box-3 {float:left; width:180px; position:relative; margin-left:13px;}.colum-main-box-upcom {float:left; width:180px; position:relative; }.column-cat-down{width:580px; float:left; padding-left:15px; height:100%}#colum-mainheader {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; padding-bottom:15px;}#colum-box3-imageholder {width:173px; height:125px; margin-bottom:10px; display:block;}#colum-box3-divide {background-image:url(../images/events/line.png); background-repeat:no-repeat; height:1px; padding-bottom:15px; display:block;}#colum-box3-title {font-family:Arial, Helvetica, sans-serif; color:#f68026; font-size:16px; height:60px;}#colum-box3-title a{font-family:Arial, Helvetica, sans-serif; color:#f68026; font-size:16px; height:60px; text-decoration:none;}#colum-box3-title a:hover{font-family:Arial, Helvetica, sans-serif; color:#f68026; font-size:16px; height:60px; text-decoration:none;}#colum-box3-content {font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; padding-bottom:15px; height:50px;}#colum-mainheader-upcom { float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; margin:20px 0 15px 0; width:300px; display:block;}#colum-box3-link a:hover, a:active{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f68026; text-decoration:none;}/**-----date and year -----**/#date-big {font-family:"Arial Black", Gadget, sans-serif; font-size:56px; width:80px; height:70px; padding-top:8px; letter-spacing:1px;}#year-big {font-family:Arial, Helvetica, sans-serif; font-size:20px; width:80px; height:70px; color:#CCC; vertical-align:top;}/**---midbox---**/#body-mid {padding-top:10px;}#body-mid-event{height:100%; padding-top:10px;}#body-mid-directory{height:100%; padding-top:10px;}#body-mid-bugfix{height:100%; padding-top:10px;}#box1 {float:left; width:295px; display:block; padding-top:10px;}#box1-image {width:118px; height:130px; float:left;}#box1-text-container {float:right; position:relative; width:174px; display:inline; vertical-align:top; font-family:Arial, Helvetica, sans-serif; color:#3b3a38; vertical-align:top;}#header-bg {width:164px; vertical-align:top; min-height:25px; background-color:#2f2f2f; padding:10px 0 0 3px; color:#f68026; font-size:17px;}#header-bg a{width:164px; vertical-align:top;  padding:10px 0 0 3px; color:#f68026; font-size:17px; text-decoration:none;}#header-bg a:hover{width:164px; vertical-align:top; padding:10px 0 0 3px; color:#f68026; font-size:17px; text-decoration:none;}#box-main-txt {width:100%; vertical-align:top; font-size:11px; color:#999; padding-top:5px; height:55px;}#btn-view-details {width:100%; font-size:11px; color:#999; padding-top:5px;}#box2 {float:left; width:295px; display:block; padding-top:10px;}#box2-image {width:118px; height:130px; float:left;}#box2-text-container {float:right; position:relative; width:174px; display:inline; vertical-align:top; font-family:Arial, Helvetica, sans-serif; color:#CCC; vertical-align:top;}#box3 {float:left; width:295px; display:block; padding-top:10px;}#box3-image {width:118px; height:130px; float:left;}#box3-text-container {float:right; position:relative; width:174px; display:inline; vertical-align:top; font-family:Arial, Helvetica, sans-serif; color:#CCC; vertical-align:top;}#box4 {float:left; width:295px; display:block; padding-top:10px;}#box4-image {width:118px; height:130px; float:left;}#box4-text-container {float:right; position:relative; width:174px; display:inline; vertical-align:top; font-family:Arial, Helvetica, sans-serif; color:#CCC; vertical-align:top;}/**-----flash mid----**/#flash-nav {text-align:center; margin:auto 0; padding-right:120px; width:960px; height:385px; background-repeat:no-repeat;}#flash-container {float:left; width:340px; height:124px; margin-left:150px;}/** ---- side-menu ----**/#side-menu {float:left; width:240px; margin:12px 0 10px 15px; height:210px;}.side-menu ul {padding: 0; margin:0; list-style: none; vertical-align : middle;}.side-menu li a:link {padding-top:6px;}.side-menu a:link, {text-decoration : none; color: #0; display : block; margin-top:5px;}#divide {height:1px; width:95%; background-color:#666666; margin-top:10px;}/** ---- foot ----**/#footer {width:100%; display:block; margin-top:20px; font-family:Arial, Helvetica, sans-serif; color:#CCC; font-size:11px; padding-left:20px;}#footer td {width:100%; display:block; margin-top:10px; font-family:Arial, Helvetica, sans-serif; color:#CCC; font-size:11px; padding-left:20px; margin:0px; padding:0px;}#footer a{color:#CCC; font-size:11px;}#footer a:hover{color:#f68026; font-size:11px; text-decoration:none;}/**-----slider----**/.container { width: 879px; padding: 0; margin: 0 auto;}.folio_block {left: 50%; top: 50%; margin: 5px 0 0 0;}/*--Main Container--*/.main_view {float: left; position: relative;}/*--Window/Masking Styles--*/.window {	height:258px; width: 885px; overflow: hidden; /*--Hides anything outside of the set width/height--*/position: relative;}.image_reel {position: absolute; top: 1px; left: -10;}.image_reel img {	float: left;}

/*--Paging Styles--*/

.paging{	
	position:absolute ; 
	bottom:-2px;	
	right:-5px;	
	width: 170px;	
	height:47px;	
	z-index: 100; /*--Assures the paging stays on the top layer--*/	
	text-align: center;	
	line-height: 40px;	
	background:url(../images/_common/paging-bg.png) no-repeat;	
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	}

.paging a{	padding: 5px;	text-decoration: none;	color: #fff;}
.paging a.active {	font-weight:bold;	
		background:#d76f1c;	       
		border: 1px solid #d76f1c;	
		color: #FCB232;
		-moz-border-radius:3px;	
		-khtml-border-radius:3px;	
		-webkit-border-radius:3px;
	          }
.paging a:hover{	font-weight: bold;}



/*--Contact us Styles--*/.contact-body {width:450px; position:relative; display:inline;}.contact-body-header {font-family:Arial, Helvetica, sans-serif; color:#CCC; font-size:16px; width:200px;}.contact-body-txt {font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px;}/*--directory Styles--*/#col-directory-main {display:block; width:500px;}.col1-directory {float:left; width:175px; margin-left:15px;}.col2-directory {float:left; width:175px; margin-left:15px;}.col3-directory {float:left; width:175px; margin-left:15px;}.box-head {width:160px; background-color:#393939; font-family:Arial, Helvetica, sans-serif; font-size-adjust:12px; padding-left:5px; color:#FFF; font-weight:bold;}.content-directory {width:170px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:5px; color:#FFF; margin-top:10px; margin-bottom:10px;}.content-directory a, a:hover{text-decoration:none; color:#dd992a;}/*--directory inside Styles--*/#main-content-directory {width:550px; font-family:Arial, Helvetica, sans-serif; color:#CCC;}#main-content-directory p{margin-bottom: 14px;}#main-content-directory img{margin:10px 10px;}.directory-inside-head { font-family:Arial, Helvetica, sans-serif; font-size:18px; padding-bottom:10px; color:#dd992a; font-weight:bold;}.divide-tentantpage {height:1px; background-color:#666; width:200px;}.common-txt-inside-directory {font-family:Arial, Helvetica, sans-serif; color:#999; font-size:12px;}.common-txt-inside-directory a{color:#fcb232; font-size:12px;}.common-txt-inside-directory a:hover{color:#fcb232; font-size:12px;}.inside-heads-directory {font-family:Arial, Helvetica, sans-serif; color:#f68026; font-size:16px; padding-top:10px; padding-bottom:2px; display:block;}.inside-contents-direcotry {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; padding-top:10px; padding-bottom:10px; display:block;}/*--About Styles--*/.about-main-txt {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; margin:10px 0 10px 0;}.about-main-txt a, a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f68026; text-decoration:underline;}#about-main-txt p{margin-bottom:10px;}h5 {font-family:Arial, Helvetica, sans-serif; color:#f68026; font-size:16px;}.divide-find {height:1px; background-color:#666; width:550px; margin:5px 0 5px 0;}/******** * fieldset 2 directory listfieldset.dl{float:left; width:250px; display:block; border-bottom:1px solid #727272; margin-right:25px; padding:8px 0px; color:#FFF; font-size:12px;}fieldset.dl a{float:left;padding:0px 20px 0px 0; color:#727272; font-size:12px;}fieldset.dl a:hover{color:#F93; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}fieldset.dl span.unit{float:left;} ********/fieldset.dl{float:left; width:220px; border-bottom:1px solid #000; margin-right:20px; padding:8px 0px;}fieldset.dl a{float:left; padding:0px 20px 0px 0; color:#FFFFFF; font-size:12px;}fieldset.dl a:hover{color:#F93; font-size:12px;}fieldset.dl span.unit{float:left; color:#d78209;}/******** * fieldset 4 initial ********/fieldset.initialcol{width:180px; float:left; display:block;}fieldset.initial{ float:left; display:block;}fieldset.initial h2{background:#333; width:100px; font:bold 13pt arial; height:20px; display:block; padding-left:10px; color:#d3cece; margin:10px 0 10px 0;  text-transform:uppercase;}fieldset.initial a{padding:2px 0; color:#CCC; font:12px arial; display:block;}fieldset.initial a:hover{color:#F93; padding:2px 0; font:12px arial;}/******** * table ********/table.inputTable td,table.inputTable input,table.inputTable textarea{padding:5px;}button#toleft{background-image:url(../img/bt-left.gif);  height:10px;}button#toright{background-image:url(../img/bt-right.gif);}button#toleft,button#toright{width:10px; height:10px; cursor:pointer; margin:10px 8px; float:right;}button#toleft:hover,button#toright:hover{}

button.current,button.default{width:22px;height:22px; text-align:center; margin:4px 2px; float:right; cursor:pointer;}
button.current{background-color:#575757;}
button.default{background-color:#171717;color:#999;}
button.default:hover{background-color:#333;color:#ccc;}

table.inputTable td,table.inputTable input,table.inputTable textarea{padding:5px;}

.default
{
	width:22px !important;height:22px; text-align:center; margin:4px 2px; cursor:pointer;background-color:#171717;color:#999;
	border: 2px Outset LightGray;
}
.current
{
	width:22px !important;height:22px; text-align:center; margin:4px 2px; cursor:pointer;background-color:#575757 !important;
	border: 2px Outset LightGray;
}
.side-menu .menulink img { display: block }

.promo ul {list-style-type:disc; padding-left: 20px;}
.promo ol {list-style-type:decimal; padding-left: 20px;}

.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
}

/** 20150325 **/
#html-logo { padding: 15px 0 0 245px;
	-moz-animation-name: animateLogo;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: .5s;

    -webkit-animation-name: animateLogo;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: .5s;

    animation-name: animateLogo;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .5s; }
#html-nav { height: 30px; padding-left: 150px; 
	-moz-animation-name: animateNav;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: .5s;

    -webkit-animation-name: animateNav;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: .5s;

    animation-name: animateNav;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .5s; }
#html-nav > a { display: inline-block; line-height: 30px; height: 30px; padding-left: 35px; text-transform: uppercase; font-size: 11px; margin-left: 20px; text-decoration: none; font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif; background-position: left center; background-repeat: no-repeat; position: relative;  }

#html-nav > a:hover { text-shadow: 0 0 10px white;
	-moz-animation: animateNavHover .3s ease-in forwards;
	-webkit-animation: animateNavHover .3s ease-in forwards;
	animation: animateNavHover .3s ease-in forwards; }
#html-nav > a.navHome { margin-left: 0; margin-right: 20px; background-image: url(/FEO.Upload/ORCHARDCENTRAL/CMS/html-nav/OC-Home.png);  }
#html-nav > a.navEvents { background-image: url(/FEO.Upload/ORCHARDCENTRAL/CMS/html-nav/OC-Event.png); }
#html-nav > a.navPromotions { background-image: url(/FEO.Upload/ORCHARDCENTRAL/CMS/html-nav/OC-Promotions.png); }
#html-nav > a.navDirectory { background-image: url(/FEO.Upload/ORCHARDCENTRAL/CMS/html-nav/OC-Directory.png); }
#html-nav > a.navAboutUs { background-image: url(/FEO.Upload/ORCHARDCENTRAL/CMS/html-nav/OC-About-Us.png); }
#html-nav > a.navContactUs { background-image: url(/FEO.Upload/ORCHARDCENTRAL/CMS/html-nav/OC-Contact-Us.png); }
#flash-nav { text-align: left; background-image: none; }
@-moz-keyframes animateLogo {
    0% { opacity: 0; filter: alpha(opacity=0); transform: translate(10px,50px); }
    100% { opacity: 1; filter: alpha(opacity=100); transform: translate(0,0); }
}
@-webkit-keyframes animateLogo {
    0% { opacity: 0; filter: alpha(opacity=0); transform: translate(10px,50px); }
    100% { opacity: 1; filter: alpha(opacity=100); transform: translate(0,0); }
}
@keyframes animateLogo {
    0% { opacity: 0; filter: alpha(opacity=0); transform: translate(10px,50px); }
    100% { opacity: 1; filter: alpha(opacity=100); transform: translate(0,0); }
}
@-moz-keyframes animateNav {
    0% { opacity: 0; filter: alpha(opacity=0); transform: translate(0,20px); }
    100% { opacity: 1; filter: alpha(opacity=100); transform: translate(0,0); }
}
@-webkit-keyframes animateNav {
    0% { opacity: 0; filter: alpha(opacity=0); transform: translate(0,20px); }
    100% { opacity: 1; filter: alpha(opacity=100); transform: translate(0,0); }
}
@keyframes animateNav {
    0% { opacity: 0; filter: alpha(opacity=0); transform: translate(0,20px); }
    100% { opacity: 1; filter: alpha(opacity=100); transform: translate(0,0); }
}
@-moz-keyframes animateNavHover {
    0% { top: 0; padding-bottom: 0 }
    100% { top: -5px; padding-bottom: 5px }
}
@-webkit-keyframes animateNavHover {
    0% { top: 0; padding-bottom: 0 }
    100% { top: -5px; padding-bottom: 5px }
}
@keyframes animateNavHover {
    0% { top: 0; padding-bottom: 0 }
    100% { top: -5px; padding-bottom: 5px }
}