/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
   
   Tabs
   * A basic ruleset for beginning tabs
   
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }


/* Page
-------------------------------------------------------------- */

.page {
	margin: 0 auto;
	padding: 0 25px;
	width: 900px;
}

/* Header
-------------------------------------------------------------- */

.hiddenPic {
	display: none;
}

#header {
	margin-top: 10px;
	height: 54px;
}

#header .tabs {
	padding-left: 15px;
	/*border-bottom: 1px solid #ddd;*/
}

#header .tabs li {
	margin-right: 0px;
	padding: 5px 0px ;
}

#header .tabs a {
	padding: 0px 10px;
	border-right: 1px solid #888;
	color: #222; 
	text-decoration: none;
	background: url("/images/nav_back.png") repeat-x;
	font: bold 13px/32px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: #ddd 0 1px 0;
}

#header .tabs a.leftside {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#header .tabs a.rightside {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-right: none;	
}

#header .tabs a.leftside:hover {
	background: url("/images/nav_back.png") repeat-x;
}

#header .tabs a.rightside:hover {
	background: url("/images/nav_back.png") repeat-x;
}

#header .tabs a:hover {
	background-image: url("/images/nav_hover.png");
	color: #fff;
	text-decoration: none;
	text-shadow: #222 0 1px 0;
}

#logo {
	float: right;
	width: 240px;
	text-align: center;
}

.pg_textsoap a#nav_textsoap,
.pg_store a#nav_store,
.pg_support a#nav_support,
.pg_forums a#nav_forums,
.pg_pressroom a#nav_pressroom,
.pg_contactus a#nav_contactus
{
	background-image: url("/images/nav_selected.png");
	padding: 0px 15px;
	color: #fff;
	text-decoration: none;
	text-shadow: #222 0 1px 0;
}

/* Body
-------------------------------------------------------------- */

#body {
	/*background-color: #fef2f3;*/
	padding-top: 20px;
	border: 1px solid #b2b2b2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#content {
	float: left;
	width: 580px;
	padding: 0px;
	padding-left: 30px;
}

#sidebar {
	float: right;
	width: 240px;
;
}

#sidebar h3 {
	color: #888;
}

#sidebar ul, #resources ol {
	color: #888;
}

#sidebar ul a {
	color: #555;
}

#sidebar .buygroup {
	width: 210px;
	padding: 5px;
	/*border: 2px solid #aaa;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	list-style-type: none;
	margin-left: 0;
}


.details {
	color: black;
	font-size: 8pt;
}

#sidebar .tabs {
	margin-left: 10px;
	width: 205px;
	padding: 0px;
	border: 1px solid maroon;
	-webkit-border-radius: 5px;
	margin-top: 25px;
}

#sidebar .tabs ul {
	margin-left: 0;
	list-style-type: none;
}

#sidebar .tabs li {
	border-top: 1px solid #902325;
}

/* remove the border for the topmost (or first child) */
#sidebar .tabs li:first-child {
	border-top: none;
}

#sidebar .tabs a {
	display: block;
	color:  maroon;
	padding: 10px 10px;
	width: 185px;
	text-decoration: none;
}

#sidebar .tabs a:hover {
	background-color: #ad5657; /* #ae6f75;*/
	color: #fff;
	font-weight: bold;
	-webkit-border-radius: 1px;
}

.ts_intro a#sb_intro,
.ts_overview a#sb_overview,
.ts_whatsnew a#sb_whatsnew,
.ts_screenshots a#sb_screenshots,
.ts_reviews a#sb_reviews,
.ts_history a#sb_history
.ts_windows a#sb_windows
{
	background-color: maroon;
	color: #fff;
	font-weight: bold;
	-webkit-border-radius: 1px;
}


/* Footer
-------------------------------------------------------------- */

#footer {
}

#footer .tabs {
	width: 455px;
	margin-left: 20px;
}

#footer .tabs a {
	padding: 10px 30px 10px 0;
	color: #666;
	text-decoration: none;
}

#footer .tabs a:hover {
	color: #000;
}

#footer p.quiet {
	color: #444;
}