/*------------------------------------------------------------*/
/************************ GLOBAL STYLES ***********************/
/*------------------------------------------------------------*/ 
body
{
	background: url("../images/bg/body_bg_content3.jpg") center 23px no-repeat;
	margin: 0px;
	font-family: Tahoma; 
	font-size: 12px;
	color: #333;
}
strong
{
	font-weight: normal;
}
a 
{
	color: #CC3300;
	outline: none;
}
em
{
    text-decoration: none;
    font-style: normal;
}
a.moreinfo
{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: underline;
}
.divider
{
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
ul
{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	
}
ul li
{
	list-style: none;
	background: url("../images/bullet/list.gif") left 5px no-repeat;
	border-bottom: 1px dashed #ccc;
	margin: 3px 0px 3px 0px;
	padding: 3px 0px 5px 14px;
	font-family:Arial;
	font-size:1em;
	line-height:1.5;
}
.dashed
{
	border: 1px dashed #999;
	padding: 0px 20px 20px 20px;
	background: #F5F3F3;
}
.dashed h3
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	/*padding: 0px 0px 0px 25px;
	background: url("../images/icons/arrow.gif") left top no-repeat;*/
	font-weight: bold;
	font-family: Verdana;
	font-size: 14px;
}
a.freeOrder
{
	float: right;
	background: url("../images/buttons/free_order.jpg") right top no-repeat;   
	padding: 13px 20px 12px 0px;
	height: 42px;
	color: #fff;
	font-size: 14px;
	width: 359px;
	text-decoration: none;
	text-align: right;
}
a.pdf 
{
    background: url("../images/icons/pdf.jpg") 0px 0px no-repeat;
    padding: 10px 0px 4px 40px;	
    height: 32px;
    display: block;
    margin: 0px 0px 0px 0px;
}
a.ppt 
{
    background: url("../images/icons/ppt.jpg") 0px 0px no-repeat;
    padding: 10px 0px 0px 40px;	
    height: 32px;
    display: block;
    margin: 6px 0px;
}
a.word 
{
	background: url("../images/icons/word.jpg") 0px 3px no-repeat;
    padding: 10px 0px 10px 38px;	
    height: 30px;
    display: block;
    margin: 6px 0px;
}
a.rar 
{
	background: url("../images/icons/rar.jpg") 0px top no-repeat;
    padding: 0px 0px 0px 38px;	
    height: 22px;
    display: block;
    margin: 6px 0px;
}
a.jpg 
{
	background: url("../images/icons/jpg.jpg") 0px top no-repeat;
    padding: 0px 0px 0px 38px;	
    height: 22px;
    display: block;
    margin: 6px 0px;
}
/*------------------------------------------------------------*/
/************************** HEADER ****************************/
/*------------------------------------------------------------*/ 

.topSeoText div
{
    width: 960px;
    font-size: 10px;
    color: #666;
    padding-top: 4px;
}


.topSeoText 
{
    width: 100%;
    height: 27px;
    background: url("../images/bg/topSeoText-bg.gif") left top repeat-x;    
}
.topSeoText div
{
    font-size: 10px;
    color: #666;
    padding-top: 4px;
}
.topSeoText div a
{
    color: #666;
}
.header
{
	height: 77px;
	width: 939px;
	text-align: right;
	margin: 0px;
	padding-right: 0px;
}
.logo
{
	float: left;
	height: 77px;
	width: 404px;
	position: relative;
	padding: 0;
	margin: 0px;
	background: #fff;	
	cursor: pointer;
}
.logo .img {
	position: absolute;
	top: 0;
	left: 0;
	height: 77px;
	width: 498px;
	background: url("../images/graphic/logo_content3.jpg") left top no-repeat;

}
.logo .text {
	position: absolute;
	top: 0;
	left: 0;
	height: 77px;
	width: 404px;
	text-align: left;
}
.logo .text h1 
{
	font-size: 16px;
	font-weight: normal;
	padding-left: 3px;
	line-height: 17px;
	margin: 0px;	
}
.logo .divider
{
	clear:both;
}

.header .topMenu
{
	height: 77px;
	padding: 0px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.header .topMenu a
{
	height: 20px;
	display: block;
	float: right;
	text-align: center;
	vertical-align: middle;
	padding: 50px 5px 0px 5px;
	font-size: 10px;
	text-decoration: none;
	color: #000;
	margin: 0px 10px;
	outline: none;
}
.header .topMenu a.home	{background: url("../images/icons/home.gif") center 30px no-repeat; padding: 50px 14px 0px 14px;}
.header .topMenu a.home:hover, 
.header .topMenu a.homecurrent,
.header .topMenu a.home:active {background: url("../images/icons/homeCurrent.gif") center 30px no-repeat; padding: 50px 14px 0px 14px;}

.header .topMenu a.email {background: url("../images/icons/email.gif") center 30px no-repeat;}
.header .topMenu a.email:hover,
.header .topMenu a.emailcurrent,
.header .topMenu a.email:active {background: url("../images/icons/emailCurrent.gif") center 30px no-repeat;}

.header .topMenu a.help {background: url("../images/icons/help.gif") center 30px no-repeat; padding: 50px 3px 0px 3px;}
.header .topMenu a.help:hover,
.header .topMenu a.helpcurrent,
.header .topMenu a.help:active {background: url("../images/icons/helpCurrent.gif") center 30px no-repeat; padding: 50px 3px 0px 3px;}

.header .topMenu a.sitemap {background: url("../images/icons/sitemap.gif") center 30px no-repeat; }
.header .topMenu a.sitemap:hover,
.header .topMenu a.sitemapcurrent,
.header .topMenu a.sitemap:active {background: url("../images/icons/sitemapCurrent.gif") center 30px no-repeat; }

.header .topMenu a.faq {background: url("../images/icons/faq.gif") center 30px no-repeat; padding: 50px 4px 0px 4px;}
.header .topMenu a.faq:hover,
.header .topMenu a.faqcurrent,
.header .topMenu a.faq:active {background: url("../images/icons/faqCurrent.gif") center 30px no-repeat; padding: 50px 4px 0px 4px;}

.header .topMenu a.twitter {background: url("../images/icons/twitter.gif") center 30px no-repeat; }
.header .topMenu a.twitter:hover,
.header .topMenu a.twittercurrent,
.header .topMenu a.twitter:active {background: url("../images/icons/twitterCurrent.gif") center 30px no-repeat; }

.mainMenu
{
	background: #333 url("../images/bg/mainmenu_bg.jpg") center top no-repeat;
	width: 939px;
	height: 43px;
	margin: 0px 0px 0px 0px;
	text-align:center;
}
.mainMenu a
{
	color: #fff;
	background: none;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 14px 28px 15px 30px;
	line-height: 42px;
	font-family: TAHOMA, Arial;
	outline: none;
}
.mainMenu a:hover, .mainMenu a:active, .mainMenu a:focus
{
	background: #999 url("../images/bg/mainmenu_hover2_bg.jpg") left top repeat-x;
	border-left: 1px solid #7D7D7D;
	border-right: 1px solid #7D7D7D;	
	margin: 0px -1px;
}
.mainMenu a.current
{
	background: #CC3300 url("../images/bg/mainmenu_active_bg.jpg") left top repeat-x;
}
.mainMenu a.current:hover
{
	border: none;
	margin: 0px;
}
/*------------------------------------------------------------*/
/*************************** CONTENT **************************/
/*------------------------------------------------------------*/
.contentContainer
{
	width: 939px;
	border: 0px solid;
	margin: 6px 0px;
	text-align: left;
}
/*************** left pane ******************/
.leftContainer
{
	width: 230px;
	float: left;
	margin: 0px 0px 0px 0px;
}
.leftMenu
{
	width: 230px;
	background: #EBE6E5 url("../images/bg/leftmenu_top_bg.jpg") left top no-repeat;
}
.leftMenuBg
{
	background:  url("../images/bg/leftmenu_bottom_bg.jpg") left bottom no-repeat;
	padding: 10px 14px 10px 16px;
}
.leftMenuBg .title
{
	color: #000;
	font-size: 20px;
	margin: 5px 10px 10px 0px;
	padding: 0px 30px 0px 0px;
	background:  url("../images/bullet/leftmenu_title_arrows.gif") right center no-repeat;
}
.leftMenuBg .title a
{
	color: #000;
	font-size: 20px;
	background: none;
	margin: 8px 10px 13px 0px;
	padding: 0px;
	text-decoration: none;
}
.leftMenuBg .title a:hover
{
	color: #FF6600;
}
.leftMenuBg a
{
	display: block;
	margin: 6px 0px 8px 0px;
	padding: 0px 0px 0px 18px;
	background:  url("../images/bullet/leftmenu_arrow.jpg") left 6px no-repeat;
	line-height: 18px;
	text-decoration: none;
	font-size: 13px;
	color: #000;
}
.leftMenuBg a:hover
{
	color: #FF6600;
}
.leftMenuBg a.current
{
	color: #CC3300;
}
.leftMenuBg .divider
{
	background:  url("../images/bg/leftmenu_divider.jpg") left top repeat-x;	
	font-size: 1px;
	height: 2px;
}
.leftFeedback
{
	width: 230px;
	background: #FFEED9 url("../images/bg/leftfeedback_top_bg.jpg") left top no-repeat;
	margin: 6px 0px 0px 0px;
}
.leftFeedbackBg
{
	background:  url("../images/bg/leftfeedback_bottom_bg.jpg") left bottom no-repeat;
	padding: 10px 20px 30px 20px;
}
.leftFeedbackBg .thankYou
{
	color: #CC3300;
	padding: 0px 0px 0px 0px; 
	height: 40px;
}
.leftFeedbackBg .title
{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dashed #999;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}
.leftFeedbackBg input, .leftFeedbackBg textarea
{
	margin: 3px 0px;
	width: 183px;
}
.leftFeedbackBg a
{
}

.freeOrderLeft
{
	background: #CC3300 url("../images/buttons/free_order_left.jpg") right top no-repeat;   
	height: 64px;
	color: #fff;
	font-size: 14px;
	width: 230px;
	text-decoration: none;
	text-align: left;
	margin: 6px 0px;	
}
.freeOrderLeft div 
{
	color: #fff;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}
.freeOrderLeft div a
{
	color:#fff;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 30px 5px 80px;
	font-size: 16px;
	font-family: Segoe UI, Tahoma;
	font-weight: bold;
	line-height: 16px;
	display: block;
}

.leftHelp
{
	border: 1px dashed #999;
	margin: 6px 0px 0px 0px;
	padding: 10px 16px 20px 16px;
	font-size: 11px;
}
.leftHelp .title
{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dashed #999;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}
.leftHelp .title a.left-help
{
   	display: block;
   	background: url("../images/icons/left-help.jpg") 0px 0px no-repeat;   
	padding: 26px 0px 26px 78px; 	 
	color: #000;
}
.leftHelp .title a.left-faq
{
   	display: block;
   	background: url("../images/icons/left-faq.jpg") 0px 0px no-repeat;   
	padding: 26px 0px 26px 74px; 
	color: #000;
}
.leftHelp .title a.left-phone
{
   	display: block;
   	background: url("../images/icons/left-phone.jpg") 0px 0px no-repeat;   
	padding: 26px 0px 26px 80px; 
	color: #000;
}

.leftHelp .titleLeftFaq 
{
    font-size: 12px; margin-top: 10px; font-weight: bold; color: #cc3300;
}
/**************** content *******************/

.rightBlock
 {
    float: right;
    border: 1px dashed #ccc; 
    padding: 20px 20px;
    background: #F3F2F1;
    margin: 0px 0px 10px 20px;
    font-size: 13px;
    text-align: left;
 }
 

.content
{
	border: 0px solid;
	margin: 6px 0px 30px 250px;
}
.content h1
{
    margin: 30px 0px 20px 0px;
    font-weight: normal;
}
.content h2
{
	margin: 25px 0px 10px 0px;
	font-size: 21px;
	font-weight: normal;
}
.content h3
{
	color: #CC3300;
	font-size: 15px;
	margin: 25px 0px 10px 0px;
	
}
.content h4
{
	color: #CC3300;
	font-size: 13px;
	margin: 10px 0px 6px 0px;
	
}
.content p
{
	margin: 0px 0px 10px 0px;
	text-align: justify;
	font-family: Arial;
	line-height: 1.5;	
	font-size: 1em;
}
.breadcrumbs
{
	text-align: left;
	margin: 0px 0px -10px 0px;
	padding: 10px 0px 0px 0px;
}
.breadcrumbs a
{
	color: #CC3300;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 8px 0px 0px;
}
.breadcrumbs a.arrow
{
	background: url("../images/icons/arrowSuperSmall.gif") 0px 5px no-repeat;   
	padding: 0px 8px 0px 24px; 	

}
.spacer
{
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}
.up, .down
{
    background: url("../images/icons/arrow_up_small.jpg") 0px 20px no-repeat;  
    padding: 20px 0px 0px 60px; 
    display: block;
    float: left;
    width: 150px;
    height: 150px;
    line-height: 16px;
    font-size: 13px;
}
.down
{
    background: url("../images/icons/arrow_down_small.jpg") 0px 20px no-repeat;   
  
}
.up h4, .down h4
{
    color: #CC3300;
    font-size: 15px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

/************** Illustration *************/

.illustrCircle
{
}
.illustrCircle .wrapper 
{
    text-align: left;
}
.illustrCircle .wrapper img
{
	position: absolute; 
	left: 50%; 
	padding-left: 190px;
	z-index: -1;
}
.illustrCircle .wrapper .curve 
{ 
	float: right;
	display: block;
	height: 16px;
	clear: right;
}
   
.illustrCircle .wrapper #curve1 { width: 230px; }
.illustrCircle .wrapper #curve2 { width: 255px; }
.illustrCircle .wrapper #curve3 { width: 265px; }
.illustrCircle .wrapper #curve4 { width: 275px; }
.illustrCircle .wrapper #curve5 { width: 285px; }
.illustrCircle .wrapper #curve6 { width: 290px; }
.illustrCircle .wrapper #curve7 { width: 295px; }
.illustrCircle .wrapper #curve8 { width: 300px; }
.illustrCircle .wrapper #curve9 { width: 300px; }
.illustrCircle .wrapper #curve10 { width: 300px; }
.illustrCircle .wrapper #curve11 { width: 300px; }
.illustrCircle .wrapper #curve12 { width: 290px; }
.illustrCircle .wrapper #curve13 { width: 290px; } 
.illustrCircle .wrapper #curve14 { width: 280px; }
.illustrCircle .wrapper #curve15 { width: 270px; }
.illustrCircle .wrapper #curve16 { width: 255px; }
.illustrCircle .wrapper #curve17 { width: 235px; }
.illustrCircle .wrapper #curve18 { width: 225px; }  
.illustrCircle .wrapper #curve19 { width: 210px; }  
 
/**************** Articles ****************/
.article
{
	background: #EBE6E5 url("../images/bg/article_top_bg.jpg") left top no-repeat;

}
.article .articleBg
{
	background:  url("../images/bg/article_bottom_bg.jpg") left bottom no-repeat;
	padding: 20px 20px 30px 20px;
	line-height: 16px;
}
.article .articleBg h3
{
	font-size: 19px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}
/************************* Site map *************************/
.sitemapPage
{
    width: 670px;
}
.sitemapPage table
{
    display: block;    
}
.sitemapPage table td 
{
	padding: 4px 0px 4px 0px;
	text-align: left;
}


/*------------------------------------------------------------*/
/**************************** FOOTER **************************/
/*------------------------------------------------------------*/
.productsLinks
{
    margin: 20px 0px;
    border: 0px solid;
    width: 939px;    
    
}
.productsLinks a
{
    margin: 0px 25px;
    
}
.footer
{
	width: 939px;
	margin: 0px 0px;
	padding: 10px 0px;
	background:  url("../images/bg/footer_bg.jpg") left top no-repeat;
	
}
.footer .footerContacts
{
	border-bottom: 1px dashed #999;
	padding: 0px 20px 20px 20px;
}
.footer .footerContacts table
{
	width: 900px;
}
.footer .footerContacts table td
{
	text-align: left;
	padding: 10px 0px 20px 40px;
}
.footer .footerContacts table td 
{
	padding: 0px;
	font-size: 11px;
	color: #333;
}
.footer .footerContacts table td a
{
	font-size: 11px;
	margin: 0px;	
}
.bottomText
{
	width: 910px;
	padding: 20px 0px;
}
.bottomText p
{
	font-size: 11px;
	color: #666;
	text-align: justify;
	margin: 10px 0px;
}
.bottomText h4
{
	text-align: left;
	font-size: 15px;
	line-height: 15px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #666;
}
.bottomText p a
{
	color:#666;
}
.aetp
{
 	background:  url("../images/illustrations/aetp.jpg") left top no-repeat;
 	padding: 0px 0px 0px 60px;
 	margin: 0px 0px;
 	width: 120px;
 	display:block;
   
}