img, div { behavior: url(css/iepngfix.htc) }

#logoSize1, #logoSize2, #logoSize3, #logoSize4, #logoSize5, #logoSize6, #logoSize7, #logoSize8, #logoSize9, #logoSize10, #logoSize11, #logoSize12 {
	position: absolute;
	top: 480px;
	width:200px;
	left:0px;
}

#logoPositionSmallWolf, #logoPositionLargeWolf, #logoPositionSmallClio, #logoPositionMediumClio, #logoPositionLargeClio, #logoPositionSmallSti, #logoPositionMediumSti, #logoPositionLargeSti, #logoPositionSmallGti, #logoPositionMediumGti, #logoPositionLargeGti {
	visibility:hidden;
}

#logoPositionSmallWolf, #logoPositionMediumWolf, #logoPositionLargeWolf, #logoPositionSmallClio, #logoPositionMediumClio, #logoPositionLargeClio, #logoPositionSmallSti, #logoPositionMediumSti, #logoPositionLargeSti, #logoPositionSmallGti, #logoPositionMediumGti, #logoPositionLargeGti {
/*	position: absolute;*/
	top: 500px;
	left:0px;
	width:300px;
}
 
.logoSizeWolf, .logoSizeClio, .logoSizeGti, .logoSizeSti {
	position: absolute;
	top: 10px;
	visibility:hidden;
} 

.matContainer {
	width: 100%;
	border:#333 solid 0px;
	display:inline;
}

.panel {
	position:absolute;
	top:240px;
	left:350px;
	width:210px;
	z-index: 18;
}

#panel4a {
	position:absolute;
	top:240px;
	left:350px;
	width:210px;
	z-index: 92;
	visibility:hidden;
}

.matStyle, .borderStyle{
	float: right;
	width:350px;
	height:450px;
	top:240px;
	right:50px;
	position:absolute;
	margin-left:500px;
}

#dhtmltooltip{
	position: absolute;
	width: 200px;
	border: 2px solid #ff0000;
	padding: 5px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}



.logoStyle {
	width:141px;
	height:109px;
	top:507px;
	right:156px;
	position:absolute;
	z-index: 25;
}


.yourText {
	width:30px;
	height:233px;
	top:387px;
	right:103px;
	position:absolute;
	z-index: 25;
	visibility: visible;
}


.yourLogo {
	width:145px;
	height:188px;
	top:446px;
	right:123px;
	position:absolute;
	z-index: 25;
	visibility: visible;
}


#design-o-mat {
	width:100%;
	font-size: 1em;
	margin-left: 0.5em;
	padding-bottom: 0.5em;
}


#minWidthStyle {
  min-width:950px;
  width:auto !important;
  width:1024px;
}

/*#TextLayer {
	right: 165px;
	top:480px;
	width:176px;
	height:78px;
	float: right;
}*/

#TextLayer {	
	position:absolute;
	right:165px;
	top:480px;
	width:176px;
	height:34px;
	z-index:99;
	background-color: none;
	/*opacity: .10;
	filter: alpha(opacity=10);*/
}

/*

#swapFontColorSmall {
	border: #CCC dotted 1px;
	background: url(../images/blank.gif) repeat top;
	height: 30px;
	text-align:center;
	width:230px;
	font-family: ;
}

#swapFontColorMedium {
	border: #CCC dotted 1px;
	background: url(../images/blank.gif) repeat top;
	height: 30px;
	font-size:26px;
	text-align:center;
	width:230px;
	font-family: ;
}

#swapFontColorLarge {
	border: #CCC dotted 1px;
	background: url(../images/blank.gif) repeat top;
	height: 30px;
	font-size:33px;
	text-align:center;
	width:230px;
	font-family: ;
}*/

#tabs {
	display: block;
	float: left;
	width: 100%;
  }      

  
 
.tab { 
	border-collapse: collapse; 
	border-style: solid;  
	border-color: #fff; 
	border-width: 1px; 
	background-color: #ff0000; 
	padding: 2px 0.5em 2px 0.5em; 
	margin-top: 4px;
	margin-right: 2px;
	font-family: verdana; 
	text-decoration: none;
	float: left;
	color: #fff;        
  }

.options {
	height: 35em
}


#tabs1, #tabs2, #tabs3, #tabs4, #tabs5, #tabs6, #tabs7 {
	position:absolute;
	top:200px;
	left:350px;
	width:500px;
	z-index: 12;
}

#tabs1a, #tabs2a, #tabs3a {
	position:absolute;
	top:58px;
	left: 0px;
	width:300px;
}

#activeTab {
	border-collapse: collapse; 
	border-style: solid;  
	border-color: #ff0000; 
	border-width: 1px; 
	background-color: #fff; 
	padding: 2px 0.5em 2px 0.5em; 
	margin-top: 4px;
	margin-right: 2px;
	font-family: verdana; 
	text-decoration: none;
	float: left;
	color: #ff0000;        
}

#tabs {
	display: block;
	float: left;
	width: 100%;
  } 

.logoTabs a{
	padding: 2px 2px; 
	border: 1px solid #fff;
	color:#fff; 
	text-decoration: none;
	background-color:#ff0000;
	margin-bottom: 5px 0 5px 0;
}

#chosenLogo {
	padding: 2px 4px; 
	border: 1px solid #ff0000;
	color:#ff0000;
	text-decoration: none;
	background-color:#fff;
	margin-bottom: 5px 0 5px 0;
}

#design-o-matic {
	width: 13em;
	font-size: 1em;
	float:left;
	margin-left: 0.5em;
	padding-bottom: 0.5em;
}

/*.mat, .matBlack, .matAnthraciteGrey, .matLightGrey, .matBeige, .matRed, .matDarkBlue, .matRSBlue {
	height:450px;
	width:350px;
	top:300px;
	right:0px;
	margin: 0 auto;
}*/

#buyMat{
	vertical-align:bottom;
}

/*.mat {
	background:url(../images/mat.gif) no-repeat;
}*/

.matTitle {
	margin-bottom:5px;
}

div#deluxe, div#classic, div#logo, div#logoClio, div#logoSti, div#logoGti, div#logoTop, div#logoBottom, div#logoLeft, div#logoRight, div#hideTop, div#hideBottom, div#hideLeft, div#hideRight, div#hideCentre
{
	position:absolute;
	visibility: hidden;
}

div#matText
{
	position:absolute;
	width: 13em;
	font-weight: bolder
}

.matText
{
	font-weight: bolder;
}

#matText1
{
	width: 18em;
	border: 1px #000 dotted;
	background: none;
	font: Bank Gothic MD BT;
	font-weight:bold;
	top: 300px;
	right:100%
}

.matBlack  {	
	background-image:url(../images/mat_black.gif);
}	

.matAnthraciteGrey  {	
	background-image:url(../images/mat_anthracitegrey.gif);
}

.matLightGrey  {	
	background-image:url(../images/mat_lightgrey.gif);
}

.matBeige  {	
	background-image:url(../images/mat_beige.gif);
}

.matRed  {	
	background-image:url(../images/mat_red.gif);
}


.matDarkBlue  {	
	background-image:url(../images/mat_darkblue.gif);
}


.matRSBlue  {	
	background-image:url(../images/mat_rsblue.gif);
}


 .borderBlack, .borderGrey, .borderLightGrey, .borderWhite, .borderLilac, .borderNavyBlue, .borderRSBlue,.borderMint, .borderLeafGreen, .borderDarkGreen, .borderYellow, .borderOrange, .borderRed, .borderWine, .borderBeige {
	height:450px;
	width:350px;
	top:300px;
	right:0px;
	margin: 0 auto;
}



.borderBlack  {	
	background-image:url(../images/border_black.gif);
}	

.borderGrey  {	
	background-image:url(../images/border_anthracitegrey.gif);
}	

.borderLightGrey  {	
	background-image:url(../images/border_lightgrey.gif);
}	

.borderWhite  {	
	background-image:url(../images/border_white.gif);
}

.borderLilac  {	
	background-image:url(../images/border_lilac.gif);
}

.borderNavyBlue  {	
	background-image:url(../images/border_navyblue.gif);
}	

.borderRSBlue  {	
	background-image:url(../images/border_rsblue.gif);
}	

.borderMint  {	
	background-image:url(../images/border_mint.gif);
}

.borderLeafGreen  {	
	background-image:url(../images/border_leafgreen.gif);
}

.borderDarkGreen  {	
	background-image:url(../images/border_darkgreen.gif);
}

.borderYellow  {	
	background-image:url(../images/border_yellow.gif);
}

.borderOrange {	
	background-image:url(../images/border_orange.gif);
}

.borderRed {	
	background-image:url(../images/border_red.gif);
}

.borderWine {	
	background-image:url(../images/border_wine.gif);
}

.borderBeige {		
	background-image:url(../images/border_beige.gif);
}

.logo, .logoSti, .logoWolfsburg, .logoClio, .logoGti, .logoBlack, .logoGrey, .logoLightGrey, .logoWhite {	
	height:450px;
	width:350px;
	float: right;
	position:relative;
	z-index:5;
}

.logo, .logoWolf, .logoSti, .logoWolfsburg, .logoClio, .logoGti, .logoBlack, .logoGrey, .logoLightGrey, .logoWhite {	
	height:450px;
	width:350px;
	float: right;
	position:relative;
	z-index:5;
	background:url(../images/logo_blank.gif) 50% 75% no-repeat;
}
.logoz {
	height:145px;
	width:188px;
}


.logozSide {
	height:180px;
	width:180px;
}

.logo {	
	background:url(../images/logo_blank.gif) 50% 75% no-repeat;
}

.logoGti {	
	background:url(../images/logo_gti.gif) 50% 75% no-repeat;
}

.logoClio {	
	background:url(../images/logo_clio.gif) 50% 75% no-repeat;
}

.logoWolfsburg {	
	background:url(../images/logo_wolfsburg.gif) 50% 75% no-repeat;
}

.logoSti {	
	background:url(../images/logo_sti.gif) 50% 75% no-repeat;
}


.logo1  {	
	height:450px;
	width:350px;
	background:url(logo1.gif) 10px 10px no-repeat;
}	

/*  WOLF */

.logoWolfBlack, .logoWolfGrey,.logoWolfLightGrey, .logoWolfWhite, .logoWolfBlack, .logoWolfGrey, .logoWolfLightGrey, .logoWolfWhite, .logoWolfLilac, .logoWolfNavyBlue, 
.logoWolfRSBlue, .logoWolfMint, .logoWolfLeafGreen, .logoWolfDarkGreen, .logoWolfYellow, .logoWolfOrange, .logoWolfRed, .logoWolfWine, .logoWolfBeige {
	height:450px;
	width:350px;
	float: right;
	position:relative;
	z-index:5;
	background:url(../images/logo_blank.gif) 50% 85% no-repeat;
}	

.logoTop, .logoBottom, .logoRight, .logoLeft {
	height:450px;
	width:350px;
	float: right;
	position:relative;
	z-index:5;
	background:url(../images/logo_blank.gif) 50% 85% no-repeat;
}

.logoWolfBlack  {	
	background:url(../images/logo_wolf_black.gif) 50% 85% no-repeat;
}	

.logoWolfGrey  {	
	background:url(../images/logo_wolf_anthracitegrey.gif) 50% 85% no-repeat;
}	

.logoWolfLightGrey  {	
	background:url(../images/logo_wolf_lightgrey.gif) 50% 85% no-repeat;
}	

.logoWolfWhite  {	
	background:url(../images/logo_wolf_white.gif) 50% 85% no-repeat;
}

.logoWolfLilac  {	
	background:url(../images/logo_wolf_lilac.gif) 50% 85% no-repeat;
}

.logoWolfNavyBlue  {	
	background:url(../images/logo_wolf_navyblue.gif) 50% 85% no-repeat;
}	

.logoWolfRSBlue  {	
	background:url(../images/logo_wolf_rsblue.gif) 50% 85% no-repeat;
}	

.logoWolfMint  {	
	background:url(../images/logo_wolf_mint.gif) 50% 85% no-repeat;
}

.logoWolfLeafGreen  {	
	background:url(../images/logo_wolf_leafgreen.gif) 50% 85% no-repeat;
}

.logoWolfDarkGreen  {	
	background:url(../images/logo_wolf_darkgreen.gif) 50% 85% no-repeat;
}

.logoWolfYellow  {	
	background:url(../images/logo_wolf_yellow_lrg.png) 50% 85% no-repeat;
}

.logoWolfOrange {	
	background:url(../images/logo_wolf_orange.gif) 50% 85% no-repeat;
}

.logoWolfRed {	
	background:url(../images/logo_wolf_red.gif) 50% 85% no-repeat;
}

.logoWolfWine {	
	background:url(../images/logo_wolf_wine.gif) 50% 85% no-repeat;
}

.logoWolfBeige {		
	background:url(../images/logo_wolf_beige.gif) 50% 85% no-repeat;
}

/*  CLIO */

.logoClioBlack, .logoClioGrey,.logoClioLightGrey, .logoClioWhite, .logoClioBlack, .logoClioGrey, .logoClioLightGrey, .logoClioWhite, .logoClioLilac, .logoClioNavyBlue, 
.logoClioRSBlue, .logoClioMint, .logoClioLeafGreen, .logoClioDarkGreen, .logoClioYellow, .logoClioOrange, .logoClioRed, .logoClioWine, .logoClioBeige {
	height:450px;
	width:350px;
	float: right;
	position:relative;
	z-index:5;
	background:url(../images/logo_blank.gif) 50% 75% no-repeat;
}	

.logoClioBlack  {	
	background:url(../images/logo_clio_black.gif) 50% 75% no-repeat;
}	

.logoClioGrey  {	
	background:url(../images/logo_clio_anthracitegrey.gif) 50% 75% no-repeat;
}	

.logoClioLightGrey  {	
	background:url(../images/logo_clio_lightgrey.gif) 50% 75% no-repeat;
}	

.logoClioWhite  {	
	background:url(../images/logo_clio_white.gif) 50% 75% no-repeat;
}

.logoClioLilac  {	
	background:url(../images/logo_clio_lilac.gif) 50% 75% no-repeat;
}

.logoClioNavyBlue  {	
	background:url(../images/logo_clio_navyblue.gif) 50% 75% no-repeat;
}	

.logoClioRSBlue  {	
	background:url(../images/logo_clio_rsblue.gif) 50% 75% no-repeat;
}	

.logoClioMint  {	
	background:url(../images/logo_clio_mint.gif) 50% 75% no-repeat;
}

.logoClioLeafGreen  {	
	background:url(../images/logo_clio_leafgreen.gif) 50% 75% no-repeat;
}

.logoClioDarkGreen  {	
	background:url(../images/logo_clio_darkgreen.gif) 50% 75% no-repeat;
}

.logoClioYellow  {	
	background:url(../images/logo_clio_yellow.gif) 50% 75% no-repeat;
}

.logoClioOrange {	
	background:url(../images/logo_clio_orange.gif) 50% 75% no-repeat;
}

.logoClioRed {	
	background:url(../images/logo_clio_red.gif) 50% 75% no-repeat;
}

.logoClioWine {	
	background:url(../images/logo_clio_wine.gif) 50% 75% no-repeat;
}

.logoClioBeige {		
	background:url(../images/logo_clio_beige.gif) 50% 75% no-repeat;
}



    
/*  STI */

.logoStiBlack, .logoStiGrey,.logoStiLightGrey, .logoStiWhite, .logoStiBlack, .logoStiGrey, .logoStiLightGrey, .logoStiWhite, .logoStiLilac, .logoStiNavyBlue, 
.logoStiRSBlue, .logoStiMint, .logoStiLeafGreen, .logoStiDarkGreen, .logoStiYellow, .logoStiOrange, .logoStiRed, .logoStiWine, .logoStiBeige {
	height:450px;
	width:350px;
	float: right;
	position:relative;
	z-index:5;
	background:url(../images/logo_blank.gif) 50% 75% no-repeat;
}	

.logoStiBlack  {	
	background:url(../images/logo_sti_black.gif) 50% 75% no-repeat;
}	

.logoStiGrey  {	
	background:url(../images/logo_sti_anthracitegrey.gif) 50% 75% no-repeat;
}	

.logoStiLightGrey  {	
	background:url(../images/logo_sti_lightgrey.gif) 50% 75% no-repeat;
}	

.logoStiWhite  {	
	background:url(../images/logo_sti_white.gif) 50% 75% no-repeat;
}

.logoStiLilac  {	
	background:url(../images/logo_sti_lilac.gif) 50% 75% no-repeat;
}

.logoStiNavyBlue  {	
	background:url(../images/logo_sti_navyblue.gif) 50% 75% no-repeat;
}	

.logoStiRSBlue  {	
	background:url(../images/logo_sti_rsblue.gif) 50% 75% no-repeat;
}	

.logoStiMint  {	
	background:url(../images/logo_sti_mint.gif) 50% 75% no-repeat;
}

.logoStiLeafGreen  {	
	background:url(../images/logo_sti_leafgreen.gif) 50% 75% no-repeat;
}

.logoStiDarkGreen  {	
	background:url(../images/logo_sti_darkgreen.gif) 50% 75% no-repeat;
}

.logoStiYellow  {	
	background:url(../images/logo_sti_yellow.gif) 50% 75% no-repeat;
}

.logoStiOrange {	
	background:url(../images/logo_sti_orange.gif) 50% 75% no-repeat;
}

.logoStiRed {	
	background:url(../images/logo_sti_red.gif) 50% 75% no-repeat;
}

.logoStiWine {	
	background:url(../images/logo_sti_wine.gif) 50% 75% no-repeat;
}

.logoStiBeige {		
	background:url(../images/logo_sti_beige.gif) 50% 75% no-repeat;
}	


    
/*  STI */

.logoGtiBlack, .logoGtiGrey,.logoGtiLightGrey, .logoGtiWhite, .logoGtiBlack, .logoGtiGrey, .logoGtiLightGrey, .logoGtiWhite, .logoGtiLilac, .logoGtiNavyBlue, 
.logoGtiRSBlue, .logoGtiMint, .logoGtiLeafGreen, .logoGtiDarkGreen, .logoGtiYellow, .logoGtiOrange, .logoGtiRed, .logoGtiWine, .logoGtiBeige {
	height:450px;
	width:350px;
	float: right;
	position:relative;
	z-index:5;
	background:url(../images/logo_blank.gif) 50% 75% no-repeat;
}	

.logoGtiBlack  {	
	background:url(../images/logo_gti_black.gif) 50% 75% no-repeat;
}	

.logoGtiGrey  {	
	background:url(../images/logo_gti_anthracitegrey.gif) 50% 75% no-repeat;
}	

.logoGtiLightGrey  {	
	background:url(../images/logo_gti_lightgrey.gif) 50% 75% no-repeat;
}	

.logoGtiWhite  {	
	background:url(../images/logo_gti_white.gif) 50% 75% no-repeat;
}

.logoGtiLilac  {	
	background:url(../images/logo_gti_lilac.gif) 50% 75% no-repeat;
}

.logoGtiNavyBlue  {	
	background:url(../images/logo_gti_navyblue.gif) 50% 75% no-repeat;
}	

.logoGtiRSBlue  {	
	background:url(../images/logo_gti_rsblue.gif) 50% 75% no-repeat;
}	

.logoGtiMint  {	
	background:url(../images/logo_gti_mint.gif) 50% 75% no-repeat;
}

.logoGtiLeafGreen  {	
	background:url(../images/logo_gti_leafgreen.gif) 50% 75% no-repeat;
}

.logoGtiDarkGreen  {	
	background:url(../images/logo_gti_darkgreen.gif) 50% 75% no-repeat;
}

.logoGtiYellow  {	
	background:url(../images/logo_gti_yellow.gif) 50% 75% no-repeat;
}

.logoGtiOrange {	
	background:url(../images/logo_gti_orange.gif) 50% 75% no-repeat;
}

.logoGtiRed {	
	background:url(../images/logo_gti_red.gif) 50% 75% no-repeat;
}

.logoGtiWine {	
	background:url(../images/logo_gti_wine.gif) 50% 75% no-repeat;
}

.logoGtiBeige {		
	background:url(../images/logo_gti_beige.gif) 50% 75% no-repeat;
}	



.position {
	height:450px;
	width:350px;
	margin-left: 0px;
	float: right
}

.position2 {	
	height:450px;
	width:350px;
	padding-top: 50px;
}


.logoPosSpacing {
	padding-top: 100px
}


/*-- LOGO POSITION --*/

/*.logoCentre  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeft {	
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:490px;
	right:130px;
	position:absolute;
}	

.logoRight {	
	padding-top:10px;
	margin-right:-100px;
	width:188px;
	height:145px;
	top:490px;
	right:130px;
	position:absolute;
}

*/

.logoSide {	
	padding-top:0px;
	width:188px;
	height:145px;
	top:470px;
	right:130px;
	position:absolute;
}

.logoSideNotIE {	
	padding-top:0px;
	width:188px;
	height:145px;
	top:470px;
	right:130px;
	position:absolute;
}


/*---*/

.logoCentre  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeft {	
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:490px;
	right:130px;
	position:absolute;
}	

.logoRight {	
	padding-top:10px;
	margin-right:-100px;
	width:188px;
	height:145px;
	top:490px;
	right:130px;
	position:absolute;
}

/*---*/

.logoCentreWolfSmall  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeftWolfSmall {	
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:530px;
	right:170px;
	position:absolute;
}	

.logoRightWolfSmall {	
	padding-top:10px;
	margin-right:-100px;
	width:188px;
	height:145px;
	top:523px;
	right:100px;
	position:absolute;
}

/*---*/

.logoCentreWolfMedium  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeftWolfMedium {	
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:510px;
	right:150px;
	position:absolute;
}	

.logoRightWolfMedium {	
	padding-top:10px;
	margin-right:-100px;
	width:188px;
	height:145px;
	top:505px;
	right:120px;
	position:absolute;
}

/*---*/

.logoCentreWolfLarge  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeftWolfLarge {	
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:500px;
	right:135px;
	position:absolute;
}	

.logoRightWolfLarge {	
	padding-top:10px;
	margin-right:-100px;
	width:188px;
	height:145px;
	top:490px;
	right:135px;
	position:absolute;
}


/*---*/

.logoCentreClioSmall  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeftClioSmall {	
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:550px;
	right:160px;
	position:absolute;
}	

.logoRightClioSmall {	
	padding-top:10px;
	margin-right:-130px;
	width:188px;
	height:145px;
	top:540px;
	right:140px;
	position:absolute;
}


.logoCentreClioMedium  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeftClioMedium {	
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:540px;
	right:130px;
	position:absolute;
}	

.logoRightClioMedium {	
	padding-top:10px;
	margin-right:-100px;
	width:188px;
	height:145px;
	top:530px;
	right:130px;
	position:absolute;
}



.logoCentreClioLarge  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeftClioLarge {	
	padding-top:20px;
	width:188px;
	height:145px;
	top:527px;
	right:140px;
	position:absolute;
}	

.logoRightClioLarge {	
	padding-top:20px;
	width:188px;
	height:145px;
	top:517px;
	right:50px;
	position:absolute;
}

/*---*/

.logoCentreSmallGti  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeftSmallGti {	
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:540px;
	right:155px;
	position:absolute;
}	

.logoRightSmallGti {	
	padding-top:10px;
	margin-right:-130px;
	width:188px;
	height:145px;
	top:540px;
	right:140px;
	position:absolute;
}

.logoCentreMediumGti  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeftMediumGti  {	
	padding-top:10px;
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:535px;
	right:130px;
	position:absolute;
}	

.logoRightMediumGti  {	
	padding-top:10px;
	margin-right:-100px;
	width:188px;
	height:145px;
	top:530px;
	right:135px;
	position:absolute;
}

.logoCentreLargeGti  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeftLargeGti {	
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:530px;
	right:110px;
	position:absolute;
}	

.logoRightLargeGti {	
	padding-top:10px;
	margin-right:-100px;
	width:188px;
	height:150px;
	top:530px;
	right:155px;
	position:absolute;
}

/*---*/

/*---*/

.logoCentreSmallSti  {
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:550px;
	right:160px;
	position:absolute;
}	

.logoLeftSmallSti {	
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:540px;
	right:155px;
	position:absolute;
}	

.logoRightSmallSti {	
	padding-top:10px;
	margin-right:-130px;
	width:188px;
	height:145px;
	top:540px;
	right:140px;
	position:absolute;
}

.logoCentreMediumSti  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeftMediumSti  {	
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:535px;
	right:130px;
	position:absolute;
}	

.logoRightMediumSti  {	
	padding-top:10px;
	margin-right:-100px;
	width:188px;
	height:145px;
	top:530px;
	right:135px;
	position:absolute;
}

.logoCentreLargeSti  {
	padding-top:0px;
	width:188px;
	height:145px;
	top:507px;
	right:109px;
	position:absolute;
}	

.logoLeftLargeSti {	
	padding-top:10px;
	margin-right:43px;
	width:188px;
	height:145px;
	top:530px;
	right:110px;
	position:absolute;
}	

.logoRightLargeSti {	
	padding-top:10px;
	margin-right:-100px;
	width:188px;
	height:145px;
	top:520px;
	right:150px;
	position:absolute;
}

/*---*/

/*-- TEXT COLORS --*/

.fontColorBlack  {	
	color:#000000;
}	

.fontColorGrey  {	
	color: #666666;
}	

.fontColorLightGrey  {	
	color: #999999;
}	

.fontColorWhite  {	
	color:#fff;
}

.fontColorLilac  {	
	color: #996699;
}

.fontColorNavyBlue  {	
	color: #000099;
}	

.fontColorRSBlue  {	
	color: #0099FF;
}	

.fontColorMint  {	
	color: #96B89D;
}

.fontColorLeafGreen  {	
	color: #66CC33;
}

.fontColorDarkGreen  {	
	color: #006600;
}

.fontColorYellow  {	
	color: #FFFF00;
}

.fontColorOrange {	
	color: #CC9900;
}

.fontColorRed {	
	color: #CC0000;
}

.fontColorWine {	
	color: #990000;
}

.fontColorBeige {		
	color: #C79E6F;
}



/*-- TEXT POSITION --*/

.fontTop  {
	padding-top:0px;
}	

.fontMiddle {	
	padding-top:62px;
}	

.fontBottom {	
	padding-top:105px;
}

.fontSide {	
	margin-top:-65px;
	margin-right:-50px
}


/*-- END TEXT POSITION --*/


.fontSizeSmall {	
	font-size:26px;
}

/*textSizeOne {
	font-size:26px;
}*/

textSizeTwo {
	font-size:12px;
}




/*-- TEXT FONT STYLE --*/

.fontArialBlack {
	font-family: Arial Black, Arial;
	font-weight:bolder;
}

.fontArialRounded {
	font-family: Arial Rounded MT, Arial;
	font-weight:bolder;
}

.fontCentury {
	font-family: Century Gothic, arial;
	font-weight:bolder;
}

.fontShowcard {
	font-family: Showcard Gothic, arial;
	font-weight:bolder;
}

.fontTimes  {	
/*	font-family: "Times New Roman", Times, serif;
*/}	

.fontFranklin {	
/*	font-family: "Franklin Gothic Demi Cond", Franklin Gothic, Arial;
*/}	

.fontBank {	
/*	font-family: "Bank Gothic MD BT", Bank Gothic, Arial;
*/}

/*-- END TEXT FONT STYLE --*/





/*--RADIO BUTTON COLOURS --*/

.optionWhite, .optionBlack, .optionGrey, .optionAnthraciteGrey, .optionLightGrey, .optionLilac, .optionNavyBlue, .optionRSBlue, .optionMint, .optionLeafGreen, .optionDarkGreen, .optionYellow, .optionOrange, .optionRed, .optionWine, .optionBeige, .optionDarkBlue {
	color:#FFF;
	width: 13em;
	border-bottom:#FFF solid 1px;
	display:block;
	margin: 0;
}


.optionNone {
	background-color:none;
}

.optionBlack {
	background-color:#000;
}

.optionAnthraciteGrey {
	background-color:#333;
}

.optionGrey {
	background-color:#666666;
}

.optionLightGrey {
	background-color:#999;
}

.optionWhite {
	background-color:#FFF;
	color: #000;
}

.optionLilac {
	background-color:#cc99cc;
}

.optionNavyBlue {
	background-color:#3300cc;
}

.optionDarkBlue {
	background-color:#000065;
}

.optionRSBlue {
	background-color:#3399ff;
}

.optionMint {
	background-color:#99cc99;
	color:#000;
}

.optionLeafGreen {
	background-color:#009933;
}

.optionDarkGreen {
	background-color:#003300;
}

.optionYellow {
	background-color:#ffff33;
	color:#000;
}

.optionOrange {
	background-color:#ff9900;
}
.optionRed{
	background-color:#cc0000;
}
.optionWine {
	background-color:#660000;
}
.optionBeige{
	background-color:#cc9966;
	color:#000;
}