/* relation: stylesheet
 * media: screen
 * title: sameday
*/

/**  for item info popups  */
.availWrapper { position: relative; text-align: right }
.siConditionPop { display: none; z-index: 100; position: absolute; left: 2.5em; top: 4.2em; width: 25em; margin: 0; padding: 0.5em; cursor: pointer; background-color: #FFF; font-size: 120%; border: solid 1px #333; }
.siConditionPop h3 { margin: 0; }
.siConditionPop p { float: right; padding: 5px; background-color: #999; font-weight: bold; border: solid 1px #FFF; }
.siConditionPop a { color: #606 }
.siConditionPop a:hover { color: #C0C }
.siEducationalPop { display: none; z-index: 100; position: absolute; left: 2.5em; top: 4.2em; width: 25em; margin: 0; padding: 0.5em; cursor: pointer; background-color: #FFF; font-size: 120%; border: solid 1px #333; }
.siEducationalPop h3 { margin: 0; }
.siEducationalPop p { float: right; padding: 5px; background-color: #999; font-weight: bold; border: solid 1px #FFF; }
.siStatusLink { text-decoration: underline; cursor: pointer }
.siStatusLink:hover { color: #C0C; }
.siStatusLink:active { color: #F90; }
.siStatusPop { display: none; z-index: 550; position: absolute; left: -6em; top: 2em; width: 25em; margin: 0; padding: 0.5em; cursor: pointer; background-color: #FFF; font-size: 100%; border: solid 1px #333; }
.siStatusPop h3 { margin: 0; }
.siStatusPop p { float: right; margin: 5px; padding: 5px; background-color: #999; font-weight: bold; border: solid 1px #FFF; }
.shipDay { display: block; margin: 0.4em }

/**  for Predictive Product Display  */
div.prodDispOneRow { width: 740px; clear: both; margin: 0 auto; padding: 0 0 10px 0; overflow: hidden; background: url("dropShadHoriz.gif") 0 100% repeat-x #FFF; font-family: Arial, sans-serif;  }
div.prodDispOneRow a { font-weight: bold; color: #333; }
div.prodDispOneRow a:hover { color: #606; }
div.prodDispOneRow .prodDispHeader { margin: 0 0 0.2em 0; padding: 10px 0 7px 0; font-size: 120%; text-align: center; color: #FFF; background: url("PurpleBarHoriz.gif") 0 0 repeat-x rgb(130,75,123); }
ul.prodDispCats { width: 162px; float: left; clear: both; margin: 0; padding: 0; border: solid 1px #999; }
ul.prodDispCats li { width: 162px; list-style: none; padding: 0; margin: 0; font-size: 90%; background-color: #F90; border-bottom: solid 1px #999; }
ul.prodDispCats li a { display: block; margin: 0 0.1em; padding: 0.5em; color: #000; }
.prodWrapMeta { width: 569px; float: left; }
.prodWrapRow { float: left; }
.prodWrap { width: 282px; float: left; margin: 0.2em 0; }
.prodWrapWide { width: 365px; margin: 0.2em 0; }
.prodWrapLeft { border-right: dotted 1px #CCC; }
.minHeightStart { height: 7em; float: right; width: 1px; }
.minHeightEnd { clear: both; height: 1px; overflow: hidden; }
.prodWrapBorderHoriz { border-top: dotted 1px #CCC; }
.predProdZeroWidth {color:#fff; font-size:1px;}
.predProdThumbWrap { float: left; }
.predProdThumb { width: 50px; height: 50px; margin: 3px; border: none; }
.predProdThumb td { text-align: center; vertical-align: middle; }
.predProdThumb img { border: none; }
.predProdInfo a:link { text-decoration: none; color: #333; }
.predProdNameOffer { margin: 0 0 0 66px; padding: 0.1em; font-weight: bold; }
.predProdNameOffer a, .prodInfo a:link { text-decoration: none; color: #333; }
.predProdNameOffer a:visited { color: #666; }
.predProdNameOffer a:hover { text-decoration: underline; color: #606; }
.predProdNameOffer a:active { text-decoration: underline; color: #C0C; }
.predProdSiteOffer { padding-left: 0.4em; font-weight: bold; color: #F90; }
.predProdSiteOfferNew { font-weight: bold; color: #CC0000; font-size: 90%; }
.predProdSiteOfferNonNew { font-weight: bold; color: #F90; font-size: 90%; }
.predProdSiteOfferEdu { font-weight: bold; color: #F90; font-size: 90%; }
.predProdSiteOfferTooLow { font-weight: bold; color: #CC0000; font-size: 90%; }
.predProdPromo { margin: 0 0 0 68px; padding: 3px 0 3px 17px; background: url("savings.gif") 0 50% no-repeat #FFF; color: #F90; font-size: 80%; }
.predProdShipInfo { margin: 0 0 0 58px; padding: 0; background: url("doubleGrayBar.gif") -2px 50% repeat-y; }
.predProdShipInfo li { width: 87px; float: left; list-style: none; text-align: center; }
.predProdShipInfo img { border: none; vertical-align: middle; }
.predProdShipInfoDropShip { clear: both; margin: 0.3em; color: #333; font-size: 90%; }
 
/**  SDM pageheader CSS  */
/**  ----- CSS Global for All Browsers -----  */
*{ 
	padding: 0;
	margin: 0;
}

body {
    text-align: center;
}

p, h1, h2, h3, span, a, li, ul, div {
    text-align: left;
}


/**  -------- wrapper for body content --------- */

#bodywrap {
margin: 0 auto 0 auto;
width: 700px;
}

#bodywrap table {
background: #fff
}

/**  background tile -----  */
body {
	font-size: 76%;
	margin: 0;
    padding: 0;
	background: #f1f1ee url("../pageheader/bgTile2.gif") repeat-y top center;
}
/**  drop shadow background tile -----  */
div#wrap{
    z-index: 2;
	width: 740px;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
    line-height: 1.5em;
	text-align: center;
	position: relative;
	text-align: left;
}
/**  logo area ------  */
div#logo {
	width: 740px;
    float: left;
	background: url("../pageheader/bgTopHeaderBar.gif") 0 0 repeat-y;
	position: relative;
}
h2#logotext{
	width: 245px;
 	height: 65px;
 	float: left;
}

h2#logotext img {
    border: 0
}

/**  contact info -----  */
div#contact {
	width: 250px;
	float: left;
    padding: 11px 4px 0 4px;
	vertical-align: middle;
	text-align: left;
	color: #a3a3a2;
	font-size: 75%;
	line-height: 14px;
	text-decoration: none;
}
div#contact span.text{color:#666;font-size:120%;}

div#contact a, div#contact a:link, div#contact a:visited {
    margin: 0.3em;
    font-size: 120%;
    font-weight: bold;
	color: #606;
	text-decoration: underline;
}
div#contact a:hover {
    color: #C0C;
}
div#contact a:active {
    color: #F90;
}

div#shippromo img {
    border:0
}

div#shippromo {
    width: 226px;
    height: 55px;
    margin: 0 0 0 4px;
    float: right;
}
span.phone{
	font-size: 110%;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

html>body span.phone{
    font-size: 130%;
}

span.phone_numeric{
	font-size: 130%;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
span.code{
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
/**  main menu -----  */
div#secondrow{
	width: 740px;
    float: left;
    text-align: center;
	clear: both;
    background: #4e4d4d;
	border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
div#menu {
    width: 633px;
    float: left;
    clear: none;
}
div#menu ul{
    float: left;
 	list-style: none;
 	background-color: #4e4d4d;
	padding: 1px 0;
	text-align: left;
}
div#menu ul.menulistfirst {
}
div#menu ul.menulistsecond {
}
html>body div#menu ul{
	padding-top: 1px
}
div#menu li{
    float: left;
    white-space: nowrap;
    margin: 0;
    padding: 1px 0 2px 0;
}
div#menu li a{
    margin: 0;
	padding: 6px 9px 5px 9px;
	border-left: 1px solid #ccc;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
}
div#menu li a:hover {
    color: #ccc
}
div#menu a.first{
    border: none;
}

/**  mini cart  */
div#yourcart {
    width: 106px;
    float: right;
    padding: 3px 0 6px 0;
    background-color: #F90;
}

html>body div#yourcart {
    padding: 3px 0 3px 0;
}

div#yourcart a.cart {
	font-size: 75%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
    text-align: left;
    line-height: 200%;
	border: none;
}

div#yourcart a.cart img {
    border: none;
    margin-left: 3px;
}
div#yourcart a.cart:hover {
	color: #333;
}
div#yourcart a.cart:active {
	color: #C0C;
}
div#yourcart img {
    width: 1.2em;
    height: 1.2em;
    vertical-align: middle;
}
/**  3rd row --------- */

div#thirdrow {
    width: 100%;
    float: left;
    clear: both;
    background: url("../pageheader/3rdrowtile.gif") repeat-y;
}

/**  search area -----  */

div#search{
	width: 236px;
	float: left;
}
a.browse {
    width: 110px;
    height: 2.9em;
    float: left;
    background: url("../pageheader/BrowseBrands.gif") 0 100% no-repeat #F90;
}

div#browsecontent {
    z-index:1000;
    position:absolute;
    top:10.2em;
    left:25%;
    border:1px solid #ccc;
    background:#fff;
    padding:10px;
    line-height: 1em;
    color: #ccc
}

div#browsecontent a {
    text-decoration: none; 
    font-size: 75%; 
    color: #333;
}

div#browsecontent a.bold {
   font-weight: bold; 
}

div#browsecontent a:hover {
    color:#606;
    text-decoration: underline;
}

a#browseclick {
    cursor:pointer;
}

div#search button img {
    vertical-align: middle;
}
div#search form{
	float: left;
	margin: 5px 0px 3px 3px;
}
html>body div#search form{
	float: left;
	margin: 5px 3px 3px 6px;
}
div#search button {
    width: 76px;
    height: 21px;
    border: none;
    cursor: pointer;
    background: none;
}
div#search input {
    float: left;
    width: 145px;
}
/**  sub menu area -----  */
div#sub_menu{
    width: 391px;
    float: right;
}
div#headerLiveChat {
    float: left;
    overflow: hidden;
}
div#headerLiveChat img {
    position: relative;
    top: -3px;
    border: none;
}
div#headerLiveChat table, div#headerLiveChat td, div#headerLiveChat tr, div#headerLiveChat tbody, div#headerLiveChat font {
    margin: 0;
    padding: 0;
}
div#headerLiveChat img {
    position: relative;
    top: 2px;
}
div#sub_menu > div#headerLiveChat { 
    padding: 0;
} 
div#sub_menu ul{
    width: 311px;
    float: left;
    clear: none;
	list-style: none;
    margin: 0;
    padding: 0.6em 0;
}
div#sub_menu li{
    float: left;
	font-size: 80%;
	margin: 0;
    padding: 0 2px;
    white-space: nowrap;
}
div#sub_menu li a.purple{
	color: #6d0063;
	text-decoration: underline;
}
div#sub_menu li a.purple:hover {
    color: #C0C;
}
div#sub_menu li a.grey{
	color: #333;
	text-decoration: underline;
}
div#sub_menu li a.grey:hover {
    color: #C0C;
}
div#sub_menu li a.orange{
	color: #ff9900;
	text-decoration: underline;
    font-weight: bold;
}
div#sub_menu li a.orange:hover {
    color: #C0C;
}
div#sub_menu li span.purple{
	color: #6d0063;
}
div#sub_menu li span.grey{
	color: #333;
}

/**  ----- FOOTER CSS ----- */

img.thumbnail {
    border: 0
}


/**  footer wrap -----  */
div#footer_wrap{
    width: 740px;
    clear: both;
    margin: 10px auto 0 auto;
    padding: 10px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
}

/**  recently viewed section  */

div#recently_viewed{
	width: 99%;
    clear: both;
	float: left;
	margin-bottom: 10px;
    padding: 0;
}
div#recently_viewed p.head{
	width: 295px;
	background: #333;
    margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	color: #fff;
	padding: 0.3em 0.5em;
	text-align: left;
}
div.product_listing_foot{
	width: 48%;
    height: 7em;
	float:left;
	margin: 5px 1%;
    text-align: left;
	border-bottom: 1px solid #ccc;
}
div.product_listing_foot p.product_image {
width: 80px;
height: 80px;
float: left;
line-height: 80px;
text-align: center;
}
div.product_listing_foot p.product_image img {
    vertical-align: middle;
}
div.product_listing_foot p.product_title{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 95%;
}
/**  different pricing groups  */
.siteOfferFooterNew { font-weight: bold; color: #CC0000; font-size: 90%; }
.siteOfferFooterNonNew { font-weight: bold; color: #F90; font-size: 90%; }
.siteOfferFooterEdu { font-weight: bold; color: #F90; font-size: 90%; }
.siteOfferFooterTooLow { font-weight: bold; color: #CC0000; font-size: 90%; }
div.product_listing_foot a.title{
	color: #333333;
	text-decoration: none;
}
div.product_listing_foot a.title:hover {
	color: #333333;
	text-decoration: underline;
}
/**  ----- icons ----- */
div.foot_icons{
	float: left;
    background: url("../pagefooter/doubleGrayBar.gif") -2px 50% repeat-y #FFF;
    margin-top: 3px;
}
div.foot_icons li{
    width: 87px;
    float: left;
	list-style: none;
    text-align: center;
}
div.foot_icons img{
    border: 0;
}
div#your_interests{
    width: 200px;
	float: left;
	text-align: left;
	margin-bottom: 10px;
}
div#your_interests p{
	width: 200px;
	background: #f1a837;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	color: #333;
	padding: 0.3em 0.5em;
	text-align: left;
}
div#your_interests ul{
	list-style: none;
}
div#your_interests li{
	line-height: 14px;
	padding-top: 2px;
	padding-left: 10px;
}
div#your_interests a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333;
	text-decoration: underline;
}
/** bottom right column ads */
div#rightColumnAdsBottom {
    float: left;
    margin-left: 50px;
}
/**  footer first tier -----  */
div#footer_top{
	float: right;
	width: 100%;
}
/**  footer search area -----  */
div#footer_search{
	float: left;
	background: #c9d2d1;
	height: 3.0em;
}
div#footer_search form{
    height: 2.0em;
	float: left;
	margin:  0.5em 3px 0 6px;
}
div#footer_search input {
    width: 150px;
    display: inline;
}
div#footer_search button {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    display: inline;
}
div#footer_search img.search{
    vertical-align: middle;
}
div#footer_search a img{
 border: none;
}
/**  footer contact area -----  */
div#footer_contact{
	float: left;
	padding: 3px 5px 3px 7px;
	width: 288px;
	border-right: 1px solid #000;
	text-align: left;
	line-height: 14px;
    font-size: 75%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#footer_contact a, div#footer_contact a:link, div#footer_contact a:visited {
    font-size: 120%;
    font-weight: bold;
    color: #606;
    text-decoration: underline;
}
div#footer_contact a:hover {
    color: #C0C;
}
div#footer_contact a:active {
    color: #F90;
}

/**  footer espanol area -----  */
div#footer_espanol{
	float: left;
	padding-top: 3px;
	padding-left: 10px;
	text-align: left;
	line-height: 14px;
}
div#footer_espanol span.text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #a3a2a3;
	text-decoration: none;
}
/**  footer statement area -----  */
div#footer_statement{
    clear: both;
    padding: 4px;
	background-color: #f2eef2;
    text-align: center;
}
/**  footer submenu area ----- */
div#footer_submenu{
    clear: both;
	padding-left: 6px;
	background: #333;
	text-align: left;
}
div#footer_submenu ul{
	list-style: none;
	margin: 0;
}
div#footer_submenu li{
	padding: .03em;
	display: inline;
}
div#footer_submenu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
        font-size: 90%;
	font-weight: bold;
	color: #fff;
}
div#footer_submenu span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;

	font-weight: bold;
	color: #fff;
}
div#footer_submenu a:hover {
	text-decoration: underline;
}
/**  footer copyright area ----- */
div#footer_copyright{
	float: right;
	width: 735px;
	margin-left: 6px;
	margin-bottom: 5px;
	padding: 4px 0 0 0;
	text-align: center;
	line-height: 12px;
}
div#footer_copyright p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #a3a2a3;
	text-decoration: none;
}
div#footer_copyright a{
	color: #b28aad;
}

/**  customer comment box  */

div#comment{
float: right;
background:#dfc9e3;
width: 730px;
height: 11em;
margin-left: 3px;
padding: 0 5px 0 5px;
}

div#comment p.whether{
float: left;
font-size: 90%;
color:#333333;
float: left;
text-align: left;
width: 18em;
line-height: 12px;
padding: 5px 10px 0px 0px;
}

div#comment h2{
font-family: Arial, sans-serif ;
font-size: 150%;
color:#333;
margin: 0;
padding:3px;
font-weight: bold;
}

div#comment img.q{
float: left;
padding: 3px 9px 3px 10px;
}


textarea#writehere{
padding: 2px;
margin: 0 0 0 10px;
float: left;
width: 20em;

}

div#nextcomment{
background:#dfc9e3;
width: auto;
height: 100px;
margin: 0;

}
div#comment p.email{
font-size: 90%;
float: right;
margin: 8px 3px 0 5px;
text-align: right
}
input#email{
float: right;
margin: 0 10px 0 2px;
}
div#comment form#feedback input#submit {
	float: right;
    width: 410px;
	height: 50px;
	margin: 20px 10px 0 0;
	border: 0;
	background: none;
	overflow: hidden;
	cursor: pointer; /**  hand-shaped cursor  */
	cursor: hand;
 /**  for IE 5.x  */
}
form#feedback>input#submit { /**  For non-IE browsers */
	height: 0px;
}
div#catalog{
    width: 100%;
    clear: both;
    margin: 0 auto;
    padding: 0;
    background-color:#e1e1e1;
    text-align: left;
}
div#catalog h1{
    float:left;
    width: 276px;
    height: 34px;
    margin: 0;
    padding: 0;
    background-color:#FF9900;
}
div#catalog form {
    position: relative;
    width: 100%;
    clear: both;
    margin: 0;
    padding: 0;
}
div#catalog p.catInvite {
    width: 400px;
    float:left;
    background: #e1e1e1;
    padding: 3px;
    text-align: left;
    font-size: 100%;
    font-weight: bold;
}
div#catalog div.catInviteHeader {
    width: 100%;
    float: left;
    margin: 0;
    background: url("../pagefooter/footerOrangeBar.gif") 0 0 repeat-y #F90;
}
table#filloutform{
    width: 99%;
    font-size: 90%;
    font-weight: bold;
    color: #333;
    padding: 5px 1%;
    border-spacing: 5px;
    text-align: right;
}
#filloutform .box {
    display: block;
    float: right;
}
div#catalog div#violet{
	width: 420px;
	min-height: 50px;
    clear: both;
	margin: 5px;
    padding: 5px;
	background: #dfc9e3;
	font-family: Arial, sans-serif;
    color: #ccc;
	font-size: 95%;
	text-align: left;
	line-height: 14px;
}
#violet p.violetInnerWrap {
    float: left;
    width: 100px;
}
#violet select {
    display: inline;
    background-color: #FFF;
    margin: 0 5px 0 0;
}
#violet p.violetDesc {
    width: 300px;
    padding: 3px;
    margin: 0 0 0 104px;
    background-color: rgb(223, 201, 227);
    color: #000;
    font-size: 100%;
}
div#violet img.left {
    display: inline;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
button#catRequestSubmit {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    right: 40px;
	width: 212px;
	height: 35px;
    padding: 0;
	margin: 0;
	border: 0;
	background: none;
	overflow: hidden;
	cursor: pointer; /**  hand-shaped cursor  */
    cursor: hand; /**  for IE 5.x  */
}

form#freecatalog>input#submit { /**  For non-IE browsers */
	height: 0px;
}

form#freecatalog{
	width: 212px;
	height: 88px;
	float: right;
	margin: 0 50px 13px 3px;

}
p.marketingID {
margin: 1em 0.5em;
font-size: 100%;
color: #666;
}

div#footer_espanol a, div#footer_espanol a:link, div#footer_espanol a:visited {
text-decoration: underline;
color: #606;
}
div#footer_espanol a:hover {
color: #C0C;
}
#md-promo {
    cursor: pointer;
    text-align: center;
}
#md-popup, #md-terms, #md-promo-cart {
    font-family: verdana,arial,helvetica,sans-serif;
}
#md-popup .lg,  #md-promo-cart {
    font-size: 9pt;
}
#md-popup .md, #md-terms {
    font-size: 8pt;
}
#md-terms-link {
    text-decoration: underline;
    cursor: pointer;
}
#md-terms span {
    text-decoration: underline;
}
#md-terms {
    display: none;
    border-top:1px solid #ccc;
    margin-top:1em;
    padding-top:1em;
}
.popup {
    display: none;
    background-color: #fff;
    border: 1px solid #deca7e;
    width: 320px;
    padding: 3px;
}
.popup-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #fff;
    background: transparent url("closelabel.gif") no-repeat right center;
    cursor: pointer;
}