/* http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html */

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:Ó; }
abbr,acronym { border:0; }

.content { padding: 10px 10px 10px 170px;} /* Content Frame inside the boxes */


/* Boxes */
#diagnostic { background: url(images/diagnostic_bg.gif) no-repeat center top; width: 800px; height: 160px; }
#battery { background: url(images/battery_bg.gif) no-repeat center top; width: 800px; height: 160px; }
#fixmyself { background: url(images/fixmyself_bg.gif) no-repeat center top; width: 800px; height: 160px; }

/* Testimonial Page */
.testimonial { background: url(images/testimonial_bg.gif) no-repeat center top; width: 400px; min-height: 150px; padding: 4px;}
.testimonial P:first-letter { font-size: 22px; color: black;}
.testimonial P { font-size: 14px; margin-left: 65px; }

body { text-align: center; font-family: Arial, Helvetica, sans-serif;  background-color: #cdeffd; }
#wrapper { margin: 0 auto; width: 800px; text-align: left;}
#faq-box {background-color: white; padding-left: 50px; padding-top: 20px; padding-bottom: 90px; padding-right: 20px; border: 1px solid #dedede;}

/* Specials */
#badge {background: url(images/badge.gif) repeat-x center top; width: 152px; height: 146px; left: 10px; top: 78px; position: absolute; float: left; z-index: 1;}
#status {background-color: #F78181; border-top: #FE2E2E solid 1px; border-bottom: #FE2E2E solid 1px; width: 100%; height: 30px; font: uppercase; text-align: center; padding-top: 4px; margin-bottom: 5px;}
/* Useful Bits */
#quicklist {margin-bottom: 20px;}
#quicklist a { color: #656565; text-decoration: none;}
#quicklist a:hover { text-decoration: underline;}
h3 { width: 650px; margin-bottom: 15px; color: #656565; border-bottom: dashed 1px grey; font-size: 22px;}

/* Top Tabs */
ul.toptabs {height: 30px; width: 100%; background-color: white; background: url(images/tab_bg.gif) repeat-x center top; border-bottom: 1px solid #828282;  }
.toptabs li {float: left; }
#irefresh_tab { width: 200px; height: 30px; background: url(images/tab_irefresh.gif) no-repeat center top; float: left;}
#nzir_tab { width: 200px; height: 30px; background: url(images/tab_nzir.gif) no-repeat center -30px; float: left;}
#nziph_tab { width: 200px; height: 30px; background: url(images/tab_nziph.gif) no-repeat center top; float: left;}

#irefresh_tab:hover { background-position: 0px -30px;}
#nziph_tab:hover { background-position: 0px -30px;}

/* Navigation */
ul.mainnav { height: 160px; position: relative;}
.mainnav li {display: inline; height: 160px; z-index: 10; position: relative;}
#about {width: 156px; height: 160px; background: url(images/top_aboutus.gif) no-repeat center top; float: left; position: relative;}
#testimonials {width: 194px; height: 160px; background: url(images/top_testimonials.gif) no-repeat center top; float: left; position: relative;}
#testimonials-down {width: 194px; height: 160px; background: url(images/top_testimonials.gif) no-repeat center top; float: left; position: relative; background-position: center -160px;}

#logo {width: 123px; height: 150px; background: url(images/top_logo.gif) no-repeat center top; float: left; position: relative;}
#store {width: 166px; height: 160px; background: url(images/top_store.gif); float: left; position: relative;}
#contact {width: 155px; height: 160px; background: url(images/top_contactus.gif) no-repeat center top; float: left; position: relative;}

#faq {width: 160px; height: 150px; background: url(images/side_faq.gif) no-repeat center top; right :0; position: absolute;}
#faq:hover {background-position: center -150px;}
#faq-down {width: 160px; height: 150px; background: url(images/side_faq.gif) no-repeat center top; right :0; position: absolute; background-position: center -150px;}

#about:hover, #testimonials:hover, #logo:hover, #store:hover, #contact:hover { background-position: center -160px;}

/* Sliding Panel */
a:focus {	outline: none; }
#panel, #panel2, #panel3 {	background: url(images/shadowblock.png) repeat-y center top;	height: 700px;	display: none; width: 600px; margin-left: 100px; }
.slide, .slide2, .slide3 {	margin: 0;	padding: 0;	background: url(images/btn-slide.png) no-repeat center top;  width: 600px; margin-left: 100px;}
.btn-slide, .btn-slide2, .btn-slide3 {	background: url(images/arrow.gif) no-repeat 360px -45px;	text-align: center;	width: 600px;	height: 41px;	padding: 10px 10px 0 0;	margin: 0 -10px;	display: block;	font: bold 120%/100% Arial, Helvetica, sans-serif;	color: black;	text-decoration: none;}
.active { 	 background-position: 360px 12px;}

/* Text Formatting */
h1 { font-weight: bold; font-size: 27px;}
p { font-size: 14px; margin-top: 8px;}

#floatright { float: right; display: inline;}

/* Form Styling */
#contact-area {	width: 500px;	padding-top: 40px;	padding: 20px; }

#contact-area input, #contact-area textarea {	padding: 5px;	width: 300px;	font-family: Helvetica, sans-serif;	font-size: 1.0em;	margin-top: 10px;	border: 2px solid #ccc; }
#contact-area #postcode {width: 40px;}
#contact-area #city {width: 235px; margin-right: 10px;}
#contact-area textarea {	height: 90px; }
#contact-area #message {	height: 200px; }
#contact-area textarea:focus, #contact-area input:focus {	border: 2px solid #53baff; }

#contact-area input.submit-button {	width: 100px; 	float: right; }
label {	float: left;	text-align: right;	margin-right: 15px;	width: 100px;	padding-top: 5px;	font-size: 1.0em;}

#contact-area hr{ height: 1px; width: 400px; border-top: 2px dashed #ccc; border-bottom:none; border-left: none; border-right: none; margin-top: 10px; margin-bottom: 10px;}

#contact-area p {margin-left: 15px; margin-right: 15px; }
.radiobox { display: block;}
.radiobutton { padding-top: 400px; float: right;}
.rblabel { display: inline; left: -250px; position: relative; }
/* FAQ */
dl					{ clear: both; margin: 0 0 60px 0; width: 650px; }

dt					{ border: 8px solid #7ac0d0; padding: 10px; background: white; 
					  position: relative; font-style: italic; position: relative; 
					  display: block; width: 100%; height: auto; }
					
dd.answer			{ background: white; 
					  position: relative; width: 80%; float: right; }
dd.answer div		{ padding: 12px; border-left: 8px solid #dedede;
                      border-right: 8px solid #dedede; border-bottom: 8px solid #dedede;
                      margin: 0 0 10px 0; }

.answer-tab		    { background: url(images/answer-tag.png); display: block; 
                      text-indent: -9999px; width: 105px; height: 50px; cursor: pointer;
                      position: absolute; bottom: -58px; left: 10px;}