/*

CONTENTS
-----------------------------------------
1. RESET
2. ROOT
3. CORE TYPOGRAPHY
4. LINKS
5. GLOBAL LAYOUT & GLOBAL CUSTOM TYPOGRAPHY
6. BROWSER AND NON-SEMANTIC STYLING
*/


/* 1. 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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size:100%;
  font: inherit;
  vertical-align: baseline;
  }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  }
  
  
/* 2. ROOT
----------------------------------------------------------------------------------------*/
html { 
  overflow-y: scroll;
  background: #eff2f3 /*url(images/bg.png)*/;
  }

img, embed, object, video { max-width: 100%; border: none; }
.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; }


/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.618em;
  color: #545760;
  }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.809em;
  line-height: 1em;
  color: #545760;
  font-weight: bold;
  }
  
h1 {
	font-size: 1.8em;
}

h2 { font-size: 1.5em;
}

h3 { font-size: 1.2em;
}

h4 { font-size: 0.9em;
color: #7e8183;
}

h5 {
	font-size: 0.8em;
	margin-bottom: 0;
}

p, ul, ol, dl, blockquote {
    font-size: 1em;
    line-height: 1.618em;
    margin-bottom: 1.618em;
  }
    
ul { list-style-type: disc; margin-left: 1.618em; }
ol { list-style-type: decimal; margin-left: 1.618em; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0;}

b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 80%; }


/* 4. LINKS
----------------------------------------------------------------------------------------*/
a, a:visited { outline: none; color: #39C; text-decoration: none; }  
a:hover { outline: none; text-decoration:none; border-bottom: none; border-bottom: 1px dotted #39C; }  
a:active, a:focus { outline: none; }


/* 5. GLOBAL LAYOUT & GLOBAL CUSTOM TYPOGRAPHY
----------------------------------------------------------------------------------------*/

.container {
	width: 960px;
	margin: auto;
	padding: 15px 0 0 0;
}

h2.title {
	margin: 0px 0 0 0;
	float: left;
}

h4.subtitle {
	margin-top: -15px;
	padding-bottom: 15px;
}

.search-box {
	float: right;
	padding: 0px 0 15px 15px;
}

input {
	border: 1px solid #c6c8cc;
}

input.button {
	padding: 5px 30px 5px 30px;
	background: #66b9e2;
	background: -webkit-gradient(linear, left top, left bottom, from(#66b9e2), to(#3399cc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #66b9e2,  #3399cc); /* for firefox 3.6+ */
	border: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #fff;
/*	margin: 0 0 15px 0;*/
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

input.button:hover {
	background: #39c;
	background: -webkit-gradient(linear, left top, left bottom, from(#39c), to(#125f86)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #39c,  #125f86); /* for firefox 3.6+ */
	cursor: pointer;
	-webkit-transition: all 0.5s;
}

.search-large {
	width: 400px;
	padding: 5px 10px 5px 10px;
	font-size: 24px;
	border: 1px solid #545760;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

input.large {
	font-size: 24px;
	padding: 10px 40px 10px 40px;
	margin: 0 0 0px 15px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.breadcrumb {
    border:solid 1px #c6c8cc;
    overflow:hidden;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	clear: both;
	background: #fff;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f8f9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f8f9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #f6f8f9); /* for firefox 3.6+ */ 
	margin:0 0 15px 0;
    padding:0;
	display: block;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.breadcrumb li {
    list-style-type:none;
    padding: 10px 15px 0px 10px;
	height: 36px;
	display:inline-block;
	float:left;
	background-image:url('images/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
}

.breadcrumb a {
	display:inline-block;
}

.breadcrumb li:last-child {
	background-image: none;
}

.intro {
	background: #e9ebed url(images/intro.jpg) top no-repeat;
	padding: 30px 60px 30px 60px;
	margin-bottom: 15px;
	clear: both;
	text-align: center;
	color: #e9ebed;
	text-shadow: #000 1px 1px 1px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.intro h1 {
	color: #fff;
}

.intro strong {
	color: #e9ebed;
}

/*---NAVIGATION---*/

ul.categories {
	margin: 0 15px 15px 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	border: 1px solid #c6c8cc;
	border-bottom: none;
	background: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

ul.categories li a, ul.categories a:visited {
	display: block;
	padding: 5px 10px 5px 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c6c8cc;
	background: #fff;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#ffffff'); /* for IE */
	background:  url(images/arrow-right.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f6f8f9), to(#fff)); /* for webkit browsers */
	background:  url(images/arrow-right.png) right center no-repeat, -moz-linear-gradient(top,  #f6f8f9,  #fff); /* for firefox 3.6+ */ 
}

ul.categories li:first-child a {
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

ul.categories li:last-child a {
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}

ul.categories li a.active {
	background: #e9ebed;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9ebed', endColorstr='#c6c8cc'); /* for IE */
	background: url(images/arrow-right-dark.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#e9ebed), to(#c6c8cc)); /* for webkit browsers */
	background: url(images/arrow-right-dark.png) right center no-repeat, -moz-linear-gradient(top,  #e9ebed,  #c6c8cc); /* for firefox 3.6+ */ 
	text-shadow: #fff 1px 1px 1px;
	color: #333;
}

ul.categories li a:hover {
	background: #e9ebed url(images/arrow-right-dark.png) right center no-repeat;
	text-shadow: #fff 1px 1px 1px;
	color: #333;
	filter: none;
}

ul.sub-categories {
	margin: 0 0px 0 0;
	padding: 5px;
	border: none;
	list-style: none;
	background: #40404b;
}

ul.sub-categories li a, ul.sub-categories li a:visited {
	border: none;
	padding: 5px 10px 5px 30px;
	color: #fff;
	background: #545760 url(images/arrow.png) no-repeat left center;
	text-shadow: #333 1px 1px 1px;
	filter: none;
}

ul.sub-categories li a:hover, ul.sub-categories li a.active {
	background: #94979d url(images/arrow.png) no-repeat left center;
	color: #fff;
	text-shadow: #545760 1px 1px 1px;
	filter: none;
}

/*---RESULTS LIST---*/

ul.results-list {
	list-style: none;
	margin: 0px 0 0 0;
	padding: 0;
	float: left;
	width: 100%;
}

ul.results-list li {
	padding: 15px 0 15px 0;
	border-bottom: 1px dotted #c6c8cc;
	clear: both;
	overflow: hidden;
}

ul.results-list li:last-child {
	border: none;
}

img.results-icon {
	float: left;
	margin-right: 15px;
}

.item {
	width: 30em;
	float: left;
}

.item-small {
	width: 18em;
	float: left;
}

/*---RESULTS LIST MINI---*/

ul.results-list-mini {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
	float: left;
}

ul.results-list-mini li {
	width: 100%;
	padding: 15px 0 15px 0;
	border-bottom: 1px dotted #c6c8cc;
	clear: both;
	overflow: hidden;
}

ul.results-list-mini li:last-child {
	border: none;
}

/*---VERSION LIST---*/

ul.versions {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	width: auto;
	float: left;
	font-size: 10px;
}

ul.versions li {
	width: auto;
	padding: 0px 0 0px 0;
	border-bottom: none;
	clear: both;
	overflow: hidden;
}


/*---TABS---*/

ul.tabs {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #c6c8cc;
	display: block;
}

ul.tabs li {
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: 0;
	line-height: 18px;
}

ul.tabs li a {
	display: block;
	text-decoration: none;
	height: 29px;
	padding: 0px 20px;
	line-height: 30px;
	border: solid 1px #c6c8cc;
	border-width: 1px 1px 0 0;
	margin: 0;
	background: #f3f5f5;
}

ul.tabs li a:hover {
	background: #fff;
}

ul.tabs li:first-child a {
	border-width: 1px 1px 0 1px;
	border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	-webkit-border-radius: 4px 0 0 0;
}

ul.tabs li:first-child a.active {
	margin-left: 0;
}

ul.tabs li:last-child a {
	border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
}

ul.tabs li a.active{
	background: #fff;
	height: 30px;
	position: relative;
	top: -4px;
	padding-top: 4px;
	border-left-width: 1px;
	margin: 0 0 0 -1px;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }

/*--*/

.tab-page {
	background: #fff;
	border: 1px solid #c6c8cc;
	border-top: 0;
	padding: 30px 15px 15px 15px;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.results-box {
	background: #fff;
	border: 1px solid #c6c8cc;
	padding: 15px 15px 15px 15px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	margin: 15px 0 15px 0;
}

a.button, a:visited.button {
	display: block;
	padding: 10px 30px 10px 30px;
	background: #81ae4c;
	background: -webkit-gradient(linear, left top, left bottom, from(#81ae4c), to(#4a721c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #81ae4c,  #4a721c); /* for firefox 3.6+ */
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #fff;
	margin: 0 0 15px 0;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

a:hover.button {
	border: none;
	color: #fff;
	background : #4a721c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4a721c), to(#335110)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #4a721c,  #335110); /* for firefox 3.6+ */
}
	

.hidden {
	visibility: hidden;
}

.actions {
	float: right;
	display: block;
}

p.tally {
	font-size: 10px;
	margin-bottom: 0;
}

div.label {
	width: 110px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	clear: left;
	text-align: right;
	margin-right: 15px;
}

p.label {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
}

label {
	font-size: 12px;
}

.description {
	width: 350px;
	display: block;
	float:left;
	font-size: 12px;
}

.user {
	display: inline-block;
	width: 150px;
}

.date {
	margin-left: 30px;
	font-style: italic;
	font-size: 12px;
	width: 150px;
}

.screenshots {
	clear: both;
	padding-top: 30px;
}

.left {
	width: 209px;
	float: left;
}

.main {
	width: 540px;
	float: left;
	margin-bottom: 15px;
}

.main-wide {
	width: 750px;
	float: left;
	margin-bottom: 15px;
}

.right {
	width: 195px;
	margin: 0 0 15px 15px;
	float: right;
}

.column {
	width: 240px;
	float: left;
	margin: 0px 15px 10px 0px;
}

.column-last {
	width: 240px;
	float: left;
	margin: 0px 0px 10px 0px;
}

.box {
	font-size: 13px;
	padding: 5px;
	border: 1px solid #c6c8cc;
	margin-top: 15px;
	overflow: hidden;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.box h2 {
	line-height: 22px;
}

.box h3 a {
	display: block;
	padding: 7px 10px 7px 10px;
	background: #e9ebed;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9ebed', endColorstr='#c6c8cc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e9ebed), to(#c6c8cc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e9ebed,  #c6c8cc); /* for firefox 3.6+ */ 
	border: 1px solid #c6c8cc;
	color: #545760;
	text-shadow: #fff 1px 1px 1px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.box h3 a:hover {
	color: #39c;
}

.box li {
	color: #c83;
}

.more {
	width: 100%;
	text-align: center;
	display: block;
	-webkit-transition: all 1s;
}

.more:hover {
	border: none;
	background: #e9ebed;
	color: #333;
	-webkit-transition: all 0.5s;
}

.link {
	width: 140px;
	display: block;
}

.note {
	display: block;
	font-size: 10px;
}

.version {
	font-size: 14px;
	margin: 0 15px 0 0;
}

.actions .version {
	margin:0;
	display: block;
}

.outofdate {
	font-size: 10px;
	color: #fff;
	padding: 3px 10px 3px 25px;
	background: #a73232 url(images/x.png) left center no-repeat;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-transform: uppercase;
	font-weight: bold;
	float: right;
}

.uptodate {
	font-size: 10px;
	color: #fff;
	padding: 3px 10px 3px 25px;
	background: #81ae4c url(images/tick.png) left center no-repeat;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-transform: uppercase;
	font-weight: bold;
	float: right;
}

.clear {
	clear: both;
}

.adbox-wide {
	width: 728px;
	height: 90px;
	padding: 10px;
	border: 1px solid #c6c8cc;
	background: #fff;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f8f9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f8f9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #f6f8f9); /* for firefox 3.6+ */
	float: right;
/*	clear: right;*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.download-box {
	background: #e9ebed;
	border: 1px solid #c6c8cc;
	overflow: hidden;
	padding: 15px;
	margin-bottom: 15px;
	width: 128px;
}

.user-box {
	font-size: 12px;
	background: #e4d3aa;
	border: 1px solid #c4b180;
	overflow: hidden;
	padding: 15px 15px 0 15px;
	margin: 15px 0 15px 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.left .user-box, .left .box {
	margin: 15px 15px 15px 0px;
}

.footer {
	clear: both;
	font-size: 12px;
	padding: 15px 0 15px 0;
}
.footer p {
	float: left;
	padding: 5px 10px 5px 0px;
}
	
ul.footer-nav {
	list-style: none;
	float: right;
}

ul.footer-nav li {
	display: block;
	float: left;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #c6c8cc;
}

ul.footer-nav li:last-child {
	border-right: none;
}

/*---Pagination---*/

ul.pagination {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	
}

ul.pagination li {
	margin:0;
	padding:0;
	font-size:12px;
	margin-right:2px;
	float:left;
	display:block;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

ul.pagination li a{
	border:solid 1px #c6c8cc;
	padding: 0 10px 0 10px;
	display:block;
	text-decoration:none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

ul.pagination li a:hover{
	background: #e9ebed;
	color: #333;
	text-shadow: #fff 1px 1px 1px;
}

ul.pagination li.previous-off,
ul.pagination li.next-off {
	border:solid 1px #c6c8cc;
	color: #999;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding: 0 10px 0 10px;
}

ul.pagination li.next a,
ul.pagination li.previous a {
	font-weight:bold;
} 

ul.pagination li.active{
	border:solid 1px #c6c8cc;
	background:#39C;
	color:#fff;
	font-weight:bold;
	display:block;
	padding: 0 10px 0 10px;
}

/*---Language Selector---*/

#country-select {
	float: right;
	}

/* rought form styles for when JS is disabled */

#country-select form {
	padding: 0;
	}

#country-select select,
#country-select input {
	display: inline;
	padding: 0;
	margin: 0;
	}
	
/* JS-created definition list */

.dropdown dd { position: relative; }

.dropdown a {
	text-decoration: none;
	outline: 0;
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
	overflow: hidden;
	}
	
.dropdown dt a {
	padding: 5px 20px 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff url(images/arrow-down.png) right center no-repeat;
	border: 1px solid #c6c8cc;
	width: 50px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	}

	.dropdown dt a.active {
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		}
		
		.dropdown dt a:hover {
			border: 1px solid #c6c8cc;
			}

.dropdown dd ul {
	display: none;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	padding: 0px 0 0px 0;
	list-style: none;
	border-top: none;
	margin: 0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #c6c8cc;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	}

	.dropdown dd ul li a {
		padding: 5px 20px 5px 10px;
		width: 50px;
		}

	.dropdown dd ul li a span,
	.dropdown dt a span {
		float: left;
		width: 16px;
		height: 11px;
		margin: 2px 6px 0 0;
		background-image: url(images/flags.png);
		background-repeat: no-repeat;
		cursor: pointer;
		}

		.us a span { background-position: 0 0 }
		.uk a span { background-position: -16px 0 }
		.fr a span { background-position: -32px 0 }
		.de a span { background-position: -48px 0 }
		.nl a span { background-position: -64px 0 }

	.dropdown dd ul li a em,
	.dropdown dt a em {
		font-style: normal;
		float: left;
		cursor: pointer;
		}

	.dropdown dd ul li a em {

		}

		.dropdown dd ul li a:hover { border: none; background: #39c; color: #fff; }
		.dropdown dd ul li a:hover em {  }

/* 6. BROWSER AND NON-SEMANTIC STYLING
----------------------------------------------------------------------------------------*/
.cf:before, .cf:after { content: ""; display: block; }
.cf:after { clear: both; }
.ie6 .cf { zoom: 1 }
.ie8 ul.tabs
.ie6 ul.categories li a, ul.categories a:visited {
	height: 22px;
}
.ie8 .actions {
	width: 100px;
}