/*
Colours:
Dark blue: #21409A
Light blue: #6a8ab9
*/

/*========================================================== G e n e r a l */
body {
	margin:0px;
	font-family:"Trebuchet MS", sans-serif;
	font-size:12px;
}
h2, h3, h4, h5, h6 {
	color:#6a8ab9;
	font-weight:100;
	text-shadow:1px 1px 1px #CCCCCC;
	text-align:left;
}
h1 {
	font-size:2em;
}
h2 {
	font-size:2em;
	margin-top:0px;
	
}
h3 {
	font-size:1.5em;
}
h4 {
	font-size:1.2em;
}
h5 {
	margin:0px;
	margin-top:10px;
	font-size:1.14em;
}
a {
	text-decoration:none;
	color:#21409A;
}
a:hover {
	text-decoration:underline;
}
a img {
	border-width:0px;
}
ul, ol {
	padding-left:15px;
	margin-top:0px;
	text-align:left;
}
li {
	list-style-position:outside;
	margin-top:0.5em;
}
blockquote {
	color:#333333;
}
blockquote p {
	margin:5px 0px;
}
.tablecolspan {
	width:100%!important;
}

/*========================================================== H e a d e r */
#header {
	height:105px;
	background:url(../images/headerback.png);
	border-top:1px solid #132558;
}
#headerlogo {
	float:left;
	margin-left:5px;
	width:200px;
}
#headerslogan {
	color:#9BB0D0;
	font-size:20px;
	margin-top:70px;
	margin-left:15px;
	display:block;
	float:left;
	text-shadow:1px 1px 2px #000000;
}
h1#headerdetails {
	float:right;
	color:#FFFFFF;
	width:220px;
	text-align:right;
	padding-right:20px;
	margin-top:10px;
	font-weight:900;
	font-size:1em;
}
#breadcrumbs {
	line-height:20px;
	color:#21409A;
	padding-left:20px;
}
#breadcrumbs a {
	color:#21409A;
}
/*========================================================== N a v i g a t i o n */
#titletabs {
	width:200px;
	float:left;
}
#titletabsheader {
	height:20px;
	background:url(../images/navback.png) top right;
}
#titletabsfooter {
	height:20px;
	background:url(../images/navback.png) bottom right;
}
#titletabs a {
	display:block;
	color:#FFFFFF;
	line-height:20px;
	height:20px;
	padding-left:20px;
	background:url(../images/navback.png) right;
	font-size:14px;
	text-decoration:none;
	text-shadow:1px 1px 2px #000000;
}
#titletabs a:hover {
	text-decoration:underline;
}
.titletabmain {
	font-weight:900;
}
.titletabcurrent, .titletabcurrent:hover {
	background:url(../images/navbackhover.png) right!important;
	color:#21409A!important;
	text-shadow:0px 0px 3px #FFFFFF!important;
}
/*========================================================== P a r a g r a p h */
#paragraph {
	margin-left:220px;
	margin-right:220px;
	text-align:justify;
	min-width:400px;
	line-height:20px;
	color:#333333;
}

.introductory {
	font-size:1.5em;
	color:#21409A;
	text-shadow:1px 1px 1px #CCCCCC;
}

.listmain {
	color:#21409A;
	font-weight:900;
}

.infoboxsuccess {
	border:1px solid #009800;
	background: url('../images/infoboxtick.png') no-repeat 5px 5px #b6ffb6;
	padding:0px 12px;
	padding-left:70px;
}

.infoboxsuccess .saleitembuy {
	display:none!important;
}
.infoboxinfo {
	border:1px solid #005bb9;
	background: url('../images/infoboxinfo.png') no-repeat 5px 5px #E9F5FF;
	padding:0px 12px;
	padding-left:70px;
	margin-bottom:20px;
}
.infoboxerror {
	border:1px solid #FF0000;
	background:#FFCCCC;
	padding:0px 12px;
	padding-left:70px;
	margin-bottom:20px;
}
.infoboxinfohidden {
	display:none;
}
.infoboxinfo h1, .infoboxinfo h2, .infoboxinfo h3, .infoboxinfo h4, .infoboxinfo h5, .infoboxinfo h6 {
	color:#21409A;
	text-shadow:#333333;
}

.paragraphtile {
	width:33%;
	float:left;
}
.paragraphtile li {
	display:inline;
	list-style-type:disc;
	border-left:1px solid black;
}

.horzlist {
	display:inline;
	margin:0px;
	padding:0px;
	margin-left:2px;
}
.horzlist li {
	display:inline;
	margin-left:4px;
	margin-right:4px;
	color:#333333;
}
.horzlist li:before {
	content:'\2022';
	color:#000000;
	margin-right:4px;
}
.horzlist li:first-child:before {
	content:'';
}

.insetleft, .insetright {
	width:160px;
	display:block;
	color:#000000;
	font-style:italic;
	margin-top:5px;
	text-align:left;
}
.insetleft p, .insetright p {
	margin:0px;
	padding:5px 0px 5px 0px;
	color:#454545;
	border-bottom:1px solid #666666;
}
.insetleft h3, .insetright h3 {
	margin:0px 0px 0px 0px;
}
.insetcontent {
	padding:10px 15px 0px 15px;
	background:url('../images/paragraphinsert.png');
}
.insetfooter {
	background:url('../images/paragraphinsert.png') bottom;
	width:160px;
	height:10px;
}
.insetmorelink {
	display:block;
	text-align:right;
}
.insetleft {
	float:left;
	margin-right:10px;
}
.insetright {
	float:right;
	margin-left:10px;
}
.insetquote p {
	border-bottom:none;
}

.tilehalf {
	width:48%;
	float:left;
	margin:10px 0px;
	margin-right:2%;
	height:250px;
	min-width:250px;
	background-attachment:scroll;
	background-position:0px 0px;
	color:#333333;
	overflow:auto;
}
.tilecontent {
	height:230px;
}
.tilecontent h2, .tilecontent h3 {
	margin-top:5px;
}
.tilefull {
	width:98%;
	float:left;
	height:250px;
	margin:10px 0px;
	color:#333333;
	overflow:auto;
}
.tileclear {
	height:1px;
	clear:both;
}
.quote {
	background:url('../images/quoteback.png') no-repeat;
}


.playlist {
	width:100%;
}
.playlisttrack, .playlistname {
	font-weight:900;
	color:#21409A;
}
.playlisttrack {
	width:15px;
}
.playlistname {
	width:150px;
	text-align:left;
}
.playlistdownload {
	width:50px;
}

/*========================================================== P a g e - s p e c i f i c */
.error_strings{ font-size:12px; color:#FF0000;}

.highlightbox {
	color:#FFFFFF;
	background:url('../images/highlightback.png');
	border-top:1px solid #FFFFFF;
	font-size:1.2em;
	text-align:left;
	text-shadow:1px 1px 1px #000000;
}
.highlightboxheader {
	background:url('../images/highlightback.png') top;
	height:10px;
}
.highlightboxcontent {
	margin:15px;
}
.highlightboxcontent li {
	margin:0px;
}
.highlightboxhighlight {
	font-size:20px;
	text-shadow:0px 0px 10px #FFFFFF;
	font-weight:900;
}
.highlightboxfooter {
	background:url('../images/highlightback.png') bottom #FFFFFF;
	height:5px;
}



.saleitem {
	margin-bottom:20px;
	border-top:1px solid #21409A;
	min-height:170px;
}

.saleitemimg {
	float:left;
	width:105px;
	height:105px;
	margin-top:1px;
	padding-top:20px;
}
.saleitemdesc {
	margin-right:175px;
	margin-left:120px;
}
.saleitemdesc p {
	margin:5px 0px;
}
.saleitemdesc li {
	margin:0px;
}
.saleitem h3 {
	margin-right:165px;
	margin-left:120px;
	margin-top:1px;
	padding-top:20px;
	cursor:pointer;
}
.saleitempay {
	float:right;
	margin-left:3px;
	width:160px;
}
.saleitem .price {
	color:#D40000;
	font-size:16px;
	text-align:right;
	margin:0px;
	padding-right:5px;
	text-align:center;
}
.saleitem .saleitempay .saleitempricetype {
	height:20px;
	width:20px;
}
.saleitem .saleitembuy input {
	margin:0px auto;
	display:block;
}
.saleitem a img {
	margin:0px auto;
	display:block;
}
.saleitem .saleitembuy {
	margin:0px;
}
.saleitem .saleitembuy p {
	margin:0px;
	text-align:right;
}
.saleitem .saleitempaypal {
	width:100px;
	display:block;
	margin:0px auto;
}
.saleitem .saleitemmore {
	display:block;
	background:url('../images/moreinfobutton.png') bottom;
	color:#FFFFFF;
	font-size:12px;
	width:160px;
	text-indent:3px;
	line-height:15px;
	float:right;
	margin-bottom:30px;
	cursor:pointer;
}
.saleitem .ref {
	color:#999999;
	margin-bottom:20px;
}

.saleitemcollapsed {
	min-height:38px;
	padding:1px;
	padding-top:0px;
	padding-right:0px;
	margin:0px;
	height:38px;
	overflow:hidden;
}
.saleitemcollapsed .saleitemimg {
	display:block;
	width:38px;
	height:38px;
	margin-right:3px;
	margin-top:0px;
	margin-top:1px;
	padding-top:0px;
}
.saleitemcollapsed h3 {
	display:block;
	margin:0px;
	line-height:19px;
	padding-top:1px;
	margin-right:165px;
}
.saleitemcollapsed .saleitemdesc {
	display:block;
	float:none;
	line-height:19px;
	margin:0px;
	height:19px;
	overflow:hidden;
	color:#666666;
	text-align:left;
}
.saleitemcollapsed .saleitemdesc * {
	margin:0px;
}
.saleitemcollapsed .saleitempay {
	display:block;
	float:right;
	margin:0px;
	margin-left:3px;
	width:156px;
	text-align:right;
}
.saleitemcollapsed form {
	display:none;
}
.saleitemcollapsed .saleitempay .price {
	display:block;
	float:left;
	margin:0px;
	margin-left:3px;
	overflow:hidden;
	width:75px;
	line-height:24px;
	padding-right:0px;
	text-align:left;
	font-size:14px;
}
.saleitemcollapsed .saleitempay .saleitempricetype {
	display:inline;
	height:20px;
	width:20px;
}
.saleitemcollapsed .saleitemmore {
	margin:0px;
	text-align:left;
	text-indent:3px;
	width:156px;
	background:url('../images/moreinfobutton.png') top;
}
.saleitemcollapsed .saleitempay .saleitembuy {
	display:none;
}
.saleitemcollapsed .salitemexpand {
	display:block;
	height:3px;
}

.saleitemnonexpand, .saleitemnonexpand h3 {
	cursor:auto!important;
}


.pricetable {
	border-collapse:collapse;
	margin:0px auto;
	border:1px solid #21409A;
}
.pricetable thead th {
	background:#152A66;
	text-align:center;
	color:#FFFFFF;
	font-size:1.1em;
}
.pricetable tbody td, .pricetable tbody th {
	width:100px;
	height:40px;
	text-align:center;
}
.pricetable tbody tr {
	border-bottom:1px solid #21409A;
}
.pricetable tbody th {
	background:url('../images/tableheaderback.png') #284db7;
	color:#FFFFFF;
}
.pricetable tbody td {
	background:#e6e6e6;
	color:#000000;
}

#contactform label {
	display:block;
	float:left;
	width:20%;
	height:1em;
}
#contactform input[type=text], #contactform textarea {
	display:block;
	width:60%;
	margin-bottom:5px;
	max-width:250px;
}
#contactform #contactmessage {
	height:50px;
}

/* Admin page */
.formFields dd textarea.descriptiontextinput {
        width:300px;
        height:300px;
}
.directorylistingfile {
        text-align:center;
        display:inline-block;
        vertical-align:top;
        margin:10px;
        border:1px solid #CCCCCC;
        padding:10px;
}
.directorylistingfile img {
        display:block;
        margin:0px auto;
}

/*========================================================== S i d e b a r   &   F o o t e r */
#rightsidebar {
	width:175px;
	float:right;
	color:#CCCCCC;
	font-style:oblique;
	text-align:left;
	font-size:1.7em;
	border-left:2px solid #CCCCCC;
	margin-bottom:10px;
}
#rightsidebarcontent {
	padding:10px;
	padding-bottom:0px;
}
#rightsidebarcontent blockquote {
	margin:0px;
	color:#CCCCCC;
}
#rightsidebarfooter {
	height:10px;
}

#footer {
	border-top:3px solid #21409A;
	padding-left:220px;
	padding-right:220px;
	padding-top:5px;
	margin-top:10px;
	clear:both;
}
.footersection {
	color:#999999;
	float:left;
	width:150px;
	width:33%;
}
.footersection h4 {
	color:#999999;
	font-size:1em;
	margin:0px;
	font-weight:900;
}
.footersection a {
	color:#999999;
}
#footer address {
	font-style:normal;
	padding:0px;
}
#footernav {
	text-align:justify;
}
#footernav a  img {
	border:none;
}
#footernavsynergy {
	display:block;
	margin-top:1em;
	height:30px;
	background:url('../images/footersynergy.png') no-repeat;
	padding-left:10px;
}
#footerlogos {
	text-align:right;
}