/*

	bright blue:	#0983d1
	light blue:		#e9f5ff
	dark grey:		#2c2b2b
	light grey:		#5e5e5e

*/

/*General styles*/

#wrapper {
	margin-left: 30px;
	margin-right: 30px;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
	margin: 5px 0;
	font-weight: bold;
	color: #0983d1;
	letter-spacing: -0.04em;
}

h1 {
	font-size: 35px;
	font-weight: 200;
	text-align: center;
	padding: 20px 0 20px 5px;
	margin-bottom: 30px;
	border-bottom: 1px solid #0983D1;
    -webkit-box-shadow: 0 5px 6px -6px #AAA;
    -moz-box-shadow: 0 5px 6px -6px #AAA;
    box-shadow: 0 5px 6px -6px #AAA;
}

a {
	text-decoration: none;
}



/* Main support page */

.section-heading {
	font-size: 26px;
	font-weight: 200;
	padding-bottom: 10px;
}



/* Product grid */

.product-grid {
	list-style-type: none;
	height: 222px;
	margin: 0;	
}

.product-grid li {
	float: left;
	background-repeat: no-repeat;
	background-position: 50% 90%;
}

.product-grid li.disc { background-image: url(/img/support/new/smaller/cd.png); }
.product-grid li.usb { background-image: url(/img/support/new/smaller/usb.png); }
.product-grid li.download { background-image: url(/img/support/new/smaller/download.png); }
.product-grid li.audiobook { background-image: url(/img/support/new/smaller/audiobook.png); }
.product-grid li.instant-immersion { background-image: url(/img/support/new/smaller/instant-immersion.png); }
.product-grid li.utalk { background-image: url(/img/support/new/smaller/utalk.png); }
.product-grid li.maths { background-image: url(/img/support/new/smaller/maths.png); }

.product-grid li.talknow { background-image: url(/img/support/new/cd-products/talknow.png);}
.product-grid li.talkmore { background-image: url(/img/support/new/cd-products/talkmore.png); }
.product-grid li.talkthetalk { background-image: url(/img/support/new/cd-products/talkthetalk.png); }
.product-grid li.talkbusiness { background-image: url(/img/support/new/cd-products/talkbusiness.png); }
.product-grid li.worldtalk { background-image: url(/img/support/new/cd-products/worldtalk.png); }
.product-grid li.vocabularybuilder { background-image: url(/img/support/new/cd-products/vocabularybuilder.png); }
.product-grid li.premiumset { background-image: url(/img/support/new/cd-products/premiumset.png); }
.product-grid li.completeset { background-image: url(/img/support/new/cd-products/completeset.png); }
.product-grid li.instantimmersion { background-image: url(/img/support/new/cd-products/instantimmersion.png); }
.product-grid li.movietalk { background-image: url(/img/support/new/cd-products/movietalk.png); }
.product-grid li.languagelab { background-image: url(/img/support/new/cd-products/languagelab.png); }

.product-grid.cd {
	margin: 20px 0;
}

.product-grid.cd li   {
	margin-bottom: 100px;
	background-position: 50% 80px;
}

.product-grid.cd.compendium li {
	background-image: url(/img/support/new/cd.png);
}

.product-grid li a, .product-grid.cd li.talknow, .product-grid li.talkmore, .product-grid li.talkthetalk, .product-grid li.talkbusiness, .product-grid li.worldtalk,
.product-grid li.vocabularybuilder {
	padding: 10px;
	display: block;	
	height: 190px;
	width: 117px;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #ddd;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color:#5E5E5E;
	font-weight: 200;
}

/*add li class here for products requiring platform selection and remove a from li in html*/
.product-grid.cd li a, .product-grid.cd li.talknow, .product-grid li.talkmore, .product-grid li.talkthetalk, .product-grid li.talkbusiness, .product-grid li.worldtalk,
.product-grid li.vocabularybuilder {
	padding: 10px 10px 30px 10px;
	width: 170px;
	height: 200px;	
}

/*add li class here for products requiring platform selection and remove a from li in html*/
.product-grid li.talknow:hover .check-platform, .product-grid li.talkmore:hover .check-platform, .product-grid li.talkthetalk:hover .check-platform, 
.product-grid li.talkbusiness:hover .check-platform, .product-grid li.worldtalk:hover .check-platform, .product-grid li.vocabularybuilder:hover .check-platform  {
 	display: block;
}

.product-grid li:last-child  {	
	margin-right: 0;
	padding-right: 0;
	width: 132px;
	border-right: none;
}

.product-grid.cd li:nth-child(5), .product-grid.cd li:last-child {	
	width: 171px;
	border-right: none;
}

.product-grid.cd li .check-platform  {
	padding-top: 175px;
	display: none;
}

.product-grid li .check-platform.mobile {
	display: block;
}

.product-grid li .check-platform a {
	display: inline;
	text-align: center;
	border-right: none;
	color: #0983D1;
}

.product-grid li:hover {
	background-color: #e9f5ff;
}

.product-grid.six-products {
	margin-left: 4em;
}


/* Latest updates section on main support*/

#update-wrapper {
	margin-top: 35px;
}


#top-solutions td h3, #latest-updates td h3 {
    font-size: 18px;
	font-weight: 200;
	margin-top: -1px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E0E0E0;
}

#support-latest td p {
	/*font-size: 14px;*/
}


/* override result table styles */

#support-latest {
	border: none;
	border-spacing: 0;
	border-collapse:collapse;
}

#support-latest tr.problem td h3{
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5;
	padding: 20px 0;
}





/* Disc, DL, USB support pages */

/* Subnavigation and heading*/

div.support-content div#subnavigation {
	height: 41px;
	border: 1px solid #DDD;
	background: white no-repeat 0 40px;
	position: relative;
	margin: 10px 0 15px 0;
	text-align: left;
}

div.support-content div#subnavigation ul li {
	display: inline;
}

div.support-content div#subnavigation ul li a, div.support-content div#subnavigation ul li.current {
	padding: 0 30px 0 20px;
	line-height: 40px;
	margin-top: -12px;
	float: left;
	display: block;
	text-decoration: none;
	background: url(/img/subHeadNav.png) no-repeat top right;
	color: #2C2B2B;
	font-size: 12px;
}

div.support-content div#subnavigation ul li#first a {
	padding: 0 30px 0 0;
}

div.support-content div#subnavigation ul li.current {
	background: none;
}

#no-border h1 {
	border: none;
	box-shadow: none;
	margin-bottom: 0;
}

#header-text p {
	font-size: 22px;
	font-weight: 200;
	color: #0983D1;
	text-align: center;
}

.blue {
	color: #055180;
}

/*Latest update button*/

a.update-button {
	background: -moz-linear-gradient(#37AAEA, #0983D1) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37AAEA', endColorstr='#0983D1');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#37AAEA), to(#0983D1)) repeat scroll 0 0 #408EDB;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 20px 15px 20px;
	margin: 10px 0 60px 0;
	height: 22px;
	width: auto;
	text-decoration: none;
	display: inline-block;
	border: 1px solid #4C88BC;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-align: left;
}

a.update-button p {
	color: #ffffff;
	font-size: 15px;
	padding-right: 25px;
	text-align: center;
}

a.update-button:hover {
	background: -moz-linear-gradient(#0983D1, #117ED2) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0983D1', endColorstr='#117ED2');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0983D1), to(#117ED2)) repeat scroll 0 0 #408EDB;
}


#update-icon {
	background-image: url(/img/support/generic/download-update1.png); 
	display:block;
	background-repeat: no-repeat;
	background-position: 100%;
}

#update-wrapper h3 {
	color: #5E5E5E;
	font-weight: 600;
}

#update-wrapper h2 {
	padding: 0 0 0 5px;
}	
	

#top-solutions {
	width: 400px;
	float:left; 
	display: inline-block;
}

#top-solutions h3 {
	/*padding-left: 30px;
	background-image: url(/img/support/generic/bullet.png);
	background-repeat: no-repeat;
	background-position: left center; */
}

.solutions-link {
	padding-left: 3px;
	font-size: 21px;
	font-weight: bold;
	color: #0983D1;
}

div#latest-updates {
	overflow: hidden;
	padding-left: 50px;
}


#update-wrapper #support-latest {
	width: 400px;
}

.latest-update {
	width: 800px; 
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
}

.latest-update-text {
	line-height: 30px;
	color: #055180;
	font-size: 21px;
	margin-left: 0;
}


/* disc, dl, usb pages: clickable questions and answers  */

/* Tabs */

div#support-tabs {
	clear: both;
	border-bottom: 1px solid #DDD;
	padding: 30px 0 20px 0;
}


ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { 
	border: 1px solid #DDD;
	border-bottom: 1px solid white;
}


ul.tabs li p a {
	padding: 10px 20px 10px 20px;
	margin-right: 20px;
}


div.support-content ul.tabs li.active {
	border-bottom: none;
}

ul.tabs a:hover {
	border-bottom: 1px solid #0983D1;
}

/* panes */

div.panes {
	border-top: none;
}

div.support-content div.panes div {
	display: block;
}


span.show a.showSolution h2 {
	padding-left: 30px;
	margin: 35px 0 20px 15px;
	font-weight: 200;
	color: #333;
	font-size: 18px;
	background-image:url(/img/support/generic/bullet.png);
	background-repeat:no-repeat;
	background-position:left center; 
	text-decoration: underline;
	margin-bottom: 20px;
	clear: both;
}


div.panes p, div.panes li {
	font-size: 16px;
	margin-left: 45px;
	font-weight: 200;
}

/*manuals blurb*/
div.panes span.grid p {
	font-size: 18px;
	margin: 30px 0 20px 15px;
	color: #333;

}

div.single-pane p.solution img {
	float: left;
	margin: 10px 40px 30px 15px;
	border: 2px solid #055180;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.button_manual {
	 margin-left: 40%;
	 border:1px solid #495267; 
	 -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
	 padding: 15px 15px 15px 15px; 
	 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	 font-weight:bold; 
	 text-align: center; 
	 color: #FFFFFF; 
	 background-color: #606c88;
	 background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b));
	 background-image: -webkit-linear-gradient(top, #606c88, #3f4c6b);
	 background-image: -moz-linear-gradient(top, #606c88, #3f4c6b);
	 background-image: -ms-linear-gradient(top, #606c88, #3f4c6b);
	 background-image: -o-linear-gradient(top, #606c88, #3f4c6b);
	 background-image: linear-gradient(to bottom, #606c88, #3f4c6b);
	 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#606c88, endColorstr=#3f4c6b);
}

.button_manual:hover{
 	border:1px solid #363d4c; background-color: #4b546a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4b546a), top(#2c354b));
	background-image: -webkit-linear-gradient(top, #4b546a, #2c354b);
	background-image: -moz-linear-gradient(top, #4b546a, #2c354b);
	background-image: -ms-linear-gradient(top, #4b546a, #2c354b);
	background-image: -o-linear-gradient(top, #4b546a, #2c354b);
	background-image: linear-gradient(to bottom, #4b546a, #2c354b);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4b546a, endColorstr=#2c354b);
}



a.support-link {
	font-weight: bold;
	font-size: 14px;
	/*color: #0983d1;*/
	float: right;
	margin-top: 30px;
	margin-right: 30px;
	padding: 2px 10px;
	background-color: #0983d1;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    text-decoration: none;
}

a.support-link p {
	color: white;
}

a.support-link:hover {
    text-decoration: underline;
}

/*permalinks*/

#support-latest tr td  { 
	border: none;
}

#support-latest.single tr td  { 
	padding-left: 0;
}

#support-latest tr.solution td div {
	padding: 0;
}

#support-latest.single tr.selected td h3 {
	margin: 55px 0 0 0;
	font-weight: 200;
	color: #333;
	font-size: 18px;
	text-decoration: underline;
	clear: both;
}

#support-latest tr.selected td {
	background: none;
}

#support-latest.single p, #support-latest.single td  {
	font-size: 16px;
	font-weight: 200;
}

#single-support {
	border: none;
	
}

td.video.single img {
	margin: 30px 0 0 30%;
}


#support-latest tr td.video.single img {
	border: 8px solid black;
}


/* disc, dl, usb pages: manuals */	
/* some of this is now redundant */	

div.grid {
	padding-bottom: 20px;
}

ul#grid {
  padding: 0;
  list-style: none;
   width: 100%;  
}

#grid li {
  float: left;
  padding: 0;
  list-style: none;
}

#grid li a {
  display: block;
  text-decoration: none;
}

/* main grid*/ 

/* manuals grid*/ 

#grid li a  {
  padding: 0 ;
  margin: 0;
  width: 160px;
  text-align: center;
}

ul#grid ul  {
   padding: 20px 0 0 10px;
}

#grid li  {
	padding: 20px 60px 20px 70px;
}


#grid li a h4 {
  font-size: 16px;
  width: 105px;
  padding-left: 90px;
  padding-bottom: 20px;
  text-align: center;
  color: #0983D1;
  text-decoration: none;
  color: #5E5E5E;
  font-weight: 400;
}

.grid_display p {
  margin:0; padding: 0;
  font-size: 15px;
  color: #58595b;
}


/*contact, footer*/


#email-support {
	border-top: 1px solid #DDD;
	margin-top: 40px;
	padding-top: 40px;
	margin-left: 0;
	clear: both;
}

#footer, #footer a {
	color: #444;
}