HTML {   
	/* following line forces firefox to always display a scrollbar so that the 
	page does not jump around when switching betwwen pages that require a scrollbar
	and those that don't. Sadly can't find a way to disable the scrollbar you just can't use it */
	overflow: -moz-scrollbars-vertical;
}

html,body{
margin:0;
padding:0;

}

body{
font: 76% arial,sans-serif;

background-color:#d2d7d9;

}

p{
margin:0 10px 0 10px;
line-height: 1.4em;
}

a{
color: #fff;
text-decoration: none;
}

.right {
	float: right;
}

.left {
	float: left;
}
.clearboth {
	clear:both;
}
div.clearer {
	height:1px;
	clear:both;
	line-height:1px;
	margin:0;
	padding:0;
	border:none;
	
	
}

div#header{

	float:left;
	margin:0 0;
	padding: 0 0;
	background-image: url(/img/headerBackgroundRpt2.gif);
	background-repeat: repeat-x;
	background-color: #000000;
	
	color: #fff;
	font-weight:bold;
	z-index:1;
}


span.grey {
	color: #ccc;
}
p.border {
	display: block;
	border: solid 1px #fff;
	padding: 3px;
	width: 8.5em;
	
}

div#container
text-align:left;
z-index:1;
}

div#box1 p{
line-height:1.4
}

div#navigation{
	height: 35px;
	width:752px;
	padding-left: 48px;
	background-image: url(/img/navBackgroundRpt.gif);
	background-repeat: repeat-x;
	margin:0;
	
	float:left;
	z-index:100;
}

div#box3{
background:#FF8539
}

div#wrapper {
	
	width:800px;
	background-color: #333;
	height: 1%;
	padding:0;
	margin:0;
}

div#footer{
	
	height: 54px;
	background: #000;
	color: #FFF;
	background-image: url(/img/footerBgd.gif); 
	background-repeat: repeat-x;
	clear:both;

}

img.bottom {
margin-top: 10px;
margin-right: 5px;
float: right;
}

div#footer p{
color: #ededed;
font-weight: bold;
margin:0;
padding:20px 0 0 10px;
float: left;
}

div#container{
width:800px;
margin:0 auto;
}

div#box1{
float:left;
width:500px
}

div#box2{
float:right;
width:200px
}

div#box3{
clear:both;
width:100%
}



/********************HEADER STYLES*********************/
div#logo {
	width: 200px;
	margin-top: 10px;
	float: left;
	
	
}
div#logo img.logo {
	margin: 0 0 0 10px;
	padding: 0;
	border:0;
}

div#newsticker {
	margin-top: 5px;
	padding:0;
	float:left;
	width:595px;
}
div#newsticker p {
	float:left;
	margin:0;
}
div#newsticker marquee {
		
}

div#contact {
	width: 250px;
	float: left;	
	margin-top:20px;
	margin-left: 10px;
}
div#contact a {
	display:block;
	
	float:left;
}
div#contact a#contactlink {
	border-right:solid 1px #ffffff;
	margin-right:10px;
	padding-right:10px;
}
div#contact a#contactlink:hover {
	color:#cc0033;
}
div#contact a#emaillink {
	border-right:solid 1px #ffffff;
	margin-right:10px;
	padding-right:10px;
}
div#contact a#emaillink:hover {
	color:#cc0033;
}

form#contact {
	margin:20px 20px 50px 20px;
	color:#ffffff;
	float:left;
}
div.introtext {
	color:#ffffff;
}

form#contact h1 {
	color:#ffffff;
	margin:0;
	font-size:1.2em;
}

form#contact div.leftfields {
	float:left;
	
	margin: 10px 0 0 0;
}	
form#contact div.leftfields label {
	display:block;
	float:left;
	width:130px;
	color:#ffffff;
	font-weight:bold;
	margin-top:5px;
}
form#contact div.leftfields input, form#contact div.leftfields select {
	margin-top:5px;
}

form#contact div.rightfields {
	display:inline;
	float:left;
	width:310px;
	
	margin: 0 0 0 40px;
	padding:0;
}
form#contact div.rightfields label {
	font-weight:bold;
}

form#contact textarea {
	width:300px;
	height:200px;
	margin-bottom:5px;
}

form#contact input.submit {
	margin-top:30px;
}


div#nonukpage {
	color:#ffffff;
	padding:25px;
	float:left;
	margin:0 0 50px 0;
}

div#nonukpage h1 {
	font-size:1.2em;
	margin:0 0 20px 0;
	
}

div#nonukpage p {
	margin:0 0 0 0;
}




p#phonenumber {
	margin: 0;
	padding: 0;
	float: left;
	}



div#subholder {
	margin: 10px 10px 0 0;
	width: 180px;
	float: right;
	display:inline;
	color: #fff;
	
	
}

div#subholder div#nameholder {
	
	
	overflow:hidden;
	width:150px;
	height:1em;
	float:left;
	
}
div#subholder a:hover {
	text-decoration:underline;
}
form#signup {
	padding: 0 0;
	margin: 0 0 0 0;
	
	float:right;
	
}
form#signup p#signupintro {
	
	
	margin:0 0 5px 0;
	padding:0;
}

form#signup label {
	display:inline;
	color: #fff;
	font-weight: bold;
	
	display: block;
	float: left;
	
	clear:left;
	margin:2px 0 9px 0;
}
form#signup input {
	display: block;
	margin-bottom: 7px;
	color: #000;
	width: 10em;
	float: right;
	height: 14px;
	background-color:#eff8ff;
	border: solid 1px #ccc;

}
form#signup input#subsignup, form#signup input#suboptout {
	display:block;
	margin:0;
	color:#ffffff;
	width:5em;
	float:right;
	
	background-color:transparent;
	border:0;
	
	font-weight:bold;
	cursor:pointer;
	padding:0;
	font-size:0.8em;
}
form#signup input#subsignup:hover, form#signup input#suboptout:hover {
	color:#cc0033
}
form#signup span.divider {
	display:block;
	float:right;
	margin:0 5px 0 5px;
}

br.space {
	clear: both;
}
p.detail {
	 display: block;
	 float: right;
	 margin: 0 0;
	 padding-top: 5px;
	 color: #ccc;
	 font-weight: bold;
}



/************ Item lists **********************/
/********* ITEM LIST DISPLAY ******************************************/
div.listitemsm {
	background-color:transparent;
	display:inline;
	float:left;
	width:183px;
	margin:10px 5px 10px 10px;
}

div.listitemsm h2 {
	color:#000000;
	font-weight:bold;
	font-size:1.1em;
	background-color:transparent;
	font-style:normal;
	border:0;
	
	height:1em;
	padding:0px 0 4px 0;
	margin:0 0 0 0;
	display:block;
	overflow:hidden;
}

div.listitemsm img {
	
	margin:5px 0 5px 0;
	padding:0;
	border:solid 1px black;
	
}

div.listitemsm p.description {
	display:block;
	clear:left;
	margin:0 0 5px 0;
	padding:0;
	line-height:1.6;
	height:5em;
	overflow:hidden;
	float:left;
}


/******/

div.pagelinks {
	padding: 0 0 15px 0; 
	margin: 0 0 0 120px;
	color: #fff;
	
}

div.pagelinks a {
	
}

div.pagelinks span.currentpage {
	color: #d71635;
}

div.itemlist {
	margin:0;
	padding:25px 0 0 0;
	
	clear:both;
}

div.itemlist div.itemrow {
	
	
	
}

div.itemlist div.thumbnail {
	float: left;
	padding: 0 10px 0 25px;
}

div.itemlist div.itemrow div.thumbnail img {
	padding: 0 15px 0 10px;
}

div.itemlist div.itemrow div.content {
	
	width:580px;
	margin: 0 0 15px 0;
	padding: 0 15px 15px 0;
	float: left;
	border-left: solid 2px #fff;
	background-color: #666;	
	background-image: url(/img/backgrounds/identity.jpg);
	background-repeat: no-repeat; 
	background-position: bottom right;
}

div.itemlist div.itemrow div.content h2 {
	color: #fff;
	margin: 0;
	padding: 15px 0 10px 25px;
	font-size: 1.1em;
}

div.itemlist div.itemrow div.content p {
	margin-left:25px;
}

div.itemlist div.itemrow div.content p.date {
	color: #000;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}

div.itemlist div.itemrow div.content p.details {
	color: #ffffff;
	font-weight: normal; 
	padding: 0 25px 0 25px;
	line-height: 1.6em;
	margin: 0;
}

div.itemlist div.itemrow div.content a.link, 
div.itemlist div.itemrow div.content a.link:visited {
	padding: 0 0 15px 0; 
	margin: 0 0 0 25px;
	color: #cfe7f7;
}
div.itemlist div.itemrow div.content a.link:hover, div.itemlist div.itemrow div.content a.link:active {
	text-decoration:underline;
}

/************/
div.itemdetails {
	float:left;
	width:800px;
	
	margin:25px 0 25px 0;
}

div.itemdetails div.thumbnail {
	float: left;
	padding: 0 10px 0 25px;
	width:285px;
}

div.itemdetails div.thumbnail img {
	padding: 0 15px 0 10px;
	float:left;
}

div.itemdetails div.content {
	width:430px;
	display:inline;
	background-color: #666;
	margin: 0 25px 35px 0;
	padding: 0 15px 15px 0;
	float:left;
	border-left: solid 2px #fff;	
	background-image: url(/img/backgrounds/identity.jpg);
	background-repeat: no-repeat; 
	background-position: bottom right;
	
}


div.itemdetails div.content h1 {
	color: #fff;
	margin: 0;
	padding: 15px 25px 10px 25px;
	font-size: 1.1em;
}

div.itemdetails div.content p {
	color: #ffffff;
	font-weight: normal; 
	padding: 0 25px 0 25px;
	line-height: 1.6em;
	margin: 0;
	
}

div.itemdetails div.content p.date {
	color: #000;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}

div.itemdetails a.listlink {
	display:block;
	padding: 0 0 0 0; 
	margin: 20px 0 0 15px;
	color: #fff;
}
div.itemdetails a.listlink:hover {
	text-decoration:underline;
}


div#files {
	display:inline;
	float:left;
	margin:0 0 0 25px;
	
}

div#files div.file {
	
	float:left;
	clear:left;
	margin:0;
	padding:0;
}
div#files div.file p {
	
	padding:0;
}






/************ Gallery **********************/
div#movieholder {
	
	display:inline;
	margin:25px 0 25px 120px;
	float:left;
	height:1%;
}

/************ Library pages **********************/
div.librarypagecontent {
	background-color:#ffffff;
	height:1%;
}
div.bgblack {
	background-color:#333333;
}


div.paddedbgblack {
	width:734px;
	display:inline;
	margin: 25px 25px 25px 25px;
	
	float: left;
	
}
div.paddedbgblack div.content {
	float:left;
	background-color: #666;
	border-left: solid 2px #fff;	
	background-image: url(/img/backgrounds/identity.jpg);
	background-repeat: no-repeat; 
	background-position: bottom right;
	padding-bottom:15px;
	
}

div.paddedbgblack div.thumbnail {
	float:left;
}

div.paddedbgblack div.thumbnail img {
	float:left;
	
}

div.paddedbgblack div.content h1 {
	color: #fff;
	margin: 0;
	padding: 15px 25px 10px 25px;
	font-size: 1.1em;
}

div.paddedbgblack div.content p {
	color: #ffffff;
	font-weight: normal; 
	padding: 0 25px 0 25px;
	line-height: 1.6em;
	margin: 0;
}

div.paddedbgblack div.content a {
	color: #cfe7f7;
}


/*********** Sales Center Page **************/

div.map {
	display:inline;
	margin: 2px 0 0 2px ;
	padding: 5px;
	background-color: #ccc;
	float: left;
	z-index:0;
}
div.map div#communitymap {
	float:left;
	width: 500px; 
	height: 500px;
	z-index: 0;
}

div.maptext {
	height: 510px;
	width:283px;
	background-color: #999;
	margin: 2px 1px 2px 3px;
	float: left;
	
}
div.maptext p {
	color: #ffffff;
	font-weight: normal; 
	padding: 0 25px 0 25px;
	line-height: 1.6em;
	margin: 0;
}
div.maptext label{
	padding: 0 0 2px 25px;
	color: #cfe7f7;
	font-weight: bold;
}
div.maptext span {
	color: #000;
	font-weight: bold;
}

div.maptext input.button {
	margin: 5px 0 0 117px;
}

div.maptext a {
	color: #cfe7f7;
}
div.maptext h1 {
	color: #fff;
	margin: 0;
	padding: 25px 25px 10px 25px;
	font-size: 1.1em;
}
form#mapping label {
	display:block;
	float:left;
	width:100px;
}

div.ssdetails {
	color:#000000;
	
}
div.ssdetails h3 {
	margin:0;
}
div.ssdetails img {
	float:left;
	margin-right:5px;
}
div.ssdetails div {
	float:left;
}
div.ssdetails p {
	margin:0;
}
div.ssdetails a {
	color:#000000;
	
}
div.ssdetails a:hover {
	text-decoration:underline;
}

div.ssaddress {

}
div.itemdetails div.content div.ssaddress p {
	margin:0;
	
}
div.ssaddress label {
	display:block;
	width:100px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	margin:0 0 0 15px;
}
div.ssaddress a:hover {
	text-decoration:underline;
}
/*********** Product Display **************/
div#productlist {
	background-color:#ffffff;
	height:1%;
	padding:0 0 10px 0;
}

div#productlist div#prodoutput {
	margin:0;
	padding-bottom:10px;
}
div#productlist div#accessoryoutput {
	margin:0 0 0 10px;
}

div#productlist h2 {
	float:left;
	display:inline;
	width:784px;
	font-size: 1.1em;
	color: #fff;
	margin: 3px 3px 10px 3px;
	padding: 5px 0 5px 10px;
	font-weight: bold;
	border-bottom: solid 3px #ccc;
	background-color: #333;
}

/*** Small sized product display **/
div.productitemsm {
	display:inline;
	float:left;
	width:188px;
	margin:10px 4px 10px 4px;
	
}

div.productitemsm .title {
	color:#000000;
	font-weight:bold;
	width:167px;
	height:1em;
	padding:4px 10px 4px 10px;
	margin:0 0 7px 0;
	display:block;
	overflow:hidden;
	background-image:url(/img/backgrounds/producttitle.jpg);
	background-repeat: no-repeat; 
}
div.productitemsm .image {
	clear:left;
	float:left;
	border:solid 1px #666666;
	margin:0 0 5px 0;
}
div.productitemsm .price {
	font-weight:bold;
	float:left;
}
div.productitemsm p.description {
	display:block;
	clear:left;
	margin:0 0 5px 0;
	line-height:1.6;
	height:3em;
	overflow:hidden;
}
/*** Medium sized product display **/
div.productitemme {
	float:left;
	width:370px;
	margin:10px 10px 10px 10px;
}

div.productitemme div.leftholder {
	height:1%;
	float:left;
	
}
div.productitemme div.rightholder {
	height:1%;
	float:left;
	padding:0;
	width:180px;
	
}
div.productitemme div.rightholder p.description {
	height:195px;
	overflow:hidden;
}
div.productitemme div.rightholder p.price {
	font-weight:bold;
	
	margin:0 0 0 0;
}

div.productitemme .title {
	color:#000000;
	font-weight:bold;
	width:167px;
	height:1em;
	padding:4px 10px 4px 10px;
	margin:0 0 7px 0;
	display:block;
	overflow:hidden;
	background-image:url(/img/backgrounds/producttitle.jpg);
	background-repeat: no-repeat; 
}

div.productitemme img {
	clear:left;
	
}

div.productitemme p.description {
	line-height:1.6;
	padding:0;
	margin:0;
}

div.productitemme .button {
	margin-top:10px;
}

/*** Large sized product display **/
div.productitemlg {
	display:inline;
	background-color:#ffffff;
	float:left;
	width:792px;
	padding:4px 4px 4px 4px;
	margin:0;
}

div.productitemlg div.image {
	float:left;
	background-color: #333;
	padding: 10px 10px 0 10px;
	margin:0;
}
div.productitemlg div.image img {
	margin-bottom:10px;
}

div.productitemlg .productinfo {
	
	width:792px;
	background-color: #999;
	float:left;
	margin:0;
	padding:0;
}

div.productinfo .textholder {
	float:left;
	width:448px;
	padding:25px;
}

div.productinfo h1 {
	color: #fff;
	margin: 0 0 10px 0;
	font-size: 1.1em;
}
div.productinfo p{
	color: #ffffff;
	font-weight: normal; 
	line-height: 1.6em;
	padding:0;
	margin:0;
}



div.productitemlg .productinfo .buynow {
	display:inline;
	float:left;
	display:block;
	margin: 22px 0 0 10px;
}

div.productitemlg .productinfo .price {
	display:inline;
	border: solid 1px #fff;
	padding: 3px 7px;
	font-weight: bold;
	margin: 20px 0 0 200px;
	float:left;
}

div.linkedproducts {
	display:inline;
	width:790px;
	margin:0;
	padding:0 0 0 10px;
	float:left;
	background-color:#ffffff;
}
div.linkedproducts h2 {
	font-size:1.1em;
}

div.attributes {
	color: #ffffff;
	margin:20px 0 0 0;
}
div.attributes p.attributetitle {
	font-weight:bold;
}

div.attributeitem {
	margin:10px 0 0 20px;
}
div.attributeitem label {
	display:block;
	width:200px;
	float:left;
}

/*** BASKET STUFF ***/
div#basket {
	margin: 0 0 0 0 ;
	padding: 6px 0 0 8px;
	width: 125px;
	float: right;
	color: #fff;
	border: solid 1px #fff; 
	
}

div#basket a:active, div#basket a:hover {
	color:#cc0033
}

div#basket img.basketimg {
	margin: 0 10px 0 0;
	padding: 0 0 0 5px;
	
}

div#basket p {
	margin: 5px 0 5px 0;
	padding: 0 0 0 30px;
}

/***** View basket *****/
div#basketholder {
	width:800px;
	background-color:#666666;
	float:left;
}
div#basketholder h1 {
	padding:0;
	margin:15px 0 0 10px;
	color:#ffffff;
	font-size:1.1em;
}

div#basketholder div#messages {
	
	display:inline;
	float:left;
	width:330px;
	
	margin:50px 20px 50px 20px;
}

div#basketholder div#messages p {
	font-weight:bold;
	color:#ffffff;
	margin:10px 0 0 0;
}

div#basketholder div#messages ul {
	color:#ffffff;
	font-weight:bold;
	margin-top:0;
}

div#basketholder div#fields {
	
	display:inline;
	float:left;
	width:370px;
	height:1%;
	margin:50px 0px 50px 20px;
	
}

div#basketholder div#fields label {
	display:block;
	width:140px;
	float:left;
	font-weight:bold;
	color:#ffffff;
	margin:5px 0 0 0;
}
div#basketholder div#fields input {
	margin:3px 0 0 0;
}

div#basketholder div#fields .total {
	display:block;
	color:#ffffff;
	font-weight:bold;
	margin-top:5px;
}


table.basketdisplay {
	margin:15px 10px 50px 10px;
	border-collapse:collapse;
	width:780px;
}

table.basketdisplay thead th {
	color:#ffffff;
	border:solid 0px;
	
}
table.basketdisplay thead th.start {
	border-left:solid 6px #999999;
	
}
table.basketdisplay thead th.end {
	border-right:solid 6px #999999;
}
table.basketdisplay thead th.spacer {
	height:5px;
	line-height:5px;
}
table.basketdisplay thead th div {
	background-color:#999999;
	padding:10px;
	margin:0 2px 0 2px;
	
}
table.basketdisplay thead th div.start {
	margin-left:0;
	
}
table.basketdisplay thead th div.end {
	margin-right:0;
}

table.basketdisplay thead th.itemcount {
	width:50px;
}

table.basketdisplay thead th.details {
	width:410px;
}
table.basketdisplay thead th.quantity {
	width:120px;
	text-align:center;
}
table.basketdisplay thead th.uprice {
	text-align:right;
	width:100px;
}
table.basketdisplay thead th.lprice {
	text-align:right;
	width:100px;
}


table.basketdisplay tbody tr  {

	
	
	
	background-color:#ffffff;
}

table.basketdisplay tbody td {
	padding:5px 10px 5px 10px;
	font-weight:bold;
	border-top:solid 6px #cccccc;
	border-bottom:solid 6px #cccccc;
}
table.basketdisplay tbody td.start {
	border-left:solid 6px #cccccc;
}
table.basketdisplay tbody td.end {
	border-right:solid 6px #cccccc;
}

table.basketdisplay tbody td.description {
	color:#cc0033;
}

table.basketdisplay tbody td.description ul.attributes {
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	color:#000000;
	font-size:0.8em;
}
table.basketdisplay tbody td.description ul.attributes li label {
	
}
table.basketdisplay tbody td.qty {
	text-align:center;
}
table.basketdisplay tbody td.qty div#qtyholder {
	margin:0 auto;
	
	
	
}
table.basketdisplay tbody td.qty div#qtyholder a, 
table.basketdisplay tbody td.qty div#qtyholder a:link, 
table.basketdisplay tbody td.qty div#qtyholder a:visited {
	display:block;
	width:12px;
	float:left;
	border:solid 1px #000000;
	padding:3px 5px;
	margin:0;
	color:#000000;
	margin:1px;
}
table.basketdisplay tbody td.qty div#qtyholder a:active,
table.basketdisplay tbody td.qty div#qtyholder a:hover {
	background-color:#000000;
	border:solid 1px #cc0033;
	color:#ffffff;

}
table.basketdisplay tbody td.qty div#qtyholder span {
	display:block;
	float:left;
	border:solid 1px #cccccc;
	padding:3px 5px;
	margin:1px;
}
table.basketdisplay tbody td.price {
	text-align:right;
}






table.basketdisplay tfoot td.totaltext {
	text-align:right;
	background-color: #666666;
	color:#ffffff;
	font-weight:bold;
	padding-bottom:10px;
}
table.basketdisplay tfoot td.total {
	text-align:right;
	background-color: #666666;
	color:#ffffff;
	font-weight:bold;
	padding:0 10px 10px 0;
	
}

table.basketdisplay tfoot td.cardoptions {
	padding: 0 10px 10px 0;
	color:#ffffff;
}
table.basketdisplay tfoot td.selectedcard {
	padding: 0 0 10px 0;
	color:#ffffff;
	text-align:right;
	font-weight:bold;
	
	padding:0;
	margin:0;
}

table.basketdisplay tfoot td.cardoptions p, 
table.basketdisplay tfoot td.selectedcard p {
	text-align:right;
	font-weight:bold;
	display:block;
	padding:0;
	margin:0;
}

table.basketdisplay tfoot td.cardoptions div.carditem {
	float:right;
	
	margin-left:10px;
	
	text-align:center;
}

table.basketdisplay tfoot td.cardoptions div.carditem label {
	cursor:pointer;
}

table.basketdisplay tfoot td.cardoptions div.carditem input {
		
}

table.basketdisplay tfoot td.cardoptions div.carditem img {
	display:block;
}

table.basketdisplay tfoot td.controls, div.controls {
	text-align:right;
	background-color: #666666;
	font-weight:bold;
	padding-top:10px;
	
	border-top:solid 2px #cccccc;
}
div.controls {
	display:inline;
	float:left;
	width:760px;
	margin:0 10px 50px 10px;
	padding:10px 20px 0 0;
	
}

table.basketdisplay tfoot td.controls a, 
table.basketdisplay tfoot td.controls a:link, 
table.basketdisplay tfoot td.controls a:visited, 
div.controls a,
div.controls a:link,
div.controls a:visited {
	display:block;
	
	border:solid 1px #ffffff;
	margin:0 20px 0 0;
	padding:5px 10px;
	float:right;
	font-size:1em;
	font-weight:bold;
	background-color:#cccccc;
	color:#000000;
}
table.basketdisplay tfoot td.controls a:active, 
table.basketdisplay tfoot td.controls a:hover, 
div.controls a:active, 
div.controls a:hover {
	color:#cc0033;
}



table.basketdisplay tfoot td.controls a.next, 
div.controls a.next {
	display:inline;
	margin-right:10px;
}

table.basketdisplay tfoot td.controls input, 
div.controls input {
	display:block;
	
	border:solid 1px #ffffff;
	margin:0 0 0 0;
	padding:5px 10px;
	float:right;
	font-size:1em;
	font-weight:bold;
	background-color:#cccccc;
	color:#000000;
}
div.controls input.next {
	width:75px;
}
div.controls input.makepayment {
	width:auto;
}
table.basketdisplay tfoot td.controls input:hover, 
div.controls input:hover {
	color:#cc0033;
}



/************* Styles that may be used by text editor ***********/
/** Widths **/
.w50 {width:50px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}


/** Margins **/
.margintop5 {margin-top:5px;}
.marginright5 {margin-right:5px;}
.marginbottom5 {margin-bottom:5px;}
.marginleft5 {margin-left:5px;}

.margintop10 {margin-top:10px;}
.marginright10 {margin-right:10px;}
.marginbottom10 {margin-bottom:10px;}
.marginleft10 {margin-left:10px;}

.margintop15 {margin-top:15px;}
.marginright15 {margin-right:15px;}
.marginbottom15 {margin-bottom:15px;}
.marginleft15 {margin-left:15px;}

.margintop25 {margin-top:25px;}
.marginright25 {margin-right:25px;}
.marginbottom25 {margin-bottom:25px;}
.marginleft25 {margin-left:25px;}

/** Colors **/
.red {color:#ff0000;}
.white {color:#ffffff;}





/************Table Based Body Mixture**************/

table th {
	
	border: solid 1px blue;
	width:200px;
}



table tr div#topBody {
	margin-left: 0;
	margin-right: 0;
	text-align: centre;
	margin-left: 5px;
	margin-top: 2px;
}
table tr .introduction {
	width: 345px; 
	height: 225px;
	background-color:#999999;
	padding-left: 5px;
	border-left: solid 5px #fff;
	margin: 0 0;
	padding: 0 0;
	border: solid 1px red;
}
table tr h1 {
	color: #fff;
	font-size: 1em;
	padding: 0 0 10px 15px;
	margin: 0 0;
}

table tr .introduction p {
	color: #ffffff;
	font-weight: normal; 
	padding: 0 0 0 15px;
	line-height: 1.6em;
	margin: 0;
}

table tr .introduction span.blue {
	color: #cfe7f7;
}
table tr div#intro {
	width: 345px;
	margin: 0 0;
	padding: 0 0;
	border: solid 1px red;
}




table.layout {
	width:789px;
	display:inline;
	margin:5px 2px 0 5px;
	padding:0;
	float:left;
	background-color:#ffffff;
	
}

table.layout td div {
	
}

table.layout td a.readmore {
	clear:left;
	float:left;
	font-style: italic;
}
table.layout td a.readmore:hover {
	text-decoration:underline;
}
table.layout td a.pbutton {
	margin:10px 3px 0 0;
	float:left;
}

table.layout tr td div.truncatedborder {
	border-left:solid 1px #cfe7f7;
	height:200px;
	margin:1em 0 1em 0;
	height:1%;
	
}
table.layout tr.grey {
	background-color:#999999;
	color:#ffffff;
}
table.layout tr.grey td h2 {
	color:#ffffff;
	margin:0;
	
}

table.layout td.cellsingle {
	width:195px;
	
	vertical-align:top;
	
}

table.layout td.celldouble {
	width:397px;
	vertical-align:top;
	
}



table.layout td.celldouble div.textonly p {
	display:inline;
	width:350px;
	margin:0px 0 12px 10px;
	float:left;
}

table.layout td p.description {
	width:180px;
	margin:0;
}
table.layout td div.textonly {
	
	
}
table.layout td.celltriple {
	width:498px;
	vertical-align:top;
}
table.layout td.cellquad {
	width:798px;
	vertical-align:top;
}
table.layout td div#topBody {
	display:inline;
	padding:0;
	
	float:left;
	margin:0;
}















div.confirmation {
	display:inline;
	float:left;
	margin:25px;
	color:#ffffff;
	
	width:750px;
}

div.confirmation h1 {
	font-size:1.2em;
	
}
div.confirmation div.introtext {
	width:720px;
	float:left;
	
	margin:0;
}

div.orderdetails {
	height:1%;
}

div.orderdetails label {
	display:block;
	width:150px;
	font-weight:bold;
	float:left;
	margin:0;
}
div.orderdetails p {
	margin:0 0 5px 0;
}
div.orderdetails h2 {
	margin:0 0 10px 0;
	font-size:1.2em;
}

div.orderheader {
display:inline;
	float:left;
	padding:10px;
	margin:10px;
	height:1%;
}

div.ordercustomer {
	display:inline;
	float:left;
	padding:10px 10px 10px 50px;
	margin:10px 10px 10px 30px;
	border-left:solid 1px white;
	height:1%;
}
div.ordercustomer div {
	float:left;
}

div.orderlines {
	
	clear:left;
	float:left;
	margin:0;
}

div.orderlines table {
	
	border:none;
	border-collapse:collapse;
	width:740px;
	
}
div.orderlines table td {
	padding:5px;
	border:solid 1px #ffffff;
}
div.orderlines table thead th{
	background-color:#999999;
	border:solid 1px #999999;

}
div.orderlines table thead th.qty, div.orderlines table td.qty{
	text-align:center;
}
div.orderlines table thead th.total, div.orderlines table td.total{
	text-align:right;
}
div.orderlines table tfoot td{
	text-align:right;
	border:solid 1px #ffffff;
}