body    {
    
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    height:100%;
    color:#333333;
    font-size: 70%;
    opacity:1;
    text-align:justify;
    margin:0px;
    padding:0px;
    border:0px none;
    border-collapse: separate;
    background: #FFF url(../images/bg.gif) repeat-x;
    margin-left:auto;
    margin-right:auto;
    line-height:1.7em;
}



#container
{
    text-align: center;
    height:960px;

}
  

#mainlogo
{
    padding:10px;
    padding-top:75px;
    margin: 0px;
    width: 940px;
    height:25px;
    background: url(../images/heading960x150.jpg) no-repeat;
    text-align:left;
}

#newmenu {
    float: left;
    text-align:right;
    width: 960px;
    clear: both;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right: 0px;
    background-color: #660066;

}

#content
{
    margin:0px;
    padding:0px;
    float: left;
    width: 960px;
    clear: both;
    text-align: left;
    background: #fff;

}

#pagecontent
{
    float: left;
    width: 100%;
    clear: both;
    text-align: left;
    background: #fff;
    padding-left:5px;
    padding-right:5px;
}

#containercontent
{
    width: 960px;
    text-align: right;
    padding-left:0px;
    padding-right:0px;
    margin: 0 auto;
    background: #fff;
}


/* footer */
#footer {
    float: left;
    reset: left;
    width: 960px;
    clear: both;
    color: #808080;
    background: #fff;
    text-align:right;
    border-top: 1px solid #ccc;
    margin-top:20px;
    margin-bottom:10px;
}
#footer .right { float: right; }


/* main menu topics */
#topics {
    clear: left;
    float: left;
    width: 660px;
    background: #B0D0DC url(../images/topicsbg.gif) repeat-x left bottom;
    padding: 8px 5px;
    margin: 0 0 5px 0;
    color: #fff;
    height: 59px;
}


/* left side */
#left {
    float: left;
    reset: left;
    width: 715px;
    margin: 0px;
    background: #fff;
}
.subheader {
    margin: 0 0 10px 0;
    padding: 8px;
    background: #f4f4f4 url(../images/bgshade.gif) repeat-x;
    color: #808080;
    border-bottom: 1px solid #ccc;
}
.left_articles {
    float:left;
    clear:left;
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    margin: 0px;
    padding:20px;
    background: #fff;
    color: #454545;
    border: 1px dashed #ccc;
    min-height:50px;
}



.left_articles_wide {
    margin: 0px;
    background: #fff url(../images/bgshade.gif) repeat-x;
    color: #454545;
    padding: 5px;
    width: 920px;
}

.date { font-size: .9em; padding: 0 0 0 12px; background: url(../images/news.gif) no-repeat center left; color: #808080; }
.bigimage {
    float: left;
    clear: left;
    border: 1px solid #ccc;
    background: #eee;
    color: #000;
    width: 200px;
    height: 150px;
    margin: 0 15px 10px 0;
}
.left_box {
    background: #f4f4f4;
    color: #808080;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 0px;
    margin: 0 0 15px 0;
}
.thirds {
    float: left;
    width: 165px;
    padding: 0 10px 0 15px;
}		

/* right side */
#right {
    float: left;
    reset: left;
    width: 205px;
    margin: 0px;
    margin-left: 0px;
    background: #fff;
}
.right_articles {
    width: 205px;
    border: 1px solid #ccc;
    padding: 8px;
    margin: 0 0 10px 0;
    background: #eee;
    color: #454545;
}
.image { float: left; margin: 0 9px 3px 0; }

.notes {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 10px 10px 10px 80px;
    margin: 0 0 10px 0;
    background: #fff url(../images/user.png) no-repeat center left;
    color: #454545;
}

.smallinput{
    float:left;
    width:300px;
    opacity:.80;
    margin:5px;
    filter: alpha(opacity=80,style=0);
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}


.spacer{clear:both; height:1px;}



/* ----------- basic ----------- */

#basic{
    border:solid 1px #DEDEDE;
    background:#eeeeee;
    margin-bottom:0px;
    width:100%;
}

/* ----------- user form ----------- */
.myform{
    float: left;
    clear: left;
    width: 100%;
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
}

/* ----------- order form ----------- */
.orderform{
    float: left;
    clear: left;
    width: 100%;
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
}


#basic h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
#basic p{
    font-size:11px;
    color:#666666;
    float:left;
    reset:left;    
}
#basic label{
    display:block;
    font-weight:bold;
    text-align:left;
    width:420px;
    float:left;
    margin:5px;
}
#basic .small{
    color:#666666;
    display:block;
    font-weight:normal;
    text-align:left;
    width:420px;
    margin:5px;
}
#basic input{
    float:left;
    reset:left;
    width:395px;
    opacity:.80;
    margin:5px;
    filter: alpha(opacity=80,style=0);
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

#basic file{
    float:left;
    width:395px;
    opacity:.80;
    margin:5px;
    filter: alpha(opacity=80,style=0);
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}


#basic select{
    float:left;
    width:390px;
    margin:5px;
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}


#basic textarea {
    width: 395px;
    height: 125px;
    font-size:1.2em;
    padding-bottom:5px;
    opacity:.80;
    margin:5px;
    filter: alpha(opacity=80,style=0);
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}


#basic button{ 
    float:left;
    margin-left:10px;
    margin-top:5px;
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    
}

#basic smallbutton {
    width:100px;
}

input.disabled {
    border: 1px solid #F2F2F2;
    background-color: #F2F2F2;
}

input.required, textarea.required {

}


input.validation-failed, textarea.validation-failed {
    border: 1px solid #FF3300;
    color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
    border: 1px solid #00CC00;
    color : #000;
}

.validation-advice {
    margin: 0;
    color : #FF3300;
    font-weight: bold;
}

.custom-advice {

    background-color: #C8AA00;
    color : #FFF;
    font-weight: bold;
}

fieldset {
    padding: 1em;
    margin-bottom: 0.5em;
}

label {
    font-weight: bold;
}
.form-row {
    width: 100%;
    float: left;
    clear: left;    
    margin-top:5px;
    margin-bottom:5px;
    margin-left:0px;
}

.form-row-right {
    width: 100%;
    float:right;
    clear: right;   
    text-align:right;
    margin-top:10px;
    margin-bottom:10px;
    margin-right:15px;
}



.field-label {
    margin-left:0px;
}

.field-widget {

}



/* search form styling */
form, form p { margin: 0; padding: 0; line-height: 15px; }
.search { width: 170px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }












/* main menu topics */
#topics {
    clear: left;
    float: left;
    width: 650px;
    background: #B0D0DC url(../images/topicsbg.gif) repeat-x left bottom;
    padding: 8px 5px;
    margin: 0 0 5px 0;
    color: #fff;
    height: 59px;
}

input.submit {
    opacity:.80;
    font-size:1em;
    width:160px;
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-weight:800;
    vertical-align:middle;
    margin-bottom:5px;
    filter: alpha(opacity=80,style=0);
}


/* tables  style */

.table_header {
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    margin-left: 0px;
    padding: 5px;
    background: #f4f4f4 url(../images/bgshade.gif) repeat-x;
    color: #808080;
    text-align: left;
    font-weight:bold;
}

.table_results {
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    margin-left: 0px;
    padding-left: 5px;
    background: #f4f4f4 url(../images/bgshade.gif) repeat-x;
    color: #808080;
    text-align: left;
} 

.shadedheader
{
    float: left;
    reset: left;
    width: 940px;
    background: #fff url(../images/bgshade.gif) repeat-x;
    color: #454545;    
}


#hideMe {
    display:none;
}


.clearFix:after { /* for modern browsers */
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearFix { /* for IE7/Win */
min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
height:auto;
display:inline-block;
}

 

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 180px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #660066;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #6BA4D7;
}

ul#menu li ul li a {
  background: #925D82;
  color: #eee;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #6BA4D7;
  border-left: 5px #6BA4D7 solid;
  padding-left: 15px;
}

/* default styles */
a { color: #660066;  text-decoration: none; font: bold;}
a:hover { color: #4983C3;  text-decoration: none; font: bold; position: relative;}

p {	margin-top: 20px;margin-bottom:20px; }
h1 {	font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { color: #660066; margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h3 { color: #000000; margin: 0; padding: 0; font: bold 1.4em Arial, Sans-Serif; letter-spacing: -1px; padding-top:5px; padding-bottom:5px;}
h1 a, h2 a , h3 a{ color: #660066;  text-decoration: none; }
img { border: 0; } 

flag_icon 
{ 
  float:left;
  text-align:left;
  height:24px;
  width:180px;
  padding:0px;
  padding-bottom:0px;
  margin:0px;
  margin-top:-35px;
  display:block;
}

a#uk_flag_on { background-image:url(../images/flags/uk.png); height: 24px; width: 24px; display:block; }
a#uk_flag { background-image:url(../images/flags/uk_off.png); height: 24px; width: 24px; display:block; }
a#uk_flag span { display:none; }
a#uk_flag:hover { background-image:url(../images/flags/uk.png); }

a#us_flag_on { background-image:url(../images/flags/usa.png);height: 24px; width: 24px; display:block; }
a#us_flag { background-image:url(../images/flags/usa_off.png);height: 24px; width: 24px; display:block; }
a#us_flag span { display:none; }
a#us_flag:hover { background-image:url(../images/flags/usa.png); }

a#chinese_flag_on { background-image:url(../images/flags/china.png);height: 24px; width: 24px; display:block; }
a#chinese_flag { background-image:url(../images/flags/china_off.png);height: 24px; width: 24px; display:block; }
a#chinese_flag span { display:none; }
a#chinese_flag:hover { background-image:url(../images/flags/china.png); }

a#globe_on { background-image:url(../images/flags/globe.png);height: 24px; width: 24px; display:block; }
a#globe { background-image:url(../images/flags/globe_off.png);height: 24px; width: 24px; display:block; }
a#globe span { display:none; }
a#globe:hover { background-image:url(../images/flags/globe.png); }


blockquote {
display: block;
padding: 20px;
width: 70%;
font-style:italic;
}

blockquote:before, blockquote:after {
color: #660066;
display: block;
font-size: 700%;
width: 50px;
}

blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}

blockquote:after {
content: close-quote;
height: 10px;
margin-top: 10px;
margin-left: 100%;
}