/*
Site Name:
Description: 
Author: BC
Template: (PHI)
Version: 1.0
.
Comments
.

[Table Of Contents]

0- Reset
1- Global
2- Links
3- Headings
4- Skeleton
5- Header
6- Form
7- Thank You Page
8- Footer

*/

/* =0 Reset (DO NOT TOUCH)
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td
{ margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; background:transparent; }

:focus { outline:0px; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body { line-height:1; font:normal 12px Arial, Helvetica, sans-serif; text-align:center; background:#0c5d70 url(images/main_back.jpg) repeat-x; color:#000; }
.right { float:right; }
.left { float:left; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.justify { text-align:justify; }
.hide { display:none; }
.clear { clear:both; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignleft { float:left; margin:4px 10px 4px 0; }
img.alignright { float:right; margin:4px 0 4px 10px; }
.clearfix:after { content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
strong { font-weight:bold; }
em { font-style:italic; }
.hr { width:760px; height:7px; margin:15px auto 15px auto; background:#fff url(images/hr.jpg) no-repeat; border:0; outline:0px; }
.hr-thanks { width:950px; height:2px; margin:0 auto 0 auto; background:#fff url(images/hr_thanks.jpg) no-repeat; border:0; outline:0px; }
.blue { color:#0000ff; }
.dark-blue { color:#000066; }
.yellow { color:#ffff00; }
.light-yellow { background:#90ee90; }
.captcha-text { font:14px Arial, Verdana, Helvetica, sans-serif; text-align:justify; margin:0; padding:0; }
.reload { font:11px Arial, Verdana, Helvetica, sans-serif; text-align:justify; margin:0; padding:0; }
.sm-text { font:12px Arial, Verdana, Helvetica, sans-serif; }
.md-text { font:15px Arial, Verdana, Helvetica, sans-serif; }

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

a:link, a:visited { color:#333; }
a:hover { color:#111; }
a:active { color:#111; }

/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

h1 { font:bold 2em "Times New Roman", Times, serif; }
h2 { margin:10px auto; padding:3px; font:bold 18px Arial, Verdana, Helvetica, sans-serif; background:url(images/lock_sm.png) no-repeat 225px 4px #90ee90; }
h3 { margin:10px 0 10px 15px; font:bold 16px Arial, Geneva, Helvetica, sans-serif; text-align:left; }
h4 { font:bold 1em Arial, Geneva, Helvetica, sans-serif; }
h5 { font:bold 0.9em Arial, Geneva, Helvetica, sans-serif; }

/* =4 Skeleton
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#wrapper { width:1124px; height:790px; margin:auto; padding:0; border:0px solid #000; background:url(images/contents_back.png) no-repeat top; }

    #left { width:540px; height:auto; margin:100px 0 0 100px; text-align:left; border:0px solid #000; float:left; }
    
        #left p { font:14px Arial, Verdana, Helvetica, sans-serif; text-align:justify; margin:10px 0 0 5px; }
        
            #left p.gold { font:bold 14px Arial, Verdana, Helvetica, sans-serif; padding:5px; background:#ffd700; display:block; }
            
    #right { width:auto; height:auto; text-align:center; margin:100px 0 0 35px; border:0px solid #000; float:left; }   
            
        #front-form { width:322px; height:auto; margin:80px 20px 0 0; }
              
            #front-form table { width:auto; margin:20px auto; border:0px solid #000; }
                  
                #front-form table td { padding:2px 0; border:0px dotted #000; }
                      
                    #front-form table td label { font:12px Arial, Verdana, Helvetica, sans-serif; color:#3b3b3b; }
                      
                    #front-form table td input, select { width:170px; height:20px; border:1px solid #666; }
                          
                        #front-form table td input.submit-but { width:284px; height:42px; background:url(images/send_info.png) no-repeat; border:0; cursor:pointer; }
                        
                        #front-form table td p.terms { font:11px Arial, Verdana, Helvetica, sans-serif; text-align:justify; padding:5px 15px; }
                        
                        #front-form table td p.copyright { font:11px Arial, Verdana, Helvetica, sans-serif; margin:10px 0 0 0; text-align:center; }
    
        
    
/* =5 Thank You Page
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#thanks-wrapper { width:1117px; height:1080px; margin:0 auto 10px auto; background:url(images/thanks_back.png) no-repeat; }

    #thanks-contents { width:890px; height:auto; margin:auto; }
    
        #thanks-contents p { font:16px Arial, Verdana, Helvetica, sans-serif; margin:0 0 15px 0; text-align:justify; }
        
            #thanks-contents p.top-p { padding:120px 0 0 0;  }
            


/* =6 Universal Thank You Page
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/      
            
#u-thanks-wrapper { width:950px; height:auto; margin:0 auto 0 auto; background:#fff; border:1px solid #666; }

    #u-thanks-wrapper td { text-align:center; vertical-align:top; border:0px dotted #000; }
    
        #u-thanks-wrapper td table { margin:auto; }
    
        .thanks-top { height:48px; background:url(images/top_grad.gif) repeat-x; }
        
        .thanks-bottom { height:52px; background:url(images/bot_grad.gif) repeat-x; }

        #u-thanks-wrapper td.thanks-left { width:250px; padding:30px 0 0 0; border:dotted #000; border-width:0 1px 0 0; }
        
            .thanks-left .top-p { font:bold 13px Arial, Verdana, Helvetica, sans-serif; }
            
            .thanks-left .thanks-numbers { font:bold 18px Arial, Verdana, Helvetica, sans-serif; color:#0000ff; margin:0 0 0 3px; text-align:left; }
            
            .thanks-left img { float:left; }
            
            .thanks-left .dial-direct { font:11px Arial, Verdana, Helvetica, sans-serif; }
        
        .thanks-mid { width:auto; padding:30px 0 0 0; }
        
            .thanks-mid p { font:16px Arial, Verdana, Helvetica, sans-serif; color:#373737; margin:0 0 25px 0; padding:0 20px; text-align:justify; }
    
        

/* =8 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#footer { width:950px; height:auto; margin:20px auto 0 auto; background:#006400; }

    #footer p { font:10px Arial, Verdana, Helvetica, sans-serif; color:#fff; padding:10px 0 10px 0; }

/* =9 CVV Page / Captcha Page
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body#cvv-page { background:#fff; padding:20px; }

    body#cvv-page table { border:1px solid #000; }
    
        body#cvv-page table td { padding:10px; border:1px dotted #000; }
        
body#captcha-page { background:#fff; padding:20px; }

    body#captcha-page table { background:#eaeaea; border:1px solid #000; }
    
        body#captcha-page table td { padding:10px; border:1px dotted #000; }
        
            body#captcha-page table td p { font:14px Arial, Verdana, Helvetica, sans-serif; margin:10px 0 0 0; }