body{
  background-image:url(/images/swish.png);
  background-position:top center;
  background-repeat:no-repeat;
}
h1.cart{
	color:#FFF200;
	font-size:12pt;
	margin-top:20px;
	margin-bottom:20px;
}
table#invDetails{
	font-size:90%;
}
table#invDetails #heading{
	font-size:160%;
	color:#FFF200;
	margin-bottom:20px;
}
table#invDetails td{
	padding:0px;
}
table#invDetails td + td{
	text-align:right;
}
table.cart{
	border-collapse:collapse;
}
table.cart th{
	border-bottom:1px #FFF200 solid;
	color:#00ABED;
	vertical-align:top;
}
table.cart td{
	border-bottom:1px #2e2729 solid;
	vertical-align:top;
}
table.cart td.sum{
	border-bottom:none;
}
div.createOrder{
	border:1px #FFF200 solid;
	padding:20px;
	margin-bottom:20px;
}
div.createOrder select{
	width:100%;
	font-size:100%;
}
div.createOrder input{
	width:100%;
	font-size:100%;
}
div.createOrder textarea{
	width:100%;
	height:75px;
}
div.createOrder table td{
	vertical-align:top;
}
div.createOrder table#details{
	vertical-align:top;
	padding:0px 60px;
}
div.buttons{
	text-align:center;
	margin-bottom:30px;
}

div.container div.strip{
  background-color:#e2e2ed;
  height:10px;
}
div.container div.heading{
  padding-top:20px;
  overflow:hidden;
  zoom:1;
}
div.container div.navigation{
  overflow:hidden;
  zoom:1;
  float:left;
  width:190px;
}
div.container ul#navigation{
  width:100px;
  background-color:#e2e2ed;
  background-image:url(/images/nav.png);
  background-position:top left;
  background-repeat:no-repeat;
  padding-top:65px;
  padding-bottom:65px;
  padding-left:75px;
  padding-right:15px;
  margin:0px;
  height:180px;
}
div.container ul#navigation li{
  list-style:none;
}
div.container ul#navigation li a{
  text-decoration:none;
  color:black;
  font-size:120%;
}
div.container ul#navigation li a.selected{
  text-decoration:none;
  color:#00abed;
  font-size:120%;
}
div.container div.elements{
  overflow:hidden;
  zoom:1;
}
div.container div.right-bar{
  background-color:#e2e2ed;
  width:27px;
  height:180px;
  float:left;
  overflow:hidden;
  zoom:1;
  padding-top:45px;
  padding-bottom:45px;
}
div.container a{
  color:#00abed;
}
div.container div.display{
  float:left;
  width:673px;
}
div.container div.slogan{
  background-image:url(/images/slogan.png);
  background-repeat:no-repeat;
  background-position:bottom left;
  overflow:hidden;
  zoom:1;
  height:166px;
  text-align:right;
  padding-left:400px;
}
div.container div.slogan + div{
  text-align:right;
  float:right;
  width:250px;
}
div.container div.content{
  background-image:url(/images/bgd.png);
  padding-top:30px; 
  padding-left:30px;
  padding-right:30px;
  overflow:hidden;
  zoom:1;
}
div.container div.content-footer{
  background-image:url(/images/footer.png);
  height:55px;
}
div.container div.logo{
  padding-left:75px;
}
div.container div.colour-copy{
  padding-left:20px;
}
div.container div#footer{
  padding:20px;
  text-align:center;
}
div.container div#footer a{
  color:#a7af0e;
  text-decoration:none;
}
div.container a#canvas{
  background-image:url(/images/canvas.jpg);
  background-position:top;
  background-repeat:no-repeat;
  display:block;
  width:618px;
  height:172px;
}
div.container a#canvas:hover{
  background-image:url(/images/canvas.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  display:block;
  width:618px;
  height:172px;
}
div.container a#flyer{
  background-image:url(/images/flyer.jpg);
  background-position:top;
  background-repeat:no-repeat;
  display:block;
  width:618px;
  height:172px;
}
div.container a#flyer:hover{
  background-image:url(/images/flyer.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  display:block;
  width:618px;
  height:172px;
}
div.container a#canvas-small{
  background-image:url(/images/canvas-small.jpg);
  background-position:top;
  background-repeat:no-repeat;
  display:block;
  width:250px;
  height:70px;
	margin-top:10px;
}
div.container a#canvas-small:hover{
  background-image:url(/images/canvas-small.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  display:block;
  width:250px;
  height:70px;
}
div.container a#flyer-small{
  background-image:url(/images/flyer-small.jpg);
  background-position:top;
  background-repeat:no-repeat;
  display:block;
  width:250px;
  height:70px;
}
div.container a#flyer-small:hover{
  background-image:url(/images/flyer-small.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  display:block;
  width:250px;
  height:70px;
}
div.content{
  color:white;
}
div.content h2{
  color:#fff200;
  font-size:140%;
  margin-bottom:3px;
}
.mainContent{
  overflow:hidden;
  zoom:1;
}
.field img{
  margin:10px;
}
.sideContent{
  float:left;
  width:48%;
  min-height:100px;
  margin-top:50px;
  margin-bottom:2px;
}
.sideContent + .sideContent{
  margin-left:20px;
}
div.elements{
  overflow:hidden;
  zoom:1;
}
table.cart{
	width:100%;
}
table.cart th + th, table.cart td + td{
	text-align:right;
}
#payment-instructions{
	border:solid 1px #00ABED;
	padding:20px;
	margin-bottom:20px;
	text-align:center;
	overflow:hidden;
	zoom:1;
}
#payment-instructions h2{
	text-align:center;
	margin-bottom:10px;
}
#payment-instructions div{
	overflow:hidden;
	zoom:1;
}
#payment-instructions div div{
	float:left;
	width:50%;
	text-align:left;
}
#payment-instructions div div + div{
	float:left;
	width:50%;
	text-align:right;
}
.dont-dispay{
	display:none;
}
table.orderIndex{
	border-collapse:collapse;
}
table.orderIndex th{
	border-bottom:1px solid #00ABED;
}
#canvas-type{
	display:none;
	padding:30px 5px;
	min-height:200px;
}
#canvas-type div{
	float:left;
	width:180px;
	text-align:center;
	color:white;
	font-weight:bold;
	
}
#canvas-type div.selected{
	background-color:#464646;
	border:solid 1px #FFF200;
	margin:-1px;
	color:#FFF200;
}
table.form{
	width:450px;
	border:solid 1px #FFF200;
	padding:20px;
	margin-left:50px;
}
table.form th{
	width:100px;
	vertical-align:top;
}
table.form td{
}
table.form td input, table.form td textarea{
	width:100%;
}
table.form td textarea{
	height:100px;
}