@import url('layout.css');


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th {
    background:transparent none repeat scroll 0 0;
    border:0 none;
    font-size:100%;
    margin:0;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
    padding:0;
    vertical-align:baseline;
    font-family: Verdana;
    font-size: 12px;
}


/* Accordion */

.basic  {
	width: 600px;
	border: 0px solid #bfc0c1;
}

.basic div {
	background-color: transparent;
	background:  url(../img/textarea_bg.png) repeat-x scroll 0 0; 
	margin: 0px;
}

.basic p, .basic h2 {

	padding: 8px 4px 4px 8px;
	margin-top: 0px;
}

.basic h2
{
    color: #115e87;
    
    }
    
.basic ol
{
    margin-top: 0;
    padding-top: 0;
}

.basic a{
	cursor:pointer;
	display: block;
	padding: 10px;
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: none;
	font-size: 12px;
	color: White;
	color: #043b65;
	background-color: transparent; 
    border-top: 1px solid #a1a8b3;
	border-bottom: 1px solid #999;
	
/*	background: url('../img/top_nav_alt_bg_tile.png') transparent repeat-x; */
}

a.ui-state-active
{
    background-color: #eaeef1;
    
    }

p a:hover
{
    text-decoration: underline;
    
    }



.basic ol li a, .basic p a, #faq_list p a.faq_pass,  #giftango_directions p a
{
    display: inline;
    font-size: 11px;
    border-top: 0px;
    margin: 0px;
    padding: 0px;
    color: #195876;
    cursor: pointer;
    
}

.basic ol li a: hover, .basic p a: hover, #faq_list p a.faq_pass: hover, #giftango_directions p a: hover
{
    display: inline;
    font-size: 11px;
    border-top: 0px;
    margin: 0px;
    padding: 0px;
    text-decoration: underline;
    
}



.basic div a
{
    background-color: Transparent;
    border-bottom: 0px;
    
}

.basic div a:hover
{
    background-color: Transparent;
    
    }


.basic a:hover {
	background-color: #d8dfe5;
	
}
.basic a.selected {
	color: black;
	background-color: #80cfe2;
	
}


.clear
{
    clear: both;
    height: 0px;
    
    }


p, agreement_page li, ul, ol
{
    
    font-family: Verdana;
    font-size: 11px;
    line-height: 140%;
    color: #3d4146;
    
}


ol li a
{
    font-size: 11px;
    color: #1c457d;
    display: inline;
    
    
    }

address
{
    color: #1b436b;
    font-family: Calibri;
    font-size: 13px;
    line-height: 140%;
    margin-left: 3px;
    
}

#map
{
    width: 540px; 
    height: 450px;
    border: 1px solid #767d85;
    
    }


#address p
{
    margin-left: 3px;
    
    }

.feedback
{
    border: 0px solid #4883a0;
    padding: 6px;
    min-width: 200px;
    margin:  4px 0px 8px 18px;
    color: #585959;
    font-size: 11px;
    
    }

.center
{
    text-align: center;
    
    }


#address img
{float: right;
 border: 0px;
    
    }


#address h2
{
    margin: 4px;
    font-size: 15px;
    color: #2e353b;
    font-family: Trebuchet MS;
    
    }


.error
{
    color: Red;
    font-size: 11px;
    font-weight: bold;
    
  }
  

hr.smooth_rule
{
    color: #a8b2b9;
    width: 80%;
    height: 4px;
    
    
    }
  
 


#right_column_faqs li a
{
    color: #11567a;
    
}

#right_column_faqs li a:hover
{
    text-decoration: underline;
    }
    
    
 #center_column_wide h2
 {
     color: #6c6f70;
     font-size: 16px;
     
     }

hr
{
    color: #ff3d00;
    
    }
    
    
.noborder
{
    border-right: 0px;
    
    }


label
{
    padding: 5px;
    font-weight: bold;
    
    }


a:link{
 color:#333333;
 text-decoration: none;
 }
a:visited{
 color: #333333;
 text-decoration: none;
 }
a:active{
 color: #666666;
 text-decoration: none;
 }
a:hover{
 color: #000000;
 text-decoration: none;
 }
 

blockquote
{
    font-family: Verdana;
    font-size: 11px;
    color: #1b598d;
    line-height: 140%;
    font-style: italic;

}
    
    
 blockquote.site_quote
 {
     line-height: 150%;
     font-size: 20px;
     font-family: Calibri, Verdana, Arial;
     margin: 30px 10px 20px 20px;
     
}   


a.featured_link
{
    color: #1e6991;
    font-weight: bold;
    text-decoration: underline;
}
 
 
.btn_login
{
    margin-top: 7px;
    
    }
    
#login_box .submit_link
{
    margin-top: 20px;
    color: #edeeef;
    font-size: 10px;
    font-family: Verdana;
}
    
 
    
 #login_box .tabs input
 {
     padding: 1px;
     margin: 0;
     font-size: 11px;
     background-color: #f2f2f2;
     height: 15px;
     width: 150px;
     border: #2e7ea4 solid 1px;
     color: #101010;
     
     }

#login_box a: hover
{
    color: #edeeef;
    text-decoration: underline;
    font-size: 10px;
    font-family: Verdana;
}
    


a.heading
{
    color:#5674A6;
    font-family: Trebuchet MS;
    font-size:16px;
    font-weight:bold;
}
    
a.heading:hover
{
    text-decoration: underline;  
}

a.quick_news
{
    color:#5674A6;
    font-family: Trebuchet MS;
    font-size:16px;
    font-weight:bold;    
}
 
a.quick_news:hover
{
    text-decoration: underline;
}
  
#client_list td blockquote
{
    width: 270px;
    margin-left: 15px;
    
    }


#client_list td
{
    padding: 7px;
    vertical-align: top;
    
    }
 
 #client_list td img
 {
     padding-top: 30px;
     border: 0px;
     
     }

#client_list td a:hover
{
    text-decoration: underline;
    color: #155791;
    
}


#right_column_community span
{
    color:#5773C2;
    font-weight:bold;
    text-transform: uppercase;
    font-family: Verdana;

}


#right_column #paper_mobile
{
    margin-right: 15px;    
}


#right_column ul
{
    font-size: 11px;
}
    
  
#left_box
{
    border: 1px red dashed;
    width: 200px;
   
}



#front_content_mid
{
    margin: 0px;
    padding: 0px;
    /* border-bottom: solid #787a84 2px;
    border-top: solid #787a84 2px;  */
    width: 984px;
    height: 340px;
    vertical-align: bottom;
    
}


#front_heading
{
    float: right; 
    width: 370px; 
    border: 0px green solid;
    margin: 115px 0px 10px 0px;
}

#front_heading p
{
    line-height: 140%;
    font-size: 12px;
    width: 300px;
    margin-left: 50px;

}

#front_heading h2
{
    background: url('../img/gift_card_heading.png') no-repeat transparent;
    margin-left: -40px;
    text-indent: -7000px;
    height: 29px;
    width: 333px;
    
}



    
#featured_benefits img
{
    margin-top: 35px;
    }
    
 
 table.tbl_list 
 {
     border: 1px solid #5d94b7;
     margin-left: 60px;

     }  

 table.tbl_list td.header
 {
     font-weight: bold;
     background-color: #cfd9e0;
     
     }

 table.tbl_list td
 {
     font-family: Verdana;
     font-size: 12px;
     
     
     }

 
#tbl_front td
{
    padding: 10px;
    
}


#tbl_front td h1
{
    margin-left: 5px;
    
    }

    
 .gray_div_line
 {
     background-color:#787a84;
     height: 20px;
     
     
     }

    
    
/* Tables and Forms */

#form_wrapper input
{
    border: 1px solid #c1c2c3;
    padding: 2px;
    margin: 0px;
    font-family: Verdana;
    
}


#form_wrapper select
{
   margin-top: 5px;
    
    
    }

    
input[type=radio], input[type=checkbox]
{
     border: 0px;
     padding: 4px;     
}
     
input:focus
 {
     background-color: #e9eced;
     border: 1px #3b5d90 solid;
         
}
         
    
td input.error, td input.required
{

    background-color:#FFFFD5;
    border:2px solid red;
    color:red;
    margin:0;

}
         
 
.step
{
    padding: 7px 10px 7px 10px;
    background-color: #e1e6ed;
    margin: 5px 0px 15px 0px;
    
 }
         
         
.steps
{
    color: #3368b6;
    font-weight: bold;
    margin: 2px;
    
}


.step_text
{
    color: #fb6f00;
    font-weight: bold;
    font-size: 13px;
    font-family: Verdana;
    text-transform: uppercase;
 }


.required
{
    color: Red;
    font-weight: bold;
    padding: 3px;
    
}
   
.form_error
{
    color: Red;
    display: block;
    font-size: 11px;

}
   
   
textarea
{
    background: url('../img/textarea_bg.png') repeat-x white;
    border: 1px solid #62747f;
    height: 70px;
}

#form_wrapper
{
    margin-left: 80px;
    width: 984px;
    padding-top: 25px;
}

#form_wrapper h1
{
    margin: 10px;
    
}

#form_wrapper P
{
   padding-left: 15px;
   margin: 10px 0px 10px 0px;
}

.DIVErrorMsg
{
    margin: auto 20px;
    border: 1px solid #990033;
    background: #ffffcc url('../img/error.png') no-repeat center left;
    width: 773px;
    padding: 10px 4px 10px 40px;
    color: #990033;
}

.DIVErrorMsgContact
{
    border: 1px solid #990033;
    background: #ffffcc url('../img/error.png') no-repeat center left;
    width: 640px;
    padding: 10px 4px 10px 40px;
    color: #990033;
}

#frmTable
{
    margin: auto 20px;
    border: 1px solid #325971;
    width: 820px;
 
}

#frmTable td
{
    font-size: 11px;
    padding: 0px;
    height: 15px;
    border: 0px red solid;
    }
    
 #frmTable td a, #agreement_page a
 {
     color: #1474a4;
     text-decoration: underline;
     font-weight: bold;

     }
     
  #frmTable td a: hover, #agreement_page a:hover
 {
     color: #225772;
     text-decoration: underline;
     font-weight: bold;

     }
    
 #frmTable tr
 {
     padding: 3px;
     
     }

    
em.note
{
    font-size: 11px;
    
}


   
  #frmTable th, #agreement_page h1
  {
      height: 30px;
      background: url('../img/tbl_heading_bg.png') repeat-x bottom center;
      padding: 20px 10px 10px 30px;
      text-align: left;
      font-family: Tahoma;
      font-size: 13px;
      color: #356582;
      text-transform: uppercase;
      border-bottom: 1px solid #92adbe;
      margin-top: 20px;
      
      }
      
      

#agreement_page p
{
    margin: 7px;
    
    }



/* side area boxes */


.left_box
{
    margin: 0 0 17px 0;
    background: url(../img/box-bgr.gif) repeat-y center;
}
.left_box .spacer
{
    padding: 2px 13px 0 13px;
}
.left_box-top
{
    background: url(../img/box-top.gif) no-repeat top;
    height: 9px;
}
.left_box-bottom
{
    background: url(../img/box-bot.gif) no-repeat bottom;
    height: 9px;
}

#left_column h4
{
    font-size: 12px;
    color: White;

}


/*- Subnav Left area -*/

#sub_box
{
   margin-top: 20px;
   width: 200px;
   margin: 20px 0px 10px 0px;
   border: red solid 0px;

    
}


#sub_box h2
{
    color: White;
    font-size: 16px;
    font-family: Trebuchet MS;
    text-align: center;
    padding-top: 5px;
}

#sub_box_header
{
    background: url('../img/sub_box_header_bg.png') no-repeat top left; 
    height: 35px; 
    width: 201px;

}


#sub_box_mid
{
    background: url('../img/sub_box_mid_bg.png') repeat-y;
    width: 201px; 

    
    
    }

#sub_box_footer
{
    background: url('../img/sub_box_footer_bg.png') no-repeat top left; 
    height: 35px; 
    width: 201px;

}


ul.category
{
    margin: 0 3px;
    border-bottom: 3px solid #434343;
    padding: 0px;
}

.category li
{
    color: #00234c;
    background: url(../img/list-bgr.gif) repeat-x top;
    font-size: 12px;
    line-height: 33px;
    height: 33px;
    list-style-type: none;
    margin-left: 0px;
}

    
li.navselected
{
    color: #00234c;
    background: url(../img/page_selected_bg.png) repeat-x top;
    font-size: 12px;
    line-height: 33px;
    height: 33px;
    list-style-type: none;
    margin-left: 0px;
}


.category li a {
    color:#00234C;
    display:block;
    height:33px;
    line-height:33px;
    padding:0 0 0 15px;
    text-decoration:none;
}

.category li a:hover, .category li.selected a
{
    display: block;
    color: #115273;
    /* background: url(../images/list-arrow.gif) no-repeat left; */
}

.selected
{
    color: Red;
    
}


ul.featured_list
{
    margin: 2px;
}

ul.featured_list li
{
    list-style-type: square;
    color: #3d4146;
    line-height: 160%;
    font-size: 11px;
 }

ul.bottom_list
{
    list-style-type: square;
    color: #3d4146;
    font-size: 11px;
    line-height: 150%;
}
 
/* Front page and page content blocks */

#partner_image {
    float: left;
	width: 301px;
	height: 331px;
	background-image: url(../img/partner.gif);
}

#partner_button {
	position:absolute;
	width:183px;
	height:39px;
	z-index:12;
	left: 654px;
	top: 1042px;
}

#partner_content
{
    float: right;
    width: 344px;
    
}

#featured_product
{
    width: 290px;
    float: right;
    margin: 55px 0px 0px 0px;
    border: 0px red solid;
    padding: 10px;
    
 }
 
 

#featured_product hr
{
    color: #f4671a;
    
}


#featured_product span
{
    text-align: center;
    
}
 
 
 td div#featured_product
{
    width: 295px;
    float: right;
    margin: 0px 0px 0px 0px;
    border: 0px red solid;
    padding: 28px  10px 0px 10px;
    height: 334px;
    background-color: #f3f3f3;
    
 }
 
 td div#featured_product img
 {
     margin: 10px;
     text-align: center;
     
     }
 
td div#featured_product h4
{
     color:#416B98;
     font-family:Calibri,Verdana,Arial;
     font-size:20px;
      
}
     
     
#featured_partner
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 1px;
    
    }
 
 
#featured_partner td p
{
   
    padding: 5px;
    
}
 
/* Original Navigation */

#nav{
    height:28px;
    width:984px;
    background-image:url(../img/nav_bg.jpg);
}

 #buttons {
	height:15px;
	width:450px;
	margin-left:500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:5px;
	font-weight: normal;
	text-decoration: none;
}
	

#banner {
	height:348px;
	width:984px;
	background: url(../img/bannerbg_home.jpg) #ffffff no-repeat;
	border: 0px red dashed;

}

#banner_image 
{
	position:relative;
	width:590px;
	height:305px;
	background: url(../img/giftango_front_img.png) no-repeat;
	margin: 36px 0px 0px 15px; 
	border: 0px green solid;
	float: left;

}


#banner_welcome {

	width:286px;
	height:28px;
	z-index:3;
	left: 841px;
	top: 192px;
}


#banner_learn {

	width:125px;
	height:36px;

}

#banner_text_header 
{
    
	width:407px;
	height:61px;
	line-height:25px;
	
}

#banner_title_text {

	width:347px;
	height:40px;
	float: right;

}
#banner_text_slogan {

	width:276px;
	height:24px;

}
#banner_text {
	width:208px;
	height:103px;
	line-height:17px;
	border: 0px blue solid;
}




/* New Top Navigation */


div#new_nav
 {
     background: url('../img/top_nav_alt_bg_tile.png') repeat-x;
     height: 29px;
     border-bottom: 1px solid #848E99;
     padding-left: 328px;
  
}

ul#new_nav_list
{
    height: 29px;
    padding: 0;
    margin: 0;
    list-style: none;
 }

ul#new_nav_list li.top
{
    display: inline;
    width: 109px;
    height: 29px;
    background: url('../img/alt_top_nav_bg.png') no-repeat;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid black;
    float: left;
    text-align: center;

}


ul#new_nav_list li.top:hover, ul#new_nav_list li.top .selected
{
    display: inline;
    width: 109px;
    height: 29px;
   /* background: url('../img/alt_top_nav_bg_hover_or.png') no-repeat; */
    background: url('../img/alt_top_nav_bg_selected.png') no-repeat;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: center;

}


ul#new_nav_list li.top a.list
{
    height: 22px;
    font-family: Arial, Verdana, Helvetica;
    text-transform: uppercase;
    color: #073156;
    text-decoration: none;
    width: 108px;
    border: 0px solid red;
    font-size: 12px;
    float: left;
    padding: 8px 0px 0px 0px;
    margin: 0px;
    border-right: 1px solid #9f9e9e;
 
}


ul#new_nav_list li.top a.list_end
{
    height: 22px;
    font-family: Arial, Verdana, Helvetica;
    text-transform: uppercase;
    color: #073156;
    text-decoration: none;
    width: 108px;
    font-size: 12px;
    float: left;
    padding: 8px 0px 0px 0px;
    margin: 0px;
    border-right: 0px solid #9f9e9e;
 
}


ul#new_nav_list li ul.subnav {
	list-style: none;
	position: relative; 
	left: 0px; top: 0px;
	margin: 0; 
	padding: 0px 0px 10px 4px;
	display: none;
	float: left;
	width: 164px;
/*	border-left: 2px solid #848E99; */
	text-align: left;
	background: #6f7e88;
	filter:alpha(opacity=94);
	-moz-opacity:0.94;
	-khtml-opacity: 0.94;
	opacity: 0.94;
}


ul#new_nav_list li ul.subnav li{
	margin: 0; 
	padding: 0px 0px 0px 0px;
	clear: both;
	background-color: #DADFE5;
	/* background: url('img/top_nav_alt_bg_tile.png') repeat-x; */
	border-bottom: 1px solid #45484C;
	border-left: 0px solid #1f507d;
	width: 160px;
	height: 30px;

}



ul#new_nav_list li ul.subnav li:hover{
	
	background-color: #778187;


}


html ul#new_nav_list li ul.subnav li a 
{
    
	float: left;
	width: 160px;
    color: #243E59;
	border: 0px solid red;
	height: 30px;
	font-size: 11px;
	padding: 4px 3px 0px 8px;
	
}

html ul#new_nav_list li ul.subnav li a:hover
{
   /* background-color: #F2F2F2;  */
    color: #ffffff;
    
    } 

 
 
 




/* Tabs and other UI fun */


#login_box
{
    margin-top: 33px;
}

#login_box a
{

    background-color: transparent;
    height: 22px;
    width: 100px;
    color: #c8dff0;
    font-size: 11px;
    padding: 5px 7px 5px 7px;
 
}

#login_box span a
{
    background: transparent url('../img/btn_login_orange.png') no-repeat;
    width: 82px;
    height: 21px;
}


.selected
{
    background-color: #011536;
    color: #c8dff0;
    height: 25px;
    padding: 5px;
    
}

.odd
{
    background-color: #eaebeb;
    
}

td.frm_note
{
    vertical-align: top;
    
    }



UL.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

UL.tabNavigation LI {
    display: inline;
}

UL.tabNavigation LI A {
    padding: 3px 5px;
    background-color: #ccc;
    color: #000;
    text-decoration: none;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
    background-color: #011536;
    color: #fff;
    padding-top: 7px;
}


#login_box UL.tabNavigation LI A.selected,
#login_box UL.tabNavigation LI A:hover {
    background-color: #011536;
    color: #c8dff0;
    padding-top: 7px;
}

UL.tabNavigation LI A:focus {
        outline: 0;
}

div.tabs > div {
        padding: 5px;
        margin-top: 3px;
        border-top: 2px solid #011536;
       
}

div.tabs > div h2 {
        margin-top: 0;
}

div.tabs input
{
  
  padding: 0px;
    
}

#merchant, #partner {
    background-color: transparent;
}

           
.waste {
        min-height: 1000px;
}




/* Prompt: Alert replacement styles */


.jqifade{
      position: absolute;
      background-color: #aaaaaa;
}
div.jqi{
      width: 200px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #ffffff;
      font-size: 11px;
      text-align: left;
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{
      font-weight: bold;
}
div.jqi .jqiclose{
      position: absolute;
      top: 4px; right: -2px;
      width: 18px;
      cursor: default;
      color: #bbbbbb;
      font-weight: bold;
}
div.jqi .jqimessage{
      padding: 10px;
      line-height: 20px;
      color: #444444;
}
div.jqi .jqibuttons{
      text-align: right;
      padding: 5px 0 5px 0;
      border: solid 1px #eeeeee;
      background-color: #f4f4f4;
}
div.jqi button{
      padding: 3px 10px;
      margin: 0 10px;
      background-color: #1c4279;
      border: solid 1px #96979a;
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
}
div.jqi button:hover{
      background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
      background-color: #1c4279;
}
.jqiwarning .jqi .jqibuttons{
      background-color: #BF5E26;
}

/*  End Prompt styles */

/* General Custom */
input.SignupSaveBtn
{
	width: 140px;
	font: normal x-small Verdana,Arial,Helvetica,sans-serif;
}

input.SignupNewBtn
{
	width: 75px;
	font: normal x-small Verdana,Arial,Helvetica,sans-serif;
}

div.DIVSaveNewSignupButtons
{
	width: 230px;
}

.css3button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.css3button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.css3button:active {
	position:relative;
	top:1px;
}