#container {
	width:846px;
}
/*
=====================
Global
=====================
*/
body {
	font:13px/1.5 'Droid Sans', Arial, sans-serif;
	color:#333;
}
input, textarea, select {
	font-family:"Droid Sans",Arial,sans-serif;
}
body.short {
	background:url(/Images/bg-page-short.gif) top repeat-x;
}
h1 {
	font-size:30px;
	color:#333;
	margin-bottom:25px;
	font-family:'PT Sans';
	line-height:32px;
}
h2 {
	font-size:24px;
	color:#05719b;
	padding-bottom:7px;
	border-bottom:1px solid #ddd;
	margin:40px 0 .6em 0;
	font-family:'PT Sans';
}
h2.top {
	margin-top:0;
}
h3 {
	font-family:'PT Sans';
	font-size:18px;
	line-height:20px;
	margin-bottom:.5em;
}
p {
	margin-bottom:1em;
}
p.standfirst {
	font-size:22px;
	line-height:27px;
	margin-bottom:.6em;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
a {
	color:#0673B2;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p.button {
	height:45px;
}
p.button a {
	float:left;
	line-height:20px;
	color:#fff;
	background:#2aa7e3 url(/Images/button-blue-arrow.png) top left no-repeat;
	padding:0 9px 0 22px;
	text-transform:lowercase;
	font-size:12px;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-right:8px;
}
p.button a:hover {
	text-decoration:none;
	background-position:bottom left;
}
p.button input {
	float:left;
	height:20px;
	width:97px;
	color:#fff;
	background:#2aa7e3 url(/Images/button-blue-arrow.png) top left no-repeat;
	padding:0 9px 0 22px;
	text-transform:lowercase;
	font-size:12px;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:0;
	margin-top:7px;
	cursor:pointer;
	margin-right:8px;
}
p.button input:hover {
	background-position:bottom left;
}
div.clear {
	clear:both;
	line-height:0;
	font-size:0;
}
address, address span, address strong {
	display:block;
}
address {
	margin-bottom:20px;
}
input.button::-moz-focus-inner {
	border:0;
}

/*
=====================
Containers
=====================
*/
.wrapper {
	width:928px;
	margin:0 auto 40px auto;
}
#box {
	margin:auto;
	position:relative;
	min-height:500px;
	border:1px solid #ddd;
	padding:40px 40px 0 40px;
	background:#fff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
#footer {
	background:#fff url(/Images/bg-footer.gif) bottom repeat-x;
}

/*
=====================
Header
=====================
*/
#header {
	background:url(/Images/bg-header.gif) top repeat-x;
	width:928px;
	height:154px;
	position:relative;
	top:0;
	z-index:1;
	margin:0 0 40px -3px;
}
#logo {
	display:block;
	width:194px;
	height:131px;
	background:url(/Images/logo-bcg.png) 0 5px no-repeat;
	line-height:500px;
	overflow:hidden;
	position:absolute;
	top:12px; left:0;
}
#tagline {
	position:absolute;
	top:65px; left:200px;
	margin:0;
	padding:0;
	border:0;
	color:#fff;
	font-size:30px;
}
#header strong {
	color:#fff;
	font-size:25px;
	position:absolute;
	top:57px; left:3px;
	font-family:'Maven Pro',Arial,sans-serif;
	text-transform:uppercase;
}
#nav {
	position:absolute;
	bottom:0; left:200px;
	font-size:14px;
}
#nav li {
	float:left;
	margin-right:7px;
}
#nav a {
	float:left;
	padding:6px 17px;
	color:#fff;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	background:#3b91c4;
}
#nav a.blue1 { background:#79cdfe }
#nav a.blue2 { background:#6dc2f4 }
#nav a.blue3 { background:#62b7ea }
#nav a.blue4 { background:#59afe2 }
#nav a.blue5 { background:#48a0d4 }
#nav a.blue6 { background:#3891c5 }
#nav a.red   { background:#f97b1d url(/Images/bg-nav-orange.gif) top repeat-x }

#nav a:hover, #nav li.active a {
	text-decoration:none;
}
#nav li.active a, #nav li.active a:hover {
	background:#fff;
	color:#177eb8;
}
#signin {
	position:absolute;
	top:8px; right:3px;
	color:#fff;
}
#signin a {
	color:#fff;
}

/*
=====================
Home Page
=====================
*/
#feature {
	height:300px;
	margin-bottom:28px;
	padding:12px;
	border-radius:12px;
	background:#e3e3e3 url(/Images/bg-feature.gif) top repeat-x;
}
#demo {
	float:left;
	width:605px;
	height:300px;
	background:#000;
	position:relative;
}
#demo img {
	position:absolute;
	top:-13px; left:0;
	z-index:1;
}
#demo h2 {
	color:#fff;
	position:absolute;
	top:48px; left:27px;
	z-index:2;
	margin:0;
	padding:0;
	border:0;
}
#demo p {
	color:#fff;
	position:absolute;
	top:88px; left:27px;
	width:230px;
	z-index:2;
	color:#bbb;
}
#demo a {
	color:#fff;
	position:absolute;
	top:198px; left:27px;
	z-index:2;
	background:#f46f18 url(/Images/bg-nav-orange.gif) top repeat-x;
	display:block;
	width:106px;
	text-align:center;
	border-radius:7px;
	height:32px;
	line-height:32px;
	font-size:16px;
}
#quotes {
	float:right;
	width:287px;
	height:300px;
	background:#fff url(/Images/bg-quotes.gif) center 16px no-repeat;
}
#bubble {
	width:223px;
	margin:auto;
	height:185px;
	position:relative;
}
#bubble a {
	display:block;
	outline:none;
	color:#525252;
	text-decoration:none !important;	
}
#bubble span.text {
	display:block;
	font:18px/20px 'PT Sans';
	margin-bottom:12px;
}
#bubble span.author {
	display:block;
}
#bubble span.author strong {
	display:block;
	font-size:13px;
}
#bubble li {
	display:none;
	position:absolute;
	top:55px; left:20px;
	width:189px;
}
#userLogos {
	width:900px;
	margin:auto;
	height:80px;
	padding:10px 14px 0 14px;
	xbackground:url(/Images/bg-user-logos.png) top no-repeat;
	border-bottom:1px solid #ddd;
}
#userLogos li {
	float:left;
	width:112px;
	height:50px;
}
#userLogos a {
	display:block;
	width:112px;
	height:50px;
	background-position:11px 0;
	background-repeat:no-repeat;
	line-height:500px;
	overflow:hidden;
}
#userLogos a:hover {
	background-position:11px -50px;
}
#homeBoxes {
	width:954px;
	margin-right:-26px;
}
#homeBoxes h2 {
	font-size:30px;
	color:#000;
	border:0;
	text-align:center;
	margin-top:20px;
}
#homeBoxes h3 {
	color:#0673b2;
	padding:12px 0;
	text-align:center;
	line-height:22px;
}
#homeBoxes .box {
	float:left;
	background:#e3e3e3 url(/Images/bg-feature.gif) top repeat-x;
	border-radius:12px;
	padding:10px;
	width:272px;
	height:236px;
	margin-right:26px;
}
#homeBoxes .box div {
	background:#fff;
	height:236px;
	box-shadow:0 0 5px #ccc;
	-webkit-box-shadow:0 0 5px #ccc;
}
#homeBoxes .stories div {
	background:#fff url(/Images/bg-stories.gif) bottom no-repeat;
}
#homeBoxes .stats div {
	background:#fff url(/Images/bg-stats.gif) bottom no-repeat;
}
#homeBoxes .articles div {
	position:relative;
}
#homeBoxes .articles ul {
	position:relative;
}
#homeBoxes .articles li {
	position:absolute;
	top:0; left:18px;
	width:236px;
	display:none;
}
#homeBoxes .articles li.active {
	display:block;
}
#homeBoxes .articles a {
	display:block;
	font-size:12px;
	color:#333;
}
#homeBoxes .articles a strong {
	display:block;
	font-size:14px;
	margin-bottom:4px;
}
#homeBoxes .articles a:hover {
	text-decoration:none;
	color:#777;
}
#homeBoxes a.newsNav {
	display:block;
	width:36px;
	height:36px;
	position:absolute;
	top:110px;
	outline:none;
}
#homeBoxes a.prev {
	background:url(/Images/arrow-news-left.png) no-repeat;
	left:-21px;
}
#homeBoxes a.next {
	background:url(/Images/arrow-news-right.png) no-repeat;
	right:-26px;
}

/*
=====================
Welcome Bar
=====================
*/
.welcome {
	width:870px;
	height:20px;
	line-height:20px;
	position:relative;
	margin:0 auto 20px auto;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	xborder:1px solid #ddd;
	padding:13px 15px;
	background:#8bc63e url(/Images/bg-gradient-green.gif) bottom repeat-x;
	font-size:16px;
	color:#fff;
	text-shadow:1px 1px #679d1d;
}
.welcome a {
	position:absolute;
	top:11px; right:13px;
	display:block;
	height:24px;
	line-height:24px;
	background:#fff url(/Images/bg-gradient-white.gif) bottom repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:0 15px;
	text-shadow:none;
}

/*
=====================
Content
=====================
*/
#contentTopPanel {
	height:330px;
	position:relative;
}
#contentLeftPanel {
	float:left;
	width:436px;
	padding-right:13px;
	border-right:1px dotted #999;
	margin-right:14px;
}
#contentRightPanel {
	float:left;
	width:436px;
}
#intro {
	font-size:16px;
	position:relative;
	margin-bottom:40px;
}
#intro h1 {
	margin-bottom:15px;
}
#introText {
	float:left;
	width:310px;
}
#intro em {
	font-weight:bold;
	font-style:normal;
	color:#d92016;
}
p.redButton {
	margin:0;
	line-height:40px;
}
p.redButton a {
	float:left;
	margin-right:12px;
	width:172px;
	padding:7px 0;
	height:26px;
	background:url(/Images/button-red.png) no-repeat;
	color:#fff;
	line-height:26px;
	letter-spacing:-1px;
	text-decoration:none !important;
	text-align:center;
	font-size:20px;
}
p.redButton strong {
	color:#d0042b;
	font-size:16px;
}
#player {
	float:right;
	width:300px;
	height:200px;
	border:16px solid #ddd;
	-moz-border-radius:20px 0 0 20px;
	-webkit-border-radius:20px 0 0 20px;
	border-radius:20px 0 0 20px;
	margin:0 -67px 0 20px;
}
#player img.hero {
	display:block;
	width:300px;
	height:200px;
}
#vtabContent {
	margin:-40px -40px 0 -40px;
	width:900px;
	min-height:580px;
	background:url(/Images/bg-sidenav.gif) left repeat-y;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
#sidenav {
	float:left;
	width:180px;
	margin-top:30px;
	padding-bottom:30px;
}
#sidenav li.customerLogo {
	background:#fff;
	width:179px;
	padding:10px 0;
	border-bottom:1px solid #ddd;
	margin-top:-30px;
	-moz-border-radius:7px 0 0 0;
	-webkit-border-radius:7px 0 0 0;
	border-radius:7px 0 0 0;
}
#sidenav li.customerLogo img {
	display:block;
	width:140px;
	margin:auto;
}
#sidenav a {
	float:left;
	width:142px;
	padding:0 18px 0 20px;
	line-height:39px;
	outline:none;
}
#sidenav li.active a {
	background:#2799dc url(/Images/bg-sidenav-active.gif);
	padding-right:37px;
	color:#fff;
	text-decoration:none !important;
	cursor:default;
}
#sidenavContent {
	float:left;
	width:640px;
	padding:40px;
}
#sidenav #dropdown {
	width:144px;
	margin-left:18px;
	margin-top:-10px;
	position:relative;
}
#sidenav #dropdown .trigger {
	display:block;
	background:#fff url(/Images/arrow-dropdown.gif) top right no-repeat;
	border:1px solid #ddd;
	line-height:26px;
	padding:0 10px;
	cursor:pointer;
	width:122px;
}
#sidenav #dropdown .trigger:hover {
	border-color:#ccc;
}
#sidenav #dropdown ul {
	position:absolute;
	display:none;
	top:27px; left:0;
	border:1px solid #ccc;
	background:#fff;
	width:142px;
	padding:5px 0;
}
#sidenav #dropdown a {
	line-height:20px;
	width:122px;
	padding:0 10px;
}
#sidenav #dropdown li.active a {
	padding:0 10px;
}
#lists div {
	float:left;
	margin-right:80px;
}
#team li {
	position:relative;
	padding-left:170px;
	min-height:170px;
}
#regionDetails {
	position:relative;
	padding-left:112px;
	height:150px;
	margin-bottom:40px;
}
#regionDetails p.button {
	height:18px;
}
#regionDetails img {
	position:absolute;
	top:0; left:16px;
}
#regionDetails div {
	float:left;
	width:200px;
	padding-right:20px;
	border-right:1px solid #ddd;
	margin-right:16px;
}
#distributors {
	border:1px solid #ddd;
	border-radius:7px;
}
#distributors li {
	position:relative;
	padding:14px 0 0 112px;
	height:160px;
	border-bottom:1px solid #ddd;
}
#distributors li:last-child {
	border:0;
}
#distributors h2 {
	border:0;
	padding:0;
	margin:0 0 6px 0;
}
#distributors img {
	position:absolute;
	top:18px; left:16px;
}
#distributors div {
	float:left;
	width:200px;
	padding-right:20px;
	border-right:1px solid #ddd;
	margin-right:16px;
}
#distributors p.button {
	height:18px;
}
#distributors strong {
	display:block;
}
#team img {
	position:absolute;
	top:0; left:0;
}
#testimonials li {
	position:relative;
	border-top:1px solid #ddd;
	padding:16px 0 6px 135px;
	min-height:100px;
}
#testimonials p {
	margin-bottom:.7em;
}
#testimonials p.author {
	color:#177FB9;
}
#testimonials img {
	position:absolute;
	top:16px; left:0;
}

/*
=====================
Footer
=====================
*/
#footerTopPanel {
	width:900px;
	margin:auto;
	height:125px;
	padding-top:25px;
	color:#d1eaf8;
}
#footerBottomPanel {
	width:900px;
	margin:auto;
	height:30px;
	position:relative;
}
#founder {
	float:left;
	width:540px;
}
#founder img {
	float:left;
	border:3px solid #6bc1f1;
	margin-right:18px;
}
#founder h3 {
	font-size:16px;
	margin-bottom:3px;
	color:#94d1f3;
}
.linkLists {
	float:right;
}
.linkLists div {
	float:left;
	margin-left:20px;
	border-left:1px dotted #4bb7e7;
	padding-left:20px;
}
.linkLists  h3 {
	text-transform:uppercase;
	color:#d1eaf8;
}
.linkLists  a {
	color:#d1eaf8;
}
.linkLists div.social {
	border:none;
}
#footerBottomPanel ul {
	width:500px;
	margin:auto;
	color:#75a9e1;
	padding:9px 0;
}
#footerBottomPanel li {
	float:left;
	line-height:12px;
}
#footerBottomPanel li.first {
	margin-right:11px;
}
#footerBottomPanel a {
	float:left;
	color:#75a9e1;
	padding:0 11px;
	border-left:1px solid #75a9e1;
}

/*
=====================
Shop
=====================
*/
#productGrid li {
	position:relative;
	padding:16px 0 0 135px;
	border-top:1px solid #ddd;
	margin-bottom:20px;
	min-height:120px;
}
#productGrid img {
	display:block;
	position:absolute;
	left:0; top:19px;
	background:#ddd;
}
#productGrid .genre {
	color:#05719b;
	text-transform:uppercase;
	margin-bottom:2px;
}
#productGrid .productName {
	color:#d51e15;
	font-size:16px;
	font-weight:normal;
	display:block;
	margin-bottom:5px;
}
#productGrid span {
	color:#626262;
	display:block;
}
#productGrid span.description {
	margin-bottom:5px;
}
#productGrid span.price {
	float:left;
	font-size:16px;
	font-weight:bold;
	margin:8px 12px 0 0;
}
#productGrid input.addButton {
	float:left;
	height:20px;
	width:97px;
	color:#fff;
	background:#2aa7e3 url(/Images/button-blue-arrow.png) top left no-repeat;
	padding:0 9px 0 22px;
	text-transform:lowercase;
	font-size:12px;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:0;
	margin-top:7px;
	cursor:pointer;
}
#productGrid input.addButton:hover {
	background-position:bottom left;
}
#productGrid input.quantity {
	float:left;
	margin:7px 4px 0 0;
	width:25px;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #aaa;
	padding:2px;
}

/*
=====================
Articles
=====================
*/
.topicList {
	margin-top:30px;
}
.topic {
	padding-left:130px;
	margin-bottom:20px;
	height:125px;
	border-bottom:1px solid #eee;
	position:relative;
}
.topic h3 {
	margin-bottom:6px;
	font-size:18px;
	font-weight:normal;
}
.topic img {
	position:absolute;
	top:0; left:0;
}
.topic ul {
	margin-bottom:6px;
}
.topic li a {
	display:block;
	color:#626262;
	background:url(/Images/bullet.gif) 0 5px no-repeat;
	padding-left:14px;
	line-height:18px;
}
.articleList {
	position:relative;
	padding:10px 0 0 227px;
}
* html .articleList {
	height:1%;
}
.articleList img {
	position:absolute;
	top:0; left:0;
}
.articleList a {
	display:block;
	padding:11px;
	border:1px solid #fff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	margin-left:-12px;
}
.articleList a:hover {
	text-decoration:none;
	background:#f2f2f2;
	border-color:#ddd;
}
.articleList a strong {
	display:block;
	font-size:18px;
	margin-bottom:4px;
}
.articleList a span {
	display:block;
	color:#333;
}
.articleList a span em {
	color:#05719B;
	text-decoration:underline;
	font-style:normal;
}
.article p.byline {
	font-weight:bold;
	border-bottom:1px dotted #bbb;
	margin-bottom:20px;
	height:25px;
	color:#034779;
}
.article p.byline span.author {
	float:left;
}
.article p.byline span.date {
	float:right;
}
.article a.image {
	float:right;
	margin:0 0 15px 20px;
	border:8px solid #EFEBE8;
	cursor:-moz-zoom-in;
}
.article a.image:hover {
	border-color:#dbd5d1;
}
.article a.image img {
	display:block;
}
.article h3 {
	margin:20px 0 10px 0;
	font-size:18px;
	color:#05719b;
}
#breadcrumb {
	color:#777;
	width:746px;
	height:32px;
	margin:-40px -40px 30px -40px;
	border-bottom:1px solid #ddd;
}
#breadcrumb a, #breadcrumb span {
	float:left;
	height:32px;
	line-height:32px;
	padding:0 16px 0 9px;
}
#breadcrumb a {
	color:#777;
	text-decoration:none;
	background:url(/Images/divider-breadcrumb.gif) right no-repeat;
	outline:none;
}
#breadcrumb a:hover {
	color:#222;
}
#breadcrumb img {
	float:left;
	margin:6px 0 7px 0;
}
#breadcrumb a.emailFriend {
	float:right;
	background:url(/Images/icon-emailfriend.gif) left no-repeat;
	padding:0 10px 0 30px;
	margin-right:5px;
}

/*
=====================
Videos
=====================
*/
h2.videos {
	padding:20px 0 10px 0;
	background:url(/Images/icon-video.png) 200px 0 no-repeat;
}
#videos {
	width:669px;
	margin:30px -29px 0 0;
}
#videos li {
	float:left;
	width:194px;
	margin:0 29px 29px 0;
}
#videos a {
	display:block;
	width:194px;
	height:179px;
	position:relative;
}
#videos a:hover {
	border:8px solid #ddd;
	background:#ddd;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin:-8px;
	text-decoration:none;
}
#videos img {
	display:block;
	width:194px;
	height:146px;
}
#videos span.play {
	display:block;
	width:60px;
	height:41px;
	position:absolute;
	left:67px; top:52px;
	background:url(/Images/button-play.png) no-repeat;
}
#videos span.title {
	display:block;
	text-align:center;
	line-height:15px;
	font-size:12px;
	color:#525252;
	margin-top:4px;
}

/*
=====================
Lists
=====================
*/
ul.bullet, ol {
	margin:0 0 1em -.6em;
	padding-left:28px;
	line-height:150%;
}
ul.bullet li {
	list-style-type:disc;
}
ol li {
	list-style:decimal outside;
	margin-bottom:1em;
}
ol.alpha li {
	list-style-type:upper-alpha;
}
#videoList {
	margin-bottom:1em;
}

/*
=====================
Forms
=====================
*/
.form {
	min-height:1px;
	padding-bottom:25px;
}
.form fieldset {
	padding-bottom:25px;
}
.form legend, .form h3 {
	padding:0 0 10px 115px;
	font-weight:bold;
	font-size:16px;
	color:#05719B;
}
*:first-child+html .form legend {
	margin-left:-7px; /* for IE 7 */
}
.form p {
	position:relative;
	padding-left:115px;
	margin-bottom:8px;
}
.form label {
	position:absolute;
	top:0; left:0;
	display:block;
	width:107px;
	text-align:right;
	padding:3px 0 2px 0;
	font-size:13px;
}
.form label span.required {
	color:red;
}
.form input.text, .form textarea {
	padding:5px;
	width:240px;
	border:1px solid #b9b5ad;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	outline:none;
}
.form input.password {
	font-family:Arial;
}
.form input.short {
	width:40px;
}
.form textarea {
	height:160px;
	display:block;
}
.form textarea.small {
	height:50px;
}
.form select {
	font-size:13px;
	font-family:'Droid Sans',Arial,sans-serif;
	padding:3px;
	width:251px;
}
.form input.text:focus,
.form textarea:focus {
	border-color:#05719B;
}
.form input.upload {
	font-size:12px;
}
.form input.button {
	padding:6px 20px;
	font-size:12px;
	font-family:'Droid Sans',Arial,sans-serif;
}
.form .radio {
	display:block;
	margin-bottom:8px;
}
.form .radio label {
	position:static;
	display:inline;
	padding-left:3px;
	text-transform:none;
}
.form span.value {
	display:block;
	padding-top:3px;
}
.largeForm p {
	padding-left:200px;
}
.largeForm h3 {
	padding-left:200px;
}
.largeForm label {
	width:187px;
}

/*
=====================
Checkout
=====================
*/
.orderHeader h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:8px;
	color:#05719B;
	padding-top:6px;
}
.orderHeader h3 span {
	font-size:12px;
	font-weight:normal;
	color:#333;
}
.orderHeader h3 span a {
	text-decoration:underline;
	padding:0 1px;
}
.orderHeader address {
	float:left;
	margin-right:25px;
}
.orderHeader address.attention {
	border:1px solid #ccc;
	padding:12px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.cart {
	width:100%;
	margin-bottom:32px;
}
.cart th, .cart td {
	padding:12px;
}
.cart th {
	font-weight:bold;
	background:#f2f2f2;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:8px 12px;
}
.cart td {
	border-bottom:1px solid #ddd;
}
.cart td.freight {
	line-height:23px;
}
.cart .money {
	text-align:right;
	width:80px;
}
.cart tr.extras {
}
.cart tr.total {
	font-weight:bold;
	background:#f2f2f2;
}
.cart tr.total .money {
	font-size:14px;
}
.cart input.quantity {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #7ca9f2;
	padding:3px;
	width:30px;
	text-align:center;
	outline:none;
}
.cart input.button {
	font-size:11px;
	margin-left:6px;
}
p.paymentInfo {
	float:left;
	border:1px solid #ccc;
	width:400px;
	text-align:center;
	padding:16px;
	margin-bottom:40px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-size:12px;
	color:#777;
}
p.paymentInfo img {
	display:block;
	margin:8px auto 0 auto;
}
input.paymentButton {
	float:right;
	margin-bottom:30px;
}

/*
=====================
Account Page
=====================
*/
#customerDetails div,
#customerDetails address {
	float:left;
}
#customerDetails address {
	border-left:1px solid #ddd;
	padding-left:16px;
	margin-left:30px;
}
td span.progress {
	float:left;
	background:#ddd;
	height:8px;
	margin:5px 3px 0 0;
}
td span.pass {
	background-color:#8cc63f;
}
td span.fail {
	background-color:#e43737;
}
td span.percentage {
	color:#999;
	font-size:11px;
	text-transform:uppercase;
}
td strong.pass {
	color:#8cc63f;
	background:url(/Images/icon-tick.gif) left no-repeat;
	padding-left:16px;
}
td strong.fail {
	color:#e43737;
	background:url(/Images/icon-cross.gif) left no-repeat;
	padding-left:16px;
}
img.result {
	float:left;
	margin-top:5px;
}
.userSummary span.summary {
	margin-right:7px;
}
.userSummary em {
	font-size:22px;
	font-style:normal;
}
.userSummary em.negative {
	color:#D51E15;
}
#allocator {
	background:#eee;
	padding:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom:10px;
}
#allocator p.button {
	height:22px;
}
#allocator table {
	width:100%;
}
#allocator td {
	padding:1px 0;
}
#allocator textarea {
	display:block;
	padding:5px;
	width:588px;
	height:120px;
	border:1px solid #b9b5ad;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	outline:none;
	margin-top:20px;
}
#allocator textarea:focus {
	border-color:#05719B;
}
#allocator input {
	margin-right:4px;
	position:relative;
	top:1px;
}
#allocator label {
	font-size:12px;
}
p.search {
	float:right;
	padding:7px;
	background:#eee;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
p.search input.text {
	padding:5px;
	width:180px;
	border:1px solid #b9b5ad;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	outline:none;	
}
p.search input.button {
	padding:3px;
}
.pager {
	padding-top:7px;
	font-size:12px;
	color:#777;
}
#invite {
	padding:20px 20px 0 20px;
}
#invite p, #invite legend {
	padding-left:0;
}
#invite textarea {
	width:400px;
}

/*
=====================
Results Popup
=====================
*/
span.score {
	font-size:28px;
	margin-right:10px;
}
span.pass {
	color:#8cc63f;
}
span.fail {
	color:#E43737;
}
span.marks {
	font-size:18px;
}
#resultsChart {
	width:400px;
}
#resultsChart li {
	height:20px;
	line-height:20px;
}
#resultsChart strong {
	float:left;
	margin-right:12px;
}
#resultsChart span.progress {
	float:left;
	height:10px;
	background:#ccc;
	margin:5px 3px 0 0;
}
#resultsChart span.percentage {
	float:left;
	color:#999;
	font-size:11px;
	text-transform:uppercase;
}

/*
=====================
Popups
=====================
*/
body.popup {
	padding:20px 20px 0 20px;
	background:none;
}
body.popup .error {
	display:block;
	padding:6px 0;
	background:red;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-top:20px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
body.popup .form,
body.popup .form fieldset {
	padding-bottom:0;
	float:none;
	width:auto;
}
body.popup textarea {
	height:70px;
}

/*
========================
Tables
========================
*/
table.gridview {
	width:100%;
	border:1px solid #ddd;
	font-size:12px;
	line-height:18px;
}
table.gridview tr.clickableRow {
	cursor:pointer;
}
table.gridview tr.clickableRow:hover td {
	background-color:#f2f2f2;
}
table.gridview tr.clickableRow:hover td a {
	text-decoration:underline;
}
table.gridview th {
	font-weight:bold;
	background:#eee;
    text-align:left;
    text-transform:uppercase;
}
table.gridview td, table.gridview th {
    padding:5px 10px;
}
table.gridview td {
	border-top:1px solid #ddd;
}
table.gridview .right {
	text-align:right;
	padding-right:20px;
}
table.gridview span.checkbox input,
table.gridview img.smallTick {
	display:block;
}
#filterBar {
	height:30px;
	position:relative;
}
#filterBar p.filter {
	position:absolute;
	top:0; right:0;
}
p.selectorButton {
	margin-bottom:3px;
	padding-left:16px;
}
p.selectorButton a {
	display:block;
	width:94px;
	height:20px;
	line-height:20px;
	color:#fff;
	background:url(/Images/button-blue-email.png) top left no-repeat;
	padding:0 0 7px 32px;
	text-transform:lowercase;
	font-size:12px;
	font-weight:bold;
}
p.selectorButton a:hover {
	text-decoration:none;
	background-position:bottom left;
}
.paging {
	background:#f2f2f2;
	padding:4px 10px;
	height:22px;
	line-height:22px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}

/*
========================
Validation
========================
*/
.validation-container {
	border:1px solid #d00;
	background:#fcebeb url(/Images/icon-warning.gif) 10px 10px no-repeat;
	color:#d00;
	padding:15px 15px 12px 55px;
	margin-bottom:18px;
	line-height:130%;
	min-height:24px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	position:relative;
}
* html .validation-container {
	height:30px;
}
.validation-title {
	font-weight:bold;
	margin-bottom:4px;
}
.validation-list li {
	line-height:150%;
}
.validation-list li a {
	text-decoration:underline;
	color:#d00;
}
.validation-container .close {
	display:block;
	position:absolute;
	top:4px; right:4px;
	background:#d00 url(/Images/icon-close.gif) center no-repeat;
	width:17px;
	height:17px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer;
}

/*
========================
Alerts
========================
*/
.alert {
	padding:15px 15px 12px 55px;
	border:1px solid #bbb;
	min-height:24px;
	margin-bottom:18px;
	line-height:130%;
	background:#fff;
	position:relative;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background-repeat:no-repeat;
	background-position:10px 10px;
}
.alert a {
	font-size:11px;
	font-weight:normal;
}
.alert .close {
	display:block;
	position:absolute;
	top:4px; right:4px;
	background:#777 url(/Images/icon-close.gif) center no-repeat;
	width:17px;
	height:17px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer;
}
.alert p {
	margin-bottom:4px !important;
	padding:0 !important;
}
.confirm {
	color:#8b1;
	border-color:#8b1;
	background-color:#FAFEED;
	background-image:url(/Images/icon-confirm.gif);
}
.confirm .close {
	background-color:#8b1;
}

/*
========================
Statistics
========================
*/
#statistics {
	margin-bottom:40px;
}
#statistics li.topLevel {
	position:relative;
	padding-left:90px;
}
#statistics img {
	position:absolute;
	top:0; left:0;
}