@charset "utf-8";
/* CSS Document */

html{
	height:100%;
}

body{
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	background:#FFF;
}

@font-face {
    font-family: 'CandalRegular';
    src: url('http://www.keyquip.com.au/templates/keyquip/fonts/Candal-webfont.eot');
    src: url('http://www.keyquip.com.au/templates/keyquip/fonts/Candal-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.keyquip.com.au/templates/keyquip/fonts/Candal-webfont.woff') format('woff'),
         url('http://www.keyquip.com.au/templates/keyquip/fonts/Candal-webfont.ttf') format('truetype'),
         url('http://www.keyquip.com.au/templates/keyquip/fonts/Candal-webfont.svg#CandalRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ChunkFiveRoman';
    src: url('http://www.keyquip.com.au/templates/keyquip/fonts/chunkfive-webfont.eot');
    src: url('http://www.keyquip.com.au/templates/keyquip/fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.keyquip.com.au/templates/keyquip/fonts/chunkfive-webfont.woff') format('woff'),
         url('http://www.keyquip.com.au/templates/keyquip/fonts/chunkfive-webfont.ttf') format('truetype'),
         url('http://www.keyquip.com.au/templates/keyquip/fonts/chunkfive-webfont.svg#ChunkFiveRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	margin:0;
	padding:0;
}

a img{
	border:none;
}

a:hover{
	color:#EF6300;
}

#navigation{
	width:600px;
	float:left;
}

#search-box{
	width:365px;
	float:right;
	padding:5px 11px 0 0;
}

.search-button{
	background:#FC8000;
	border:1px solid #C16000;
	color:#FFF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	cursor:pointer;
}

#home-bg{
	background:url('images/home-bg.jpg') repeat-x left top;
	width:100%;
	height:100%;
}

#page-bg{
	background:url('images/page-bg.jpg') repeat-x left top;
	width:100%;
	height:100%;
}

#home-header{
	height:434px;
	margin:0 auto;
	background:url('images/home-bg-middle.jpg') no-repeat center top;
	overflow:hidden;
}

#page-header{
	height:170px;
	margin:0 auto;
	background:url('images/page-bg-middle.jpg') no-repeat center top;
	overflow:hidden;
}

#header-constrain{
	width:986px;
	margin:0 auto;
	overflow:hidden;
}

#header-top-constrain{
	width:980px;
	margin:0 auto;
}

#logo{
	float:left;
	margin-top:30px;
}

#home-header-right{
	float:right;
}

#shopping-cart-mini{
	float:right;
	width:200px;
	height:50px;
	background:url('images/shopping-cart-top.png') no-repeat center top;
	position:relative;
	margin-top:20px;
}

#shopping-cart-mini-text{
	width:134px;
	height:17px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:0;
	margin:0 5px 5px 0;
	text-align:center;
	text-shadow:-1px 1px 0px #FFF;
	padding-top:3px;
}

#shopping-cart-mini-text a{
	text-decoration:none;
	color:#4C4C4C;
}

#shopping-cart-mini-text a:hover{
	color:#4C4C4C;
	text-decoration:underline;
}

#account-links{
	float:right;
	height:27px;	
	color:#CCC;
	overflow:hidden;
	margin-top:8px;
}

#account-links-left{
	height:27px;
	width:11px;
	overflow:hidden;
	background:url('images/account-links-left.png') no-repeat left top;
	float:left;
}

#account-links-middle{
	height:22px;
	overflow:hidden;
	background:url('images/account-links-middle.png') repeat-x left top;
	float:left;
	padding-top:5px;
}

#account-links-right{
	width:11px;
	height:27px;
	overflow:hidden;
	background:url('images/account-links-right.png') no-repeat left top;
	float:right;
}

#account-links-middle ul{ margin:0; padding:0; }
#account-links-middle li{ list-style:none; float:left; border-left:1px solid #CCC; }
#account-links-middle li a{ padding:0 7px; }

#account-links a{
	color:#CCC;
	text-decoration:none;
	/*border-left:1px solid #CCC;*/
}

#account-links a:hover{
	color:#FFF;
	text-decoration:underline;
}

/*#account-links .First a, .account-link-last{
	border-left:none !important;
}*/
#account-links li.First {
	border-left:none !important;
}

#nav-bar{
	width:984px;
	height:37px;
	background:url('images/nav-bar.png') no-repeat left top;
	margin-top:5px;
	padding-top:4px;
	padding-left:4px;
}

/* NAVIGATION */

#navigation ul {
	clear: both;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 50;
}

#navigation ul ul {
	background: #FFFFFF;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	margin-left: -1px;
	position: absolute;
	visibility: hidden;
	z-index: 50;
}

#navigation ul ul ul {
	border: none;
	margin-left: 0px;
	position: relative;
}

#navigation li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.IE6 #navigation li {
	position: relative;
}

#navigation ul ul li {
	display: block;
	float: none;
}

.IE6 #navigation ul ul li {
	width: 170px;
}

#navigation li:hover ul {
	visibility: visible;
}

#navigation a {
	border-left: 1px solid #B7B7B7;
	border-right: 1px solid #FFF;
	display: block;
	line-height: 1;
	padding: 10px 6px;
}

.nav-first a{
	border-left:none !important;
}

.nav-last a{
	border-right:none !important;
}

#navigation a, #navigation a:link, #navigation a:visited{
	text-decoration: none;
	color:#666;
	text-shadow:-1px 1px 0px #E9E9E9;
	font-weight:bold;
}

#navigation a:hover, #navigation a:active {
	color:#000;
	text-shadow:-1px 1px 0px #FFF;
}

#navigation ul ul a {
	border-bottom: 1px solid #000000;
	border-right: none;
}

/* END NAVIGATION */

#slideshow-container{
	width:980px;
	height:254px;
	margin:13px auto 0 auto;
	position:relative;
}

#slideshow-content{
	width:913px;
	height:254px;
	margin:0 auto;
	overflow:hidden;
}

#slideshow-content ul{
	padding:0;
	margin:0;	
}

#slideshow-content > ul > li{
	background:url('images/slide-corner.png') no-repeat left top;
	padding:0;
	list-style:none;	
	margin:0;
	overflow:hidden;
}

#slideshow-content li > div{
	width:893px;
	height:234px;
	padding:10px;
	overflow:hidden;
}

#slide-1-key{
	width:365px;
	height:245px;
	background:url('images/slide-1-key.png') no-repeat left top;
	float:left;
	overflow:hidden;
	margin:5px 0 0 10px;
}

#slide-2-image{
	width:370px;
	height:232px;
	background:url('images/slide-car-keys.png') no-repeat left top;
	float:left;
	overflow:hidden;
	margin:13px 0 0 5px;
}

#slide-3-van{
	width:333px;
	height:148px;
	background:url('images/dlc-van.png') no-repeat left top;
	float:left;
	overflow:hidden;
	margin:49px 0 0 43px;
}

#slide-1-right{
	float:right;
	width:500px;
	text-align:right;
}

#slide-2-right{
	float:right;
	width:510px;
	text-align:right;
}

.slide-list{
	color:#FFF;
	float:right;
	margin-top:60px;
}

.slide-list li{
	list-style:none;
	font-size:22px;
	text-shadow:0px 1px 1px #000;
	background:url('images/slide-arrow.png') no-repeat 0 5px;
	text-align:left;
	padding:0 0 0 35px;
	margin-bottom:11px;
}

.slide-list .left{
	float:left;
	margin-right:10px !important;
}

.slide-list .right{
	float:left;
}

.create-an-account{
	margin-top:16px;
}

.create-an-account a{
	display:block;
	padding:7px 12px;
	background:#FF9000;
	color:#FFF;
	text-decoration:none;
	font-size:22px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow: 0px 1px 1px #000;
	-moz-box-shadow: 0px 1px 1px #000;
	box-shadow: 0px 1px 1px #000; 
}

.create-an-account a:hover{
	background:#E57E00;
}

#slideshow-left{
	width:20px;
	height:56px;
	position:absolute;
	top:100px;
	left:0;
}

#slideshow-right{
	width:20px;
	height:56px;
	position:absolute;
	top:100px;
	right:0;
}

#main-container{
	width:986px;
	margin:15px auto 15px auto;
}

#column-left{
	float:left;
	width:256px;
}

#column-right{
	float:right;
	width:721px;
}

.content-box-right{
	width:721px;
	background:url('images/content-right-bg.png') no-repeat left top;
	margin-top:10px;
	overflow:auto;
}

.content-box-right-text{
	padding:18px;
}

#featured-product-image{
	width:226px;
	height:205px;
	overflow:hidden;
	float:left;
	position:relative;
}

#feauted-product-frame{
	width:226px;
	height:205px;
	position:absolute;	
	background:url('images/featured_frame.png') no-repeat left top;
	top:0;
	left:0;
}

#featured-product-image img{
	margin:9px 0 0 9px;
}

#featured-product-right{
	float:right;
	width:442px;
}

#featured-product-heading{
	width:437px;
	height:26px;
	background:url('images/featured-product-heading.png') no-repeat left top;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	padding:5px 0 0 10px;
}

#featured-product-description{
	width:422px;
	height:100px;
	overflow:hidden;
	background:url('images/featured-product-description.png') no-repeat left top;
	margin-top:10px;
	padding:10px;
}

#featured-product-link{
	width:442px;
	height:26px;
	background:url('images/featured-product-link-bg.png') no-repeat left top;
	position:relative;
	margin-top:5px;
}

#featured-product-link-btn{
	position:absolute;
	right:0;
	top:0;
	width:105px;
	height:26px;
	overflow:hidden;
}

#featured-product-link-btn a{
	display:block;
	width:105px;
	height:26px;
	background:url('images/featured-product-link-btn.png') no-repeat 0 0;
}

#featured-product-link-btn a:hover{
	background:url('images/featured-product-link-btn.png') no-repeat 0 -26px;
}

.content-box-left-top{
	width:256px;
	height:6px;
	overflow:hidden;
	background:url('images/content-box-left-top.png') no-repeat left top;
}

.content-box-left-middle{
	width:230px;
	padding:5px 13px;
	background:url('images/content-box-left-middle.png') repeat-y left top;
}

.content-box-left-bottom{
	width:256px;
	height:27px;
	overflow:hidden;
	background:url('images/content-box-left-bottom.png') no-repeat left top;
}

#category-menu ul{
	margin:0;
	padding:0;
}

#category-menu li{
	margin:0;
	padding:0;
	list-style:none;
}

#category-menu ul li a{
	display:block;
	width:205px;
	height:25px;
	padding:7px 0 0 25px;
	text-decoration:none;
	color:#666;
	text-shadow:-1px 1px 0px #E8E8E8;
	background:url('images/category-parent.png') no-repeat 0 0;
}

#category-menu ul li a:hover{
	background:url('images/category-parent.png') no-repeat 0 -32px;
}

#category-menu ul ul li a{
	display:block;
	width:205px;
	height:22px;
	padding:6px 0 0 25px;
	text-decoration:none;
	color:#FFF;
	text-shadow:none;
	background:url('images/child-category.png') no-repeat 0 0;
	margin-bottom:1px;
}

#category-menu ul ul li a:hover{
	background:url('images/child-category.png') no-repeat 0 -28px;
}

.find-out-more{
	width:248px;
	height:29px;
	overflow:hidden;
	float:right;
	margin-top:10px;
}

.find-out-more a{
	display:block;
	width:248px;
	height:29px;
	background:url('images/find_out_more_keyquip.png') no-repeat 0 0;
}

.find-out-more a:hover{
	background:url('images/find_out_more_keyquip.png') no-repeat 0 -29px;
}

.product-3{
	margin-right:0 !important;
}

.product-holder{
	width:221px;
	height:287px;
	overflow:hidden;
	background:#E5E5E5;
	float:left;
	margin-right:8px;
	border:1px solid #D3D3D3;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.product-padding{
	padding:13px;
}

.product-heading{
	width:197px;
	height:38px;
	background:#666;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	padding-top:5px;
	font-size:13px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.product-heading a{
	color:#FFF;
	text-decoration:none !important;
	font-weight:bold;
}

.product-heading a:hover{
	text-decoration:underline !important;
}

.product-heading-hide{
	height:39px;
	overflow:hidden;
}

.product-image-holder{
	background:#FFF;
	border:1px solid #cbcbcb;
	width:195px;
	height:142px;
	margin-top:7px;
}

.product-price{
	width:197px;
	height:21px;
	background:url('images/product-price-bg.png') no-repeat left top;
	margin-top:7px;
	font-weight:bold;
	text-align:center;
	padding-top:6px;
	font-size:13px;
}

.product-view-btn{
	width:197px;
	height:27px;
	overflow:hidden;
	margin-top:4px;
	text-align:center;
}

.product-view-btn a{
	display:block;
	width:197px;
	height:22px;
	background:url('images/view-product.png') no-repeat 0 0;	
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	padding-top:5px;
}

.product-view-btn a:hover{
	background:url('images/view-product.png') no-repeat 0 -27px;
}

#footer{
	height:228px;
	background:url('images/footer.png') repeat-x left top;
	position:relative;
}

#footer-constrain{
	width:980px;
	margin:10px auto 0 auto;
}

#footer-left{
	float:left;
	width:710px;
	height:195px;
	overflow:hidden;
	background:url('images/footer-left-border.png') no-repeat right top;
}

#footer-menu{
	padding-top:25px;
}

#footer-menu ul{
	margin:0;
	padding:0;
}

#footer-menu li{
	float:left;
	list-style:none;
}

#footer-menu li a{
	text-decoration:none;
	color:#FFF;
	padding:4px 8px !important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#footer-menu li a:hover{
	text-decoration:underline;
}

#footer-menu ul ul{
	display:none;
}

#footer-menu .ActivePage a{
	background:#474747;
}

#footer-right{
	float:right;
	width:255px;
	height:195px;
	overflow:hidden;
	color:#CCC;
}

#footer-right-margin{
	padding-top:20px;
}

#footer-logo{
	width:195px;
	height:46px;
	background:url('images/footer-logo.png') no-repeat left top;
	float:right;
	margin-bottom:15px;
}

#footer-address{
	float:right;
	width:115px;
	text-align:right;
}

#footer-phone{
	float:left;
	text-align:right;
	padding-left:25px;
}

#footer-credits{
	width:980px;
	height:22px;
	position:absolute;
	bottom:0;
	background:url('images/footer-credits-bg.png') no-repeat left top;
	text-align:center;
	color:#666;
	font-size:11px;
	padding-top:8px;
}

#footer-credits a{
	color:#666;
	text-decoration:none;
}

#footer-credits a:hover{
	color:#FFF;
	text-decoration:underline;
}

.styled-links ul{ margin:0; padding:0; }
.styled-links li{
	margin:0 0 2px 0;
	padding:10px;
	list-style:none;
	background:#EBEBEB;
}

.styled-links li a{
	background:#FC8000;
	color:#FFF;
	text-decoration:none;
	padding:2px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.styled-links li a:hover{
	background:#E05600;
}

/* FORMS */

.newsletter-form{
	width:230px;
	overflow:hidden;
}

.side-box-input{
	width:230px;
	background:url('images/side-box-input.png') no-repeat left top;
	padding:0;
	border:none;
	height:30px;
	margin:4px 0;
}

.side-box-input input{
	background:none;
	border:none;
	padding:8px 7px 0;
	margin:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:215px;
}

.side-box-submit{
	background:url('images/subscribe-newsletter.png') no-repeat 0 0;
	width:230px;
	height:30px;
	overflow:hidden;
	display:block;
	padding:0;
	margin:10px 0 0 0;
	padding-left:999px;
	font-size: 0;
	display:block;
	line-height: 0;
}

.side-box-submit:hover{
	background:url('images/subscribe-newsletter.png') no-repeat 0 -30px;
}

.add-to-wishlist{
	background:url('images/add-to-wishlist.png') no-repeat 0 0;
	width:230px;
	height:30px;
	overflow:hidden;
	display:block;
	padding:0;
	margin:10px 0 0 0;
	text-indent:-999px;
	font-size: 0;
	display:block;
	line-height: 0;
}

.add-to-wishlist:hover{
	background:url('images/add-to-wishlist.png') no-repeat 0 -30px;
}

.gift-input .Textbox, .coupon-input .Textbox{
	width:194px;
	height:17px;
	float:left;
	border:1px solid #999;
	-moz-box-shadow: inset -1px 1px 1px #CCC;
	box-shadow: inset -1px 1px 1px #CCC; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.gift-input .submit, .coupon-input .submit{
	background:#239C4A;
	color:#FFF;
	font-weight:bold;
	text-shadow:0 1px 1px#227543;
	padding:4px 5px 3px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	float:left;
	margin-left:4px;
}

/* COMMON */

p{
	padding:5px 0 5px 0;
}

.content-box-right-text p{
	margin-bottom:5px;
}

h1{
	font-family: 'ChunkFiveRoman', Arial;
	font-weight:normal;
	font-size:22px;
	color:#fd8201;
	padding-bottom:10px;
}

h2{
	font-family: 'ChunkFiveRoman', Arial;
	font-weight:normal;
	font-size:22px;
	color:#fd8201;
	padding-bottom:10px;
	margin:0;
}

h3{
	font-family: 'ChunkFiveRoman', Arial;
	font-weight:normal;
	font-size:18px;
	color:#fd8201;
	padding-bottom:10px;
}

.clear{
	clear:both;
}

.candal-white{
	font-family: 'CandalRegular', Arial;
	font-size:30px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-2px;
	word-spacing:6px;
	text-shadow:0px 1px 2px #000;
}

.candal-orange{
	font-family: 'CandalRegular', Arial;
	font-size:42px;
	color:#ff9000;
	font-weight:normal;
	letter-spacing:-2px;
	word-spacing:6px;
	line-height:23px;
	text-shadow:0px 1px 2px #000;
}

.h2-box{
	background:#fc8000;
	padding:4px;
	text-align:center;
	font-family: 'ChunkFiveRoman', Arial;
	font-weight:normal;
	font-size:18px;
	color:#FFF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:3px 0 10px 0;
}

.CompareButton{
	display:none;
}