@charset "utf-8";

/* --- CSS Reset --- */



html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
input{ vertical-align:middle;}


ul, ol{margin:0 0 18px 1em;}

/* --- Typography --- */
em{ font-style:italic;}
p {
  line-height: 18px;
  font-size: 14px;
  padding-bottom: 18px;
  font-family: Verdana, Geneva, sans-serif;
}
h1 {
  line-height: 18px;
  font-size: 22px;
  padding-bottom: 9px;
  
}
h2 {
  line-height: 18px;
  font-size: 18px;
  padding-top:9px;
  padding-bottom:9px;
  
}
h3 {
  line-height: 18px;
  font-size: 16px;
  padding-top:9px;
  padding-bottom:9px;
 
}
h4 {
  line-height: 18px;
  font-size: 12px;
  padding-top:0px;
  padding-bottom:0px;
 
}
h5 {
   line-height: 18px;
  font-size: 12px;
  padding-top:0px;
  padding-bottom:0px;

}
h6 {
   line-height: 18px;
  font-size: 12px;
  padding-top:0px;
  padding-bottom:0px;
}

h1, h2, h3, h4, h5, h6{ color:#333333; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
body {
	background-color: #fff;
	color:#333;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:14px;
}

/*
SkyPie Purple: #a10b75
DarkPurple:	#54033d
Light Purple: #ed28b4
Dark Green: #0c5400
Light Green: #0c5400

*/
/* SECTIONS ------------------------------------------------------------- */

.grid{width:760px; background-color:#FFFFFF; margin:18px auto; position:relative; clear:both;}

.retail-partner-area{ margin-bottom:6px;}



.box{
 float:left;
background-color:#f9f9f9;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #ccc;
padding:9px; margin:0 0 9px 0;
}


.address-list{
	-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #ccc;
	background-color:#eee;
	padding:5px;
	background-image:url(../images/big_button_bg_eee.png);
	color:#999;
	cursor:pointer;
}
.address-list dd{ text-transform:lowercase;}
dl.address-list:hover, .selected-store{
color:#000;
background-image:none;
background-color:#fff;
}

div.shopping-calendar-wrapper{ width:570px; }
div.shopping-calendar-description{  width:190px; }
div.shopping-calendar-trips-description{  width:190px;  padding-top:18px;}
div.upcoming-trips{width:570px;  }
div.section-promo{ width:300px; }

table.shopping-calendar{ /*background-color:#e3f1ff; background-color:#faf7ff;*/  padding:9px; margin:0 0 6px 0; 
/*background-image:url(../images/clouds.png); background-repeat:no-repeat; background-position:-18px -18px;*/
background-color:#f9f9f9;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #ccc;
}

table.shopping-calendar tr{}

table.shopping-calendar th{ vertical-align:top; font-weight:normal; text-align:left;}
table.shopping-calendar td{ vertical-align:top; border-left:1px dashed #ccc; padding:6px;}
table.shopping-calendar td.first{border:none;}
table.shopping-calendar h3{ color:#003399; color:#a10b75; font-size:24px; font-style:italic; font-weight:normal;
 margin:0 0 9px 0; padding:0 0 0 2px;}

table.shopping-calendar td.shoppingday{ width:135px; }
table.shopping-calendar td.shoppingwhere{width:220px; /*display:none;*/}
table.shopping-calendar td.shoppingtime{width:120px; /*display:none;*/ }
td.right{ text-align:right;}


table.shopping-calendar tr.shopping-calendar-place td{
padding:2px 0;
font-size:14px;

/*background-image:url(../images/18topDownGrad5per.png);
background-repeat:repeat-x;*/
border-bottom:1px solid #ccc;
}
table.shopping-calendar tr.shopping-calendar-place td.location a{
	font-weight:bold;
}
table.shopping-calendar tr.shopping-calendar-place td.location .small{ color:#666;}

table.shopping-calendar tr.shopping-calendar-place td.controls{
 width:49px;
}
table.shopping-calendar tr.shopping-calendar-place td.controls img, table.shopping-calendar tr.shopping-calendar-place td.controls button{vertical-align:top;
margin:0;
}


.shopping-calendar-selector{ width:163px; display:block;}
span.shopping-calendar-selector{ 
width:161px; height:36px;display:block; 
background-color:#999999;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #ccc;
 }
.shopping-calendar-selector .radio{ }


table.sc-selector{ font-size:16px; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
.calendarButtons td{ 

}
table.sc-selector td{ border:none; width:auto; padding:0; margin:0; }
td.radio-check {
	width:20px;
	background-color:transparent;
	padding:0;
	margin:0;
	
}

div.shopping-selector-places{ margin-bottom:9px; }

ul.upcoming-trips{}

/* ------------------------------------------------------------ */
span.checkbox {
width: 19px;
height: 25px;
    padding: 0 5px 0 0;
    background: url(checkbox.gif) no-repeat;
     display: block;
     clear: left;
      float: left;
    }
  span.radio {
  width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
     background: url(radio.gif) no-repeat;
    display: block;
     clear: left;
    float: left;
  }
  span.select {
    position: absolute;
   width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
    padding: 0 24px 0 8px;
    color: #fff;
   font: 12px/21px arial,sans-serif;
   background: url(select.gif) no-repeat;
   overflow: hidden;
  }


/* ------------------------------------------------------------ */

div.section-container {padding:0 0 0px 0; margin-bottom:6px;  }

div.shopping-calendar-container{ width:760px;  }
.bigType{ line-height:36px; font-size:30px; margin:0;}
.big-column{ width:465px;  margin-right:10px;}
.full-column{ width:760px; }
.last{ margin-right:0px;}
div.profile, .small-column{ width:285px;  }

.skyPie-footer{ width:760px;  clear:both; border-top:1px solid #eee; padding-top:8px; padding-bottom:36px; margin-top:18px;}
.skyPie-footer .footer-menu{ }
.skyPie-footer .powered-by{ float:right;}



/* NAVIGATION -------------------------------------------------------------  */

input.negative{color:#990000;}

a{ /*color:#5223aa;*/ color:#54033d;  text-decoration:underline;}
a:visited{/*color:#392466;*/ color:#54033d;}
a:hover{/*color:#392466;text-decoration:underline;*/ color:#54033d;}
.small-nav{background-color:#eef; /*  background-image:url(../images/grad54.gif); */ font-size:10px; text-decoration:none; margin:0 .5em; padding:0 2px;
border:1px solid #eee; border-bottom-color:#ccc; border-right-color:#ccc;}
.small-nav a{ text-decoration:none; margin:2px; padding-left:11px; padding-bottom:2px; 
background-repeat:no-repeat; background-position:left; display:inline; }
.add a{ background-image:url(../images/plus.gif);}
.minus a{ background-image:url(../images/minus.gif);}
.add a, .minus a{ }
ul.horizontal-simple{ list-style:none; font-size:12px; margin-left:0; padding:0;}
ul.horizontal-simple li{ display:inline; padding:0 .15em; margin:0; line-height:12px;}
ul.horizontal-simple li a{ margin:0; padding:0;}

ul.tabbed{list-style:none; padding-bottom:18px; padding-left:9px; border-bottom:1px solid #ccc; width:auto; margin-left:0; font-weight:bold; }
ul.tabbed li{ border:1px solid #aaa; border-bottom:none; background-color:#fff; float:left; margin:0; margin-left:-1px; padding:0;}
ul.tabbed li a{ background-color:#eee; margin:0; padding:0 .45em; display:block;}
ul.tabbed li a:hover{ text-decoration:none; background-color:#fff;}
ul.tabbed li a.selected{ background-color:#fff; margin:0; padding:0 .45em; display:block;}

ul.hMenu{list-style:none; padding-bottom:18px; padding-top:0; padding-left:0; width:auto; margin-left:0;  font-size:12px; line-height:24px; }
ul.hMenu li{
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
border:1px solid #aaa; background-color:#fff; float:left; margin:0; margin-right:3px; padding:0;}
ul.hMenu li a{ background-color:#eee; margin:0; padding:0 .45em; display:block;}
ul.hMenu li a:hover{ text-decoration:none; background-color:#fff;}
ul.hMenu li a.selected{ background-color:#fff; margin:0; padding:0 .45em; display:block;}

span.add-thing{
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
  border:1px solid #ccc;
 background-image:url(../images/big_button_bg_eee.png);   background-color:#eee; 
  font-size:12px; line-height:24px; margin:1px 0; display:block;
width:150px;
}
span.add-thing a{
background-image:url(../images/plusPlus.gif); background-repeat:no-repeat; background-position:4px center;padding-left:21px; padding-right:4px; text-decoration:none; height:24px; display:block;}
span.add-thing a:hover{ background-color:#fff;}

/* FORMS */

.form-interface-label{ cursor:pointer;}

div.searchinput{margin-top:9px;}
input.searchfield {width:250px;}

.searchresults{height:200px; overflow-y:auto; clear:both;}

table.skyPie-login{
width:auto;
margin:9px 0;
padding:18px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #ccc;
background-color:#f9f9f9;
}

table.skyPie-login th{font-weight:normal; text-align:right; vertical-align:middle;}
table.skyPie-login td{ padding:5px;}
table.skyPie-login .lCell{ /*background-color:#ffeeff;*/ width:125px;}
table.skyPie-login .rCell{ /*background-color:#eeffff;*/ width:300px;}
table.skyPie-login td.right{ text-align:right;}
hr{border:none; border-top:1px solid #ccc;}

input.text_field {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #ccc;
/*font-size:18px;
margin:0;
padding:8px;
width:300px;*/
}
input.large{
font-size:18px;
padding:8px;
}

div.input-long{ width:100%; display:block; margin-bottom:9px;}
div.input-long input{ width:100%; }

 input.login{width:300px;}

.myButton{ 
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #ccc;
background-color:#eee;
color:#666;
margin:3px 0;
height:21px;

font-size:10px;
vertical-align:middle;
cursor:pointer;
background-image:url(../images/big_button_bg_eee.png);
}

.myButtonLarge{
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #ccc;
background-color:#eee;
color:#666;
margin:1px;
font-size:16px;
height:36px;
vertical-align:middle;
cursor:pointer;
background-image:url(../images/big_button_bg_eee.png);
}

.myButtonNewAction{
/*
cursor:pointer;
height:36px;
margin:9px 0;
background-color:#a10b75;
border:1px solid; 
border-color: #9d81ce #362263 #362263 #9d81ce; 
color:#fff;
font-weight:bold;
*/

-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;

background:#a10b75 url(../images/big_button_bg_purple.png) repeat-x scroll center top;
background-color:#a10b75;
border-color: #ed28b4 #54033d #54033d #ed28b4; 
border-style:solid;
border-width:0 1px 1px 0;
color:#FFFFFF;
cursor:pointer;
font-size:22px;
height:42px;
line-height:42px;
margin:1px 0;
overflow:visible;
padding:0 15px;
text-shadow:1px 1px #719E03;
}
.myButtonNewAction:hover{
	/*border-color: #d5b6ff #9d81ce #9d81ce #d5b6ff;*/ 
	background-image:none;
} 
.myButtonHref{
height:auto;
background-color:transparent;
border:none;
font-size:inherit;
cursor:pointer;
/*text-decoration:underline;*/
margin:0;
padding:0;
color:#54033d;
vertical-align:baseline;
}

.myButtonDelete{
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border:1px solid #ccc;
border-bottom-color:#999;
border-right-color:#999;
background-color:#bbb;
color:#fff;
font-size:9px;
font-weight:bold;
padding:0;
cursor:pointer;
}
.myButtonDelete:hover{
background-color:#900;
}

td.col-field{width:200px;}

table.user{
width:auto;
margin:0 0 9px 0;
padding:18px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#f9f9f9;
border:1px solid #ccc;
}
table.user tr{ }
table.user th, table.user td{ padding:3px;}
table.user th{color:#bbb;  font-size:12px; line-height:18px; font-weight:normal; padding:0 .25em; width:150px; text-align:right;}
table.user td{}

button{ font-size:10px;}
button.button27x27{ width:27px; height:27px; margin:0; padding:0; text-indent:-1000px; border:0; background-color:transparent; background-position:center top; cursor:pointer;}
button.del27{ background-image:url(../images/buttonDelete.png);}
button.fwd27{ background-image:url(../images/buttonFwd.png);}
button.fwdFacebook27{ background-image:url(../images/buttonFwdFacebook.png);}
button.fwdEmail27{ background-image:url(../images/buttonFwdEmail.png);}


button.button18x18{ width:18px; height:18px; margin:0; padding:0; text-indent:-1000px; border:0; background-color:transparent; background-position:center top; cursor:pointer;}
button.del18{ background-image:url(../images/buttonDelete18_dim.png);}
button.del18:hover{ background-image:url(../images/buttonDelete18.png);}


/* HEADINGS AND TYPE -------------------------------------------------------------  */

.section-header{
/*-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
background-color:#a10b75; color:#003399; color:#a10b75; color:#fff; */
font-size:12px; 

/*border-bottom:1px solid #ccc;*/
font-weight:bold; line-height:18px; 
padding:0;
/*border-top:1px solid #ccc;padding:0 0 0 2px;*/ margin:6px 0 3px 0;

 }

.small{ line-height:12px; font-size:10px;}
label.error{line-height:12px; font-size:10px; color:#FF0000; margin-left:1em;} 

textarea.facebox-width{ width:30em;}

.note{line-height:18px; font-size:12px;}

.middle-valign{ vertical-align:middle;}

.chatty{ font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}

.clear{clear:both;}

.float-right{ float:right;}

.heading .sign-in{

	float:right;

	font-size:10px;

}

.hide{ display:none;}

.alert{ color:#FF0000;}

/*
.iconLead{ background-position:left; background-repeat:no-repeat; padding-left:36px; height:36px;}
.iconMobile{ background-image:url(../images/mobileIcon.png);}
*/
/* LISTS -------------------------------------------------------------  */

ul.boxed, ol.boxed{ list-style:none; margin:0px 0; padding:0;}
ol.boxed{ list-style:outside upper-alpha; margin:0px 0 0 1em; padding:0 0 0 1em;}
ul.boxed li, ol.boxed li{ background-color:#eee; border:1px #ccc solid; margin:5px 0; padding:6px;}
ul.boxed li.active, ol.boxed li.active{}
ul.boxed li.inactive, ol.boxed li.inactive{background-color:#fdd;}


dl{ margin:3px 0 0px 0; padding-bottom:0px; line-height:18px; font-size:12px; border-bottom:1px #eee solid;}

dl dt{ font-weight:bold;}

dl dd{}

dl.searchlist{ position:relative; float:left; width:100%;}
dl.searchlist dt{ float:left; width:80%; }
dl.searchlist dd.address{ float:left; width:80%; }
dl.searchlist dd.options{ position:absolute; top:0; right:0; width:20%; padding:1px;}

/**/
dl.trips{ position:relative; float:left; width:562px;
/*
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#f9f9f9;
*/
font-size:12px; 
border-bottom:1px solid #ccc;
/*border-bottom:1px solid #ccc;*/
}
dl.trips dt{float:left; width:70%; /*background-color:#33CCCC;*/ margin-top:2px; margin-left:4px; font-size:18px; line-height:18px; font-weight:normal;}
dl.trips dd.controls{position:absolute; top:0; right:0; width:25%; padding:1px; text-align:right; /*background-color:#FF9999;*/  margin-top:2px; margin-right:4px;}
dl.trips dd.info{float:left; width:70%; /*background-color:#FFCC00;*/ margin-left:4px;margin-right:4px;margin-bottom:2px;}

ul.horizontal-stack{ list-style:none; float:left; width:100%;}
ul.horizontal-stack li{ width:25%; float:left; white-space:nowrap; overflow:hidden; font-size:10px;}
ul.horizontal-stack li span.control{}
ul.horizontal-stack li span.label{}

.clear{ clear:both;}

/* FACEBOX ------------------------------------------------------------ */

#facebox div.content{ padding:1em; }