/* Reset
----------------------------------------------------------- */
blockquote,body,div,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,hr,img,input,label,legend,li,object,ol,p,select,textarea,ul {border:none;margin:0;padding:0;}


/* HTML Elements
----------------------------------------------------------- */

body {
	background:#FFF;
	background: url(bg_body.png) repeat-x #FFF top;
	color: #727272;
	font: normal 12px/22px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align: left;
}

a{color:#8367AD;text-decoration:none;}
a:link,a:active,a:focus,a:visited {outline:none;}
a:hover{color:#3B2956; text-decoration:underline;}

h1{color:#8063AB;font-size:26px;font-weight:normal;line-height:28px;margin:0 0 20px 0;}
h2{color:#8063AB;font-size:24px;font-weight:normal;line-height:26px;margin:0 0 20px 0;}
h3{color:#8063AB;font-size:20px;font-weight:normal;line-height:20px;margin: 0 0 10px 0;}
h4{color:#8063ab;font-size:13px;font-weight:bold;line-height:15px;margin: 0 0 10px 0;}

input, textarea{border:1px solid #7f9db9;padding:2px;overflow:auto;}
select{border:1px solid #7f9db9;}
option {padding:2px;}

table, table td, table th
{
	border-collapse: collapse;
	line-height:20px;
}
table
{
	margin-bottom:20px;
}
td{
	padding-right:50px;
}
#main-text p,#main-content p {margin:0 0 10px 0;}

ol {margin:20px 0 20px 24px;} 
ol li {margin: 6px 0;} 


/*ul {margin:20px 0 20px 24px;} 
ul li {margin: 6px 0;} */

/* Commons
----------------------------------------------------------- */
.clear{clear:both;height:0;}
.cl{clear:left;}
.cr{clear:right;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.red{color:#bd0a01;}

/* Hacks and Workarounds
----------------------------------------------------------- */

/* Clearfix hack */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}

.btn{
	background:url(bg_button.png) repeat-x;
	border: none;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
/* Layout
----------------------------------------------------------- */
div#shadow{
	width:950px;
	background:url(bg_main_shadow.png) repeat-y;
	background-position: -1px;
	margin: 0 auto;
}
div#wrapper {
	width:920px;
	margin: 0 auto;
	background:url(bg_wrapper.png) no-repeat top right;
}
div#header{
	height:180px;
	margin:0 auto;
	position: relative;
	z-index:4;
}
#logo{
	width:263px;
	height:129px;
	background:url(logo.png) no-repeat left top;
	position:absolute;
	top:20px;
	left:60px;
}
div#header h2{
	position:absolute;
	width:300px;
	top:10px;
	right:10px;
	font-size:10px;
	font-style: italic;
	text-align:right;
	color:#9A9A9A;
}
div#header #login{
	position:absolute;
	right:0;
	top:30px;
	font-size:10px;
}
div#header #login li{
	padding:0 10px;
	float:left;
	color:#D3B9FA;
	font-style:italic;
	list-style:none;
}
div#topMenu{
	position:absolute;
	bottom:3px;
	left:330px;
	z-index:4;
}
div#content{
	color:#000;
	position:relative;
	z-index:1;
}
div#banner{
	height:334px;
	/*background:url(bg_banner_overlay.png) repeat-x;*/
	position:relative;
}
div#banner #tag{
	width:163px;
	height:51px;
	background:url(logo_tag.png) no-repeat;
	position:absolute;
	top:240px;
	left:68px;
	z-index:100;
}
div#banner .slide{
	position:relative;
	z-index:1;
	height:334px;
	width:920px;
	overflow: hidden;
}
/*div#banner .slide h2{
	color:#756786;
	font-size:43px;
	float:left;
	line-height:40px;
	margin-top:40px;
	margin-left:94px;
	z-index:3;
}*/
div#banner .slide h2{
	color:#756786;
	font-size:43px;
	line-height:40px;
	position:absolute;
	top:50px;
	left:94px;
	padding-right:350px;
	width:241px;
	height:250px;
	z-index:9;
}
div#banner .slide a:hover{
	text-decoration:none;
	cursor: pointer;
}
div#banner .slide img{
	position:absolute;
	z-index: 1;
	top:0;
	left:320px;
}
div#banner .overlay{
	height:334px;
	width:920px;
	background:url(bg_banner_overlay.png) repeat-x;
	z-index:2;
	position:absolute;
	top:0;
	left:0;
}
div#banner #welcome{
	width:290px;
	height: 260px;
	position:absolute;
	right:18px;
	top:36px;
	z-index:10;
}
div#banner #welcome h3{
	width:200px;
	color:#8063ab;
	font-size:24px;
	line-height:24px;
}
div#banner #welcome p{
	color:#727272;
	font-size:11px;
}
div#banner #welcome .scrollPanel{
	height: 260px;
	width:290px;
}
div#catalogues{
	height: 244px;
}
div#pre-footer{
	_height:80px;
	min-height:80px;
	background:url(bg_articles.png) repeat-x #6C6C6C;
	padding:18px 32px;
	font-size:11px;
}
div#pre-footer label{
	color:#D3B9FA;
}
div#pre-footer a{
	color:#fff;
	padding:0 15px 0 2px;
}
div#footer{
	margin-top:20px;
}
div#footer-inner{
	height: 30px;
	margin:0 auto;
	color:#4A4A4A;
	position:relative;
	background-color:#EBDDFF;
}
div#footer-inner .copyright{
	padding:5px 0 0 30px;
}
div#footer-inner .bottom-menu{
	position:absolute;
	right:30px;
	top:0;
}
div#footer-inner .bottom-menu a{
	padding:0 5px;
	color:#616161;
}
div#bottom-shadow{
	/*height: 18px;*/
	background: url(bg_bottom-shadow.png) no-repeat center;
}
/* catalogue-item
----------------------------------------------------------- */
.catalogue-item{
	width:230px;
}
div#catalogues{
	padding-top:20px;
	padding-left:30px;
	background:#fff;
}
div#catalogues h2{
}
.catalogue-item a{
	text-decoration:underline;
}
div#catalogues .catalogue-item{
	float:left;
	margin-left:40px;
}
div#catalogues .catalogue-item ul{
	list-style:none;
}
div#nav2-bar{
	/*height:78px;*/
	background:url(bg_2rdnav_bar.png) repeat-x;
	min-height:50px;
	_height:50px;
	position:relative;
	padding:12px 60px;
	text-transform:capitalize;
}

div#nav2-bar .tag{
	position:absolute;
	top:12px;
	right:60px;
}
div#nav2-bar h2{
	color:#8063AB;
	font-size:24px;
	margin-bottom:0;
}
div#nav2-bar a{
	font-size:12px;
	font-weight:bold;
	text-decoration: underline;
	padding-right:18px;
}
div#nav2-bar span{
	color:#8063AB;
	font-size:12px;
	font-weight:bold;
	padding-right:18px;
}
div#main-content{
	padding:20px 50px 0 50px;
}
div#content p{
/*	margin-bottom:28px;*/
	color:#000;
	font-size:11px;
}
#other-links
{
	float:left;
	width:500px;
	min-height:250px;
	_height:250px;
	padding-left:50px;
}
#other-links li{
	list-style: none;
	background:url(icon_arrow.png) no-repeat;
	line-height:18px;
	padding:0 0 0 20px;
}
#other-links li a{
	text-decoration:underline;
}
div#sidebarAndContent{
	position:relative;
	width:100%;
}
div#main-text{
	width:590px;
	padding:20px 0 0 50px;
	float:left;
}
div#sidebar{
	width:220px;
	position:absolute;
	text-align:right;
	right:26px;
	top:20px;
}
.image-item img{
	border:1px solid #939393;
}
/* Resources - Prices
----------------------------------------------------------- */
#main-content p a,#main-text p a{
	color:#000;
	text-decoration:underline;
}
.text-notice{
	color:#8063ab !important;
}
/* Contact Us
----------------------------------------------------------- */
#left{
	width:420px;
	float:left;
}
#left .label{
	width:120px;
	font-size:11px;
	float:left;
	margin:5px 0;
	display:inline-block;
}
#left .input{
	width:240px;
	float:left;
	margin:5px 0;
	padding:5px 0;
}
#right{
	width:400px;
	float:left;
}
#form div{
	margin:10px 0;
	display:inline;
}
.submit{
	background:url(btn_submit.png) no-repeat;
	border:0;
	color:#8063AB;
	font-size:16px;
	width:124px;
	height:26px;
	float:right;
	margin:5px 60px 20px 0;
	cursor:pointer;
}
#form span
{
    float:left;    
}