@import 'reset.css'; /* Resets the browser default styles */

body {
	background:#fff;
	color:#d6d6d6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.2;
	text-align:center;
	width:300px;
	margin:0 auto;
	padding:40px 0;
}

a {
	text-decoration:none;
	color:#d6d6d6;
	color:#727272;
}
a:hover {text-decoration:underline;}

.access {
	position : absolute;
	visibility : hidden;
}


.container {
	text-align:left;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	width:243px;
	padding:9px;
	background:#333;
}

.gradient1 {  /* main panel */
	background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(51,51,51,1) 94%, rgba(26,26,26,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(94%,rgba(51,51,51,1)), color-stop(100%,rgba(26,26,26,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 94%,rgba(26,26,26,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 94%,rgba(26,26,26,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 94%,rgba(26,26,26,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 94%,rgba(26,26,26,1) 100%); /* W3C */
}

.gradient2 { /* light to dark purple */
	background: -moz-linear-gradient(top,  rgba(91,50,116,1) 0%, rgba(91,50,116,1) 59%, rgba(73,42,101,1) 61%, rgba(73,42,101,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,50,116,1)), color-stop(59%,rgba(91,50,116,1)), color-stop(61%,rgba(73,42,101,1)), color-stop(100%,rgba(73,42,101,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(91,50,116,1) 0%,rgba(91,50,116,1) 59%,rgba(73,42,101,1) 61%,rgba(73,42,101,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(91,50,116,1) 0%,rgba(91,50,116,1) 59%,rgba(73,42,101,1) 61%,rgba(73,42,101,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(91,50,116,1) 0%,rgba(91,50,116,1) 59%,rgba(73,42,101,1) 61%,rgba(73,42,101,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(91,50,116,1) 0%,rgba(91,50,116,1) 59%,rgba(73,42,101,1) 61%,rgba(73,42,101,1) 100%); /* W3C */
}

.gradient3 { /* submit button - light grey to dark */
	background: -moz-linear-gradient(top,  rgba(77,77,77,1) 0%, rgba(31,31,31,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,77,77,1)), color-stop(100%,rgba(31,31,31,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(77,77,77,1) 0%,rgba(31,31,31,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(77,77,77,1) 0%,rgba(31,31,31,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(77,77,77,1) 0%,rgba(31,31,31,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(77,77,77,1) 0%,rgba(31,31,31,1) 100%); /* W3C */
}

.gradient4 { /* text input - dark grey to light */
	background: -moz-linear-gradient(top,  rgba(31,31,31,1) 0%, rgba(77,77,77,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,31,31,1)), color-stop(100%,rgba(77,77,77,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(31,31,31,1) 0%,rgba(77,77,77,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(31,31,31,1) 0%,rgba(77,77,77,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(31,31,31,1) 0%,rgba(77,77,77,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(31,31,31,1) 0%,rgba(77,77,77,1) 100%); /* W3C */
}


.container h2 {
	text-transform:uppercase;
	font-size:1.083em;
	margin:0 0 10px 0;
	color:#FFF;
}

.container ul {
	margin:0 0 40px 0;
}

.container ul li {
	margin:0 0 12px 0;
}

.container ul li span,
.salesContact p span {
	color:#5d5d5d;
	font-style:italic;
	font-size:0.833em;
	display:block;
}

.container .hr hr {
	display:none;
}

.container .hr  {
	margin:0 0 10px 0;
	border-top:1px solid #292929;
	border-bottom:1px solid #464646;
	font-size:0;
	line-height:0;
	height:0px;
	width:100%;
}

.salesContact {
	overflow:hidden;
	margin:0 0 3px 0;
}

.salesContact h2 {
	font-size:0.917em;
	color:#d6d6d6;
	margin:0 0 6px 0;
}

.salesContact img {
	float:left;
	margin:0 9px 0 0;
}

.salesContact p {
	float:left;
	padding:2px 0 0 0;
}

.salesContact p a {
	font-size:0.833em;
	color:#725daa;
	font-style:italic;
	text-transform:uppercase;
	line-height:1.5em;
	padding:0 0 2px 0;
	background:url(../images/anchor-underline-2-colours.gif) repeat-x 0 bottom;
}
.salesContact p a:hover {
	background-position:1px bottom;
	text-decoration:none;
}

form {
	padding:0 0 4px 0;
}

input {
	height:22px;
	/*line-height:20px;*/
	padding:0 7px;
	vertical-align:middle;
	border:1px solid #505050;
	background:transparent;
	color:#d6d6d6;
}

input.submit {
	height:24px;
	line-height:22px;
	border:0;
	margin:0 6px 0 0;
	width:auto;
	color:#858585;
	font-size:0.917em;
}

input.submit:hover {
	cursor:pointer;
}

input.text {
	font-size:0.833em;
	width:175px;
	color:#5d5d5d;
	padding-top:1px;
	height:21px;
	float:right;
}

.marketShares {
	overflow:hidden;
	text-align:center;
	border:1px solid #171218;
	border-bottom-color:#494651;
	margin:0 0 4px 0;
	color:#a488b1;
}

.marketShares h2 {
	background:#51266e;
	border-bottom:1px solid #6c4387;
	padding:4px 0 3px 0;
	color:#a488b1;
	margin:0;
	font-size:1em;
}

.marketShares h3 {
	margin:0 0 10px 0;
}

.marketShares div.col {
	float:left;
	width:119px;
	padding:6px 0;
}

.marketShares div.col1 {
	border-right:1px solid #000;
}

.marketShares div.col2 {
	border-left:1px solid #6c4387;
}

.marketShares p {
	font-size:0.917em;
}

.marketShares p.price {
	margin-bottom:10px;
	padding:0 0 0 20px;
}

.marketShares span.mega {
	font-size:2.7em;
	color:#b9abbc;
}

.marketShares span.triangle {
	display:inline-block;
	margin:0 0 0 4px;
	vertical-align:40%;
	border-top:1px solid #000;
	font-size:0;
	line-height:8px;
}
.marketShares span.triangle span{
	width:0;
	height:0;
	display:inline-block;
	border-top:8px solid #f03138;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
}