@import url("reset.css");
@import url("navigation.css");

body {
	background: url('../images/bg.jpg') repeat-x #1F1F1F;
	font: 62.5%/1.5  Arial, Verdana, sans-serif;
	text-align: center;
}
body#sub {
	background: url('../images/bg2.jpg') repeat-x #222222;
}
#container {
	margin: 0 auto;
	width: 843px;
	text-align: left;
}
#header {
	height: 164px;
	position: relative;
}
#logo {
	background: url('../images/logo.gif');
	height: 78px;
	width: 230px;
	position: absolute;
	top: 20px;
	text-indent: -9000px;
}
#callUs {
	position: relative;
	top: 50px;
	left: 340px;
	width:500px;
}
#nav {
	z-index: 200;
}
#feature {
	clear: both;
	height: 301px;
}

#content {
	width: 100%;
	background-color: #fff;
	overflow: auto;
}

#mainColumn {
	width: 550px;
	float: left;
	margin-left: 25px;
	margin-right: 50px;
	margin-top: 10px;
	font-size: 1.1em;
	display: inline;
}
.section {
	background: url('../images/h2bg.gif') repeat-x;
	display: block;
	color: #fff;
	height: 62px;
	padding: 20px 0 0 25px;
	margin-top: 1px;
}

#sideColumn {
	width: 190px;
	float: left;
	margin-top: 10px;
	display: inline;
}
#sideColumn h3 {
	display: block;
	width: auto;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #c80c00;
	padding-bottom: 2px;
	border: 0; }
#footer {
	width: 100%;
	background: url('../images/footer_bg.jpg') no-repeat;
	height: 70px;
	clear: both;
	position: relative;
}
.guildLink {
	width: 58px;
	height: 61px;
	background: url('../images/guildlogo.jpg') no-repeat;
	display: block;
	text-indent: -9000px;
	left: 48%;
	top: 2px;
	position: absolute;
}
#copyright {
	position: relative;
	left: 20px;
	top: 28px;
	color: #666;
	padding: 0;
	font-size: 1.1em;
}
#ignician {
	position: absolute;
	right: 20px;
	top: 65px;
	color: #666;
	padding: 0;
	font-size: 1.1em;
}
#footer ul {
	position: absolute;
	right: 20px;
	top: 28px;
}

#sub #content {
	background: url('../images/sub_bg.jpg') no-repeat #fff;
}
#sideBannerGif{
	width:200px;
}
/* ---------- home page boxes --------  */

#messages {
	background: url('../images/innershade.jpg') no-repeat;
	float: left;
	width: 421px;
}
#awards {
	background: url('../images/innershade.jpg') no-repeat;
	float: left;
	width: 420px;
}
#wcyn {
	background: url('../images/innershade.jpg') no-repeat;
	float: left;
	width: 421px;

}
#wcyn h3{
margin-bottom:16px;
}
#awards h3{
margin-bottom:16px;
}
#awardsText{
	width:160px;
	float:right;
}
#awardsText p{
	font-weight:bold;
	margin:0;
}
#AwardsImgs{
	width:226px;
	float:left;
}
#aboutWcyn{
	width:40%;
	float:left;	
}
#aboutWcyn p{
	font-weight:bold;
	margin:0;
}
#wcynflash{
	width:55%;
	float:right;
}
#wcynflash embed{
	margin-right:16px;
}
#guarantee {
	float: left;
	background: url('../images/cash.jpg') 320px 70px no-repeat;
}
#guarantee p {
	width: 320px;
}
#productsWeUse, #voiceBox {
	width: 207px;
	float: left;
	overflow:hidden;
	display: inline;
}
#productsWeUse, #guarantee {
	height: 211px;
}
#guarantee { 
	width: 421px;
}
.fiveReasons {
	font-size: 12px;
}
.fiveReasons:link, .fiveReasons:visited {
	height: 43px;
	width: 387px;
	background: url('../images/5reasons.jpg') no-repeat;
	display: block;
	text-indent: -9000px;
}
.fiveReasons:hover {
	background-position: 0 -43px;
}


/* ---------- utils --------  */

.pad16 {
	padding: 16px 16px 0px 16px;
}

/* ---------- text styles --------  */

strong { font-weight: bold; }

p {
	margin: 1.3em 0 1.3em 0;
	font-size: 1.1em;
}
.feint {
	color: #999999;
}


h2 {
	display: block;
	width: auto;
	border-bottom: 1px solid #000;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #c80c00;
	padding-bottom: 2px;
}


/* ---------- lists --------  */



.inlineLinks {
	font-size: 1.1em;
}
.inlineLinks li {
	float: left;
	padding: 0 6px 0 12px;
	background: url('../images/bar.gif') 0 4px no-repeat;
}
.inlineLinks li a:link, .inlineLinks li a:visited {
	color: #666666;
}
.inlineLinks li a:hover {
	color: #E12219;
}
.inlineLinks li.first {
	background: none;
}

.subnav {
}


.bulletList {
	font-size: 1.1em;
	border-top: 1px solid #eee;
}
.bulletList li {
	background: url('../images/lock.gif') left no-repeat;
	padding: 4px 4px 4px 26px;
	border-bottom: 1px solid #eee;
}
.lockImage img {
	border: 3px solid #eee;
	padding: 4px;
}
.lockFeatures {
	list-style-type: square;
	font-size: 1.1em;
}
.lockDetail {
	padding: 0 2.4em 1.6em 2.4em;
	border-bottom: 1px solid #eee;
}
.lockImage {
	padding-bottom: 1.6em;
	border-bottom: 1px solid #eee;
}
.imageLeft {
	float: left;
	margin-right: 1.4em;
	margin-bottom: 1em;
}

.quote
{
font-size: 1.4em;
font-weight: bold;
background: url('../images/quote_close.gif') bottom right no-repeat;

}

.quote blockquote
{
padding: 6px 40px 14px 40px;
background: url('../images/quote_open.gif') top left no-repeat;
clear:both;
}

cite
{
font-size: 1.2em;
float: right;
clear: both;
font-style: italic;
margin-right: 2em;
margin-bottom: 40px;
} 

.subNav {
	position: relative;
	left: -29px;
	border-top: 1px solid #ccc;
	/*width: 219px;*/
	width: 210px;
	padding-bottom: 20px;
}
.subNav li {
	display: block;
	font-size: 1.2em;
	padding: 5px 7px 5px 29px;
	border-bottom: 1px solid #ccc;
}
.subNav li a {
	text-decoration: underline;
}
.subNav li#active {
	background-color: #fff;
}
.subNav li#active a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.subNav li a:link, .subNav li a:visited { }

a:link, a:visited {
	color: #666;
}
a:hover {
	color: #C80C00;
}
#productsWeUse h2	{margin-bottom:16px;}
.productLogos {
	float:left;
}
#transBanner {
	width:596px;
	height:370px;
	background:url(../images/transponder-banner.jpg) no-repeat;
	margin:-30px -50px 0 -25px;
}
#transBanner h2,
#transBanner p {
position:absolute;
left:-9999px;
}
#makeSelect	{
	text-align: center;
}
#makeSelect img{
	padding: 8px;
	display: inline;
}
h3.noBorder {
	border-bottom:none;
	}
#makeSelect a.Audi			{left:11px;
top:23px;
width:96px;}
#makeSelect a.BMW			{left:138px;
top:23px;
width:35px;}
#makeSelect a.Buick			{left:207px;
top:23px;
width:35px;}
#makeSelect a.Citroen		{left:279px;
top:23px;
width:35px;}
#makeSelect a.Ford			{left:217px;
top:25px;
width:86px;}
#makeSelect a.Honda			{left:484px;
top:22px;
width:35px;}
#makeSelect a.Lexus			{left:477px;
top:166px;
width:44px;}
#makeSelect a.Mazda			{left:10px;
top:68px;
width:43px;}
#makeSelect a.Mercedes		{left:15px;
top:118px;
width:35px;}
#makeSelect a.Mitsubishi	{left:302px;
top:122px;
width:35px;}
#makeSelect a.Nissan		{left:235px;
top:69px;
width:35px;}
#makeSelect a.Opel			{left:314px;
top:70px;
width:35px}
#makeSelect a.Peugeot		{left:388px;
top:69px;
width:35px;}
#makeSelect a.Renault		{left:413px;
top:69px;
width:35px;}
#makeSelect a.Toyota		{left:310px;
top:169px;
width:52px;}
#makeSelect a.Volkswagen	{left:410px;
top:22px;
width:33px;}
#makeSelect a.Kia		{left:108px;
top:168px;
width:60px;}
#makeSelect a.alfa-romeo	{left:221px;
top:169px;
width:35px;}
#makeSelect a.Holden	{left:481px;
top:120px;
width:35px;}
#makeSelect a.Suzuki	{left:403px;
top:167px;
width:35px;}
#makeSelect a.Daewoo	{left:138px;
top:23px;
width:48px;}
#makeSelect a.Chrysler	{left:87px;
top:71px;
width:107px;}
#makeSelect a.Daihatsu	{left:394px;
top:118px;
width:47px;}
#makeSelect a.Hyundai	{left:463px;
top:72px;
width:59px;}
#makeSelect a.Jeep		{left:190px;
top:120px;
width:81px;}
#makeSelect a.LandRover	{left:15px;
top:169px;
width:52px;}
#makeSelect a.Subaru	{left:92px;
top:118px;
width:60px;}
#makeSelect a.Volvo		{left:334px;
top:24px;
width:35px;}


#tranMenu{
	display:block;
	margin:0 -27px 0 -29px;
	border-top:1px solid #cccccc;
}
#tranMenu li{
	background:url(../images/logo-icons.gif) no-repeat;
	border-bottom:1px solid #cccccc;
	padding:4px 0;
}
#tranMenu li.active a{
font-weight: bold;
	text-decoration: none;
	color: #000;
}
#tranMenu li a{
	color:#747474;
	font-size:12px;
	padding:0 0 0 74px;
}
#tranMenu li.odd{
	background:url(../images/logo-icons.gif) no-repeat ;	
}
#tranMenu li:hover a{
color: #C80C00;
}
#tranMenu li.active
{
	background:url(../images/logo-icons.gif) no-repeat #fff;	
}
#tranMenu li.Audi			{background-position:27px 6px;}
#tranMenu li.BMW			{background-position:27px -25px;}
#tranMenu li.Buick			{background-position:27px -51px;}
#tranMenu li.Citroen		{background-position:27px -80px;}
#tranMenu li.Ford			{background-position:27px -110px;}
#tranMenu li.Honda			{background-position:27px -139px;}
#tranMenu li.Lexus			{background-position:27px -168px;}
#tranMenu li.Mazda			{background-position:27px -197px;}
#tranMenu li.Mercedes		{background-position:27px -225px;}
#tranMenu li.Mitsubishi		{background-position:27px -255px;}
#tranMenu li.Nissan			{background-position:27px -283px;}
#tranMenu li.Opel			{background-position:27px -313px;}
#tranMenu li.Peugeot		{background-position:27px -341px;}
#tranMenu li.Renault		{background-position:27px -371px;}
#tranMenu li.Toyota			{background-position:27px -399px;}
#tranMenu li.Volkswagen		{background-position:27px -429px;}

#tranMenu li.Kia			{background-position:27px -457px;}
#tranMenu li.alfa-romeo		{background-position:27px -487px;}
#tranMenu li.Holden			{background-position:27px -516px;}
#tranMenu li.Suzuki			{background-position:27px -545px;}
#tranMenu li.Daewoo			{background-position:27px -574px;}
#tranMenu li.Chrysler			{background-position:27px -603px;;}
#tranMenu li.Daihatsu			{background-position:27px -635px;}
#tranMenu li.Hyundai			{background-position:27px -661px;}
#tranMenu li.Jeep			{background-position:27px -690px;}
#tranMenu li.LandRover			{background-position:27px -720px;}
#tranMenu li.Subaru			{background-position:27px -749px;}
#tranMenu li.Volvo			{background-position:27px -777px;}


#racq	{
	background:url(../images/racq.jpg);
	display:block;
	width:245px;
	height:88px;
	text-indent:-9999px;
	margin:-30px -27px 0;
}
h4#make-logo	{background:transparent url(../images/makeSelect.jpg) repeat scroll 0 0;
display:block;
height:38px;
text-indent:-9999px;
margin:19px 0;
}
body.transponder h4	{color:#000; text-transform:uppercase; font-size:12px; font-weight:bold;}

ul.trans 			{overflow:hidden;}
ul.trans li			{float:left;
height:200px;
margin:10px 0;
padding:0 2% 0 0;
width:31%;}
ul.trans li strong 	{color:#c80c00;}

h4#make-logo.Audi			{background-position:-13px -22px;
width:97px;}
h4#make-logo.BMW			{background-position:-138px -22px;
width:39px;}
h4#make-logo.Buick			{background-position:-205px -22px;
width:39px;}
h4#make-logo.Citroen		{background-position:-278px -22px;
width:39px;}
h4#make-logo.Ford			{background-position:-361px -165px;
width:97px;}
h4#make-logo.Honda			{background-position:-482px -22px;
width:39px;}
h4#make-logo.Lexus			{background-position:-1005px -166px;
width:46px;}
h4#make-logo.Mazda			{background-position:-9px -68px;
width:45px;}
h4#make-logo.Mercedes		{background-position:-13px -115px;
width:45px;}
h4#make-logo.Mitsubishi		{background-position:-156px -67px;
width:45px;}
h4#make-logo.Nissan			{background-position:-214px -69px;
width:45px;}
h4#make-logo.Opel			{background-position:-279px -68px;
width:45px;}
h4#make-logo.Peugeot		{background-position:-355px -67px;
width:45px;}
h4#make-logo.Renault		{background-position:-418px -69px;
width:45px;}
h4#make-logo.Toyota			{background-position:-471px -68px;
width:53px;}
h4#make-logo.Volkswagen		{background-position:-421px -22px;
width:41px;}

h4#make-logo.Kia			{background-position:-97px 61px;
width:60px;}
h4#make-logo.alfa-romeo			{background-position:-161px 106px;
width:41px;}
h4#make-logo.Holden			{background-position:-353px 109px;
width:41px;}
h4#make-logo.Suzuki			{background-position:-297px 106px;
width:41px;}
h4#make-logo.Daewoo			{background-position:-85px -66px;
width:45px;}
h4#make-logo.Chrysler			{background-position:-417px -117px;
width:109px;}
h4#make-logo.Daihatsu			{background-position:-226px 106px;
width:45px;}
h4#make-logo.Hyundai			{background-position:-281px 64px;
width:56px;}
h4#make-logo.Jeep			{background-position:-182px 57px;
width:78px;}
h4#make-logo.LandRover			{background-position:-13px 61px;
width:60px;}
h4#make-logo.Subaru			{background-position:-79px 113px;
width:60px;}
h4#make-logo.Volvo			{background-position:-354px -22px;
width:41px;}

.remoteList {
	text-align: center;
	padding: 1em 0;
	width: 100%;
	clear: both;
}
.remoteList li {
	width: 160px;
	height: 260px;
	margin: 0 1em;
	float: left;
}
.remoteList li img {
	clear: both;
	padding: 1em 0;
}
.safes			{margin:20px 0 0 0;}
#content h3		{ text-transform: uppercase; font-size: 1.2em; font-weight:bold; }
.safes	li		{}
.bullet	{list-style:disc;}
.bullet li	{list-style:disc; list-style-position:inside;}
.safe		{width:50%; float:right;}
.safeImg	{float:left; width:50%; text-align:center;}
.safeImg img	{width:260px;}

ul.safes ul.trans a img {border:none; text-decoration:none;}

ul.safes ul.trans a {text-decoration:none;}