/*
Description:	CSS 
Author:			Visualcode Limited
Date: 			2010
Version:		1.0
*/

@import url('css/generalform.css');
@import url('css/nivo-slider.css');
@import url('css/accounts.css');
@import url('css/products.css');
@import url('css/basket.css');
@import url('css/fancybox.css');

/*---------------------------Global Start -----------------------------*/

body { 
	font-weight: normal;
	text-align:center;
  	position:relative;
	margin:0;
	padding:0;	
	font-size:13px; 
	font-family: "trebuchet ms", Helvetica Neue, Helvetica, Arial, sans-serif; 
	color:#333; 
	background:#22323b url(/images/footerBack.png) no-repeat center bottom;
	}
	
a:link {
	text-decoration: none;
	color:#5490ba;
	}

a:visited {
	text-decoration: none;
	color:#5490ba;
	}

a:active {
	text-decoration: none;
	color:#CCC;
	}

a:hover {
	text-decoration: none;
	color:#CCC;
	}

a img{
	border:none;
	}


h1, h2, h3, h4{
	font-weight:normal;
	line-height:normal;
	}
	
h1 {
	font-size: 24px;
	clear:both;
	color:#2b3e49;
	}

h2 {
	font-size: 20px;
	font-weight:normal;
	color:#2b3e49;
	}

h3 { 
	font-size: 18px;
	font-weight:normal;
	}

h4 {
	font-size: 16px;
	font-weight:bold;
	}

hr {
	border: none;
	height: 1px;
	margin: 10px auto;
	padding: 0px !important;
	color:#444;
	clear:both; 
	border-top:#CCC solid 1px;
	border-bottom:#FFF solid 1px;
	}

p{
	margin:10px 0;
	}
	
table{margin:0; border-collapse:collapse;}	
table td{padding:5px; font:11px "trebuchet ms", arial, helvetica, sans-serif; border-bottom:#DFDFDF solid 1px; vertical-align:top; font-size:13px;}	
table td.five{padding:5px;}
table thead td{background:#666; border-top:#FFF solid 1px; border-bottom:#FFF solid 1px; border-right:#FFF solid 1px; color:#FFF; padding-left:5px; font-weight:bold;}
table thead td.none{border-right:none;}	

.clear{clear:both; text-align:center; padding-top:0px; height:0; }

.clear a{
	padding:5px 10px !important;
	color:#FFF;
	font-weight:bold;
	background:#086998 url('../images/navTile.png') repeat-x;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}

a.button {
	padding:5px 10px !important;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	background:#086998 url('../images/navTile.png') repeat-x;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}

a.cbutton{
 	padding:5px 10px !important;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	background:#666 url('../images/navTile.png') repeat-x;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
 	}

 p.button a{
	background:#666 url(../images/navTile.png) repeat-x;
	display:block;
	float:left;
	padding:5px 10px;
	color:#FFF;
	-moz-border-radius:5px; 
	border-radius:5px;
	font-size:11px;
	font-weight:bold;
	}



 p.button a:hover{background:#218baa url(../images/navTile.png) repeat-x;}

#container{
	padding:0;
	margin:0;
	position:relative;
	text-align:center;
	min-width:0;
	}

#headContainer{
	position:relative;
	margin:0px 0px 0px 0;
	padding-bottom:0px;
	background:#2b3e49 url(/images/linesheader.png) no-repeat left top;
	border-bottom:#086998 solid 5px;
	z-index:1000; /* IE 7 */
	}

#header {
	width:980px;
	margin:0px auto;
	text-align:left;	
	position:relative;
	background: url(/images/texture.png) no-repeat left 0px;
	}

#Logo {
	margin:0px;
	padding:10px 0px 0px 0px;
	text-align:center;
	width:220px;
	height:90px;
	float:left;
	margin-top:10px;
	background:url(/images/logo.png) no-repeat -25px;
	text-indent:-9999px;
	}
	
#basketArea{
	color:#FFF;
	background: url(/images/basket.png) no-repeat;
	width:auto;
	float:right;
	padding:5px 0px 5px 30px;
	height:25px;
	margin-top:5px;
	}
#basketArea a{color:#1fb9e4;}
	
.sectionTitle{	
	text-align:center;
	float:right;
	width:750px;
	padding:10px 0px 0px 0px;
	height:25px;
	font-size:18px;
	font-weight:normal;
	color:#FFF;
	margin:0 auto;
	font-family:rockwell, georgia, times, serif;
	}

/* ______________________ Top Login ______________________ */

#topLogin{
	margin-top:10px;
	float:right;
	clear:right;
	-moz-border-radius:10px; border-radius:10px;
	padding-left:10px;
	background:#767676 url(/images/navTile.png) repeat-x;
	height:35px;
	margin-bottom:5px;
	}

#topLogin form{
	font-size:11px;
	padding:0;
	}
	
#topLogin form p{
	display:block;
	width:220px;
	float:left;
	}	

#topLogin form p.pass{width:100px; display:inline;}
#topLogin form label{width:65px; color:#e3e2db; font-weight:bold;}
#topLogin form input{-moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background:#FFF; border:0; width:120px;}
#topLogin form input.login{background:#218baa url(/images/navTile.png) repeat-x; color:#FFF; font-weight:bold; width:70px;}

#topLogin ul{
	list-style:none; 
	padding:0;
	margin:0px;
	position:relative;
	text-align:left;
	border:none;
	padding:10px 0px 0px 30px;
	height:20px;
	background:url(/images/account.png) no-repeat 0px 2px;
	}

#topLogin ul li{
	display:inline;
	float:left;
	margin:0;
	position:relative;
	text-align:center;
	border-left:#CCC solid 1px;
	}
	
#topLogin ul li.attention{border-left:none;}

#topLogin ul li a{
 	color:#FFF;
 	font-size:11px;
 	font-weight:bold;
 	display:block;
 	padding:0px 10px 0px 10px;
 	}
 	
 #topLogin ul li a:hover{color:#1fb9e4}	

/* ________________________________ topnav ________________________________ */

 #topNav{
 	font-size:12px;
 	color:#FFF;
 	text-align:left;
 	padding:0px 0px 10px 0px;
 	margin:0 auto;
 	height:20px;
 	clear:both;
 	width:980px;
 	}
	
 #topNav ul {
	list-style:none; 
	padding:0;
	margin:0px;
	position:relative;
	text-align:left;
	border:none;
	}
	
#topNav ul li {
	display:inline;
	float:left;
	margin:0;
	position:relative;
	text-align:center;
	font-weight:bold;
	margin-right:0px;
	margin-right:5px;
	position:relative;
	}

#topNav ul li.long{
	width:150px;
	}

#topNav ul li a{
 	color:#FFF;
 	display:block;
 	padding:10px 15px 5px 15px;
 	height:15px;
 	background:#3f6074 url(/images/navTile.png) repeat-x;
 	border-bottom:#2b3e49 solid 1px;
 	font-weight:bold;
 	border-radius:5px 5px 0px 0px;
 	-moz-border-radius:5px 5px 0px 0px;
 	-webkit-border-radius:5px 5px 0px 0px;
 	}

#topNav ul li a:hover{
 	background:#218baa url(/images/navTile.png) repeat-x;
 	color:#FFF;
 	}	
 
#topNav ul li a.on{
 	background:#086998 url(/images/navTile.png) repeat-x;
 	color:#FFF;
 	border-bottom:#086998 solid 1px;
 	}	
 
#topNav ul li a:hover.on{
	background:#086998 url(/images/navTile.png) repeat-x;
 	color:#FFF;
	}



#topNav ul li:hover ul{display:block;}

#topNav ul ul{
	position:absolute;
	z-index:999;
	background:#218baa;
	width:200px;
	display:none;
	top:31px;
	left:1px;
	border-right:0;
	padding:0 0 0px 0;
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	padding-bottom:10px;
}

#topNav ul ul li {border-top:#44a5c1 solid 1px; width:200px; padding:0; display:block; float:none; text-align:left; border-left:none; }

#topNav ul li ul li a {
	text-shadow:none;
	height:auto; 
	padding:7px 0px 7px 20px; 
	color:#FFF; 
	font-size:11px !important; 
	font-weight:bold; 
	background: url(images/bullet_white.png) no-repeat 5px 9px !important;
	border:none;
	display:block;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	}
	
#topNav ul ul li a:hover {color:#FFF; background:#1fb9e4 url(images/bullet_white.png) no-repeat 5px 9px !important;}
	
/*Sub Nav*/

#subNav ul {
	list-style:none; 
	padding:0;
	margin:0px auto;
	position:relative;
	text-align:left;
	border:none;
	font-size:12px;
	width:910px;
	height:30px;
	}
	
#subNav ul li {
	display:inline;
	float:left;
	margin:0;
	position:relative;
	text-align:center;
	font-weight:bold;
	margin-right:0px;
	margin-right:0px;
	color:#512100;
	}

#subNav ul li a{
	display:block;
	padding:7px 10px;
	color:#FFF;
	background:#512100;
	margin-right:10px;
	}

#subNav ul li a:hover{
	color:#512100;
	background:#f1ebc3;
	text-shadow:none;
	text-shadow:0 1px 1px #FFF;
	}
	
#subNav ul li span{
	display:block;
	padding:7px 10px;
	color:#512100;
	}
	
/* ______________________ banner ______________________ */	

#bannerContainer{
	text-align:center;
	height:300px;
	background:url(/images/bannershadow.png) no-repeat 8px 275px;
	position:relative;
	}
	
#bannerCover{
	position:absolute;
	width:760px;
	height:275px;
	background: url(/images/borderCorners.png) no-repeat;
	top:0;
	left:0;
	z-index:900;
	}
	
/* ______________________ Main Area ______________________ */	

#wrapper {
	margin:0px auto;
	padding:0px;
	position:relative;
	padding:0px 0px 0px 0px;	
	background:#FFF;	
	}

#wrapperFurther{
	background:#FFF;
	}

.contentArea{
	clear:both;
	padding:0px;
	margin:0 auto;
	width:980px;
	text-align:left;
	padding-top:10px;
	border-top:#ECECEC solid 1px;
	}

.Content{
	text-align:left;
	margin-top:0px;
	margin-left:0px;
	padding:0;
	width:760px;
	float:right;
	}

.contentArea ul {
	list-style:none;
	padding-left:10px;
	margin:10px 0px;
	}

.contentArea ul li {
	margin-bottom:5px;
	background: url(images/bullet.gif) no-repeat 0px 0px;
	padding-left:20px;
	margin-left:0px;
	}


/* ______________________ Left Navigation ______________________ */

#leftNav {
	width:210px;
	position:relative;
	text-align:left;
	float:left;
	position:relative;
	
	}

#leftNav h2, #leftNav h3{
	padding:7px 10px;
	margin:0;
	background:#086998 url(/images/navTile.png) repeat-x;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-shadow:none;
	}		
	
#leftNav ul{
	list-style:none;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	position:relative;
	font-size:12px;
	font-weight:bold;
	background:#F1F1F1;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius:  0px 0px 5px 5px;
	}

#leftNav .clear{
	clear:left;
	height:10px;
	margin-bottom:5px;
	background:url(/images/shadowleft.png) no-repeat left top;
	}

#leftNav ul li{
	position:relative;
	padding:0px;
	margin:0;
	background:none;
	}

#leftNav ul li a{
	background:url(images/bullet.gif) no-repeat 5px 4px;
	display:block;
	padding:5px 5px 5px 25px;
	margin-bottom:2px;
	color:#2b3e49;
	border-top:#FFF solid 1px;
	}

#leftNav ul li a i{font-weight:normal; font-size:11px; color:#086998;}

#leftNav ul li a.on{background:#666 url(images/bullet_white.gif) no-repeat 5px 4px; color:#FFF;}

#leftNav ul li a:hover{
	color:#FFF;
	background:#3f6074 url(images/bullet_white.gif) no-repeat 5px 4px;
	}

#leftNav ul li a:hover i{	
	color:#39b9de;
	}
	
.navContent{
	padding:5px 10px 10px 10px;
	position:relative;
	background:#F1F1F1;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius:  0px 0px 5px 5px;
	}	

.navContent span{
	display:block;
	padding:5px 0px 5px 55px;
	font-size:11px;
	}

.navContent span a{color:#2b3e49;}
.navContent span a:hover{color:#086998;}

.navContent span.rss{background: url(/images/rss_icon.png) no-repeat 0px 4px;}
.navContent span.news{background: url(/images/news_icon.png) no-repeat 0px 4px;}
.navContent span.youtube{background: url(/images/yt_icon.png) no-repeat 0px 4px;}
.navContent span.social{background: url(/images/share_icon.png) no-repeat 0px 4px;}
/* ______________________ four Column ______________________ */	

#wrapperFurther{padding-left:15px; background:#FFF url(/images/bubble.png) no-repeat 0px 10px;}

#testimonials{
	margin:10px auto 10px auto;
	padding:10px;
	font-family:rockwell, georgia, serif;
	background:#ECECEC url(/images/navTile.png) repeat-x;
	border-radius:10px;
	-moz-border-radius:10px;
	text-align:center;
	}	

#testimonials p{
	padding:10px 0px 10px 0px;
	margin:0px;
	
	}

/*--------------------------- Specific SignUp ---------------------------*/

#signupWrapper{background:#333 url(/images/linesDia.png) repeat-x; border-top:#ECECEC solid 1px; border-bottom:#111 solid 1px;}

.break{width:980px; margin:0 auto; padding-top:5px; height:35px;}

form.signUp{padding:0; position:relative; height:10px; margin:0;}

form.signUp span{float:left; display:block; padding-top:6px; font-weight:bold; font-style:italic; color:#218baa; background: url(/images/mail-icon.png) no-repeat 0px 8px; padding-left:25px;}

form.signUp div{display:inline; width:auto; float:left !important; clear:none; position:relative;}

form.signUp div span{background:#fffed8; border:#fffb96 solid 1px; padding:3px; clear:left; z-index:10; position:absolute; margin:0px; top:30px; color:#333;}
	
form.signUp label{
	width:80px !important;
	margin-bottom:0px;
	margin-left:10px;
	font-size:11px !important;
	float:left;
	margin-top:3px;
	color:#e3e2db !important;
	}	
	
form.signUp input{
	width:95px;
	-moz-border-radius: 5px 5px 5px 5px; 
	border-radius: 5px 5px 5px 5px; 
	background:#FFF;
	margin-bottom:0px;
	margin-top:5px;
	border:0;
	color:#333;
	float:left;
	clear:none;
	}

form.signUp input.button{
	margin-top:-0px;
	margin-left:30px;
	background:#218baa url(/images/navTile.png) repeat-x;
	font-weight:bold; 
	width:75px;
	font-size:11px;
	border:0;
	color:#FFF;
	}	

.legal ul li a{
 	font-weight:normal;
 	display:block;
 	padding:0px 5px 0px 0px;
 	}	
	
/* ______________________ Footer ______________________ */
	
#footCont{
	clear:both;
	border-top:#4B5B65 solid 1px;
	color:#FFF;
	}
	
#footer {
	clear:both;
	font-size:12px;
	color:#FFF;
	text-align:left;
	margin:0 auto;
	width:980px;
	border:0;
	text-align:left;
	line-height:18px;
	font-size:12px;
	padding-bottom:10px;
	background: url(/images/divide.png) no-repeat center bottom;
	}
	
#footer a{
	color:#1fb9e4;
	}

#footer h3{
	margin:0px 0 5px 0;
	color:#000;
	font-weight:bold;
	}

#footer h4{
	color:#FFF;
	margin:10px 0;
	font-weight:normal;
	font-family:rockwell, georgia, serif;
	font-size:15px;
	text-shadow:0px;
	padding:0px 0px 10px 0px	
	}

#footer ul{
	list-style:none;
	margin:0px;
	margin-top:5px;
	padding:0px;
	position:relative;
	font-size:11px;
	font-weight:bold;
	}

#footer ul li{
	position:relative;
	padding:0px;
	margin:0;
	}

#footer ul li a{
	background:url(/images/bullet.gif) no-repeat 10px 3px;
	display:block;
	padding:1px 5px 1px 30px;
	}

.foot1, .foot2, .foot3, .foot4{
	text-align:left;
	width:245px;
	float:left;
	margin-left:0px;
	}
	
#legalInformation{
	width:980px;
	margin:10px auto;
	text-align:left;
	font-size:11px;
	height:55px;
	}	

#legalInformation ul{list-style:none; float:right; margin:0; padding:0; }
#legalInformation ul li{float:left; margin-left:10px;}
#legalInformation ul li a{display:block; background:#666 url(/images/navTile.png) repeat-x; padding:5px; color:#FFF; -moz-border-radius:5px; border-radius:5px;}
#legalInformation ul li a:hover{background:#218baa url(/images/navTile.png) repeat-x;}
/* Links */	

.links{
	background:#FFF url(/images/bodybullet.png) no-repeat;
	padding-left:25px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:#ECECEC solid 1px;
	}
	
/* leftnav form */

.sForm { background:#F1F1F1; padding:0 5px; float:left; }

.sForm form div {
	margin: 0;
	padding: 0;
}

.sForm form label {
	margin-bottom: 2px;
	width: 80px !important;
	font-size:11px;
}

.sForm form input {
	width: 190px;
}

.sForm form input.button {
	width: auto;
}
	
/* survey page */	

#survey{width:740px;}
#survey_p, #survey_q, #survey_d, #survey_c{-moz-border-radius: 5px 5px 5px 5px; border-radius:  5px 5px 5px 5px; background:#F2F2F2; padding:10px; margin-bottom:10px;}
#survey_p h3, #survey_q h3, #survey_d h3, #survey_c h3{margin:0; padding:0 0 15px 0;}

#survey_p .left, #survey_p .right{width:325px; float:left; clear:none;}

#survey_q label{width:300px;}
#survey_q p{font-weight:bold; margin-bottom:10px;}

#survey_d label{width:400px; font-weight:bold;}

/* contact page */	

#contactForm{-moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px; background:#F2F2F2; padding:10px; margin-bottom:10px;}

/* news page */	

.newsItem{
	background:#F2F2F2;
	padding:10px 10px 0px 10px;
	-moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px;
	margin-bottom:5px;
	}
	
.newsalt{background:#F2F2E6;}


.newsItem small{
	display:block;
	float:right;
	width:150px;
	text-align:right;
	padding-top:7px;
	}
	
.newsItem h3{
	margin:0px;
	padding:0px;
	float:left;
	width:500px;
	clear:none;
	}

.newsItem p{clear:both;}

.newsItem p.button{float:right;}


/* _________________________ Online Training _________________________ */

#trainingButtons{
	padding:0px 10px;
	height:45px;
	margin-top:10px;
	border-top:#ECECEC solid 1px;
	clear:both;
	background:#F2F2F2;
	-moz-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px;
	margin-bottom:10px;
	}
	
#trainingButtons p{float:right;}

#trainingButtons p a{
	background:#666 url(../images/navTile.png) repeat-x;
	display:block;
	float:left;
	padding:5px 10px;
	color:#FFF;
	-moz-border-radius:5px; 
	border-radius:5px;
	font-size:11px;
	font-weight:bold;
	margin-left:10px;
	}
#trainingButtons p a:hover{background:#218baa url(../images/navTile.png) repeat-x;}


/* Exam */

.question{
	background:#086998 url(/images/navTile.png) repeat-x;
	color:#FFF;
	padding:10px;
	-moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px;
	border-bottom:#22323b solid 1px;
	font-weight:bold;
	}

.question b{font-size:15px;}
	
#answer{
	background:#f2f2f2;
	padding:10px;
	-moz-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px;
	margin-bottom:10px;
	border-top:#FFF solid 1px;
	}	
	
#answer p{
	font-size:12px;
	font-weight:bold;
	}