body {background: #e4e4e4; font-family: Arial, sans-serif; text-align: center; font-size: small; margin: 0;}

h1,
.hd h2 {font-size: 160%;color:#fff;margin:20px 0 0 30px;padding:0;float:left;}
.hd h2 {padding-bottom: 18px; font-size: 140%;}
h2 {font-size: 18px;color:#444;margin:0 0 5px 0;}
h3 {color:#4C4946;font-size:16px;}
h4 {font-size: 75%;}
p {font-size: 100%; font-size:115%; color: #444;line-height:19px;}
a {font-weight: bold; text-decoration: underline;color:#222;}
a img {border: none;}
.clear {clear:both;}
ul li {font-size: 14px; color:#444;}

.wrapper {margin: 0 auto; width: 880px; padding:0;text-align:left;clear:both;position:relative;}
#header {clear:both;background:transparent url(../images/headerBackground.gif) repeat top left;height:170px;padding-top:10px;}
#subHeader {clear:both;
	background-image: url('../images/advent/background.jpg');height:250px;}
#center {margin: 0 auto; width: 880px; padding:0;text-align:left;clear:both;position:relative;}
.container {clear: both; text-align:center;padding: 15px 0;}
.pageContainer {background-image: url('../images/advent/background.jpg');clear:both;border-top: solid 1px #fb8200;padding-bottom: 15px;}

.full {margin:15px 30px 0px 15px;}
.side {float: right;  position: relative; width: 350px; display: inline;margin: 0 30px 0px 0px;}
.side img.screen {border:solid 3px #f7f7f7;padding: 1px; float:left; clear:both; margin: 0 0 15px 0;}
.side img { max-width:350px;}
.side h2.head {color:#74bcd7;}
.core {float: left; position: relative; width: 420px; display: inline;margin: 0 0 15px 30px;}
.col {width: 205px;float:left;margin-right: 20px;margin-bottom: 15px; margin-top: 15px; height: 240px;position:relative;background:#FFFFFF url(../images/colBackground.jpg) no-repeat scroll 0 -1px;}
.col img.heading {width:205px;}
.col .heading {float:left;clear:both;}
.col img.portfolio {width:230px; padding-left:15px;}
.col .portfolio {float:left;clear:both;background:transparent url(../images/headerBackground.gif) repeat top;}
.col.last, .col#footerLast {margin-right:0;}
.col .panel {background:#fff url(../images/colBackground.jpg) no-repeat 0 -1px;padding: 14px;width: 177px;float:left;clear:both;margin-bottom: 20px;}
.col .panel p {margin:0 0 7px 0;}
.col .panel .readmore {position:absolute;bottom: 15px;right:10px;}
.wrapper#full {border-top: solid 1px #ddd;padding-top: 20px;}

.page {float:left;width:880px;clear:both;margin: 15px 0 15px 0;background:none;}
.page .hd {width: 880px;float:left;clear:both;background: #4c4946 url(../images/brownHeader.jpg) no-repeat top left;border-bottom: solid 1px #383330;}
.page .bd{float:left;width:880px;clear:both;background:#fff;}
.page .ft {width: 880px;float:left;clear:both;background: transparent url(../images/pageFoot.jpg) no-repeat bottom left; margin: 0; _margin-top: -2px; height: 14px;}
.pageContactUs {float:right;margin:15px 25px 10px 0;}

ul.features {margin:0;padding:0;list-style:none;width: 100%;}
ul.features li {float:left;width: 390px;padding-left: 30px;background:#fff url(../images/tick.jpg) no-repeat 0px 0px;margin: 0 0 10px 0;font-weight:bold;}

#footer {background:#e4e4e4;text-align:center;clear:both;padding: 10px 0 50px 0;}
#footer p {font-size: 100%;}
#footer .col { background:none;}
#footer .col.sitemap a {font-size: 90%; text-decoration: none;}
#footer .col.sitemap a:hover {text-decoration: underline;}
#footer a {color: #666;text-decoration:underline;}
#footer ul {list-style:none;margin:0;padding:0;}
#footer ul li {font-size:14px;}
#bar {background:transparent url(../images/barBackground.jpg) repeat-x bottom left;clear:both;height: 50px;margin-top: -20px;padding: 20px 0;}
#bar h2 {float:left;width: 600px;margin-top:10px;}
#bar .contactUs {float:right;}


#nav {float:right;margin-top: 110px;width:515px;height: 35px;text-align:left;}
#nav ul{margin: 0; padding: 0; list-style-type: none;float:right;}
#nav ul li{display:inline;padding-top: 3px;float:left;}
#nav ul li a{font-size: 100%;float:left;}
#nav ul li a span{display:none;}

#nav ul li.pageSelected.Home a, #nav ul li.Home a:hover,
#nav ul li.pageSelected.GetOnline a, #nav ul li.GetOnline a:hover,
#nav ul li.pageSelected.Services a, #nav ul li.Services a:hover,
#nav ul li.pageSelected.Support a, #nav ul li.Support a:hover,
#nav ul li.pageSelected.Contact a, #nav ul li.Contact a:hover,
#nav ul li.pageSelected.News a, #nav ul li.News a:hover,
#nav ul li.pageSelected.Blog a, #nav ul li.News a:hover,
#nav ul li.pageSelected.About a, #nav ul li.About a:hover{background-position: 0px 0px;}

#nav ul li.Home a {background: transparent url(../images/nav/home_new.gif) no-repeat 0px -35px; width: 71px; height: 35px;text-align:center;margin-left: 20px;}
#nav ul li.GetOnline a {background: transparent url(../images/nav/getonline_new.gif) no-repeat 0px -35px; width: 106px; height: 35px;text-align:center;}
#nav ul li.Services a {background: transparent url(../images/nav/services_new.gif) no-repeat 0px -35px; width: 94px; height: 35px;text-align:center;}
#nav ul li.Support a {background: transparent url(../images/nav/support_new.gif) no-repeat 0px -35px; width: 90px; height: 35px;text-align:center;}
#nav ul li.Contact a {background: transparent url(../images/nav/contact_new.gif) no-repeat 0px -35px; width: 84px; height: 35px;text-align:center;}
#nav ul li.About a {background: transparent url(../images/nav/about_new.gif) no-repeat 0px -35px; width: 71px; height: 35px;text-align:center;}
#nav ul li.Blog a {background: transparent url(../images/nav/blog_new.gif) no-repeat 0px -35px; width: 60px; height: 35px;text-align:center;}

.slider {float:left;clear:both;width: 880px;}
.slider ul {margin:0;padding:0;list-style:none; background-color: #F24F00;}
.slider ul li {width: 880px;position:relative;}
.slider ul li .text {padding:20px 0 20px 30px; width: 490px;font-size: 16px;color:#fff;}
.slider ul li .text h1 {margin:0 0 7px 0;}
.slider ul li .text p{color:#fff; clear: both;}
.slider ul li .text a {color:#fff;text-decoration:underline;}
.slider ul li .text .readmore {float:left; margin: 0 0 10px;}
.slider ul li .imageSlider {position:absolute;top: 10px;right: 10px;}
.slider .sliderBar .prev{float:left;margin: 12px 0px 5px 30px;}
.slider .sliderBar .next{float:left;margin: 12px 0px 5px 5px;}
.slider .sliderBar .pause{float:left;margin: 12px 0px 5px 5px;}

.leftCol {float:left;width: 410px;}
.rightCol {float:right;width: 430px;}
.rightCol .col#news {float:left;width: 200px;margin:0 20px 0 0;background:none;}
.rightCol .col#articles {float:left;width: 430px;height:270px;margin:0;background:none;}
.rightCol .col#portfolio {float:left;width: 430px;height:425px;}
.rightCol .col h2 a {font-size: 14px;margin:0;padding:0;}
.rightCol .col p {margin:0 0 8px 0;padding:0;}
.sliderBar {background:transparent url(../images/sliderControlBar.jpg) no-repeat bottom left;width: 880px;height: 45px;}
.head {color:#f24f00;font-size: 18px;}
.logo {float:left;}
.telephone {position:absolute;top: 10px;right:80px;}
.openLogin {position:absolute;top: 10px; right: 0px;}

.contactform {}
.formpanel {float:left; position:relative; padding: 15px;width:410px;margin:0 0 15px 0;background:#f1f1f1;}
.side .formpanel { width:325px;}
label {margin: 3px; float: left; font-weight: bold;font-size:14px;color:#666;width: 150px;}
label.error {color:red;float:none;width:1px;}
.textinput {width: 230px; margin: 3px; padding: 2px; border:1px solid #4C4946;}
.textbox {width: 230px; margin: 3px; padding: 2px; border:1px solid #4C4946; font-family: Arial, sans-serif;height: 90px;}
.enquirybutton {float:right; margin: 10px 0 0 157px;}
.submitbutton {margin-top: 3px;margin-left: 5px;float:left;}
select {margin: 3px;}
checkbox {margin: 3px;}

.leftCol h2, .core h2 {color:#f24f00;}
.rightCol h2, .core h2 {color:#f24f00;}
.side h2 { color:#74BCD7;}

.side ul { padding-left:2em; }
.side ul li { list-style-image: url('../images/tickbullet.jpg'); padding: 0 0 8px;}

#loginPanel {padding: 5px;display:none;position:absolute;right: 0px;top: 39px;width: 195px;background:#fff;border: solid 5px #3a3836;z-index:1000;}
#loginPanel label {width: 180px;float:left;clear:both;}
#loginPanel .textinput {width: 180px;float:left;clear:both;border:solid 1px #ccc;margin-bottom: 4px;}
#loginPanel .login-button {float:right;clear:both;margin:4px;}
.sitemap ul li { list-style: none;font-size:0.85em;}
.sitemap ul, .sitemap ul li {margin:0px;}
.sitemap ul { padding:0 5px;}
.mainSitemap ul { padding:2px 20px;}
.mainSitemap ul li { list-style: none;font-size:1em; padding: 0 0 5px;}
.mainSitemap ul ul {padding: 0 20px;}
#twitter-ticker{width:200px;height:200px;color:#666;display:none;-moz-border-radius:10px 10px 6px 6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;text-align:left;}
#tweet-container{height:200px;width:auto;overflow:hidden;}
.tweet{background:url(img/transparent.png);width:auto;overflow:hidden;padding:5px;}
.tweet .avatar,.tweet .user,.tweet .time{float:left;font-size:0.8em;}
.tweet .time{text-transform:uppercase;font-size:10px;color:#AAA;white-space:nowrap;}
.tweet .avatar img{width:21px;height:21px;border:2px solid #eee;margin:0 5px 0 0;}
.tweet .txt{clear:both;font-size:0.8em;}
.tweet .user{font-weight:700;width:140px;}
a,a:visited{color:#0BF;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
#loading{margin:100px 95px;}
.tinyRedText{font-size:0.7em;margin-left:160px;}

.tab, .tab.white {width: 175px; height: 56px; line-height: 56px; padding: 0 15px; display: block; background: transparent url(../images/blue_tab.jpg) no-repeat 0 0; color: #FFF; font-size: 120%; font-weight: bold;}
.tab.white {background-image: url(../images/blue_tab_white.jpg);}
a.tab {color: #FFF;}

ul#workslider {list-style: none;}
ul#workslider li {display: none;}

.blogPost {margin-bottom: 15px; border-bottom: 1px solid #C4C4C4;}
.blogPost p.posted {margin-top: 0; font-size: 90%;}

.core ol {color: #444444; font-size: 115%;}
.core ol li {padding: 0 0 10px;}
.core ol li ul {padding: 10px 0 0 30px;}
.core ol li pre {width: 370px; border: 1px solid #CCCCCC; margin: 0; overflow: auto; padding: 0 4px 4px 4px;}
.core ol li pre code {}

.inner h3 a {color: #4C4946;}
.inner ul li {padding: 0 0 5px; list-style-image: none;}
.inner ul li a {color: #4C4946;}

li.comment {border-bottom: 1px solid #CCC; margin-bottom: 10px; padding-bottom: 10px; list-style: none;}
li.comment .copy {float: left; width: 380px; font-size: 80%;}
li.comment .copy p {margin: 0;}
li.comment .copy .avatar {float: left; margin: 4px 10px 0 0; display: inline;}
li.comment p.posted {clear: both; padding: 10px 0 0; font-size: 85%;}
li.comment span a {font-size: 90%;}
li.comment span span {font-size: 90%; color: #F0401E;}

span.txteditor span.signup {margin: 13px 0; display: block; color: #444;}
span.txteditor textarea {margin: 10px 0 5px;}
span.txteditor .textEditorPanel {overflow: hidden;}
span.txteditor input.submitbutton {width: 158px; height: 38px; margin: 10px 0 0 1px; display: inline; background: transparent url(../Images/Buttons/whiteAddComment.jpg) no-repeat 0 0; border: 0; line-height: 18px; text-indent: -9999px; cursor: pointer;}

.orderbasket table.basketItems {clear:both;width: 100%;margin: 0 0 15px 0;font-size:12px;color:#666;}
.orderbasket table.basketItems th{padding: 5px;border-bottom:solid 1px #ccc;vertical-align:top;text-align:left;}
.orderbasket table.basketItems th.small{text-align:center;}
.orderbasket table.basketItems td{padding: 5px;border-bottom:solid 1px #ccc;vertical-align:top;}
.orderbasket table.basketItems td.basketProduct p{margin-top:0px;}
.orderbasket table.basketItems td .basketQuantity {float:left;margin:0 10px 0 0;width: 40px;border:solid 1px #ccc;}
.orderbasket table.basketItems td .basketImage {width: 50px;height: 50px;margin-right: 10px;float:left;border:solid 1px #ccc;}
.orderbasket table.basketItems td.basketProduct {width: 400px;}
.orderbasket table.basketItems td.basketPrice {text-align:right;width: 60px;}
.orderbasket table.basketItems td .removeButton {float:left;margin-top: 2px;}
table.basketTotals  {font-size: 16px;color:#666;float: right;width: 200px;}
table.basketTotals  td {padding: 5px;}
table.basketTotals  th.label {font-weight:Bold;padding-right:10px;float:right;width:auto;}
table.basketTotals  td.value {font-weight:bold;text-align:right;width:100px;}

.totals {float:left;clear:both;width: 100%;}
.totalsHolder .discount {width: 370px;font-size:12px;color:#666;font-weight:bold;float:right;margin-right: 10px;padding: 5px;background:#f2f1eb;}


table.table {float:left;clear:both;width: 100%;margin: 0 0 15px 0;font-size:12px;color:#666;}
table.table th{padding: 5px;border-bottom:solid 1px #ccc;vertical-align:top;}
table.table td{padding: 5px;border-bottom:solid 1px #ccc;vertical-align:top;}

.basketInstruction {width:100%;}
.orderInstruction {width:290px;}
.basketInstruction,.orderInstruction  {float:right;padding: 5px;font-size: 18px;margin: 0 0 20px 0;background:#F7F7F7;color:#494949;border-top:solid 1px #595959;border-bottom:solid 1px #595959;}
.basketInstruction a.continue {float:left;margin: 19px 10px 10px 10px;font-size:12px;}
.basketInstruction .checkout,.orderInstruction .checkout, .orderInstruction p {float:right;margin: 10px;}
.basketInstruction span.instruct {float:right;font-weight:bold;font-size: 18px;margin:17px 10px 10px 10px;}

.order {float:left;clear:both;width: 100%;}
.order .head {background:none;border-top:solid 1px #ccc;margin-bottom:0;}
.order .head h3 {color:#666;width: 100%;}
.order .head h2 {color:#f24f00;width: 100%;}

.order .addresses {float:left;margin-right:10px;}
.order .addresses .panel{float:left;width: 480px;}
.order .addresses .head {width:500px;margin:0;}
.order .addresses .head h2{width:480px;font-size: 16px;font-weight:bold;}
.order .addresses select.addressSelector {float:left;clear:none;width:480px;margin:5px 0 15px;}
.order .addresses .selector div, .order .addresses div{clear:left;}
.order .addresses .selector div.formItem {margin:7px 0;}
.order .addresses .selector div.stall{margin: 0px;width: 325px;float:left;}
.order .addresses .selector div input, .order .addresses div .value{width:190px;padding:3px;}
.order .addresses  .submitbutton{color:#fff;}
.order .addresses .select-button {margin: 8px 15px 0px 0;float:right;}
.order .addresses .formItem select {width:190px;}

#slider{
	background:#4e4b48 url(../images/headerBackground.gif) repeat;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
	height:440px;
width:430px;
	margin:0 0 40px 0;
float:left;
}

#archive #slider{
	height:300px;
	margin:0 0 30px 0;
}

#slider .item{
	padding:15px 0 10px 15px;
	width:430px;
	float:left;
}

.coda-slider { 
	padding: 10px; 
	width:430px;
	overflow:hidden;
	height:260px;
}

.slider_image{
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
	float:left;
	width:100px;
	height:260px;
background:transparent url(../images/headerBackground.gif);

}

.slider_image a{
	height:270px;
	float:left;
}

#slider .details{
	float:left;
	margin:0 0 0 20px;
	width:275px;
}


#slider .date, #slider .date a{

	font-style:italic;
	font-size:11px;
	color:#fff;

	margin: 2px 0 0 0;
}



#slider .header h2{
	font-weight: normal;

	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
	font-size:19px;
	margin:0 0 8px 0;
	line-height:26px;


}


#slider .excerpt{
	color:#ffffff;
	font-size:11px;
	
	/*IE 6 bug fix */
	margin-right:-3px;
}

#slider .header, #slider .cats, #slider .date, #slider .excerpt{
	width:275px;
	float:left;
}

#slider_nav{
	height:60px;
	padding:8px 0px 6px 25px;
	background:#171414;
	border-top:7px solid #1d1b1b;
	border-bottom:7px solid #1d1b1b;
	float:left;
	width:405px;
}

#slider_nav li{
	float:left;
	margin-right:12px;
list-style:none;
}

#slider_nav li a{
	height:60px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	float:left;
}

#slider_nav li a.current { 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
#slider p { 
	color:#fff;
}
#slider li { 
	color:#fff;
}