/* RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
/* END RESET */

/*SITE*/

body {
	font: 62.5%/1.4em Arial, Verdana, Helvetica, Sans-serif;
	color: #666;
	margin: 0;
    padding: 0;	
    background: #fff 0 bottom no-repeat;
}

#wrapper {
	margin: 0 auto;
	width: 895px;
}

#header_top {
	
}

#wc_logo {
	float: left;
	font-weight: bold;
	text-align: right;
	width: 895px;
	margin: 0 0 10px 0;
}

#wc_logo p {
	clear: both;
	float: right;
	font-size: 1.1em;
}

#wc_logo a {
	text-decoration: none;
	color: #666;
}

#hub_logo {
	clear: both;
	float: left;
	width: 162px;
	padding: 0 10px 0 65px;
}

#navcontainer {
    float: left;
    width: 895px;
}

#navigation {
	float: left;
	width: 654px;
	margin: 22px 0 0 0;
}

#navigation ul {
	float: right;
	margin: 0 0 0 0;
	padding: 0;
	width: 643px;
}

#navigation li {
	float: left;
	margin: 0 5px 0 8px;
	padding: 0;
	font-size: 1.1em;
	list-style-type: none;
}

#navigation li a {
	float: left;
	text-decoration: none;
	margin: 5px 0 0 0;
}

.nav_split {
	background: #BDBDBD;
	width: 1px;
	height: 13px;
}

#header_middle {
	clear: both;
	float: left;
	width: 100%;
	margin: 8px 0 0 0;
}

#memberslogin {
	float: left;
	width: 227px;
	height: 194px;
}

#memberslogin form {
	float: left;
	padding: 45px 0 0 50px;
}

#memberslogin form p {
	margin: 0 0 5px 0;
}

#welcomebanner {
	float: left;
	margin: 0 0 0 10px;
}

#hotlinks {
	float: left;
	margin: 0 0 0 10px;
	color: #fff;
}

#hotlinks a { color: #fff; }

#hotlink_top {
	float: left;
	background: url(../images/hotlinktop.png);
	width: 224px;
	height: 21px;
}

#hotlink_promotion1 {
	clear: both;
	float: left;
	background: url(../images/hotlink1.png);
	width: 224px;
	height: 36px;
}

#hotlink_promotion1_text {
	clear: both;
	float: left;
	background: url(../images/hotlink1_text_bg.png);
	width: 224px;
	height: 48px;
}

#hotlink_promotion1_text ul {
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
	width: 160px;
}

#hotlink_promotion1_text li {
	background: url(../images/bullet_orange.png) 0px -6px no-repeat;
	margin: 10px 0 0 0;
	padding: 0 0 10px 25px;
	font-size: 1.1em;
}

#hotlink_promotion2 {
	clear: both;
	float: left;
	background: url(../images/hotlink2.png);
	width: 224px;
	height: 36px;
}

#hotlink_promotion2_text {
	clear: both;
	float: left;
	background: url(../images/hotlink2_text_bg.png);
	width: 224px;
	height: 53px;
}

#hotlink_promotion2_text ul {
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
	width: 160px;
}

#hotlink_promotion2_text li {
	margin: 5px 0 0 0;
	padding: 0 0 10px 0px;
	font-size: 1.1em;
}

#header_bottom {
	clear: both;
	float: left;
	margin: 2px 0 4px 0;
}

#greystrip1 {
	clear: both;
	float: left;
	background: url(../images/greystrip1.png) no-repeat;
	width: 834px;
	height: 36px;
}

#greystrip2 {
	clear: both;
	float: left;
	background: url(../images/greystrip2.png) no-repeat;
	width: 809px;
	height: 36px;
}

#mainarea {
	clear: both;
	float: left;
	width: 895px;
	background: url(../images/mainarea_bg.png) repeat-y;
	margin:0;
	padding:0;
	
}

#inner {
	float: left;
	width: 895px;
	margin: 10px;
}

#left {
	float: left;
	background: url(../images/news_bg.png);
	width: 198px;
	height: 341px;
}

.notepad {
	float: right;
	width: 47px;
	height: 46px;
	background: url(../images/notepad.png) no-repeat;
	margin: 10px 5px 0 0;
}

#left ul {
	float: left;
	margin: 0 0 0 13px;
	padding: 0;
	list-style: none;
	width: 152px;
}

#left li {
	list-style-type: none;
	line-height: 150%;
	margin: 0 0 20px 0;
	font-size: 1.1em;
}

.bullet_blue {
	float: left;
	margin: -6px 5px 0 0;
	padding: 0;
}

.bullet_orange {
	float: left;
	margin: -6px 5px 0 0;
	padding: 0;
}

#middle {
	float: left;
	width: 560px;
	border-left: 1px dashed #CCC;
	margin: 0 0 0 10px;
}

.column {
	float: left;
	width: 250px;
	margin: 0 0 0 25px;
}


#microsoft_authorised {
	float: left;
	background: url(../images/microsoft_bg.png) no-repeat;
	width: 187px;
	height: 193px;
	
}

#right {
	float: left;
	width: 187px;
}

.megaphone {
	float: right;
	width: 55px;
	height: 46px;
	background: url(../images/megaphone.png) no-repeat;
	margin: 10px 13px 0 0;
}

#useful_links {
	float: left;
	width: 208px;
	height: 146px;
	background: url(../images/usefullinks_bg.png) 2px 0 no-repeat;
	color: #FFF;
	margin: 0 0 5px 0;
}

#useful_links p {
	margin: 10px 15px 5px 15px;
}

#useful_links p a {
	color: #FFF;
}

#footer {
	clear: both;
	float: left;
	font-size: 1em;
	margin: 20px 0 20px 0;
	width: 895px;
}



/* standard styles */

p {
    font-size: 1.1em;
    margin: 0 0 10px 0;
}

b {
	color: #03A7C9;
}

a {
	color: #03A7C9;
	font-weight: bold;
}

a:hover {
	color: #999;
	font-weight: bold;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 3px;
	border: 1px solid #ccc;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 3px;
	border: 1px solid #ccc;
}

.submitbutton {
	background: url(../images/submitbutton.png) no-repeat;
	border: 0;
	width: 66px;
	height: 17px;
}

.checkbox {

}

h1 {
	font-size: 1.2em;
	color: #03A7C9;
}

h2 {
	font-size: 1.4em;
	color: #03A7C9;
	border-bottom: 1px dashed #CCC;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	font-size: 1.4em;
}

h3 {
	font-size: 1.4em;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #FFF;
	margin: 8px 0 0 14px;
	width: 60%;
	color: #FFF;
}


h4 {
	font-size: 1.2em;
	padding: 0 0 5px 0;
	margin: 0;
	/*color: #FDBD2A;*/
	color: #333;
}


h5 {
	font-size: 1.3em;
	color: #03A7C9;
	margin: 0 0 5px 0;
	padding: 0;
}



.line {
    padding: 10px 0 0 0;
    border-top: 1px dashed #ccc;
}



.solid-green{background:#E6FFCC;color:#333;font-weight:bold;padding:4px;text-align:center;margin:0px 0 10px 0;font-size:11px;}
.solid-red{background:#F3B9BD;color:#333;font-weight:bold;padding:4px;text-align:center;margin:15px 0 15px 0;font-size:11px;}


.form p
{
	color: #333;
	font-weight: bold;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 1.1em;
	display: block;
}

label {
	color: #333;
	font-weight: bold;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 1.1em;
	display: block;
}
.inputField {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #dedddd;
	font-size: 1.1em;
	padding: 5px;
	width: 50em;
}

textarea {
	overflow: auto;
}
em {
	font-family: "Courier New", Arial, Verdana;
	font-size: 1.2em;
	color: #ff0000;
	font-style: normal;
	font-weight: bold;
}

.button{
    background: url("../images/submit.jpg") 0 6px no-repeat;
    width: 67px;
    height: 24px;
    padding: 0px;
    color: #fff;
    border: 0px;
    font-size: 1.1em;
}

.errorContainer {
	background: #FFF7C0;
	border: 2px solid #FFD61F;
	margin: 10px 0px 0 0;
	padding: 10px;
	font-size: 1.1em;
	color: #333;
	width: 500px;
}
.errorContainer ul {
	list-style-position: inside;
	text-indent: 15px;
	color: #333;
}
.error {
	color: #ff0000;
	margin: 0 0 0 80px;
	display: none;
}
.special {
	display: none;
}


.clear { 
   clear: both;
}




.column2 {
	float: left;
	width: 560px;
	margin: 0 0 0 25px;
}

.newscontainer { font-size: 1.1em; }

.newscontainer p {
    font-size: 11px;
}

.limitednews li, .limitednews a, .limitednews p {
    font-size: 11px;
}


#textarea { width: 600px; height: 200px; }



ul.list{}

ul.list li{background: url("../images/blue_arrow.jpg") 5px 8px no-repeat;margin:0 0 3px 0;padding:5px 7px 5px 19px; font-size: 1.1em;}


.flimage {
    float: left;
    width: 200px;
    border: 2px solid #ccc;
    margin: 0 10px 0 0;
}

.frimage {
    float: right;
    width: 200px;
    border: 2px solid #ccc;
    margin: 0 0 0 10px;
}

.fl {
    float: left;
    width: 250px;
}

.fr {
    float: right;
    width: 250px;
}

.pdf
{
    background: url("../images/pdf.png") no-repeat;
    padding: 0 0 0 20px;
    height: 16px;
    font-size: 14px;
    line-height: 20px;
}

.CDS_ProductInfoPopupButton { font-weight: bold; font-size: 12px; color: #03A7C9 !important; text-decoration: underline; }
#CDSdarkenScreenObject { width: 100% !important; }