/**********************************
Description...:Master Screen CSS
Copyright.....:Persona Ltd.
Author........:lewis@per-so-na.com
Last Changed..:07-10-2008
Notes #1......:Do NOT modify
/******************
Layout**/
* {
padding:0;
margin:0;
border:0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
text-align:center;
background:#f8f9fd url(../img/bg.gif) top center repeat-x;
}
.container {
position:relative;
width:960px;
margin:0 auto;
text-align:left;
background-color:#fff;
overflow:hidden;
}
h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;}
/******************
Header Area**/
#header {
float:left;
height:80px;
width:960px;
background:url(../img/header_bg.gif);
}
#header h1 {
float:left;
height:60px;
width:198px;
background:url(../img/logo.gif);
margin:14px 18px;
}
#header h1 a {
display:block;
height:60px;
width:198px;
}
#header h1 span, #header p {display:none;}
#search-area {
float:right;
width:250px;
font-size:0.75em;
padding:13px 18px;
}
.search-form {float:right;}
.search-form input {
width:162px;
height:18px;
padding:2px 6px 0;
color:#6b779d;
border:1px solid #b4bbcc;
}
.search-form input.search {
width:21px;
height:20px;
cursor:pointer;
padding:0;
margin-bottom:-6px;
border:1px solid #e1e5f3;
}
/*CMS SEARCH+RESULTS*/
.PagerControl {margin:15px 0;font-size:0.75em;}
/******************
Navigation**/
#nav {
float:left;
width:100%;
background:#3d4c78 url(../img/nav_bg.gif) repeat-x;
font-family: Arial, Helvetica, sans-serif}
#nav ul {border-bottom:3px solid #ffa12d;}
/*#nav ul.about {border-bottom:3px solid #7f96d4;}
#nav ul.ptns {border-bottom:3px solid #bd2b5c;}
#nav ul.news {border-bottom:3px solid #67bb28;}*/
#nav li {
display:inline;
list-style:none;
font-size:0.85em;
}
#nav li a {
float:left;
color:#fff;
padding:7px 20px;
text-align:center;
}
#nav li a:hover {
color:#0d204a;
text-decoration:none;
background:#ffa12d url(../img/nav-item_bg.gif) repeat-x;
}
#nav li a.selected {color:#0d204a;background:#ffa12d url(../img/nav-item_bg.gif) repeat-x;}
/*#nav li.about a:hover, #nav li.about a.selected {background:#7f96d4 url(../img/nav-item-blue_bg.gif) repeat-x;}
#nav li.ptns a:hover, #nav li.ptns a.selected {background:#bd2b5c url(../img/nav-item-red_bg.gif) repeat-x;}
#nav li.news a:hover, #nav li.news a.selected {background:#68bd2b url(../img/nav-item-grn_bg.gif) repeat-x;}*/
/******************
Sub Nav**/
#sub-nav {
float:left;
width:100%;
min-height:22px;
background:#c6cfec url(../img/sub-nav_bg.gif) bottom no-repeat;
font-family: Arial, Helvetica, sans-serif
}
#sub-nav ul {margin-left:15px;}
#sub-nav li {
display:inline;
list-style:none;
font-size:0.75em;
}
#sub-nav a {
float:left;
color:#0d204a;
padding:4px 15px;
text-align:center;
}
#sub-nav a.selected, #sub-nav a:hover {background:#f4f6f8 url(../img/sub-nav_on.gif) repeat-x;}
/******************
Content Holder**/
#content-holder {
float:left;
position:relative;
width:920px;
margin:0 20px;
color:#000;
}
#trail {margin:10px 0;}
#trail p {font-size:0.7em;}
#trail a {text-decoration:underline;color:#0d204a;font-weight:bold;}
#trail a:hover {text-decoration:none;}
/******************
Main Content**/
.main-content {
float:left;
width:710px;
min-height:530px;
color:#0D204A;
padding-right:10px;
}
.main-content h2 {
font-size:1.7em;
font-weight:normal;
color:#0d204a;
margin:0 0 10px;
}
.main-content h3, .main-content h4 {
font-size:1.2em;
font-weight:normal;
color:#0d204a;
margin:15px 0 10px;
}
.main-content h3.toggler {
font-size:0.7em;
padding:4px 3px;
margin:5px 0px;
cursor:pointer;
background:#c6cfec;
border:1px solid #6c78a6;
}
.main-content h4 {margin:5px 0 0;}
.main-content h5, .main-content h6 {
font-size:0.75em;
margin:0 5px 5px 15px;
}
.main-content p {
font-size:0.75em;
margin:0 0 10px;
line-height: 1.5em;
}
.main-content p.top {padding-top:10px;float:left;}
.main-content blockquote {
font-size:1.2em;
font-weight:normal;
}
.main-content ul {margin-bottom:10px;}
.main-content ul li {
list-style:disc;
font-size:0.75em;
line-height:1.5em;
margin:0 5px 5px 20px;
}
.main-content ul li li {font-size:1em;}
.main-content ul li ul {margin-bottom:0;}
.main-content ul.basic li {margin:0 5px 0 20px;}
.main-content ul.archives {border:1px solid #e1e3ed;margin-bottom:20px;}
.main-content ul.archives li {
float:left;
list-style:none;
padding:2px 5px;
margin:0 0 0 10px;
background:#eee;
border:1px solid #e1e3ed;
border-bottom:0;border-top:0;
}
.main-content ul.archives li.year {background:#fff;}

.main-content ol {margin-bottom:10px;}
.main-content ol li {
list-style:decimal;
font-size:0.75em;
line-height:1.3em;
margin:0 0 5px 30px;
}
.main-content dl {}
.main-content dl dt {font-size:0.75em;}
.main-content dl dd {font-size:0.75em;}
.main-content img {
/*float:right;*/
margin:5px 0;
border:1px solid #e1e3ed;
}
.main-content table.basic {
margin:15px 0;
border-top:1px solid #6c78a6;
border-left:1px solid #6c78a6;
}
.main-content table.basic td, .main-content table.basic th {
font-size:0.75em;
padding:5px;
border-right:1px solid #6c78a6;
border-bottom:1px solid #6c78a6;
}
.main-content table.basic th {
background:#c6cfec;
color:#0d204a;
}
.main-content table.basic td img {margin:0;border:0;float:none;}
.main-content a:link, .main-content a:active, .main-content a:visited {font-weight:bold;}
.main-content a:hover {}
/*accordion*/
.element table.basic {
float:left;
width:340px;
margin:15px 12px 15px 0;}
.element table.basic td {height:75px;}
.element table.specs td {height:auto;}
/******************
Homepage columns**/
.home {width:720px;padding-right:0;}
#welcome-col {
float:left;
width:200px;
}
#home-col {
float:left;
width:500px;
margin-left:12px;
}
#home-col h3 {margin:5px 0;clear:left;/*for cms*/}
/******************
Tab Box**/
#tab-box_nav {
float:left;
position:relative;
z-index:50;
width:498px;
height:263px;/*height always exists w/o js*/
padding:0 1px;
margin:0px 0 17px 0;
background:url(../img/tab-nav-img01.gif) bottom no-repeat;
}
#tab-box_nav ul {margin:0;padding:0;}
ul.mootabs_title {}
ul.mootabs_title li {
float:left;
width:145px;
height:28px;
list-style:none;
color:#012d6b;
text-decoration:none;
font-weight:normal;
font-size:1.1em;
padding:6px 0 0px 20px;
margin:0 1px 0 0;
cursor:pointer;
background:url(../img/tab-nav_bg.gif) no-repeat;
border-bottom:1px solid #fef6eb;
}
ul.mootabs_title li.active {
position:relative;
z-index:99;
color:#fff;
cursor:default;
background:url(../img/tab-nav_bg.gif) bottom no-repeat;
border-bottom:1px solid #a7b5e2;
}
.mootabs_panel {
display:none;
position:relative;
width:100%;
z-index:50;
clear:both;
overflow:auto;
float:left;
background:#b0ddff;
}
.mootabs_panel.active {display:block;}
#tab01, #tab02, #tab03 {
position:relative;
height:228px;
color:#fff;
background:url(../img/tab-nav-img01.gif) no-repeat;
}
#tab01 h4, #tab02 h4, #tab03 h4 {
font-weight:normal;
font-size:0.95em;
color:#0d204a;
margin:11px 13px;
}
#tab01 p, #tab02 p, #tab03 p {
font-weight:normal;
font-size:14px;
/*width:250px;*/
margin:0 13px;
}
#tab01 p.title, #tab02 p.title, #tab03 p.title {font-size:1.25em;margin-bottom:5px;}
/******************
Homepage Info**/
#home-info_holder {
float:left;
width:500px;
margin:5px 0;
background:url(../img/home-info-holder_bg.gif) no-repeat;
}
#home-info {
float:left;
width:480px;
padding:0 10px;
margin-top:10px;
background:#f8f9fc url(../img/home-info_bg.gif) bottom no-repeat;
}
#home-info img {
float:left;
clear:left;
margin:0 5px 10px 0;
border:1px solid #697295; 
}
.home-info-link {
float:right;
width:403px;
margin-bottom:10px;
}
.home-info-link dd {line-height:1.15em;}
.home-info-link a:link, .home-info-link a:visited, .home-info-link a:hover, .home-info-link a:active {color:#0d204a;}
/******************
LV3 Info**/
#info_holder {
float:left;
width:700px;
margin:5px 0;
background:url(../img/info-holder_bg.gif) no-repeat;
}
#info {
float:left;
width:680px;
padding:0 10px;
margin-top:10px;
background:#f8f9fc url(../img/info_bg.gif) bottom no-repeat;
}
#info img {
float:left;
clear:left;
margin:0 5px 10px 0;
border:1px solid #e1e3ed; 
}
.info-link {
float:right;
width:570px;
margin-bottom:10px;
}
.info-link h6 {font-family:arial, helvetica, sans-serif;font-size:0.75em;}
.info-link a:link, .info-link a:visited, .info-link a:hover, .info-link a:active {color:#0d204a;}
/******************
News**/
#news-head {
float:left;
width:355px;
}
#news-head h3 {
font-family:arial, helvetica, sans-serif;
font-size:1.1em;
margin:0 10px 12px 0;
}
#news-head p {margin-right:10px;}
#news-head img {
float:right;
width:160px;
height:100px;
margin:0 15px 0 10px;
border:1px solid #697295;
}
/*article col*/
.news-art {
float:left;
position:relative;
width:355px;
}
#adjust {padding-right:10px;width:345px;}
.news-art h3 {margin:0 0 10px;}
.news-art h5 {
font-family:arial, helvetica, sans-serif;
margin:0 0 0px;
}
.news-art span.rss {
position:absolute;
top:-29px;right:0;
font-family:arial, helvetica;
font-size:0.9em;
}
.news-art span.extrarss {top:0;right:10px;}
.news-art span.rss a {
padding:5px 25px 0 0;
background:url(../img/icon-newsrss.gif) no-repeat 100% 0px;
font-weight:normal;
color:#66bc29;
text-decoration:none;
}
.news-art img {
float:right;
width:65px;
height:65px;
margin:0 5px 0 10px;
border:1px solid #697295;
}
#news-head h3 a, .news-art h5 a {color:#0d204a;font-weight:normal;}
span.post-date {font-weight:normal;color:#999;font-size:0.9em;}/*CMS date*/
/******************
Fancy Dates**/
.date-headline {margin-top:0;}
.date-headline h4 {
font-family:arial, helvetica, sans-serif;
margin:0 0 0px;
}
.date {
float:left;
clear:left;
width:66px;
margin:0 12px 0px 0;
color:#fff;
background:#52b30b url(../img/icon-event.gif) no-repeat;
border-bottom:1px solid #ccc;
}
.date p {
margin:4px 8px 4px 0;
text-align:right;
font-size:0.75em;
}
.number {font-size:1.3em;font-weight:bold;}
/******************
Contact**/
#contactform {
float:left;
font-size:0.75em;
width:250px;
padding:10px;
}
#contactform td {
vertical-align:top;
width:250px;/*345*/
}
#contactform label, #contactform span {
float:left;
clear:left;
padding-top:5px;
}
#contactform input {
width:194px;
height:18px;
padding:2px 3px 0;
color:#6b779d;
border:1px solid #b4bbcc;
}
#contactform input.checker {
width:15px;
height:15px;
border:0;
}
#contactform select {width:205px;border:1px solid #b4bbcc;}
#contactform textarea {
width:195px;
font:1.0em arial, helvetica, sans-serif;
color:#6b779d;
padding:3px;
border:1px solid #b4bbcc;
}
#contactform input.submit {
width:auto;
height:auto;
cursor:pointer;
padding:3px;
margin:5px 0;
font-size:1.1em;
color:#fff;
background:#0c1d43 url(../img/btn-submit.gif) repeat-x;
border:1px solid #e1e5f3;
}
#contactform input.submit:hover {cursor:pointer;}
/* Liva Validate */
span.LV_valid {color:#68bd2b;}	
span.LV_invalid {color:#bd2b5c;}
span.LV_validation_message {
float:left;
width:100%;/*webkit fix*/
font-weight:bold;
margin:0 0 0 5px;
}
/*#contactform .LV_valid_field,*/
#contactform input.LV_valid_field:hover, 
#contactform input.LV_valid_field:active,
#contactform .fieldWithErrors input.LV_valid_field {border:1px solid #68bd2b;}
/*#contactform .LV_invalid_field,*/
#contactform input.LV_invalid_field:hover, 
#contactform input.LV_invalid_field:active,
#contactform .fieldWithErrors input.LV_invalid_field {border:1px solid #bd2b5c;}
/******************
Contact Area**/
#contact-area {
float:right;
width:400px;
padding:15px;
margin:15px 10px 0 0;
background:#eee;
}
/******************
Buttons**/
.btn-contact {}
.btn-contact a {
float:right;
width:108px;
height:16px;
padding:3px 0 1px;
margin-bottom:10px;
background:url(../img/btn-contact.gif) no-repeat;
text-align:center;
}
.btn-contact a:link, .btn-contact a:visited {color:#fff;text-decoration:none;}
.btn-contact a:hover {color:#fff;background-position:bottom;}
/*HP tab MORE*/
.btn-more {}
.btn-more a {
position:absolute;
bottom:9px;right:11px;
width:148px;
height:20px;
font-size:0.85em;
text-align:center;
padding:4px 0 0 0;
background:url(../img/btn-more.gif) no-repeat;
}
.btn-more span {
padding-right:10px;
background:url(../img/icon-follow.gif) right 2px no-repeat;
}
.btn-more a:link, .btn-more a:visited {color:#0d204a;text-decoration:none;}
.btn-more a:hover {color:#0d204a;background-position:bottom;}
/*NEXT*/
.btn-next {}
.btn-next a {
float:right;
width:146px;
height:18px;
text-align:center;
font-size:0.8em;
padding:3px 0 1px;
margin:1px 15px 0 0;
background:url(../img/btn-next.gif) no-repeat;
}
.btn-next span {
padding-right:10px;
background:url(../img/icon-follow.gif) right 2px no-repeat;
}
.btn-next a:link, .btn-next a:visited {color:#0d204a;text-decoration:none;}
.btn-next a:hover {color:#0d204a;background-position:bottom;}
/*NEXT 2*/
.btn-next01 a {
float:right;
width:146px;
height:18px;
font-size:0.8em;
text-align:center;
padding:3px 0 1px;
margin:1px 15px 0 0;
background:url(../img/btn-next01.gif) no-repeat;
}
.btn-next01 span {
padding-right:10px;
background:url(../img/icon-follow.gif) right 2px no-repeat;
}
.btn-next01 a:link, .btn-next01 a:visited {color:#0d204a;text-decoration:none;}
.btn-next01 a:hover {color:#0d204a;background-position:bottom;}
/*NEWS*/
.btn-news a {
float:right;
clear:right;
width:146px;
height:18px;
font-size:0.8em;
text-align:center;
padding:3px 0 1px;
margin:5px 5px 10px 0;
background:url(../img/btn-news.gif) no-repeat;
}
.btn-news span {
padding-right:10px;
background:url(../img/icon-follow.gif) right 2px no-repeat;
}
.btn-news a:link, .btn-news a:visited {color:#0d204a;text-decoration:none;}
.btn-news a:hover {color:#0d204a;background-position:bottom;}
/******************
RH Side!**/
#side-panels {
float:left;
position:relative;
width:200px;
margin-top:3px;
font-family:Arial, Helvetica, sans-serif;
}
#fixed {
float:left;
position:absolute;
top:0;right:0;
/*height:530px;*/
width:200px;
}
/******************
Slide box**/
.slide-box_holder {
float:left;
width:200px;
margin-bottom:12px;
background:#dee0eb url(../img/slide-box_bg.gif) bottom no-repeat;
}
.slide-box {
float:left;
position:relative;
width:200px;
padding-bottom:10px;
}
.box-prod {background:#dee0eb url(../img/slide-box-prod_bg.gif) bottom no-repeat;}
.box-news {background:#dee0eb url(../img/slide-box-news_bg.gif) bottom no-repeat;}
.box-about {background:#dee0eb url(../img/slide-box-about_bg.gif) bottom no-repeat;}

.slide-box h5 {
/*height:35px;*/
font-size:0.9em;
font-weight:normal;
color:#fff;
padding:7px 9px 20px;
margin-bottom:7px;
background:#faa635 url(../img/slide-box-hd.gif) bottom no-repeat;
}
.slide-box h5.about {background:url(../img/slide-box_blue-hd.gif) no-repeat;}/*#39c0d4*/
.slide-box h5.ptns {background:#bc295a url(../img/slide-box_red-hd.gif) bottom no-repeat;}
.slide-box h5.news {background:url(../img/slide-box_grn-hd.gif) no-repeat;}/*#66bc29*/
.slide-box h5.test {background:url(../img/slide-box_pur-hd.gif) no-repeat;}/*#6c78a6*/
.slide-box a.rss {
position:absolute;
top:1px;right:3px;
font-size:0.65em;
font-weight:normal;
color:#fff;
padding:8px 27px 5px 0;
background:url(../img/icon-rss.gif) no-repeat 100% 2px;
}
.slide-box a:hover.rss {color:#fff;}/*for IE6*/
.slide-box p {
font-size:0.7em;
margin:0 12px;
}
.slide-box blockquote {
font-weight:normal;
color:#6c78a6;
}
.slide-box cite {
display:block;/*multiline fix*/
font-size:0.7em;
font-style:normal;
margin:0 12px 5px;
}
.slide-box ul li {
list-style:none;
font-size:0.7em;
margin:0 12px 3px;
padding-left:10px;
background:url(../img/icon-arrow.gif) left 1px no-repeat;
}
.slide-box dl {margin:0 12px;}
.slide-box dl dt {font-size:0.75em;}
.slide-box dl dd {font-size:0.7em;margin-bottom:15px;}
.slide-box dl dt a {color:#0d204a;}
.slide-box img {margin:10px 12px 0;}
.slide-box a {font-weight:bold;}
.box-news span.post-date {color:#666;}/*CMS date*/
/******************
Footer**/
#footer {
float:left;
position:relative;
width:100%;
height:150px;
color:#a9afcd;
background:url(../img/footer_bg.png) bottom repeat-x;
}
#footer p {
position:absolute;
bottom:10px;left:0;
width:680px;
font-size:0.7em;
margin:0 20px 0;
}
#footer p span {
position:absolute; 
bottom:0px;left:240px;
width:500px;
}
#footer span.details {
float:right;
position:absolute; 
bottom:10px;right:0; 
width:200px; 
font-size:0.7em;
text-align:right;
margin:12px 20px 0px;
}
#footer a:link, #footer a:active, #footer a:visited {color:#a9afcd;text-decoration:none;}
#footer a:hover {color:#a9afcd;text-decoration:underline;}
/******************
Global Styles**/
.line {
border-bottom:1px solid #e1e3ed;
margin:10px 0%;
height:1px;
clear:both;
}
.clearing {clear:both;}
acronym, abbr {cursor:help;border-bottom:1px dotted #000;}
fieldset {border:0;}
strong {font-weight:bold;}
em {font-style:italic;color:#6c78a6;}
address {font-style:normal;font-size:0.75em;margin-bottom:10px;}
blockquote {font-weight:bold;}

address.location {color:#6c78a6;}
blockquote.headdate p {font-size:0.7em;margin:0 0 5px 0;}

.error {color:#f00;font-weight:bold;}
/******************
Links**/
a:link, a:visited {color:#6c78a6;text-decoration:none;/*font-weight:bold;*/}
a:hover {color:#6c78a6;text-decoration:underline;}
a:active {color:#6c78a6;/*outline:none;*/}
a:focus {/*outline:none;*/}
/******************
Clearfix**/
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}




/* --------toms style ---------------*/

div.flash-link {
	background: url(../img/slide-box-flash-link-bg.jpg) no-repeat top left;
	height: 174px;
	width:200px;
	display:block;
	float:right;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.flash-link a {
	display:block;
	text-decoration:none;
	height: 174px;
	width:200px;
}

div.flash-link h5 {
color:#FFFFFF;
font-size:0.9em;
font-weight:normal;
margin-bottom:7px;
padding:7px 9px 20px;
}

div.flash-link a:hover h5 {
	color:#d9819f;
}
/* --------register button style ---------------*/

.main-content a.register-btn {
	display: block;
	text-indent: -9999px;
	width: 62px;
	height: 20px;
	background: url(../img/btn_register.jpg) no-repeat top left;
}