body{ font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; font-size:12px; }
ul,li {list-style-type: none;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}

#header {  }
#header h1 { margin-bottom:0; }
#toolbar { padding:0; }
#main { padding:30px 0 30px 0; }
#main { }
#content  { position:relative; min-height:20px; }
#footer { }

.container { overflow:visible!important; }

.webcms-widget { overflow:visible!important;} 
h1, h2, h3, h4, h5, h6 { color:#666;}

.border {border-right:0px;}

small { font-size:1em; }

.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height: 1.0; position:relative; z-index:50; }
.sf-menu ul { position:absolute; top:-999em; width:14em; /* left offset of submenus need to match (see below) */ z-index:100; }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position: relative; }
.sf-menu a { display:block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:4em; /* match top ul list item height */ }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:14em; /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:14em; /* match ul width */ bottom:10em; top:0; }
/*** DEMO SKIN ***/
.sf-menu { padding-right:0px; margin-bottom:0; }
.sf-menu a { padding:0.7em 1.75em; text-decoration:none; }

.sf-menu a, .sf-menu a:visited  { font-size:12px; text-decoration:none; }
.sf-menu li a { font-weight:bold; }
.sf-menu li li a { font-weight:normal; float:none; }
.sf-menu li ul { border:1px solid #000; padding:0px 8px 10px 8px; border-top:0; }
.sf-menu li li { border-top: 1px solid #000; margin-bottom:2px; float:none;}
.sf-menu li li.first { border-top: 0px solid #000; }
.sf-menu li ul li ul{ border-top: 1px solid #000; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; text-decoration:none; }
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { text-decoration:none; outline:0; }

/* Active Page Status CSS for all the browsers*/
.sf-menu li.current-cat a, .sf-menu li.current_page_item a { font-weight:normal; }
.sf-menu li.current-cat > a:visited, .sf-menu li.current_page_item > a:visited { font-weight:bold; }
.sf-menu li a span { display:block; font:normal 9px/20px Tahoma, Arial, Helvetica, sans-serif; }
.sf-sub-indicator { display:none!important;}

#id_title { width:70% }
.setting-description { padding:0px; }
/*tbody tr:nth-child(2n) td, tbody tr.even td { background-color:transparent; } */
.alert, .error, .notice, .success, .info { padding:3px 15px; }
.alert p, .error p, .notice p, .success p, .info p { margin-bottom:0; }
.alert, .error, .notice, .success, .info { margin-top:0px; margin-bottom:10px; }

.map-rapper { padding: 20px 20px 0 0; width:100%; }
#map { height: 250px; }
.main-container { position: relative; }

.link-more { padding: 0 2em 1em 2em; }
.link-more a { display:block; }
.link-more span { float:left; }

.nodisplay { display:none; }

.clear { clear:both; }

.f-left { float:left; }
.f-right { float:right; }

.a-left { text-align:left; }
.a-center div.widget { margin:0px auto; text-align:left; }
.a-center  { text-align:center; }
.a-right { text-align:right; }
.a-bottom { vertical-align:bottom;}

.vertical a, .vertical strong { }

.horizontal li a, .vertical li a { }
.horizontal li.active, .vertical li.active { font-weight: bold; }
.horizontal li.subactive > a, .vertical li.subactive > a { font-weight: bold; }
.horizontal li span.ui-icon, .vertical li  span.ui-icon { display:block; float:left; margin-right:5px; }

.horizontal { list-style-type: none; margin: 0 0 .5em 0; padding:0; }
.horizontal li a {display:block; float:left; padding: 0 10px 0 0; }
.horizontal li strong {display:block; float:left; padding: 0 10px 0 0; font-weight:bold;}
.horizontal li a span.small { font-weight:normal; display:block; float:none;}

.vertical { list-style-type: none; margin: 0; padding:0; overflow: hidden; }
.vertical ul { list-style-type: none; margin: 0; padding: 0; }
.vertical li { float: left; margin: 0; padding: 0; width: 100%; }
.vertical a, .vertical strong { width:100%; display: block; padding: 6px 2px; text-decoration: none; }
.webcms-treenavigation-widget .vertical li a span.small { border-bottom: 1px solid #DDDDDD; font-weight: bold; }
.vertical li a, .vertical li strong { padding-left: 0%; }
.vertical li a:focus, .vertical li a:hover, .vertical li a:active { outline: 0 none; }
.vertical li ul li a, .webcms-treenavigation-widget .template-list .vertical li ul li strong { padding-left: 10%; width:90%; }
.vertical li ul li a  { font-weight:normal; }
.vertical li ul li ul li a, .vertical li ul li ul li strong { padding-left: 20%; width: 80%; }
.vertical li ul li ul li ul li a, .vertical li ul li ul li ul li strong { padding-left: 30%; width: 70%; }

/* common widget */
.boxed-top-widget  .webcms-content { border-top:1px #666 solid; border-left:1px #666 solid; border-right:1px #666 solid; margin:0px 0 0 0; padding:15px 15px 0 15px;}
.boxed-bottom-widget  .webcms-content { border-bottom:1px #666 solid; border-left:1px #666 solid; border-right:1px #666 solid; margin:0 0  0; padding:10px;}
.boxed-middle-widget  .webcms-content { border-left:1px #666 solid; border-right:1px #666 solid; margin:0px; padding:0  10px 0 10px;}

.boxed-bottom-widget .webcms-content { margin:0 5px 5px 0; }
.boxed-top-widget .webcms-content { margin:0 5px 0px 0; }
.boxed-middle-widget .webcms-content { margin:0 5px 0px 0; }
.boxed-widget .webcms-content { border:1px #666 solid; margin:0 5px 5px 0; padding:5px; }
.boxed-widget .webcms-content .webcms-content { border:0px; margin:0; padding:0px; }
.padded-widget  .webcms-content { margin:0 10px 10px 10px; padding:10px; }
.normal-widget  .webcms-content { }
.webcms-widget { }
.last > .webcms-widget { }

.webcms-breadcrumbs-widget li  a { font-weight:bold; }
.webcms-breadcrumbs-widget li.active { font-weight: bold; }
.webcms-breadcrumbs-widget li.subactive > a { font-weight: bold; }
.webcms-breadcrumbs-widget li  span.ui-icon { display:block; float:left; margin-right:5px; }

.treenavigation-default .ui-button-text { padding:.55em 1.2em!important; font-size:1.05em!important; font-weight:bold; color: #ccc; }
.treenavigation-default .ui-button  { text-shadow: #161516 1px 1px 1px; border-color: #2a2a2a; border-left:none; border-right:none; background: #5e9ae2; }
.treenavigation-default .ui-button  { background: -webkit-gradient(linear, left top, left bottom, from(#565759), to(#242021)); background: -moz-linear-gradient(top, #565759,  #242021); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565759', endColorstr='#242021'); }
.treenavigation-default .last { border-right:1px #2a2a2a solid; padding-right: .9em; }
.treenavigation-default .first { border-left:1px #2a2a2a solid; padding-left: .9em; }
.treenavigation-default .active .ui-button-text { color: #fff; }

.treenavigation-detail ul { margin:0; padding:0; }
.treenavigation-detail li  a { display:block; float:left; }
.treenavigation-detail li.active strong { display:block; float:left; padding: 0 2em 0 0; font-weight:bold; }
.treenavigation-detail li  span { display:block;  font-weight:normal; }

.webcms-contextnavigation-widget .link-more { margin-bottom:0px; text-align:right;}
.webcms-contextnavigation-widget .link-more .button { float:right;}

.contextnavigation-slide { padding:5px; }
.contextnavigation-slide ul { margin:0; }
.contextnavigation-slide li { padding:0px; }
.contextnavigation-slide h2 { font:bold 26px/28px "Trebuchet MS", Helvetica, sans-serif;  letter-spacing:-1px; padding:10px 0 10px 0; }

.contextnavigation-cycle .cycle-item { width:100%; }

.quickcart-default .btn-remove { float:right; }

.webcms-maplocation-widget .webcms-content {padding:0;}
.widget-maplocation-map { width:100%; }

.lastnews-cycle .cycle-item { width:100%; height:120px;  }

.treenavigation-lavalamp li { margin:0; padding:0; float:left; font-size:18px; font-weight:normal; color:#333; }
.treenavigation-lavalamp li a { display:block; padding:17px 20px 17px 18px; position: relative; z-index:5; color:#fff; text-decoration:none; height:33px;}
.treenavigation-lavalamp li a.active, .treenavigation-lavalamp li a:hover { color:#000; }
.treenavigation-lavalamp li.backLava { position:absolute; z-index:3; background-color:#fff; }
.treenavigation-lavalamp ul { margin:0; padding:0; }

.treenavigation-detail ul  li { list-style-type:none!important; }
ul.horizontal  li { list-style-type:none!important; }
.ui-widget-header  li { list-style-type:none!important; }
.dateinput { z-index:9999; position:relative; } 

button.button::-moz-focus-inner { border: 0 none; padding: 0; }
button.button, a.button { background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; margin: 0; overflow: visible; padding: 0; width: auto; }
button.button span, a.button span { background: url(img/btn.png) no-repeat scroll 0 0 transparent; color: #555555; float: left; font: bold 11px/25px Tahoma,Verdana,Arial,sans-serif; height: 28px; padding: 0 0 0 6px; text-align: center; text-transform: uppercase; white-space: nowrap; }
button.button span span, a.button span span { background-position: 100% 0; padding: 0 15px 0 9px; }
button.disabled span { color: #BBBBBB !important; }

.media_cat, .media_file { text-align:center; padding:5px; }
.media_cat a, .media_file a  { font-weight:bold; font-size:1.2em; }
.media_cat img { }
.media_file { float:left; }

.object-list { position:relative; margin-bottom:5px; }
.object-image { float:left; padding: 0 15px 10px 0; display:block; }
.object-meta { float:right; padding:0 0 5px 5px;}
.object-cell .special-box, .object-list .special-box  { background-color:red; padding:5px; opacity:.8; }
.object-cell { position:relative; }
.object-buttons { float:right; }
.object-buttons a, .object-list-buttons button  { float:right; }
.object-cell .object-image {float:none; padding:0 0 10px 0; }

.banner-images { position:relative; }
.banner-controls { position:absolute; z-index:500; bottom:10px; left:10px; }
.banner-text { position:absolute; z-index:500; bottom:10px; right:10px; width:400px; background-color:#fff; border:1px #000 solid; padding:5px; }
.banner-controls a { display:block; float:left; background-color:#fff; border:1px #000 solid; padding:5px 10px; margin-right:5px; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(img/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(img/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(img/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(img/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(img/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(img/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(img/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(img/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(img/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(img/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(img/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(img/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(img/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(img/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(img/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(img/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(img/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

.carousel-gallery .jcarousel-container {
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
   border-radius: 10px;
 background: #F0F6F9;
 border: 1px solid #346F97;
}

.carousel-gallery .jcarousel-direction-rtl {
	direction: rtl;
}

.carousel-gallery .jcarousel-container-horizontal {
 width: 245px;
 padding: 20px 40px;
}

.carousel-gallery .jcarousel-container-vertical {
 width: 75px;
 height: 245px;
 padding: 40px 20px;
}

.carousel-gallery .jcarousel-clip {
 overflow: hidden;
}

.carousel-gallery .jcarousel-clip-horizontal {
 width:  245px;
 height: 75px;
}

.carousel-gallery .jcarousel-clip-vertical {
 width:  75px;
 height: 245px;
}

.carousel-gallery .jcarousel-item {
 width: 75px;
 height: 75px;
}

.carousel-gallery .jcarousel-item-horizontal {
	margin-left: 0;
 margin-right: 10px;
}

.carousel-gallery .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
 margin-right: 0;
}

.carousel-gallery .jcarousel-item-vertical {
 margin-bottom: 10px;
}

.carousel-gallery .jcarousel-item-placeholder {
 background: #fff;
 color: #000;
}

/**
 *  Horizontal Buttons
 */
.carousel-gallery .jcarousel-next-horizontal {
 position: absolute;
 top: 43px;
 right: 5px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.carousel-gallery .jcarousel-direction-rtl .jcarousel-next-horizontal {
 left: 5px;
 right: auto;
 background-image: url(prev-horizontal.png);
}

.carousel-gallery .jcarousel-next-horizontal:hover,
.carousel-gallery .jcarousel-next-horizontal:focus {
 background-position: -32px 0;
}

.carousel-gallery .jcarousel-next-horizontal:active {
 background-position: -64px 0;
}

.carousel-gallery .jcarousel-next-disabled-horizontal,
.carousel-gallery .jcarousel-next-disabled-horizontal:hover,
.carousel-gallery .jcarousel-next-disabled-horizontal:focus,
.carousel-gallery .jcarousel-next-disabled-horizontal:active {
 cursor: default;
 background-position: -96px 0;
}

.carousel-gallery .jcarousel-prev-horizontal {
 position: absolute;
 top: 43px;
 left: 5px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.carousel-gallery .jcarousel-direction-rtl .jcarousel-prev-horizontal {
 left: auto;
 right: 5px;
 background-image: url(next-horizontal.png);
}

.carousel-gallery .jcarousel-prev-horizontal:hover, 
.carousel-gallery .jcarousel-prev-horizontal:focus {
 background-position: -32px 0;
}

.carousel-gallery .jcarousel-prev-horizontal:active {
 background-position: -64px 0;
}

.carousel-gallery .jcarousel-prev-disabled-horizontal,
.carousel-gallery .jcarousel-prev-disabled-horizontal:hover,
.carousel-gallery .jcarousel-prev-disabled-horizontal:focus,
.carousel-gallery .jcarousel-prev-disabled-horizontal:active {
 cursor: default;
 background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.carousel-gallery .jcarousel-next-vertical {
 position: absolute;
 bottom: 5px;
 left: 43px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 background: transparent url(next-vertical.png) no-repeat 0 0;
}

.carousel-gallery .jcarousel-next-vertical:hover,
.carousel-gallery .jcarousel-next-vertical:focus {
 background-position: 0 -32px;
}

.carousel-gallery .jcarousel-next-vertical:active {
 background-position: 0 -64px;
}

.carousel-gallery .jcarousel-next-disabled-vertical,
.carousel-gallery .jcarousel-next-disabled-vertical:hover,
.carousel-gallery .jcarousel-next-disabled-vertical:focus,
.carousel-gallery .jcarousel-next-disabled-vertical:active {
 cursor: default;
 background-position: 0 -96px;
}

.carousel-gallery .jcarousel-prev-vertical {
 position: absolute;
 top: 5px;
 left: 43px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.carousel-gallery .jcarousel-prev-vertical:hover,
.carousel-gallery .jcarousel-prev-vertical:focus {
 background-position: 0 -32px;
}

.carousel-gallery .jcarousel-prev-vertical:active {
 background-position: 0 -64px;
}

.carousel-gallery .jcarousel-prev-disabled-vertical,
.carousel-gallery .jcarousel-prev-disabled-vertical:hover,
.carousel-gallery .jcarousel-prev-disabled-vertical:focus,
.carousel-gallery .jcarousel-prev-disabled-vertical:active {
 cursor: default;
 background-position: 0 -96px;
}
