/* [Basic Color codes] : 1.ColorName : #------ ; 2.ColorName : #------ ; 3.ColorName : #------ ; */ /* !!!!! GLOBAL ELEMENTS !!!!! */ * { padding:0; margin:0; } body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, textarea, select, a, blockquote, table, td, th { font-family: Arial, Helvetica, sans-serif; } body { font-size:14px; color:#2b1852; padding:20px 0 10px 0; line-height:18px;} html, body {background:#44a4dd url(../images/body_bg.gif) repeat-x top;} h1, h2, h3, h4, h5, h6 { font-family:Gill Sans MT, Arial, Helvetica, sans-serif; } h1 { font-size:20px; font-weight:normal; } h2, body > h2 { font-size:18px;font-weight:bold; font-style:italic; color:#3ab3e4; padding:12px 0 10px 0; text-transform:uppercase;} h3, body > h3 { font-size:16px; font-weight:bold; font-style:italic; font-family:Calibri; color:#3ab3e4; padding:5px 0 10px 0; } h4 { font-size:14px; font-weight:normal; } h5 { font-size:12px ;font-weight:normal; } h6 { font-size:12px; font-weight:normal; } ul { list-style:none;} p { padding:5px 0 10px 0; text-align:justify; } a, a:visited { text-decoration:none; color:#000; } a:hover { text-decoration:underline; } :focus { outline:none;} form { margin:0; padding:0;} label, input, textarea, select { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#182f52; } /*___ end global elements ___*/ /* !!!!! GLOBAL CLASSES !!!!! */ .alignleft { float:left; } .alignright { float:right; } .alignnone { clear:both; } .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */ .clearfix { display:inline-block; } * html .clearfix { height:1%; }/* hides clearfix from IE-mac */ .clearfix { display:block; }/* end hide from IE-mac */ /*___ end global classes ___*/ /* !!!!! STRUCTURAL CLASSES !!!!! */ #wrapper { width:887px; margin:0 auto; background:url(../images/body_top.png) no-repeat top; padding-top:17px; } #header { background:url(../images/body_middle.png) repeat-y left; padding:0 30px 0 28px} #content {background:url(../images/body_middle.png) repeat-y left; padding:0 30px 0 28px; min-height:384px; _height:384px; } .widecolumn { width:470px; float:left; padding-left:14px; } .narrowcolumn { width:293px; float:right; padding-right:14px; } .services_inner .widecolumn { width:570px; padding-right:215px; background:url(../images/banner_service.gif) no-repeat right 70px; } .inner_container .widecolumn{ width:790px; overflow:auto;height:360px; padding-right:10px;} .faq .widecolumn{ width:800px;} .about_inner .widecolumn{ background:url(../images/about_banne.gif) no-repeat right top; width:800px; margin-top:20px; height:400px;} .about_inner .text_banner { background:url(../images/about.gif) no-repeat left top; display:block; width:624px; height:119px; padding:0px 0 0 64px; line-height:30px;} .about_inner .about_containt { width:534px;} #content ul li { padding:2px 0} .warranty_inner .widecolumn{ background:url(../images/warranty_banner.gif) no-repeat right top; width:800px; margin-top:30px; height:330px;} .warranty_inner .text_banner { background:url(../images/warnty_text_bg.gif) no-repeat left top; display:block; width:440px; height:225px; padding:15px 28px 0 34px; } .warranty_inner .text_banner h2 { text-align:center;} .contact_form .widecolumn{ width:800px; overflow:auto; } /* FOrm */ .form_data th { color:#024f70; text-align: right; font-weight:normal;} .form_data td { padding:0px 0} .form_data td label.input_text { display:block; padding:2px; width:199px; height:25px; background:url(../images/input_text.gif) no-repeat left top} .form_data td label.input_text input { padding-top:2px; width:96%; border-width:0px; background-color:transparent} .form_data td label.textarea {display:block; padding:2px; width:199px; height:45px; background:url(../images/text_textarea.gif) no-repeat left top} .form_data td label.textarea textarea {padding-top:2px; border-width:0px; width:96%; background-color:transparent; height:40px;} .btn_submit { background:url(../images/brn_submit.gif) no-repeat left top; border-width:0px; width:88px; height:28px; cursor:pointer; } .btn_submit:hover { background-position:0 -43px;} .map_banner { padding:5px; background:#FFF;} #sidebar { } #footer, body > #footer { background:url(../images/body_bottom.png) no-repeat left top; padding-top:20px; position:relative; color:#FFF; font-size:0.7em; line-height:16px; text-align:center; width:900px;} .payment_cart { background:url(../images/payment_cart.gif) no-repeat left top; display:block; width:71px; height:25px; position:absolute; right:30px; top:-22px; } #footer p{ padding:0; margin:0; text-align:center; } #footer a { color:#FFF;} #footer a:hover { color:#FFF; text-decoration:underline} /*___ end structural classes ___*/ /* !!!!! ELEMENT SPECIFIC CLASSES !!!!! */ /* LOGO */ .logo_seaction {} h1#logo {display:block; width:234px; height:173px; margin:0; padding:0; padding-left:28px; float:left;} h1#logo a { display:block; width:234px; height:173px; display:block; z-index:9999; position:absolute;text-indent:-9999px; text-decoration:none; background:url(..//images/logo.png) no-repeat 0 0; } .home_contact { float:right; width:544px} .home_contact .text_dontt_replace_it { background:url(../images/text_dontt_replace_it.gif) no-repeat left top; display:block; width:100%; height:58px;} .home_contact .inner_text { margin:10px 5px 0 16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-transform:uppercase; color:#80dcf4; font-style:italic; background:url(../images/text_save.gif) no-repeat left top; display:block; width:514px; height:89px; position:relative;} .home_contact .inner_text a.contact_email { display:block; width:193px; height:20px; position:absolute; bottom:2px; right:3px; text-indent:-9999px; } .home_contact .inner_text p { margin:0; padding:8px 0;} /* NAVIGATION */ #navigation { height:47px; display:block; margin-left:-2px; padding:14px 16px 0 14px; background:url(../images/main_navigation.png) no-repeat left top } /* To format the main navigation structure */ #navigation ul { list-style:none; position: relative; overflow: hidden; padding-left:10px; } #navigation ul li { display:inline; float:left; padding-right:1px; z-index:9 } #navigation ul li a { display:block; float:left; height:41px; position: relative; z-index: 10; text-indent:-9999px; overflow: hidden; } #navigation ul li a{ background:url(../images/main_navigation.png) no-repeat left top } #navigation ul li a.home{ width:75px; background-position:-24px -76px} #navigation ul li a.about{ width:105px; background-position:-100px -76px} #navigation ul li a.servies { width:97px; background-position:-206px -76px} #navigation ul li a.whyreglaze { width:137px; background-position:-304px -76px} #navigation ul li a.warranty { width:186px; background-position:-442px -76px} #navigation ul li a.faq { width:53px; background-position:-629px -76px} #navigation ul li a.contact { width:121px; background-position:-683px -76px} #navigation ul li.back { background: url("../images/lava.png") no-repeat right -50px; width: 11px; height: 41px; z-index: 0; position: absolute; } #navigation ul li.back .left { background: url("../images/lava.png") no-repeat top left; height: 41px; margin-right: 10px; /* 7px is the width of the rounded shape */ } #navigation ul li a.home:hover{ background-position:-24px -129px; } #navigation ul li a.about:hover{ background-position:-100px -129px} #navigation ul li a.servies:hover { background-position:-206px -129px} #navigation ul li a.whyreglaze:hover { background-position:-304px -129px} #navigation ul li a.warranty:hover { background-position:-442px -129px} #navigation ul li a.faq:hover { background-position:-629px -129px} #navigation ul li a.contact:hover { background-position:-683px -129px} #navigation ul li.current a.home.active{ background-position:-24px -129px; } #navigation ul li.current a.about.active{ background-position:-100px -129px} #navigation ul li.current a.servies.active { background-position:-206px -129px} #navigation ul li.current a.whyreglaze.active { background-position:-304px -129px} #navigation ul li.current a.warranty.active { background-position:-442px -129px} #navigation ul li.current a.faq.active { background-position:-629px -129px} #navigation ul li.current a.contact.active { background-position:-683px -129px} /*#navigation ul li a.home.active, #navigation ul li a.servies.active, #navigation ul li a.about.active, #navigation ul li a.warranty.active , #navigation ul li a.whyreglaze.active, #navigation ul li a.faq.active, #navigation ul li a.contact.active { background-image:url(../images/main_navigation.png); background-repeat:no-repeat; }*/ /*___ end structural classes ___*/ .padding_10 { padding:0 15px;} .sorlling { position:relative; height:213px; display:block; } .sorlling_bg {background:url(../images/scroll_bg.png) no-repeat 0 0; display:block; position:absolute; height:225px; width:834px; z-index:9; top:-14px; left:-7px;} img{ border:none; } .gallery_thumb_width { width:770px; padding-top:10px; height:360px; overflow:hidden; display:block; } #content-slider_left { width:16px; height: 334px; float:left; margin: 15px 0px 0 10px; background:url(../images/scrolling_bar.gif) no-repeat left top ; position: relative; } .content-slider-handle_left { width: 15px; height: 50px; position: absolute; padding:10px 0px; left:1px; top: 0px; background:url(../images/header.gif) no-repeat center; } #image_gallery { width:810px;height: 170px; position: relative; padding-top:20px; background:url(../images/scroll_images.jpg) left 20px repeat-x;} div.scrollingHotSpotLeft { left:0;} div.scrollingHotSpotRight{ z-index: 200;right: -10px;} div.scrollingHotSpotLeft, div.scrollingHotSpotRight { width:30px; height:40px; z-index:999999; cursor:pointer; position:absolute; top:85px;} .red { color:red;} .visit{ background:url(../images/images11.jpg); background-repeat:no-repeat; height:20px; font-size:14px; font-weight:bold; color:#000; width:120px; border:none; padding-left:0px; cursor:pointer; } .blogbutton1 { width:196px; height:32px; } .blogbutton{ outline:none; text-decoration:none; background:url('../images/drtubs-button.jpg') no-repeat center; width:196px; height:32px; line-height:32px; } .blogbutton:hover { background:url('../images/visit-blog2.jpg') no-repeat center; } .myButtonLink { display: block; width: 100px; height: 100px; background:url('../images/drtubs-button.jpg') no-repeat center; text-indent: -99999px; } .myButtonLink:hover { background:url('../images/visit-blog2.jpg') no-repeat center; }