html { overflow-y:scroll;}
body { margin:0px; font-family:Arial, Verdana, Geneva, sans-serif; font-size:13px; color:#555; background:url(../images/layer-0.jpg) no-repeat center top #FDDB7A;}

/* Header Styles
/////////////////////////////////////// */
div.head-wrap { width:100%; height:205px; position:absolute; left:0px; top:0px; background:url(../images/header.png) repeat-x left top; z-index:13;}
div.header { margin:0 auto; width:972px; height:205px; position:relative;}

div.logo a { display:block; width:410px; height:0px; padding-top:91px; position:absolute; left:50%; top:24px; margin-left:-486px; background:url(../images/arizona-tint-logo.jpg) no-repeat center top; overflow:hidden; z-index:1;}
div.phone-number { width:264px; height:49px; position:absolute; left:50%; top:62px; margin-left:218px; background:url(../images/phone-number.png) no-repeat center top; z-index:3;}
div.rotator { width:972px; height:385px; position:absolute; left:0px; top:75px; background:url(../images/rotator-frame.png) no-repeat left top;}

/* Main Menu Styles
/////////////////////////////////////// */
div.main-menu { width:967px; height:59px; position:absolute; left:0px; top:144px; padding:0px 12px 0px 0px;}
div.main-menu a { display:block; float:right; height:59px; position:relative; font-size:17px; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; color:#fffbcc; background-image:url(../images/button.png); background-position:left -118px; background-repeat:repeat-x; padding:0px 40px 0px 42px; margin:0px 0px 0px 0px; line-height:57px; cursor:default; text-shadow:0 0px 3px #9B2B36;}
div.main-menu a span.cap { display:block; width:2px; height:59px; position:absolute; right:-2px; top:0px; background-image:url(../images/button.png); background-position:right -118px; background-repeat:no-repeat;}
div.main-menu div { float:right; height:59px; width:2px !important; overflow:hidden; background:url(../images/button.png) no-repeat right top; margin:0px -2px 0px 0px;}
div.main-menu a:hover,
div.main-menu a:focus { background-position:-1px 0px; text-decoration:none; color:#EEE; text-shadow:0 0px 5px #CF5053;}
div.main-menu a:hover span.cap { background-position:right 0px;}
div.main-menu a.current { background-position:-1px -59px; text-decoration:none; color:#FFF; z-index:2; text-shadow:0 0px 3px #D96F72;}
div.main-menu a.current span.cap,
div.main-menu a:active span.cap { background-position:right -59px;}

div.main-menu a span.arrow { display:block; height:59px; left:0px; bottom:0px; background:url(../images/arrow-current.png) no-repeat center 59px;}
div.main-menu a.current span.arrow { display:block; height:59px; left:0px; bottom:0px; background:url(../images/arrow-current.png) no-repeat center 1px;}
div.main-menu a.current:hover span.arrow { display:block; height:59px; left:0px; bottom:0px; background:url(../images/arrow-current.png) no-repeat center 1px;}

div.main-menu a.current-1 { background-position:-1px -59px; text-decoration:none; color:#FFF; z-index:2; text-shadow:0 0px 3px #D96F72;}
div.main-menu a:active { background-position:-1px -59px; text-decoration:none; color:#fffbcc; z-index:2; line-height:58px; text-shadow:0 0px 3px #D96F72;}

div.main-menu a.current-1 span.cap,
div.main-menu a:active span.cap { background-position:2px 0px;}

div.main-menu a.current-1 span.arrow { display:block; height:59px; left:0px; bottom:0px; background:url(../images/arrow-current.png) no-repeat center 1px;}
div.main-menu a:active span.arrow { display:block; height:59px; left:0px; bottom:0px; background:url(../images/arrow-current.png) no-repeat center 0px;}

/* Element Styles
/////////////////////////////////////// */
h1, h2, h3, .h3 { margin:0px 0px 14px 0px; font-size:40px; font-weight:normal; overflow:hidden; font-family:'Cuprum', Arial, Helvetica, sans-serif;}

h1 { color:#333;}
h2 { margin:0px 0px 10px 0px; font-size:26px; padding-top:15px; color:#333;}
h2 a { color:#333;}
h2 a:hover { color:#888; text-decoration:none;}
h3, .h3 { margin:0px 0px 15px 0px; font-size:20px; line-height:23px;}

a { color:#C32734; text-decoration:none; outline:none;}
a:hover { text-decoration:underline;}
strong { font-weight:bold;}

img { border:none;} /* To remove borders on linked images */
img.content { float:left; padding:2px; border:solid #ddd 1px; margin:0px 20px 15px 0px;}

p { padding:0px; margin:0px 0px 20px 0px; line-height:21px;}
p.sub { margin:-16px 0px 20px 0px; font-size:17px; font-family:Arial, Helvetica, sans-serif;}
p.sub-2 { margin:-10px 0px 15px 0px; font-size:15px;}

/* Custom Element Styles
/////////////////////////////////////// */
ul.link { margin:0px 0px 0px 0px; padding:10px 0px 20px 0px; clear:both;}
ul.link li { margin:0px 0px 11px 0px; padding:0px 0px 0px 20px; list-style-position:outside; list-style-type:none; display:block; height:20px; width:90%; background:url(../images/list-bullet.gif) no-repeat left 4px;}
ul.link li a { font-weight:bold; color:#555; text-decoration:none;}
ul.link li a:hover { font-weight:bold; color:#C32734; text-decoration:underline;}

ol.standard { margin:0px 0px 0px 35px; padding:0px 0px 0px 0px;}
ol.standard li { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; list-style-position:outside;}

/* Structure Styles
/////////////////////////////////////// */
div.layer-1 { margin-top:144px;}
div.layer-2 { margin:0 auto; width:972px; position:relative;}

td.singleCol { width:972px; height:450px; vertical-align:top;}

div.content { width:936px; padding:470px 18px 220px 18px; position:relative;}
body.design div.content { padding:100px 18px 50px 18px;}

div.left-col { width:600px; float:left; padding-right:39px;}
div.right-col { background:url(../images/right-col-shadow.png) no-repeat left top; min-height:550px; height:auto !important; height:550px; float:right; width:270px; margin-top:-10px; padding-top:10px; padding-left:20px; padding-bottom:15px;}

/* Footer Item Styles
/////////////////////////////////////// */
div.footer { margin:0 auto; width:936px; height:377px; position:relative; left:0px; top:0px; padding:0px 0px 0px 0px; font-size:11px; color:#444; overflow:hidden;}
div.footer div.columns { width:936px; height:272px; position:absolute; left:0px; top:70px; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
div.footer div.columns div.col { height:250px; float:left; position:relative; padding:20px 0px 0px 0px;}	

div.footer div.columns div.col h3 { margin-bottom:7px;}	
div.footer div.columns div#col-2 h3 { margin-bottom:10px;}	

div.columns div#col-1 {width:296px;}
div.columns div#col-2 {width:215px; padding-left:15px;}
div.columns div#col-3 {width:165px; padding-left:15px;padding-right:15px;}
div.columns div#col-3 div { height:20px; line-height:20px;}
div.columns div#col-3 div.last { border-bottom:none;}
div.columns div#col-4 {width:200px; padding-left:15px;}

div.footer div.columns span.devide { display:block; width:2px; height:222px; position:absolute; right:0px; top:0px; background:url(../images/footer-col-devide.gif) no-repeat left top; overflow:hidden;}
div.footer-wrap { background:url(../images/footer-wrap.png) repeat-x left top; position:relative; width:100%; border-bottom:1px solid #4C0B0C;}

div.legal { width:936px; height:58px; position:absolute; left:0px; bottom:2px; color:#edd47b; line-height:58px; font-size:14px; color:#F1DE8B; font-family:Arial, Helvetica, sans-serif;}

div.pop-tags { width:936px; height:25px; position:absolute; left:0px; bottom:62px;}
div.pop-tags a { display:block; float:left; height:22px; line-height:22px; color:#666; padding:0px 7px 0px 7px;}
div.pop-tags a:hover { text-decoration:underline;}
div.pop-tags a.first { padding:0px 7px 0px 0px;}
div.pop-tags span { display:block; float:left; width:1px; height:10px; margin-top:7px; overflow:hidden; background:#CCAC2F; border-right:solid #FFFEE1 1px;}

div.logos { width:938px; height:51px; position:absolute; left:0px; top:3px;}
div.logos span { display:block; overflow:hidden; width:3px; height:51px; float:left; margin:0px 12px 0px 0px; background:url(../images/logos/devide.gif) no-repeat left top;}
div.logos img { float:left; margin:2px 11px 0px 0px;}
div.logos img.last { margin-right:0px;}

div.legal a { color:#F1DE8B;}
div.legal .phone { width:40%; height:58px; float:right; text-align:right;}
div.legal .phone span { font-size:21px; color:#F0EAC5;}
div.legal .disclaimer { width:40%; height:58px; float:left;}
div.legal .disclaimer span { color:#F0EAC5; font-size:16px;}

/* Floating Item Styles
/////////////////////////////////////// */
.floater-wrap { width:972px;}
.floater { width:270px; height:350px; float:left; overflow:hidden; padding:0px 0px 0px 0px; margin:0px 63px 0px 0px;}
.floater div.frame a { display:block; width:264px; height:152px; float:left; background:url(../images/services/frame-small.png) no-repeat left top; padding:10px 0px 0px 6px; margin-right:1px;}
.floater div.frame img { width:258px; height:138px;}
.floater h2 { padding:5px 0px 0px 0px; margin:0px 0px 10px 0px;}
.floater-wrap .break { margin:0px 0px 10px 1px;}
.floater p { font-size:11px; line-height:17px;}
.floater div.btn a { background:#A6242B; padding:6px 8px 6px 8px; border-radius:3px; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; text-shadow:0 0px 3px #D96F72;}
.floater div.btn a:hover { background:#831D22; text-decoration:none; text-shadow:0 0px 4px #D96F72;}

div.services a { display:block; width:604px; height:253px; float:left; background:url(../images/services/frame.png) no-repeat left top; margin-right:1px; padding:16px 0px 0px 9px;}
	
/* Services Menu Styles
/////////////////////////////////////// */
ul.sub-menu { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
ul.sub-menu li { margin:0px 0px 1px 0px; padding:0px 0px 0px 0px;}
ul.sub-menu li a { margin:0px 0px 0px 0px; padding:0px 0px 0px 18px; display:block; height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; width:90%; background:url(../images/list-bullet.gif) no-repeat 0px -18px; border-bottom:dotted #CCC 1px; color:#666; font-weight:12px;}
ul.sub-menu li a.last { border-bottom:none;}
ul.sub-menu li a:hover { background:url(../images/list-bullet.gif) no-repeat 1px 12px #FFF; color:#222; text-decoration:none;}
ul.sub-menu li a:active { background:url(../images/list-bullet.gif) no-repeat 2px 12px #FFF; color:#888; text-decoration:none;}
ul.sub-menu li a.current { background:url(../images/list-bullet.gif) no-repeat 3px -48px #7C1C23; color:#FFF; text-decoration:none; font-weight:bold;}

/* Pic Menu Menu Styles
/////////////////////////////////////// */
div.pic-menu { width:100%; height:38px; position:relative; left:0px; top:0px; background:#ffffeb; padding:0px 0px 0px 0px; margin-bottom:20px; border:solid #999 1px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}
div.pic-menu a,
div.pic-menu span { float:right; height:35px; line-height:35px; padding:0px 7px 0px 7px; display:block; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
div.pic-menu a.last { margin:0px 10px 0px 0px;}
div.pic-menu a:hover { color:#999; text-decoration:underline;}
div.pic-menu a.current { color:#999; text-decoration:underline; font-weight:bold;}
div.pic-menu span { padding:0px 0px 0px 0px;}
div.pic-menu span.devide { width:1px; height:10px; overflow:hidden; background:#999; margin:14px 0px 0px 0px;}

/* FAQ's Styles
/////////////////////////////////////// */
div.questionsAnswers span { display:block; height:23px; width:23px; position:absolute; left:5px; top:0px; text-align:center; color:#FFF; font-size:14px; font-weight:bold; background:#222; border:solid 1px #333; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; -moz-box-shadow:0 1px 2px #999; -webkit-box-shadow:0 1px 2px #999; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}
div.item { margin:0px 0px 10px 0px;}
div.question { height:35px; position:relative;}
div.question a { display:inline-block; padding:2px 0px 0px 37px; height:30px; line-height:20px; font-size:17px; color:#444;} div.question a:hover { color:#ff1245;}
div.question a:active { color:#888;}
div.answer { width:595px; position:relative; padding-left:5px;}/* ////// equal to width of content area ////// */
div.answer p { padding:3px 0px 0px 37px; margin:0px 0px 0px 0px;}
div.answer { display:none;}
div.visible { display:block;}
.line-qa { display:block; clear:both; width:100%; height:0px; position:relative; left:0px; top:5px; overflow:hidden; margin:0px 0px 30px 0px; border-bottom:dotted 1px #DDD;}
a.show-hide { color:#444; background:#FFF; text-decoration:none; display:inline-block; font-size:11px; padding:5px 11px 5px; font-weight:normal; border:1px solid #666; -moz-box-shadow:0 0 4px #CCC; -webkit-box-shadow:0 0 4px #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
a.show-hide:hover { border:solid 1px #C32734; color:#C32734;}

/* Miscellaneous Styles
////////////////////////////////// */
div.line-pic { margin:0px 0px 0px 0px;}

div.line { width:100%; height:0px; overflow:hidden; clear:both; border-bottom:solid 1px #E4E6CC; margin:0px 0px 15px 0px;}

#album-02 { margin:0 auto; width:972px;}

div.pictures div a { display:block; width:280px; height:165px; float:left; background:url(/phpdriver/modules/gallery/images/frame.png) no-repeat left top; margin:0px 37px 15px 0px; padding:13px 0px 0px 7px; cursor:default;}
div.pictures div a.third { margin:0px 0px 10px 1px;}
div.pictures div a img { width:273px; height:147px; border:none !important; cursor:pointer;}

#example { margin:0 auto; width:972px;}

/* Mini Form Styles
////////////////////////////////// */
.mini-form form { outline:none;}
.mini-form div { width:100%; height:32px; margin:0px 0px 1px 0px; line-height:26px;}
.mini-form input[type=text],.mini-form textarea, .form-layer-1 input[type=text], .form-layer-1 textarea { cursor:default; color:#666; background:#FFF; border:1px solid #999; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; font-family:Arial;}
.mini-form input[type=text],.mini-form textarea { display:block; font-size:11px; margin:0px 0px 0px 0px; padding:7px 0px 7px 0px; text-indent:7px; width:99%; float:right;}
.mini-form input[type=text]:hover,.mini-form input[type=text]:focus, .form-layer-1 input[type=text]:hover, .form-layer-1 input[type=text]:focus, .form-layer-1 textarea:hover, .form-layer-1 textarea:focus, .mini-form textarea:hover, .mini-form textarea:focus { border:1px solid #f60; color:#040404; background:#FFFDE4;}

.mini-form div.phone { line-height:30px; text-align:right;}
.mini-form div.phone div { display:inline-block; width:37px;}
.mini-form div.phone div.phone-first { display:block; float:left; text-align:left; width:35%; text-indent:5px;}
.mini-form div.phone span { display:inline-block; width:4px; overflow:hidden; height:0px; margin:13px 0px 0px 1px; border-top:solid #111 1px; border-bottom:solid #333 1px;}
.mini-form div.phone input { display:inline-block; width:25px; margin:0px 0px 0px 1px; padding:7px 5px 7px 5px; text-indent:0px;}
.mini-form div.phone div.sufix { width:42px;}
.mini-form div.phone div.sufix input { width:30px;}
.mini-form .text-area { height:105px;}
.mini-form h3 { color:#FFF;}

.mini-form button, .form-layer-1 button { display:inline-block; padding:0px 15px 3px 15px; height:28px; color:#FFF; font-weight:bold; font-size:11px; font-family:Verdana; border:none; background-color:#333; cursor:pointer; border:1px solid #83A7D4; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}
.mini-form button:hover, .mini-form button:focus, .form-layer-1 button:hover, .form-layer-1 button:focus { color:#EEE; background-position:left -28px; border:1px solid #f60; background-color:#555;}
.mini-form div.note,.mini-form .submit { text-align:right;}
.mini-form div.hidden { overflow:hidden; height:0px !important; width:0px !important;}
#questions div.note, #questions .submit { text-align:left;}

/* Form Styles
////////////////////////////////// */
.form-00 { height:360px;}
div.form-layer-1 { width:100%;}
.form-layer-1 input[type=text], .form-layer-1 textarea { padding:5px 0px 5px 0px;}
div.form-layer-2, div.form-layer-2b { width:45%; float:left;}
div.form-layer-2b { width:50%; *width:49.75%; padding-left:5%;}
div.row, div.row-b { width:100%; height:32px; line-height:24px;}
div.row-b { text-align:left;}
div.row div.col-1 { width:25%; height:100%; float:left;}
div.row div.col-2 { width:75%; height:100%; float:right;}
div.col-1, div.col-2 input, div.col-1, div.col-2 select { width:98%;}
div.form-layer-1 textarea { width:99%;}

.form-02 div.row div.col-1 { width:75%;}.col-item div.row div.col-1 input { width:98% !important;}
.form-02 div.row div.col-2 { width:25%; text-indent:5px;}

.error { font-size:12px; color:#333 !important; background-color:#FFFAD2 !important;}
input.error { color:#333 !important; border:1px solid #999 !important;}
div.error { width:auto; padding:6px 8px 8px 10px; position:relative; top:-5px; line-height:17px; border:solid #999 1px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;}
.asterisk { color:#e3373a; font-family:Arial, Helvetica, sans-serif;}
