@charset "UTF-8";
/* CSS Document */
/*
p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -1px;
	text-decoration: none;
}
*/
p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color:White;
	letter-spacing: 0px;
	text-decoration: none;
	margin-top:0px;
	margin-right:0px;
}
/*
h1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #acacac;
	letter-spacing: -2px;
	text-decoration: none;
}
*/
h1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	color: #CC3300;
	letter-spacing: -1px;
	text-decoration: none;
	margin-bottom:0px;
}

h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	color:GrayText;
	letter-spacing: -1px;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom:0px;
	
}

h3  {
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 18px;
	text-align: left;
	font-weight: bold;
	color:GrayText;*/
	letter-spacing: -1px;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom:0px;
	
}
body {
	text-align: center;
	min-width:742px;
	background-color: #FFFFFF;
 }
	

#container {
	width: 742px;
	margin-top: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: left;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}



#shortcontainer {
	width: 900px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background-color: #FFFFFF;
	
}


#header {
	/*height: 93px;
	width: 742px;
	*/
	height: 120px;
	width: 900px;
	float: left;
	position: relative;
	clear: both;
	text-align: left;
	visibility: visible;
}
/*
#homeimage {
	width: 768px;
	float: left;
	position: fixed;
	text-align: left;
	clear: both;
	top: 180px;	
}
*/

#horizontal {
	width: 768px;
	float: left;
	position: fixed;
	text-align: left;
	top: 180px;
	height: 5px;
	
}

#footer {
	height: auto;
	width: 900px;
	float: left;
	position: relative; 
	clear: both;
	visibility: visible;
	/*text-align:right;*/
	text-align:center;
	vertical-align: text-bottom;
	padding:5px;

}

#footer2 {
	height: 40px;
	width: 742px;
	float: left;
	position: relative;
	clear: both;
	visibility: visible;
	text-align: justify;
	vertical-align: text-bottom;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	vertical-align: baseline;
}



a.footer:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	
}
	a.footer:hover {
	color: #0071BC;
	text-decoration: none;
}



#left {
	height: 130px;
	width: 37px;
	float: left;
	visibility: visible;
	float: left;
	position: relative;
}

#left2 {
	height: 220px;
	width: 37px;
	float: left;
	visibility: visible;
	float: left;
	position: relative;
}


#verticalspace {
	height: 130px;
	width: 32px;
	float: left;
	visibility: visible;
	float: left;
	position: relative;
}

#verticalspace3 {
	height: 280px;
	width: 32px;
	float: left;
	visibility: visible;
	float: left;
	position: relative;
}

#wrapspacer {
	height: 210px;
	width: 32px;
	float: left;
	visibility: visible;
	float: left;
	position: relative;
}


#verticalspace2 {
	height: 220px;
	width: 32px;
	float: left;
	visibility: visible;
	float: left;
	position: relative;
}
/*
#cardbox {
	width: 160px;
	height: 130px;
	float: left;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	position: relative;
}

#wrapbox {
	width: 161px;
	height: 270px;
	float: left;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	position: relative;
}

#wallpaperpbox {
	width: 450px;
	height: 349px;
	float: left;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	position: relative;
}

#cards {
	width: 160px;
	height: 220px;
	float: left;
	position: relative;
}

#wrap {
	width: 161px;
	height: 260px;
	float: left;
	position: relative;
}

#cardslge {
	width: 251px;
	height: 360px;
	float: left;
	position: relative;
}

#wrapslge {
	width: 350px;
	height: 490px;
	float: left;
	position: relative;
}

#furolge {
	width: 275px;
	height: 425px;
	float: left;
	position: relative;
}
*/

.codes{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -1px;
	text-decoration: none;
}

.producttitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -1px;
	text-decoration: none;
	line-height: 22px;
}

.subnav{
	height: 45px;
	width: 742px;
	float: left;
	position:absolute;
	text-align:left;
	/*left:-106px;*/
	left:0px;
	top:25px;
	clear: both;
	/*visibility: hidden; uses visibility now rather than display: note this has stopped ie from working */
	/*display:none;*/
}
.subnav2{
	height: 45px;
	width: 742px;
	float: left;
	position:absolute;
	text-align:left;
	/*left:-106px;*/
	left:0px;
	top:25px;
	clear: both;
	/*visibility: hidden; uses visibility now rather than display: note this has stopped ie from working */
	/*display:none;*/
}
#oldvsnav {
	height: 45px;
	width: 742px;
	float: left;
	position: relative;
	clear: both;
	visibility: visible;
	/*text-align: left;
	*/
	/*text-align: center;
	*/
}

#nav {
	height:30px;
	width: 742px;
	float: left;
	position: relative;
	clear: both;
	visibility: visible;
	text-align: left;
	/*
	text-align: center;*/
}


#title {
	height: 30px;
	width: 742px;
	float: left;
	position: relative;
	clear: both;
	visibility: visible;
}


#productdescription {
	height: 60px;
	width: 742px;
	float: left;
	position: relative;
	clear: both;
	visibility: visible;
}

.cardbox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	color: #00aeef;
	letter-spacing: -1px;
	text-decoration: none;

}

a.description:link { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	color: #000000;
	letter-spacing: -1px;
	text-decoration: none;
	
}

a.description:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	color: #000000;
	letter-spacing: -1px;
	text-decoration: none;
	
}
	
	
	a.description:hover {
	color: #00aeef;
	text-decoration: none;
}

.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color:#CC3300;
	letter-spacing: -2px;
	text-decoration: none;
}

a.red:link { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #CC3300;
	letter-spacing: -2px;
	text-decoration: none;
	
}
/*	
a.red:hover {
	color:#FF0000;
	text-decoration: none;
}
*/
.redshade {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color:#D59288;
	letter-spacing: -2px;
	text-decoration: none;

}

a.redshade:link { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #D59288;
	letter-spacing: -2px;
	text-decoration: none;
	
}
/*	
a.redshade:hover {
	color:gray;
	text-decoration: none;
}
*/
.black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color:black;
	letter-spacing: -2px;
	text-decoration: none;

}

a.black:link { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: black;
	letter-spacing: -2px;
	text-decoration: none;
	
}
/*	
a.black:hover {
	color:gray;
	text-decoration: none;
}
*/

.blackshade {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color:Gray;
	letter-spacing: -2px;
	text-decoration: none;

}

a.blackshade:link { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color:Gray;
	letter-spacing: -2px;
	text-decoration: none;
	
}
/*	
a.blackshade:hover {
	color:gray;
	text-decoration: none;
}
*/



.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color:#CC3300;
	letter-spacing: -2px;
	text-decoration: none;

}

a.new:link { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #CC3300;
	letter-spacing: -2px;
	text-decoration: none;
	
}
	
a.new:hover {
	color:#FF0000;
	text-decoration: none;
}

.newtext  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #ec008c;
	letter-spacing: -2px;
	text-decoration: none;
}


.newtext p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #000000;
	letter-spacing: -1px;
	text-decoration: none;
	line-height: 20px;
	font-weight: normal;
}



.homenew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #663300;
	letter-spacing: -2px;
	text-decoration: none;

}

a.homenew:link { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #663300;
	letter-spacing: -2px;
	text-decoration: none;
	
}
	
a.homenew:hover {
	color: #cc9966;
	text-decoration: none;
}
			

/* following products not required
.products {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -2px;
	text-decoration: none;
}

a.products:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -2px;
	text-decoration: none
}

a.products:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -2px;
	text-decoration: none
}


a.products:hover {
	color: #00aeef;
	text-decoration: none;
}
*/

/* products2 replaced by subnav class
.products2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -2px;
	text-decoration: none;
}

a.products2:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #acacac;
	letter-spacing: -2px;
	text-decoration: none
}


a.products2:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #acacac;
	letter-spacing: -2px;
	text-decoration: none
}


a.products2:hover {
	color: #00aeef;
	text-decoration: none;
	}
*/
.subMenu0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #acacac;
	letter-spacing: -2px;
	text-decoration: none;
}	

.subMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #CC3300;
	letter-spacing: -2px;
	text-decoration: none;
}

a.subMenu:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #acacac;
	letter-spacing: -2px;
	text-decoration: none
}

/* next bit works with 'hover' to change colour */
a.subMenu:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #acacac;
	letter-spacing: -2px;
	text-decoration: none
}


a.subMenu:hover {
	color: #CC3300;
	text-decoration: none;
	}

/* test to solve firefox problem for sub menu */
.subMenu1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #CC3300;
	letter-spacing: -2px;
	text-decoration: none;
}

a.subMenu1:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #acacac;
	letter-spacing: -2px;
	text-decoration: none
}

a.subMenu1:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #acacac;
	letter-spacing: -2px;
	text-decoration: none
}


a.subMenu1:hover {
	color: #CC3300;
	text-decoration: none;
	}
	
.subMenuShade {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color:Gray;
	letter-spacing: -2px;
	text-decoration: none;
}

a.subMenuShade:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: Gray;
	letter-spacing: -2px;
	text-decoration: none
}

a.subMenuShade:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: Gray;
	letter-spacing: -2px;
	text-decoration: none
}


a.subMenuShade:hover {
	color: Gray;
	text-decoration: none;
	}


.subMenuBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color:Black;
	letter-spacing: -2px;
	text-decoration: none;
}

a.subMenuBlack:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: Black;
	letter-spacing: -2px;
	text-decoration: none
}

/* next bit works with 'hover' to change colour */
a.subMenuBlack:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color:Black;
	letter-spacing: -2px;
	text-decoration: none
}


a.subMenuBlack:hover {
	color: #CC3300;
	text-decoration: none;
}


.subMenuRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color:#CC3300;
	letter-spacing: -2px;
	text-decoration: none;
}

a.subMenuRed:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #CC3300;
	letter-spacing: -2px;
	text-decoration: none
}

/* next bit works with 'hover' to change colour */
a.subMenuRed:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color:#CC3300;
	letter-spacing: -2px;
	text-decoration: none
}


a.subMenuRed:hover {
	color: #CC3300;
	text-decoration: none;
}
	



.designtext h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	color: #a863a8;
	letter-spacing: -1px;
	text-decoration: none;
}

a.artists:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -1px;
	text-decoration: none;
}

a.artists:hover {
	color: #a863a8;
	text-decoration: none;
}



.design {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -2px;
	text-decoration: none;
}

a.design:link { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -2px;
	text-decoration: none; }

a.design:hover {
	color: #a863a8;
	text-decoration: none;
}

.designtext  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #a863a8;
	letter-spacing: -2px;
	text-decoration: none;
}


.designtext p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -1px;
	text-decoration: none;
}


.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -2px;
	text-decoration: none;
}



a.contact:link { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #555555;
	letter-spacing: -2px;
	text-decoration: none; }

a.contact:hover {
	color: #f7941c;
	text-decoration: none;
}




#web {
	width: 843px;
	float: left;
	position: relative;
	/*text-align: left;
	*/
	text-align: center;
	clear: both;
	
	/*left:50%;*/
	margin-left:40px;
    top: 0px;
    left: 0px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

/*si - created for p*/
/*.hometext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight:bold;
	color:white;
}
*/
.hometext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight:bold;
	color:white;
	text-decoration: none;
	letter-spacing: 0px;
}

/*si addition */
#hometext {
	width: 399px;
	height:350px;
	float: left;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color:white;
	background-color:black;
	text-decoration: none;
	letter-spacing: 0px;
	padding:15px;

}
#homeimage {
	width: 350px;
	height:400px;
	float: left;
	clear: both;
}

#homeimage2 {
	width: 375px;
	float:left;
	text-align: left;
	vertical-align: text-top;
	/*background-color:black;
	*/
	/*clear: both;*/
	/*padding-bottom:172px;*//*added padding to move image up. But not ideal as chage of image means reajusting this*/

}
#aboutusimage {
	width: 519px;
	float:left;
	text-align: left;
	vertical-align: text-top;
    height: 480px;
    background-color: #000000;
}
#groundimage {
	width: 408px;
	float:left;
	text-align: left;
	vertical-align: text-top;
    height: 523px;
    background-color: #000000;
}

#groundtext {
	/*width: 275px;*/
	width: 355px;
	height:610px;
	float: left;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color:white;
	background-color:black;
	text-decoration: none;
	letter-spacing: 0px;
	padding:15px;

}
#resultstext {
	width: 292px;
	height:356px;
	float: left;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color:white;
	background-color:black;
	text-decoration: none;
	letter-spacing: 0px;
	padding:15px;

}
#resultstextyv {
	width: 292px;
	height:622px;
	float: left;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color:white;
	background-color:black;
	text-decoration: none;
	letter-spacing: 0px;
	padding:15px;

}
#resultsimageyv {
	width: 473px;
	float:left;
	text-align: left;
	vertical-align: text-top;
    height: 619px;
    background-color: #000000;
    
    	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color:white;
		text-decoration: none;
	letter-spacing: 0px;
	padding:15px;
}
#resultsimage {
	width: 486px;
	float:left;
	text-align: left;
	vertical-align: text-top;
    height: 324px;
    background-color: #000000;
}
#unitext {
	width: 370px;
	height:725px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color:white;
	background-color:black;
	text-decoration: none;
	letter-spacing: 0px;
	padding:15px;

}
#unimage {
	width: 350px;
	height:400px;
	float: left;
}

#coctext {
	width: 530px;
	height:820px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color:white;
	background-color:black;
	text-decoration: none;
	letter-spacing: 0px;
	padding:15px;
}
#matchtext {
	width: 530px;
	height:3300px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color:white;
	background-color:black;
	text-decoration: none;
	letter-spacing: 0px;
	padding:15px;
}
#cocyvtext {
	width: 607px;
	height:2414px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color:white;
	background-color:black;
	text-decoration: none;
	letter-spacing: 0px;
	padding:15px;
    margin-right: 0px;
}

.cocimage{
	width: 250px;
	/*height:400px;*/
	float: left;
		text-align: left;
	vertical-align: text-top;

}
#aboutustext {
	/*width: 275px;*/
	width: 254px;
	height:450px;
	float: left;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color:white;
	background-color:black;
	text-decoration: none;
	letter-spacing: 0px;
	padding:15px;

}

#aboutusyvtext {
	width: 287px;
	height:320px;
	float: left;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color:white;
	background-color:black;
	text-decoration: none;
	letter-spacing: 0px;
	padding:15px;

}