@charset "utf-8";
/* CSS Document */

/*  HEADER */
#header {
	margin: 0px auto 0px;
	width: 960px;
	height: 96px;
	text-align: left;
	position: relative;
	}
	
#header IMG.logo {
	position: absolute;
	left: 0px;
	top: 20px;
	}
	
#header DIV.topmenu {
	position: absolute;
	top: 20px;
	right: 10px;
	}


/*  header - orange main menu */	
#header DIV.mainmenu {
	background: transparent url(../i/topmenu-bg.png) top center repeat-x;
	height: 40px;
	line-height: 40px;
	/* overflow: hidden; */
	}

#header DIV.mainmenu SPAN.tm-shadow {
	position: absolute;
	top: -3px;
	right: 0px;
	display: block;
	height: 3px;
	background: transparent url(../i/topmenu-shadow.png) center top repeat-x;
	overflow: hidden;
	}
#header DIV.mainmenu SPAN.tm-shadow-bottom {
	position: absolute;
	bottom: -3px;
	right: 0px;
	display: block;
	height: 3px;
	background: transparent url(../i/topmenu-shadow.png) center bottom repeat-x;
	overflow: hidden;
	}		
	
#header DIV.mainmenu SPAN.tm-left {
	position: absolute;
	top: -3px;
	left: -12px;
	width: 12px;
	height: 46px;
	background: transparent url(../i/topmenu-orange.png) left top no-repeat;
	}
#header DIV.mainmenu SPAN.tm-right {
	position: absolute;
	top: -3px;
	right: -12px;
	width: 12px;
	height: 46px;
	background: transparent url(../i/topmenu-orange.png) right top no-repeat;
	}
#header DIV.mainmenu UL {
	height: 40px;
	margin: 0px;
	padding: 0px;
	}
#header DIV.mainmenu UL LI {
	height: 40px;
	line-height: 40px;
	float: left;
	margin: 0px;
	list-style-type: none;
	text-transform: uppercase;
	color: #000;
	border-left: 1px solid #feda79;
	border-right: 1px solid #d27d22;
	}
#header DIV.mainmenu UL LI.first {
	border-left: none;
	}
#header DIV.mainmenu UL LI.last {
	border-right: none;
	}
	
#header DIV.mainmenu UL LI A {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0px 10px 0px;
	line-height: 40px;
	font-weight: bold;
	}
#header DIV.mainmenu UL LI A:hover, #header DIV.mainmenu UL LI A.active {
	color: #fff;
	background-color: #303741;
	}	

#header DIV.mainmenu LI.search {
	position: absolute;
	top: 0px;
	right: 61px;
	padding-right: 10px;
	width: 108px;
}

/* INPUT - removing Chrome focus borders */
#header DIV.mainmenu FORM INPUT:focus {
	outline: none;
	}
	
#header DIV.mainmenu LI.search FORM {	
	position: relative;
	top: 9px;
	width: 108px;
	height: 23px;
	line-height: 40px;
	background: transparent url(../i/menu-bg-search.jpg) left top no-repeat;
	}	
#header DIV.mainmenu LI.search FORM INPUT {
	position:absolute;
	height: 23px;
	line-height: 23px;
	background-color: transparent;
	border: none;
	padding: 0px 0px 0px 25px;
	margin: 0px;
	}		
#header DIV.mainmenu LI.not-menu A:hover {
	background-color: transparent;
	}
	
	
#header DIV.mainmenu LI.ls {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 60px;
	text-align: left;
	}
#header DIV.mainmenu LI.ls A {
	position: absolute;
	top: 12px;
	right: 3px;
	display: block;
	width: 46px;
	height: 18px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	background-image: url(../i/flags/flag-language-selector-sprite.png);
	background-repeat: no-repeat;
	text-decoration: none;	
	}	
	

/*  header - blue submenu  */	
#header DIV.submenu {
	background-color: #303741;
	height: 30px;
	line-height: 30px;
	position: relative;
	padding-right: 20px;
	}
	
#header DIV.submenu SPAN.corner {
	position: absolute;
	display:block;
	top: 20px;
	width: 10px;
	height: 10px;
	}

#header DIV.submenu SPAN.cl {
	left: 0px;	
	background: transparent url(../i/submenu-bg.gif) left top no-repeat;
	}	
#header DIV.submenu SPAN.cr {
	right: 0px;
	background: transparent url(../i/submenu-bg.gif) right top no-repeat;
	}
#header DIV.submenu A.sm-item {
	float: left;
	position:relative;
	left: 10px;
	display: block;
	height: 30px;
	margin: 0px 0px 0px;
	padding: 0px 11px 0px;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
	}
#header DIV.submenu A.sm-item SPAN.sm-l {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 10px;
	height: 30px;
	}
#header DIV.submenu A.sm-item SPAN.sm-r {
	position: absolute;
	top: 0px;
	right: 0px;	
	display: block;
	width: 11px;
	height: 30px;
	}

#header DIV.submenu A.sm-item:hover, #header DIV.submenu A.block {
	background: transparent url(../i/submenu-tab-bg.jpg) top center repeat-x;
	color: #303741;
	}
#header DIV.submenu A.sm-item:hover SPAN.sm-l, #header DIV.submenu A.block SPAN.sm-l {
	background: transparent url(../i/submenu-tab.gif) left top no-repeat;
	}
#header DIV.submenu A.sm-item:hover SPAN.sm-r, #header DIV.submenu A.block SPAN.sm-r {
	background: transparent url(../i/submenu-tab.gif) right top no-repeat;
	}
	
#header DIV.submenu DIV.sm-text {
	position: absolute;
	right: 5px;
	height: 30px;
	margin: 0px 0px 0px;
	padding: 0px 11px 0px;
	line-height: 30px;
	text-decoration: none;
	text-align: right;
	color: #fff;
	}	


/* breadcrumbs */
DIV.bread {
	margin: 0px auto 0px;
	width: 920px;
	text-align: right;
	background: transparent url(../i/bread-bg.png) right bottom no-repeat;
	padding: 0px 0px 4px;
	font-size: 11px;
	}
DIV.bread A {
	color: #303741;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	}
DIV.bread A:hover {
	color: #ff9900;
	}	
	

	
/* CONTENT */	
DIV#content-holder {
	margin: 0px auto 0px;
	padding: 10px 0px 20px;
	width: 960px;
	text-align: left;
	position: relative;
	}
	
DIV.col2 DIV#content {
	float: left;
	width: 710px;
	/*width: 690px; too short*/
	}
DIV#col-right {
	float: right;
	position: relative;
	width: 250px;
	background: transparent url(../i/col-right-bg.png) left top no-repeat;
	}
	
/* TABS */

/*  top navigation  */
#tabs-navigation  {
	border-bottom: 3px solid #303741;
	}

#tabs-navigation DIV.tabnav-shadow  {
	background: transparent url(../i/tabnav-bg.png) center 0px repeat-x;
	height: 4px;
	margin: 0px 10px 0px;
	overflow: hidden;
	}	
	
#tabs-navigation DIV.tabnav-container  {
	background: transparent url(../i/tabnav-bg.png) center bottom repeat-x;
	height: 36px;
	margin: 0px 10px 0px;
	position: relative;
	}
	
#tabs-navigation DIV.tabnav-container   SPAN.tabnav-left {
	position: absolute;
	top: -4px;
	left: -13px;
	width: 13px;
	height: 40px;
	background: transparent url(../i/tabnav.png) left top no-repeat;
	}
#tabs-navigation DIV.tabnav-container  SPAN.tabnav-right {
	position: absolute;
	top: -4px;
	right: -13px;
	width: 13px;
	height: 40px;
	background: transparent url(../i/tabnav.png) right top no-repeat;
	}
#tabs-navigation UL {
	height: 36px;
	margin: 0px;
	padding: 0px;
	}
#tabs-navigation UL LI {
	height: 36px;
	line-height: 36px;
	float: left;
	margin: 0px;
	list-style-type: none;
	color: #000;
	border-left: 1px solid #feda79;
	border-right: 1px solid #d27d22;
	}
#tabs-navigation UL LI.first {
	border-left: none;
	}
#tabs-navigation UL LI.last {
	border-right: none;
	}
	
#tabs-navigation UL LI A {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0px 10px 0px;
	line-height: 36px;
	}
#tabs-navigation UL LI A:hover, #tabs-navigation UL LI A.active {
	color: #fff;
	background-color: #303741;
	}

/* tab content */
DIV.tab_content {
	background-color: #fff;
	margin: 0px;
	padding: 20px 10px 0px;
	}
	
DIV.tab_content H3 {
	font-weight: bold;
	margin-bottom: 0px;
	}


/*  end  of tabs - bottom corners  */
DIV#tabs-navigation-end {
	background-color: #fff;
	margin: 0px 10px 0px;
	padding: 0px;
	height: 10px;
	position: relative;
	}

#tabs-navigation-end   SPAN {
	position: absolute;
	display: block;
	top: 0px;
	width: 10px;
	height: 10px;
	}	
	
#tabs-navigation-end   SPAN.tabnav-end-left {
	left: -10px;
	background: transparent url(../i/tabnav-end.png) left top no-repeat;
	}
#tabs-navigation-end SPAN.tabnav-end-right {
	right: -10px;
	background: transparent url(../i/tabnav-end.png) right top no-repeat;
	}

/* FEATURE - tables used in tabs */

/* Feature border and table */
DIV.feature {
	position: relative;
	width: 100%;
	}
DIV.feature DIV.feat {
	width: 5px;
	height: 5px;
	overflow: hidden;
	background:transparent url(../i/feature.gif) left top no-repeat;
	}
DIV.feature DIV.tl {
	position: absolute;
	left: 0px;
	top: 0px;
	background-position:  left top;
	}
DIV.feature DIV.tr {
	position: absolute;
	right: 0px;
	top: 0px;
	background-position:  right top;
	}
DIV.feature DIV.bl {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-position:  left bottom;
	}	
DIV.feature DIV.br {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-position:  right bottom;
	}		

DIV.feature TABLE{
	width: 100%;
	border: 5px solid #eaebec;
	background-color: #fff;
	}
DIV.feature TABLE TD {
	padding: 5px 10px 5px 60px;
	height: 66px;
	vertical-align: top;
	}
	
/* feature - icons and notes in headings  */
DIV.feature H3 SPAN {
	font-size: 12px;
	padding-left: 15px;
	}
	
IMG.ico {
	position: relative;
	top: 3px;
	margin-right: 3px;
	}
	
DIV.higher-only {
	background-color: #fdf8ef;
	}	

	
/*  TABLE TYPES - defines headers and icon position for basic types of feature and compare tables */	
	
/*  tab table with no icons  */	

DIV.feature TABLE.noicon TD {
	padding: 5px 20px 5px;
	height: auto;
	vertical-align: top;

	}
DIV.feature TABLE.noicon TD H2 {
	color: #ed8e00;
	padding: 0px 0px 0px 50px;
	margin: 0px;
	background-position: 0px 0px !important;
	background-repeat: no-repeat;
	height: 42px;
	line-height: 42px;
	}
DIV.feature TABLE.noicon TD H3 {
	margin-left: 0px;
	} 
DIV.feature TABLE.noicon TD P {
	margin-left: 0px;
	} 	
	

/*  tab table with medium icons */		
DIV.feature TABLE.icon TD H3 {
	margin-left: 0px;
	}
DIV.feature TABLE.icon TD {
	background-position:  5px 5px;
	background-repeat: no-repeat;
	text-align: left;
	}	

/*  tab table with big icons  */	
DIV.feature TABLE.bigicon TD {
	padding: 5px 10px 5px 90px;
	height: 90px;
	vertical-align: top;
	background-position:  5px 5px;
	background-repeat: no-repeat;
	text-align: left;
	}

	
/*  compare table with no icons  */	
TABLE.noicon-compare H3 {
	margin: 0px 0px 0px;
	}	

/*  compare table with icons  */	
TABLE.icon-compare H3 {
	margin: 0px 0px 0px;
	}
TABLE.icon-compare TH {
	background-position:  8px 0px;
	background-repeat: no-repeat;
	text-align: left;
	}	
	
	
/* table lines */	
TABLE TR.odd TD {
	background-color: #eaebec;
	}
TABLE TR.even TD {
	background-color: #f4f4f4;
	}

/* centered td - for checks and buttons */
TABLE TR TD.td-c {
     text-align: center;
    }	
TABLE TR TD.td-c A, TABLE TR TD.td-c INPUT, TABLE TR TD.td-c DIV {
     margin: 0px auto 0px;
    } 


/* COLUMN ADDONS */

/*   2 column addon  */

#col2 {padding: 35px 0px 5px;}

#col2 .column {
  width: 440px;
  float:left;
  margin-right: 60px;
}
#col2 .last{margin-right:0;}

#col2 h2{
  font-weight:bold;
  background: url(../i/h2-dotted.gif) left 22px repeat-x;
  padding-bottom: 10px;}
  
#col2 h3{
  margin-bottom:2px;
  font-size:12px;
  color:black;
}


/*   3 column addon  */

#col3 {padding: 35px 0px 5px;}

#col3 .column {
  width:270px;
  float:left;
  margin-right: 60px;
}
#col3 .last{margin-right:0;}

#col3 h2{
  font-weight:bold;
  background: url(../i/h2-dotted.gif) left 22px repeat-x;
  padding-bottom: 10px;}
  
#col3 h3{
  margin-bottom:2px;
  font-size:12px;
  color:black;
}


/*  graybox */
DIV.graybox {
	width: 969px;
	position: relative;
	left: -4px;
	background: transparent url(../i/graybox-sides.png) left top repeat-y;
	margin-top: 10px;
	margin-bottom: 20px;
	}
	
DIV.graybox DIV.gb-top {
	position: absolute;
	left: 0px;
	top: -10px;
	width: 969px;
	height: 10px;
	overflow: hidden;
	background: transparent url(../i/graybox-top.png) left top no-repeat;
	}
DIV.graybox DIV.gb-bottom {
	position: absolute;
	left: 0px;
	bottom: -10px;
	width: 969px;
	height: 10px;
	overflow: hidden;
	background: transparent url(../i/graybox-bottom.png) left top no-repeat;
	}
DIV.graybox DIV.gb-grad {
	margin: 0px 4px 0px;
	background: #dfe0e1 url(../i/graybox-grad.png) left top repeat-x;
	}		


/*  FOOTER */
#footer {	
	margin: 0px auto 0px;
	width: 960px;
	text-align: left;
	position: relative;
	font-size: 11px;
	border-top: 4px solid #c4c9cc;
	}

#footer DIV A {	
	text-decoration: none;
	}	
#footer DIV A:hover {	
	text-decoration: none;
	}	
	
#footer DIV.links {	
	display: block;
	padding: 15px 15px 20px;
	}
#footer DIV.links A {	
	color: #000;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	}
#footer P {
	color:#7a828b;
	}

#footer DIV.networks {	
	display: block;
	position: absolute;
	right: 20px;
	top: 15px;
	/* for sharebox  */
	z-index: 800;
	}
#footer DIV.networks A {	
	color: #000;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	}
#footer DIV.networks IMG.icon {
  margin-bottom: 1px;
  margin-right: 4px;
  vertical-align: middle;
}

/* sharebox */
#sharebox {
  display: none;
  position: absolute;
  width: 252px;
  z-index: 100 !important;
}

#closeShare {
    padding: 0;
    margin: 0 10px 0 0;
}

#sharebox .top {
    background: url(../i/background_share_top.png) no-repeat;
    height: 15px;
    padding: 6px 0 0 10px;
    color: white;
    line-height: 15px;
}

#sharebox .content {
    background-color: white;
    border: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    margin: 0px 1px;
    font-size: 12px;
    color: #333;
}

#sharebox .content img {
    vertical-align: text-top;
    margin-right: 5px;
}

#sharebox .content span {
    display: block;
    margin:5px 5px 5px 10px;
    height:16px;
}

#sharebox .content .col1 {
    position: relative;
    float: left;
    width: 116px;
    margin: 5px 0 0 5px;
	overflow:hidden;
}

#sharebox .content .col2 {  
    position: relative;
    float: left;
    width: 116px;
    margin: 5px 5px 0 0;
	overflow:hidden;
}

#sharebox .bottom {
    background: url(../i/background_share_bottom.png) no-repeat;
    height: 21px;    
}

#sharebox .content span a {
	background:url(../i/share_sprite.png) no-repeat center center;
	display: block;
	height:16px;
	padding-left: 22px;
	color: #444E5A;
	text-decoration: none;
}

#sharebox .content span.fb A {
    background-position: 0px 0px;
}
#sharebox .content span.tw A {
    background-position: 0px -210px;
}
#sharebox .content span.ms A {
    background-position: 0px -90px;
}
#sharebox .content span.gg A {
    background-position: 0px -30px;
}
#sharebox .content span.dl A {
    background-position: 0px -300px;
}
#sharebox .content span.di A {
    background-position: 0px -330px;
}
#sharebox .content span.su A {
    background-position: 0px -180px;
}
#sharebox .content span.email A {
    background-position: 0px -270px;
}
#sharebox .content span.print A {
    background-position: 0px -150px;
}
#sharebox .content span.fav A {
    background-position: 0px -240px;
}
#sharebox .content span.re A {
    background-position: 0px -360px;
}
#sharebox .content span.te A {
    background-position: 0px -390px;
}

/*  custom  */
.award{
	float:left;
	margin:0 5px 0 20px;
}