/* CSS Document */
html { height: 100%; }
body {padding: 0; margin: 0 auto; width: 100%; min-height: 100%; height: 100%; position: relative; font-family: Helvetica, Arial, sans-serif; color: #666666;}
body.grey { background: #ffffff url(../images/bg.png) left top repeat-x; }
a{ text-decoration: none; color: #666666;}
a:hover { text-decoration: underline; }
body img{ border: 0; margin: 0; padding:0;}
body ul{ list-style: none; }
body p { margin:0 0 10px 0; padding:0; }
* html body { height:100%; }
form,ul,span,input{margin:0px;padding:0px;}
ul{list-style:none;}
input,select,textarea{font-size:10px;line-height:12px;font-family:Arial; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 { margin: 0 0 10px 0 !important; padding: 0; }
h1 { font-size: 20px; line-height: 23px; }
h2 { font-size: 18px; line-height: 24px; }
h3 { font-size: 16px; line-height: 22px; }
h4 { font-size: 15px; line-height: 20px; }
#wrapper { width: 948px; margin: 0 auto; }
#wrapper .header { width: 938px; height: 77px; margin: 0 auto; padding: 8px 0 0 10px; }
.header #logo { background: url(../images/logo.png) left top no-repeat; width: 460px; height: 71px; margin: 0; padding: 0; position: relative; font-size: 14px; color: #000; text-transform: uppercase; font-style: italic; line-height: 71px; overflow: hidden; float: left;}
.header #logo a { background: url(../images/logo.png) left top no-repeat; width: 460px; height: 71px; position: absolute; left: 0; top: 0; }
#wrapper .container-out{ width: 948px; background: url(../images/container-out.jpg) left top repeat-y;}
#wrapper .container { width: 920px; padding: 0px 14px; background: url(../images/container.jpg) left top no-repeat; }
#wrapper .container-head { width: 948px; height: 10px; background: url(../images/container-head.jpg) left top no-repeat; line-height:10px; font-size:8px; }
#wrapper .container-footer { width: 948px; height: 10px; background: url(../images/container-footer.jpg) left top no-repeat; line-height:10px; font-size:8px; }
.vendors-boxes{margin-bottom:20px;}
/* SEARCHBOX */
#wrapper .searchbox { padding: 30px 14px 26px 0; width: 400px; float: right; height: 21px; }
.searchbox .inputbox { width: 163px; height: 16px; border: 1px solid #969696; padding: 2px 3px 2px 20px; background: #fff url(../images/inputbox_icon_src.png) 3px 1px no-repeat; float: left; margin-right: 5px; font-size: 12px;}
.searchbox .btn_search { background: url(../images/btn_search.png) left top no-repeat; width: 70px; height: 22px; float: left; border: none; cursor: pointer; }
#wrapper .searchbox form { float: right; }
/* FOOTER AND FOOTERMENU */
.footer { width: 923px; padding: 10px 0 15px 15px; }
.footer_menu { float: left; width: 600px;}
.footer_menu ul.menu { margin: 0; padding: 0; }
.footer_menu ul.menu li { display: inline; line-height: 16px; height: 16px;}
.footer_menu ul.menu li a { color: #666666; font-size: 12px; padding: 0 6px; background: url(../images/divider2.png) right 4px no-repeat; }
.footer_menu ul.menu li:last-child a { background: none; }
.footer .copy { color: #666666; font-size: 12px; float: right; padding: 3px 10px 0 0; }
/**** MODULE BOX ********/
.module { font-size: 12px; }
.modbox { padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }
.modbox .module,
.modbox .module_menu { margin: 0 0 10px 0; }
.modbox .module h3,
.modbox .module_menu h3 { margin: 0; padding: 2px 0 0 0px; line-height: 35px; color: #666666; font-family: Helvetica, Arial, FreeSans, sans-serif ; font-size: 20px; font-weight: normal; text-transform: capitalize; }
.modbox .module div div div,
.modbox .module_menu div div div { padding: 0px 10px 14px 10px; }
.modbox .module div div div ul li,
.modbox .module_menu div div div ul li { line-height: 22px; font-size: 12px; }
.modbox h1, .modbox h2, .modbox h3, .modbox h4 { color: #b80000; }
.width100 { width: 100%; }
.boxes { width: 100%; padding: 10px 0 0px 0; }
.boxes .first{ width:340px; float:left;}
.boxes .second{ width:340px; float:left; margin:0 9px 0 10px;}
.boxes .third{ width:221px; float:left;}
.boxes .first .mod-btm{ background: url(../images/modbox_footer340.png) left bottom no-repeat; padding: 0px 10px 14px 10px;width:320px;}
.boxes .second .mod-btm{ background: url(../images/modbox_footer340.png) left bottom no-repeat; padding: 0px 10px 14px 10px;width:320px;}
.boxes .third .mod-btm{ background: url(../images/modbox_footer220.gif) left bottom no-repeat; padding: 0px 10px 14px 10px; width:201px;}
.boxes .first .mod{ background:url(../images/bg02.gif) repeat-y left top;width:340px;}
.boxes .second .mod{ background:url(../images/bg02.gif) repeat-y left top;width:340px;}
.boxes .third .mod{ background:url(../images/bg03.gif) repeat-y left top; width:221px;}
.boxes .first .mod-top{ background:url(../images/bg01.jpg) no-repeat left top; width:340px;}
.boxes .second .mod-top{ background:url(../images/bg01.jpg) no-repeat left top;width:340px;}
.boxes .third .mod-top{ background:url(../images/bg04.jpg) no-repeat left top; width:221px;}
/* CONTENT */
.sidebar { width: 221px; float: left; padding: 0 10px 0 0; }
.sidebar .modbox li.active a { text-decoration: underline !important; color: #b80000 !important; }
.sidebar .modbox li a#active_menu { text-decoration: underline !important; color: #b80000 !important; }
.sidebar .mod-btm{ background: url(../images/modbox_footer220.gif) left bottom no-repeat; padding: 0px 10px 14px 10px; width:201px;}
.sidebar .mod{ background:url(../images/bg03.gif) repeat-y left top; width:221px;}
.sidebar .mod-top{ background:url(../images/bg04.jpg) no-repeat left top; width:221px;}
#content { background: #fff; padding: 0 0 0 0px; float: left; text-align: left; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px; color: #666666; }
.cont-side { width: 680px; }
.cont-noside { width: 900px; }
.cont-noside .contentpaneopen { width: 900px !important; }
#content p { font-family: Arial, Helvetica, sans-serif !important; }
#content .contentheading, #content .componentheading { font-family:Arial, Helvetica, sans-serif; font-size: 20px; color: #b80000; padding: 0px 20px 5px 0; font-weight: bold; line-height: 23px; }
#content .modifydate, #content .createdate, #content .createdby { font-family: Arial, Helvetica, sans-serif !important; font-size: 10px; color: #b80000 !important; }
#content .small { color: #666666 !important; }
#content .contentpane , #content .contentpaneopen {}
#content .contentpaneopen fieldset { border: none !important;}
#content .contentpaneopen fieldset div { margin-bottom: 10px; }
#content .contentpaneopen fieldset div br { margin-bottom: 5px; }
#content .contentpane a, #content .contentpaneopen a { color: #b80000 !important;}
#content .contentpane td ul li, #content .contentpaneopen td ul li { margin-bottom: 10px; }
/* END CONTENT */
/* breadcrumb */
.mybreadcrumbs h3 { display: none; }
.mybreadcrumbs { padding: 7px 0 13px 0; line-height: 20px; font-size: 13px; }
.mybreadcrumbs span { color: #b80000; }
.mybreadcrumbs span a { background: url(../images/arrow.gif) right center no-repeat; padding-right: 14px; margin-right: 5px; }
.mybreadcrumbs img { margin: 0 5px; display: none;}
/* slideshow */
.slideshow { background: url(../images/slideshow.png) left top no-repeat; width: 918px; height:300px; padding: 1px 1px 1px 1px; overflow: hidden;}
.slideshow .ja-slide-item img {
background: none !important;
border: none !important;
padding: 0px !important;
}
.ja-slide-thumbs { padding: 5px 0 0 0; height: 24px; overflow: hidden !important;}
.ja-slide-thumbs-mask { padding: 5px 0 0 0; height: 24px; }
.ja-slide-thumbs-mask-left, .ja-slide-thumbs-mask-right{
background: none;
}
.ja-slide-thumbs-mask-center {
background: url(../images/slide_icon_on.png) center top no-repeat;
}
.ja-slide-thumb span { display: none; }
.ja-slide-thumb { background: url(../images/slide_icon_out.png) center top no-repeat !important;}
.ja-slide-thumbs-wrap { height: 24px !important; overflow: hidden !important; }
.ja-slide-desc { width: 450px; }
.ja-slide-desc h3 { font-size: 22px; font-weight: bold; color: #fff; margin-bottom: 12px !important; text-transform: capitalize;}
.ja-slide-desc p { font-size: 15px; font-weight: bold; color: #fff;}
.readon { left: 120px !important; color: #fff; top: 160px; }
h3.number { float: left; font-size: 54px; line-height:36px; color: #fff; height: 130px; width: 80px; background: url(../images/slide_numb_divider.png) 65px top repeat-y;}
/* latest news */
.latestnews { font-size: 12px; }
.latestnews .news_row { line-height: 17px; padding-bottom: 10px;}
.latestnews .news_row a { font-weight: normal; }
.latestnews span.date { font-size: 12px;}
.latestnews .latestnews_header { color: #b80000; font-weight: bold; }
.latestnews li.odd{ background:#f1f1f1;}
/*** Joomla 2jtabs *******/
.twoj_tabs_class2 .ui-tabs-nav a span { line-height: 31px; font-size: 14px; color: #fff !important; }
#twoj_container-1 { color: #666666 !important; }
/*Common Classes part*/
.preload {
display: none !important;
}
.italic {
font-style: italic !important;
}
.noborder {
border: none;
}
.nodec {
text-decoration: none;
}
.clear {
clear: both;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.nobg {
background: none !important;
}
.nomargin {
margin: 0 !important;
}
.nopadding {
padding: 0 !important;
}
.noborder {
border: none !important;
}
/* tables */
td.sectiontableheader{
text-align:left;
padding:8px 5px;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td{
padding:8px 5px;
text-align:left;
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2{
padding: 3px;
}
#limit{
margin-bottom:10px;
}
/* polls */
table.poll{
padding: 0;
width: 100%;
border-collapse:collapse;
}
table.pollstableborder{
padding: 0;
width: 100%;
border: none;
text-align:left;
}
table.pollstableborder img{
vertical-align: baseline;
}
table.pollstableborder td{
line-height:20px;
padding: 4px!important;
border-collapse:collapse;
border-spacing:0;
}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td{
background:none;
}
.pollstableborder tr td.sectiontableentry1:first-child,
.pollstableborder tr td.sectiontableentry2:first-child{
text-align:center;
}
.poll thead td{
text-align:left;
}
/* TOP MENU */
#wrapper .topmenu { width: 940px; height: 30px; background: url(../images/topnav.jpg) left top no-repeat; padding: 3px 4px 8px 4px; overflow: hidden; }
.topmenu ul{ margin:0; padding: 0px 0 0 0; text-align: center; width: 940px; height: 30px; }
.topmenu li{display:block; float:left; width:auto;background: url(../images/menu-divider.jpg) right top no-repeat;
padding:0 1px 0 0; height:30px;}
.topmenu li a{ display: block; float: left; height:30px; }
.topmenu li a:hover{ text-decoration:none; background:url(../images/item-l.jpg) no-repeat left top;}
.topmenu li a span {padding: 0px 30px 0 30px; display: block;font-family: Helvetica, Arial, sans-serif; font-size: 14px;line-height:30px;color: #ffffff; cursor: pointer; text-align:center; height:30px; float:left;}
.topmenu li a:hover span{ text-decoration:none; background:url(../images/item-r.jpg) no-repeat right top;}
.topmenu li ul{ display:none;}
.topmenu li#menuitem_1 a:hover{background:url(../images/home-o.jpg) no-repeat left top;}
.topmenu li a.mainlevel_current{background:url(../images/item-a.jpg) repeat-x left top;}
.topmenu li a.mainlevel_current:hover{background:url(../images/item-a.jpg) repeat-x left top;}
.topmenu li a.mainlevel_current:hover span{ background:none;}
.topmenu li#menuitem_1 a.mainlevel_current{background:url(../images/home-a.jpg) repeat-x left top;}
.topmenu li#menuitem_1 a.mainlevel_current:hover{background:url(../images/home-a.jpg) repeat-x left top;}
.topmenu li#menuitem_1 a.mainlevel_current:hover span{ background:none;}
.topmenu li a.mainlevel_active{background:url(../images/item-a.jpg) repeat-x left top;}
.topmenu li a.mainlevel_active:hover{background:url(../images/item-a.jpg) repeat-x left top;}
.topmenu li a.mainlevel_active:hover span{ background:none;}
/* END MAIN MENU*/
.module_menu ul li a{ text-decoration:none;}
.module_menu ul li a:hover{ text-decoration:underline;}
.module_menu ul li a#active_menu:hover{ text-decoration:none;}
.twoj_tabs_class2 .ui-tabs-nav a { float:left;}
.twoj_tabs_class2 .ui-tabs-nav a span{ float:left;}
.maskDesc .ja-slide-desc h3 {
padding:8px 0 0;
}
.maskDesc {
background:none;
}
.maskDesc a.readon {
bottom:auto;
color:#fff;
display:inline;
right:auto;
}
.maskDesc a.readon:hover{ text-decoration:underline;}