@charset "utf-8";
/* CSS Document */
/* Created By: Mick Dinulos Sunday, March 01, 2009*/

* {
margin: 0px;
padding: 0px;
}


.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

body, html {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#wrapper {
width: 100%;
display:block;
background: #fff url(/public/assets/images/leftCol_bg.png) repeat-y top left;
}

#header {
background: url(/public/assets/images/header_bg.png) top left repeat-x;
display:block;
height:117px;
}

#header_glow {
background: url(/public/assets/images/header_glow.jpg) top right no-repeat;
display:block;
height:117px;
}

#header_utility {
display:block;
float:right;
margin: 48px 38px 0 0; 
color: #fff;
}

#header_utility a, #header_utility a:link, #header_utility a:visited, #header_utility a:active {
color: #fff;
text-decoration:none;
} 

#header_utility a:hover{
text-decoration:underline;
} 

#logo {
background: url(/public/assets/images/errand_tracker_logo.png) no-repeat top left;
display:inline-block;
float:left;
height:61px;
width:259px;
text-indent:-9999px;
margin: 28px 0px 28px 37px;
}

/* Home Classes */
body#home {
background: #D8E9FB url(/public/assets/images/home_content_bg.jpg) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#wrapper_home {
width: 100%;
display:block;
background: url(/public/assets/images/map_bg.gif) no-repeat bottom right;
float:left;
}

#home_container {
width:100%;
display:block;

float:left;
}

#home_content {
width:970px;
margin: 30px auto 20px auto;
}

#column_one_home {
display:inline-block;
float:left;
width: 465px;
padding:10px;
}

#column_two_home {
display:inline-block;
float:left;
width: 465px;
padding:10px;
}

#home_content .main_list {
display: block;
margin: 20px 10px 20px 10px;
list-style-type:none;
color:#393939;
}

#home_content .main_list li {
background:url(/public/assets/images/round_bullet.gif) top left no-repeat;
margin: 10px 0px;
padding: 2px 0 2px 25px;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#393939;
}

#home_content p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#393939;
line-height:140%;
margin:6px 0;
}

#home_content h1 {
color: #003f75;
font-size: 30px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0 0 10px 0;
font-weight: bold;
clear:both;
}

#home_content h2 {
color: #003f75;
font-size: 30px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0 0 10px 0;
font-weight: bold;
clear:both;
}

#home_content h3 {
color: #015eac;
font-size: 22px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0 0 10px 0;
font-weight: bold;
clear:both;
}

.iphone_home {
display:inline-block;
float:left;
display:block;
background:url(/public/assets/images/home_iphone.png) no-repeat bottom left;
height:279px;
width:126px;
text-indent:-9999px;
margin: 20px 15px 20px 20px;
}

a.goto_appstore {
display:inline-block;
float:left;
display:block;
background:url(/public/assets/images/available_on_iphone.png) no-repeat bottom left;
height:158px;
width:183px;
text-indent:-9999px;
margin: 140px 15px 0px 0px;
cursor:pointer;
}

a.sign_up {
display:inline-block;
float:left;
display:block;
background:url(/public/assets/images/sign_up.gif) no-repeat top left;
height:85px;
width:155px;
text-indent:-9999px;
margin: 20px 10px 0px 0px;
cursor:pointer;
}

a:hover.sign_up {
background:url(/public/assets/images/sign_up.gif) no-repeat;
background-position: left -85px;
}


a.take_a_tour {
display:inline-block;
float:left;
display:block;
background:url(/public/assets/images/take_a_tour.gif) no-repeat top left;
height:85px;
width:155px;
text-indent:-9999px;
margin: 20px 10px 0px 0px;
cursor:pointer;
}

a:hover.take_a_tour {
background:url(/public/assets/images/take_a_tour.gif) no-repeat;
background-position: left -85px;
}

/* Subpage */

#content {
width:100%;
float:left;
display:block;
}

#left_column {
float: left;
width: 199px; /*Width of left column*/
margin-left: -100%;
padding:10px;
display:block;
position:relative;
height:380px;
}

#iphone_bg {
background:url(/public/assets/images/iphone.jpg) top left no-repeat;
height:340px;
width:211px;
margin-top: 40px;
position:relative;
}

#right_column {
margin-left: 219px; /*Set left margin to LeftColumnWidth*/
display:block;
position:relative;
}

#right_column h2 {
font-size: 13px;
color:#fff;
text-transform:uppercase;
background: #005dac url(/public/assets/images/leftCol_header.png) top left repeat-x;
padding:10px;
font-weight:bold;
}

#left_column h2 {
font-size: 13px;
color:#fff;
text-transform:uppercase;
background: #005dac url(/public/assets/images/leftCol_header.png) top left repeat-x;
padding:10px;
font-weight:bold;
margin:-10px -10px 10px -10px;
}

#left_column h3 {
font-size:14px;
margin: 0 0 10px 0;
}

.main_list {
display: block;
margin: 10px;
list-style-type:none;
}

.main_list li {
background:url(/public/assets/images/round_bullet.gif) top left no-repeat;
margin: 10px 0px;
padding: 2px 0 2px 25px;
display:block;
font-weight:bold;
}

.main_list li a, .main_list li a:link,.main_list li a:active,.main_list li a:visited {
color:#0763B0;
font-weight:bold;
text-decoration:underline;
}

.main_list li a:hover {
text-decoration:none;
color:#002A4D;

}

#footer {
display:block;
clear:both;
}

#footer_ad {
background: #0963af url(/public/assets/images/footerAd_bg.png) repeat-x top left;
text-align:center;
padding-top:12px;
padding-bottom:5px;
margin-bottom:2px;

}

#footer_ad img{
text-align:center;
}


#footer_ad script{
clear:both;
}

#footer_utility {
background: url(/public/assets/images/footerMain_bg.png) repeat-x bottom left;
display:block;
width:100%;
clear:both;
padding: 10px 0;
color:#fff;
float:left;
}

#footer_utility .footer_right{
float:right;
display:inline-block;
padding: 0 20px 0 0;
width:180px;
text-align:right;
}

#footer_utility p{ 
padding: 5px 0 0 20px;
float:left;
display:inline-block;
}

#footer_utility a, #footer_utility a:link, #footer_utility a:visited, #footer_utility a:active {
color: #fff;
text-decoration:none;
} 

#footer_utility a:hover{
text-decoration:underline;
}

#navigation {
background: url(/public/assets/images/nav_bg.png) repeat-x top left;
display:block;
height:50px;
}

#navigation ul {
display:inline;
list-style-type:none;
}

#navigation ul li {
display:inline;
float:left;
}

#nav_maphome {
display: inline-block;
float:left;
background: url(/public/assets/images/nav_maphome.jpg) no-repeat top left;
width: 122px;
height: 50px;
margin: 0 10px 0 10px;
text-indent:-9999px;
}

a:hover#nav_maphome {
background: url(/public/assets/images/nav_maphome.jpg) no-repeat;
background-position: left -50px;
}

#nav_activelist {
display: inline-block;
float:left;
background: url(/public/assets/images/nav_activelist.jpg) no-repeat top left;
width: 85px;
height: 50px;
margin: 0 10px 0 0px;
text-indent:-9999px;
}

a:hover#nav_activelist {
background: url(/public/assets/images/nav_activelist.jpg) no-repeat;
background-position: left -50px;
}

#nav_favorite {
display: inline-block;
float:left;
background: url(/public/assets/images/nav_favorite.jpg) no-repeat top left;
width: 114px;
height: 50px;
margin: 0 10px 0 0px;
text-indent:-9999px;
}

a:hover#nav_favorite {
background: url(/public/assets/images/nav_favorite.jpg) no-repeat;
background-position: left -50px;
}

#nav_search {
display: inline-block;
float:left;
background: url(/public/assets/images/nav_search.jpg) no-repeat top left;
width: 174px;
height: 50px;
margin: 0 10px 0 0px;
text-indent:-9999px;
}

a:hover#nav_search {
background: url(/public/assets/images/nav_search.jpg) no-repeat;
background-position: left -50px;
}

#nav_trips {
display: inline-block;
float:left;
background: url(/public/assets/images/nav_trips.jpg) no-repeat top left;
width: 83px;
height: 50px;
margin: 0 10px 0 0px;
text-indent:-9999px;
}

a:hover#nav_trips {
background: url(/public/assets/images/nav_trips.jpg) no-repeat;
background-position: left -50px;
}

#nav_active {
display: inline-block;
float:left;
background: url(/public/assets/images/nav_active.jpg) no-repeat top left;
width: 104px;
height: 50px;
margin: 0 10px 0 0px;
text-indent:-9999px;
}

a:hover#nav_active {
background: url(/public/assets/images/nav_active.jpg) no-repeat;
background-position: left -50px;
}

#nav_history {
display: inline-block;
float:left;
background: url(/public/assets/images/nav_history.jpg) no-repeat top left;
width: 95px;
height: 50px;
margin: 0 10px 0 0px;
text-indent:-9999px;
}

a:hover#nav_history {
background: url(/public/assets/images/nav_history.jpg) no-repeat;
background-position: left -50px;
}

#nav_manage {
display: inline-block;
float:left;
background: url(/public/assets/images/nav_manage.jpg) no-repeat top left;
width: 102px;
height: 50px;
margin: 0 10px 0 0px;
text-indent:-9999px;
}

a:hover#nav_manage {
background: url(/public/assets/images/nav_manage.jpg) no-repeat;
background-position: left -50px;
}

/* Textfield */

#left_column label {
display:block;
width:200px;
padding: 3px 0 6px 0;
}

#left_column .textfield {
border: 1px solid #d7d7d7;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px;
margin: 2px 0;
}

#left_column .textfield:hover {
background: #F0F7FF;
z-index:25;
}

#right_column label {
display:inline-block;
width:200px;
padding: 3px 0 6px 0;
float:left;
}

#right_column p{
clear:both;}

#right_column .textfield {
border: 1px solid #d7d7d7;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px;
margin: 2px 0;
float:left;
}

#right_column .textfield:hover {
background: #F0F7FF;
z-index:25;
}

.retailer {
display:block;
}

a.retailer_name, a:link.retailer_name, a:active.retailer_name, a:visited.retailer_name {
font-size: 16px;
color:#0763B0;
font-weight:bold;
text-decoration:underline;
clear:both;
display:block;
margin: 10px 0 0 0;
}

a:hover.retailer_name {
text-decoration:none;
}

/* Icons */

.icons {
display:block;
clear:both;
}
.preferred_retailer {
display:block;
float:left;
background: url(/public/assets/images/icon_orange.gif) no-repeat top left;
height:17px;
width:17px;
margin-right: 5px;
}

.active_list{
display:inline-block;
float:left;
background: url(/public/assets/images/icon_green.gif) no-repeat top left;
height:17px;
width:17px;
margin-right: 5px;
}

.due_task{
display:inline-block;
float:left;
background: url(/public/assets/images/icon_red.gif) no-repeat top left;
height:17px;
width:17px;
margin-right: 5px;
}

.overdue_task {
display:inline-block;
float:left;
background: url(/public/assets/images/icon_gray.gif) no-repeat top left;
height:17px;
width:17px;
margin-right: 5px;
}

/* Table */
.basic_table {
margin: 10px;
border-right: 1px solid #ccc;
}

.basic_table th {
padding: 8px 4px;
background:#ccc;

}

.basic_table a, .basic_table a:link, .basic_table a:active,.basic_table a:visited {
color:#0763B0;
font-weight:bold;
text-decoration:none;
}

.basic_table a:hover {
text-decoration:none;
color:#002A4D;

}

.basic_table td {
padding: 8px 4px;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.basic_table td {
padding: 8px 8px;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.table_align_center td {
text-align:center;
}

.buttons_right_column {
padding: 0 0 0 10px;
display:block;
clear:both;
}

label.error
{
	color:#ff0000;
	font-style:italic;
	display:block;
}

#profile-message
{
	margin:10px 0 0 10px;
}

#errors, #login-errors, #signup-errors, #profile-message, #password-errors
{
	color:#ff0000;
	font-style:italic;
}

#errors, #login-errors ul, #signup-errors ul, #profile-message ul, #password-errors ul
{
	list-style-type:none;
}

#errors, #login-errors ul li, #signup-errors ul li, #profile-message ul li, #password-errors ul li
{
	color:#ff0000;
}

#map .gsmsc-idleMapDiv,
#map .gsmsc-mapDiv 
{
  min-height: 600px;
  width:99%;
}

#map .gsmsc-controls .gsc-search-box
{
	padding:0 0 5px 5px;
	width:500px;
}

#map .gsmsc-resultsBox
{
	padding:0 0 20px 10px;
	width:75%;
}

#map .gsmsc-resultsBox a
{
	color:#003f75;
	text-decoration:none;
}

#map .gsmsc-resultsBox a:hover
{
	text-decoration:underline;
}

#map .gsmsc-resultsBox .gsmsc-result-list-item
{
	margin:0 0 10px 0;
}

#map .gsmsc-resultsBox .gsmsc-result-list-item-key
{
	display:block;
	float:left;
}

#map .gsmsc-resultsBox .gs-title
{
	display:block;
	float:left;
}

#map .gsmsc-resultsBox .gs-street
{
	display:block;
	float:left;
}

div.hotspot {
  display : inline;
  font-size : 100%;
  font-weight : normal;
  color : #0000cc;
  text-decoration : underline;
  cursor : pointer;
  line-height : 1.8em;
}

div.hotspot-sep {
  display : inline;
  font-size : 100%;
  font-weight : normal;
  line-height : 1.8em;
}

h3.hotspot-header {
  font-size : 100%;
  margin-top : .5em;
  margin-bottom : .25em;
}

#retailer-action
{
	padding:5px 0 5px 10px;
	color:#ff0000;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	background-color:#f6f1d8;
}

.recurrance
{
	padding:10px;
	display:block;
}

#email-list
{
	padding:20px 0 0 10px;
}

#email-list-status
{
	padding:10px 0 0 0;
	color:#ff0000;
	font-style:italic;
	display:block;
}

#add-category
{
	padding:0 0 0 10px;
}

p.legend-home
{
	padding:10px 0 0 45px;
	background:url(/public/assets/images/api_home.png) no-repeat;
	height:40px;
	font-weight:bold;
	display:block;
}

p.legend-list
{
	padding:10px 0 0 45px;
	background:url(/public/assets/images/api_lists.png) no-repeat;
	height:40px;
	font-weight:bold;
	display:block;
}

p.legend-preferred
{
	padding:10px 0 0 45px;
	background:url(/public/assets/images/api_preferred.png) no-repeat;
	height:40px;
	font-weight:bold;
	display:block;
}

p.legend-saved-retailer
{
	padding:10px 0 0 45px;
	background:url(/public/assets/images/api_saved.png) no-repeat;
	height:40px;
	font-weight:bold;
	display:block;
}

p.legend-retailer
{
	padding:10px 0 0 45px;
	background:url(/public/assets/images/api_retailers.png) no-repeat;
	height:40px;
	font-weight:bold;
	display:block;
}




.searchtitle
{
	COLOR: #1A5983;
	FONT-SIZE:17px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	FONT-FAMILY: verdana,arial,tahoma,geneva,helvetica,sans serif;
	FONT-WEIGHT: bold;
	background-color:#D2E5FC;
}





A.searchlink:link
{
	COLOR: #FF8903;
	FONT-SIZE:17px;
	FONT-FAMILY: verdana,arial,tahoma,geneva,helvetica,sans serif;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
}

A.searchlink:visited
{
	COLOR: #FF8903;
	FONT-SIZE:17px;
	TEXT-DECORATION: none;
	FONT-FAMILY: verdana,arial,tahoma,geneva,helvetica,sans serif;
	FONT-WEIGHT: bold;
}

A.searchlink:active
{
	COLOR:#FF8903;
	FONT-SIZE:17px;
	TEXT-DECORATION: none;
	FONT-FAMILY: verdana,arial,tahoma,geneva,helvetica,sans serif;
	FONT-WEIGHT: bold;
}

A.searchlink:hover
{
	COLOR:#23B900;
	TEXT-DECORATION: underline;
	FONT-SIZE:17px;
	FONT-FAMILY: verdana,arial,tahoma,geneva,helvetica,sans serif;
	FONT-WEIGHT: bold;
	
}







.followus_home {
float:left;
background:url(/public/assets/images/follow-us.png) no-repeat bottom left;
height:34px;
text-indent:-200px;
width:143px;
}

.goto_twitter {
float:left;
background:url(/public/assets/images/twitter.png) no-repeat bottom left;
height:38px;
width:39px;
}


.goto_facebook {
float:left;
background:url(/public/assets/images/facebook.png) no-repeat bottom left;
height:38px;
width:39px;
margin-left:6px;
}