/*
Site Name: Free Bucket
Description: Free Bucket Registration
Author: BC
Template: (CLS)
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
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html { height:100%; }
body { height:100%; width:100%; text-align:center; display:table; font: 10pt arial; }
.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 { color:#fff; }
a:visited { color:#fff; }
a:hover { color:#ccc; }
a:active { color:#fff; }

/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

h1 { font:bold 32px "Times New Roman", Times, serif; 	letter-spacing: -3px;}
h2 { margin:10px auto; padding:3px; font:bold 18px Arial, Verdana, Helvetica, sans-serif; }
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; }

/* Registration Page -------------------------------------------------------- */

#register { text-align:center; }

    #register .contents { width:950px; height:auto; margin:auto; }

        #register .contents h1 { font:bold 32px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; margin:10px 0 4px 30px;  color: #3B3B3B;}
        #register .contents h2 { font:bold 28px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; margin-left:10px;  color: #6AA2FD;}
        
        /* Header ........................................................... */
    
        #register .contents .header { width:950px; height:60px; margin:auto; background:url(../images/header.gif) no-repeat; }
        
            #register .contents .header ul { width:100%; }
            
                #register .contents .header ul li { font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; padding:18px 20px 0 20px; display:inline; float:left; }
                
                /* Menu */
                    
                    #register .contents .header ul li a {
                    	display: block;
                    	float: left;
                    	text-decoration: none;
                    	color: #FFFFFF;
                    }
                    
                    #register .contents .header ul li a:hover {
                    	text-decoration: underline;
                    }

                    
                  #register .contents .header  .current_page_item a {
                      color: #000000;
                    }

                
                
                
        /* Middle Left ...................................................... */
                
        #register .contents .middle { width:100%; margin:20px auto; border:0px solid #000; }
        
            #register .contents .middle td { vertical-align:top; }
        
            #register .contents .middle .mid-left { width:446px; height:auto; background:url(../images/coupon_repeat.jpg) repeat; text-align:center; }
            
                #register .contents .middle .mid-left p { font:16px Arial, Verdana, Helvetica, sans-serif; text-align:justify; margin:20px; }
                
                    p.twelve-pt { font:10pt Arial, Verdana, Helvetica, sans-serif; margin-bottom: 10px; }
                    
                    #register .contents .middle .mid-left p a {  color: #2355A6; } 
                
                #register .contents .middle .mid-left .coupon-middle { width:434px; height:407px; background:url(../images/family.png) no-repeat; }
                
                    #register .contents .middle .mid-left .coupon-middle ul.cp-left { margin:120px 0 0 30px; list-style-type:none; border:0px solid #000; float:left; }
                    
                        #register .contents .middle .mid-left .coupon-middle ul.cp-left li { font:11px Arial, Verdana, Helvetica, sans-serif; text-align:left; background:url(../images/tack.png) no-repeat; padding:0 0 5px 20px; }
                        
                    #register .contents .middle .mid-left .coupon-middle ul.cp-right { margin:120px 0 0 0; list-style-type:none; border:0px solid #0000ff; float:left; }
                    
                        #register .contents .middle .mid-left .coupon-middle ul.cp-right li { font:11px Arial, Verdana, Helvetica, sans-serif; text-align:left; background:url(../images/tack.png) no-repeat; padding:0 0 5px 20px; }
                        
        /* Registration Form ................................................ */
                        
            #register .contents .middle .mid-right { width:467px; height:auto; text-align:center; }
            
                #register .contents .middle .mid-right input.continue { width:285px; height:59px; background:url(../images/continue.png) no-repeat; border:0; cursor:pointer; }
            
                #register .contents .middle .mid-right .bar { width:464px; height:37px; background:url(../images/bar.png) no-repeat; }
                
                    #register .contents .middle .mid-right .bar p { font:bold 24px Arial, Verdana, Helvetica, sans-serif; color:#fff; margin:3px 0 0 10px; }
                    
                #register .contents .middle .mid-right table { height:auto; margin:auto; border:0px solid #000; }
                    
                    #register .contents .middle .mid-right table td { padding:2px; vertical-align:middle; border:0px dotted #000; text-align:right; }
                    
                        #register .contents .middle .mid-right table td.horz-line { width:100%; height:auto; padding:2px; font:12px Arial, Verdana, Helvetica, sans-serif; color:#666; background:#f8f8f8; text-align:left; border:dotted #666; border-width:1px 0 1px 0; }
                    
                        #register .contents .middle .mid-right table td label { font:14px Arial, Verdana, Helvetica, sans-serif;  }
                        
                        #register .contents .middle .mid-right table td.left { text-align:left; }
                        
                        #register .contents .middle .mid-right table td.center { text-align:center; }
                        
                        #register .contents .middle .mid-right table td .twenty-four { font:24px Arial, Verdana, Helvetica, sans-serif; text-align:center; }
                        
                        #register .contents .middle .mid-right table td.questions { text-align:justify; }
                        
                        a:link, a:visited, a:active { color:#2355a6; }
                        a:hover { color:#4577c8; }

                        
                            #register .contents .middle .mid-right table td.questions p { font:14px Arial, Verdana, Helvetica, sans-serif; margin:15px 0; }
                
                      #register .contents .middle .mid-right table td input, #register .contents .middle .mid-right table td select { width:120px; }
                      
                          #register .contents .middle .mid-right table td select.dob { width:auto; }
                          
                          #register .contents .middle .mid-right table td input.address { width:340px; }
                      
                          #register .contents .middle .mid-right table td input.radio { width:auto; }
                          
                          p.eleven-pt { font:11px Arial, Verdana, Helvetica, sans-serif; background-color:#D4E4FF; padding: 10px;}
                          p.eleven-pt a {color:#2355A6;}
                          
                          #register .contents .middle .mid-right table td .birth-table { padding:0; }
                          
                              #register .contents .middle .mid-right table td .birth-table td { padding:3px; }
                
            
                

/* =9 Thank You Page
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#contents-thanks { width:1075px; height:500px; margin:0 auto 0 auto;  border:0px solid #000; display:table; }

    #contents-thanks-txt { width:880px; height:auto; margin:105px auto 0 auto; border:0px solid #000; }
    
        #contents-thanks-txt p { font:12px Arial, Verdana, Helvetica, sans-serif; text-align:justify; margin:0 0 15px 0; }
        
        #contents-thanks-txt a { color:#0000ff; }
        
        #contents-thanks  h2 { font:bold 28px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; margin:0 0 15px 0;  color: #6AA2FD;}






/* Footer */

#footer {
	clear: both;
	width: 950px;
	margin: 0 auto;
	padding: 30px 0;
	background: url(../images/img11.gif) no-repeat;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7F7772;
}

#footer p {
	margin: 0 0 5px 0;
	text-align: center;
	line-height: normal;
	font-size: .9em;
}

#footer a {
	text-decoration: none;
	color: #6AA2FD;
}

#footer a:hover {
	text-decoration: none;
	color: #FF7400;
}










