body {background:url(../i/main-bg.png) 0 0 repeat-x #A8A39D; color:#1A1917; margin:15px 0 0 0; padding:0; font:14px/20px Arial, Helvetica, sans-serif;}
div, p, h1, h2, h3, ul{padding:0px; margin:0px;}
ul{list-style-type:none;}
ul.unordered-list { list-style-type:disc; margin-left:20px; }
ul.unordered-list li { padding:3px 5px; }
img.icon { border:0; vertical-align:middle; }
input.btn { background:url(../i/nav_back.png) repeat scroll center bottom; color:#008; border:outset 1px #555; padding:1px 9px; cursor:pointer; }
span.error, span.notice, span.success { display:block; }

#progress-bar { width:50%;line-height:16px; }
#progress-bar .x-progress-text a { color:#FFFFFF; }
#progress-bar .x-progress-text-back a { color:#396095; }

#divFbLike { display: none; z-index: 9002; width: 292px; background-color: #fff; height: 292px; position: fixed; top: 50%; left: 50%; margin: -146px 0 0 -146px; }
#divOverlay { display: none; z-index: 9001; background-color: #000; bottom: 0; left: 0; opacity: 0.3; filter:alpha(opacity=30); position: fixed; right: 0; top: 0; }

table { margin-bottom:auto; }
table.datatable { margin:0 auto; }
table.datatable caption { padding: 0 0 5px 0; font: italic 100% "Trebuchet MS", Verdana, sans-serif; text-align: right; background-color:Transparent; color:#666;}
table.datatable th { font: 100% bold "Trebuchet MS", sans-serif; color: #565; border-left: 1px solid #FFFFFF; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; text-align: center; padding: 5px; background:url(../i/nav_back.png) repeat scroll center bottom; }
table.datatable th.nobg { border-top: 0; border-left: 0; background: none; border-right: 1px solid #C1DAD7; }
table.datatable td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #555; }
table.datatable td.currency { height:45px; }
table.datatable td.currency div { float:left; margin-right:5px; }
table.datatable td.currency .name { font-size:120%; }
table.datatable td.currency .fi { font-size:80%; }
table.datatable td.numeric { text-align: right; }
table.datatable td.value { font-size:150%; }
table.datatable td.alt { background: #F5FAFA; color: #797268; }
table.datatable tr.up td.change { background:transparent url(../i/arrow_up.png) no-repeat 5px 50%; color:#080; font-weight:bold; }
table.datatable tr.down td.change { background:transparent url(../i/arrow_down.png) no-repeat 5px 50%; color:#800; font-weight:bold; }
table.datatable tr.same td.change { background:transparent url(../i/no_change.png) no-repeat 5px 50%; color:#008; font-weight:bold; }

img.flag { border-color:#F3F3F3 #CCCCCC #CCCCCC #F3F3F3; border-style:solid; border-width:1px; vertical-align:middle; }
.left-align { text-align:left; }
.right-align { text-align:right; }
.center-align { text-align:center; }

div.form { margin:10px; font-size:125%; }
div.form div.clear { padding:10px 0; }
div.form div.clear span.err { color:#c33; font-size:75%; }
div.form div.clear span.msg { color:#3c3; font-size:75%; }
div.form .text { font-size:90%; margin:0; width:250px; }
div.form .btn { font-size:90%; }
div.form select { font-size:90%; margin:0; width:270px; }
div.form div.hint { font-weight:normal;font-size:60%;color:#888; }

/*--TOP PANEL--*/
#topPan{width:960px; height:220px; position:relative; margin:10px auto 0;}
#topPan ul {width:960px;}
#topPan ul li{float:left; font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topPan ul li a{width:92px; height:30px; display:block; background:url(../i/menubg-normal.gif) 0 0 no-repeat #66605B; color:#FDFDFD;  text-decoration:none; text-align:center;}
#topPan ul li a:hover{background:url(../i/menubg-hover.gif) 0 0 no-repeat #66605B; color:#1A1917;}
#topPan ul li.menupadding{margin:0 0 0 1px;}
#topPan ul li.selected{width:92px; height:30px; display:block; background:url(../i/menubg-hover.gif) 0 0 no-repeat #FDFDFD; color:#1A1917; text-align:center;}

#topPan-header { clear:both; display:block; background-color:#fff; width:940px; height:150px; padding:10px; border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; }
#topPan-header .sb-inner { background-color:#fff; }
	#header h1 { font:32px/30px Georgia, Times, serif; color:#005; }
	#header p.social{ margin:10px 20px;}

#topPan-header #topPan-header-loginbox { padding:0px; }
#topPan-header #topPan-header-loginbox .x-box-mc { font-family:Arial, Helvetica; }
#topPan-header #topPan-header-loginbox #login-box-container { width:100%; }
#topPan-header #topPan-header-loginbox .login { line-height:90%; }
#topPan-header #topPan-header-loginbox .login .text { padding:2px; }
#topPan-header #topPan-header-loginbox .login .btn { margin-left: 25px; }
#topPan-header #topPan-header-loginbox .login .error { padding:3px 1px; margin:4px 0 0; }
#topPan-header #topPan-header-loginbox .login .forgot { font-size:80%;color:#888; }

#topPan-header #topPan-header-loginbox .logged { /*font-size:85%;*/ }
#topPan-header #topPan-header-loginbox .logged .btn { /*font-size:85%;*/ }
/*--/TOP PANEL--*/

/*--BODY PANEL--*/
#bodyPan{width:908px; background-color:#fff; color:#1A1917; position:relative; margin:0 auto; padding:0 26px;}
#bodyPan h1{width:908px; height:32px; display:block; background:url(../i/dotline.gif) 0 100% repeat-x #fff; font:28px/26px Georgia, "Times New Roman", Times, serif; padding:0;}
#bodyPan h1 span{color:#9A0000; font-size:26px; }
#bodyPan h2{width:906px; height:32px; display:block; font:28px/26px Georgia, "Times New Roman", Times, serif; padding:0; color:#9A0000;}
#bodyPan h4{font:18px Georgia, "Times New Roman", Times, serif; padding:25px 0 0 0; color:#9A6666;}

#bodyPan p{padding:18px 0 0 0;}
#bodyPan p.bigtext{background:#fff; font-size:18px; color:#B3A7A0; font-weight:bold; padding:18px 0 0;}
#bodyPan p.more{width:89px; height:39px;}
#bodyPan p.more a{display:block; width:89px; height:39px; background:#FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
#bodyPan p.more a:hover{text-decoration:none; background:url(../i/more2.jpg) 0 0 no-repeat;}
#bodyPan p.morenext{width:89px; height:60px; right:0px; top:0px; clear:both;}
#bodyPan p.morenext a{display:block; width:89px; height:39px; background:url(../i/more2.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
#bodyPan p.morenext a:hover{text-decoration:none; background:url(../i/more1.jpg) 0 0 no-repeat;}

#bodytopPan{width:960px; height:22px; background:#fff; position:relative; margin:0 auto; clear:both; border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; }
#bodytopPan .sb-inner {background:#fff;}
#bodybottomPan{width:960px; height:22px; background:#fff; position:relative; margin:0 auto; clear:both; border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; }
#bodybottomPan .sb-inner {background:#fff;}

/*
#bodyPan ul{width:908px; height:110px; margin:20px 0 0;}
#bodyPan ul li{background:url(../i/arrow.jpg) 0 4px no-repeat; padding:0 0 0 20px;}
#bodyPan ul li a{background:#fff; color:#9A0000; text-decoration:none;}
#bodyPan ul li a:hover{text-decoration:underline;}
*/

#bodyPan form{width:906px; height:162px; background:url(../i/formarea.jpg) 0 100% no-repeat; padding:0px; margin:30px 0 0;}
#bodyPan form h2{display:block; width:310px; height:45px; background:url(../i/formtop.gif) 0 0 no-repeat #F9F9F9; color:#fff; font:20px/39px Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 0 40px;}
#bodyPan form input{width:165px; height:18px; margin:0 0 10px 130px;}
#bodyPan form input.paddingtop{margin-top:16px;}
#bodyPan form input.button{width:54px; height:25px; display:block; background:url(../i/button.gif) 0 0 no-repeat #EBEBEB; border:none; color:#fff;  font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 0 262px; text-align:center;}
/*--/BODY PANEL--*/

/*--FOOTER PANEL--*/
#footermainPan{height:125px; background: url(../i/footerbg.gif) 0 0 repeat-x #181716; color:#fff; margin:30px 0 0; padding:30px 0 0;}
#footerPan{width:960px; height:90px; display:block; position:relative; margin:0 auto;}
#footerPan p{padding:35px 0;}
#footerPan p span{background:#1C1B19; color:#AC2626; font-size:10px;}
#footerPan p.social{ margin:0; display:block; position:absolute; top:0px; right:20px; padding:0;}
#footerPan p.copyright{ margin:0; display:block; position:absolute; bottom:0px; right:20px; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; padding:0;}
#footerPan p.copyright a { color:#AC2626; text-decoration:none; }
#footerPan p.copyright a:hover { color:#7B746B; text-decoration:underline; }

#footerPan ul {width:900px; display:block; position:absolute; left:60px; top:0; padding:0; }
#footerPan li {float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding:0 0 0 12px; }
#footerPan li.selected { color:#888; }
#footerPan ul li a{ color:#fff; background:#181716; text-decoration:none; }
#footerPan ul li a:hover{ text-decoration:underline; }

#footerPan ul.info{width:900px; display:block; position:absolute; left:60px; top:29px; padding:0; }
#footerPan ul.info li{display:block; width:109px; font-size:80%;}
#footerPan ul.info li.address{width:195px; background:url(../i/vertical-dot.gif) 100% 0 repeat-y #1C1B19; color:#7B746B; font-weight:bold; padding:0 0 0 12px;}
#footerPan ul.info li.phone{width:94px; background:url(../i/vertical-dot.gif) 100% 0 repeat-y #1C1B19; color:#7B746B; font-weight:bold; padding:0 0 0 15px; }
#footerPan ul.info li.fax{width:94px; background:#1C1B19; color:#7B746B; font-weight:bold; padding:0 0 0 15px;}
#footerPan ul li span{background:#1C1B19; color:#AC2626; font-weight:bold; line-height:110%;}
/*--FOOTER PANEL--*/

.currency-combo-item { padding:5px 10px; text-align:left; }
.currency-combo-item div { display:inline-block; }

/* CELL ACTIONS */
div.cell-action-up { background-image:url(../i/arrow_up_16.png); width:16px; height:16px; margin:0; padding:0; text-indent:-9999px; cursor:pointer; }
div.cell-action-down { background-image:url(../i/arrow_down_16.png); width:16px; height:16px; margin:0; padding:0; text-indent:-9999px; cursor:pointer; }
div.cell-action-edit { background-image:url(../i/edit_16.png); width:16px; height:16px; margin:0; padding:0; text-indent:-9999px; cursor:pointer; }
div.cell-action-delete { background-image:url(../i/delete_16.png); width:16px; height:16px; margin:0; padding:0; text-indent:-9999px; cursor:pointer; }

/* TOOLTIP */
.tooltip { background-image:url(../i/tooltip.png); height:85px; padding:30px 20px 10px 20px; margin:0 10px; width:110px; font-size:11px; color:#fff; display:inline-block; text-align:center; cursor:pointer; }
.tooltip:hover { background-image:url(../i/tooltip_hover.png); }
.tooltip.selected { background-image:url(../i/tooltip_selected.png); }
.tooltip .label { color:#C4E1FF; font-size:18px; }
.tooltip .price { color:yellow; font-size:15px; }