@charset "UTF-8";

/** ========================================
 ** Reset
 **/

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,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0; padding: 0; border:0; outline: 0;
	font-weight:inherit;
	font-style: inherit;
	font-size:100%;
	font-family: inherit;
	vertical-align:baseline;
font-family: Helvetica,Arial,Verdana,sans-serif;
	}
:focus { outline: 0; } /* remember to define focus styles! */
body { line-height: 1; background: white; color: black; }
table { border-collapse: separate; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
caption,	a.mainnav_ziploc { background-image: url("http://static.mabel.ca/images/ziploc-offer-tab.png") !important }
	a.mainnav_ziploc:hover { background-position: 0 0 !important; background-image: url("http://static.mabel.ca/images/ziploc-offer-tab.png") !important }
	span.mainnav_ziploc { width: 145px;  height: 46px; }  
th,
td { text-align:left; font-weight:normal; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }
blockquote,
q { quotes: "" ""; }

/** ========================================
 ** ONE AND ONLY BODY TAG
 **/

html,
body { background:#fff url(/images/body-bg.png) repeat 0 2px; }
body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:0.8em;
	font-weight:normal;
	color: black;
	padding: 20px 0;
	min-width:800px;
	height: 100%;
	}

/** ========================================
 ** DEFAULTS FOR COMMONLY USED TAGS
 **/

h1, h2, h3, h4, h5, h6 { clear:both; margin: 10px 0; color:black; font-family:Helvetica,Arial,sans-serif; }
h1 { font-size:16px; line-height:30px; }
h2 { font-size:16px; font-weight:bold; }
h3 { font-size:16px; line-height:18px; font-weight:bold; }
h4 { font-size:100%; }
h5 { font-size:100%; font-weight:normal; margin:0; padding: 0px 0px 3px 0px; }

td { margin:0; padding:4px; font-size:90%; text-align:left; }
th { margin:0; padding:4px; font-size:90%; font-weight:bold; text-align:left; vertical-align:top;	}

input[type="text"] { width:200px; }
input[type="submit"] { cursor: pointer; }
input[type="image"] { vertical-align:top; }
input { font-family: Verdana,Arial,Helvetica,sans-serif; }

form label { cursor:pointer; }

input,
textarea { font-size:12px; line-height:1.2; font-weight:normal; }

dd input { min-width:220px; }

label.radio { display:block; padding: 0 0 0 28px; text-indent:-25px; }
dd label.radio input,
label.radio input { display:inline; margin: 0 10px 0 0; width:auto; }

input.disabled { border: 1px solid #eee; color:#666; }

textarea { padding: 3px 4px; width:200px; font-family: Arial,Helvetica,sans-serif; }

form { margin:0; padding:0; }

img { border:none; } /* we don't want images that are links to have a border unless explicitly set */

a,
a:active,
a:visited,
a:link {
	color:#333;
	text-decoration:none;
	font-family:Helvetica,Arial,sans-serif;
	}
a:hover { color: black; /*text-decoration: none;*/ }
a img { border:0; }

sup { padding: 0 1px; line-height:1; vertical-align:text-top; font-size:60%; }

div,
span,
li,
ul { background-repeat: no-repeat; }

p {
	margin: 5px 0 10px 0;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px; line-height:16px;
	}

ul { margin: 5px 0 10px 0; list-style: square outside; }
ol { margin: 5px 0 10px 0; list-style: decimal outside; }
li {
	margin: 5px 0 5px 20px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px; line-height:16px;
	}

dt,
dd { clear:both; margin: 5px 0; }
dd { margin: 5px 0 10px 0; }

.img-right { float:left; margin: 10px 10px 0 0; }

/** ========================================
 ** COMMON SIMPLE FORMATTING THAT ISN'T WORTH OTHERWISE
 ** CREATING A CLASS
 **/

.left { text-align:left; }
.centre { text-align:center; }
.right { text-align:right; }

.noborder { border-style: none; }
.inline { display: inline; }
.clear { clear: both; height: 0px; }
.fineprint { font-size:80%; }
.hidden { display: none; }

.bigger { font-size:115%; }
.smaller { font-size:85%; }
.bold { font-weight:bold; }

.tiplink { border-bottom: 1px green double; }
.tip { border:1px green solid; padding: 5px; font-size:80%; }
.tip > ul { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 5px; }

/** ========================================
 ** Begin Layout
 **/

/** ----------------------------------------
 ** UNIVERSE IS THE ENTIRE PAGE INSIDE THE BODY TAGS
 **/

#universe {
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	border:solid 1px black;
	width:900px;
	background-image: url(../images/universe-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: white ;
	}

/** ----------------------------------------
 ** MSUNIVERSE IS THE ENTIRE PAGE INSIDE THE BODY TAGS
 ** FOR Microsites
**/

#msuniverse {
    background-color:white;
    background-position:right top;
    background-repeat:no-repeat;
    border:1px solid black;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    width:900px;
}

/** ----------------------------------------
 ** HEADER SECTION "THE TOP BAND"
 **/

#mars {	overflow:hidden; position: relative; margin: 30px 25px 0 25px; padding: 0 0 20px 0; background: url(/images/dotted_line.png) no-repeat left bottom; }

#jupiter {
	overflow:hidden; clear:both;
	font-size:9px;
	font-family:Helvetica,Arial,sans-serif;
	color:#7e8083;
	}

#logo {
	display:block; float:left;
	margin: 10px 0;
	width:132px; height:84px;
	background: url(/images/mabel_logo.png) no-repeat 0px 0px;
	text-indent:-30000px;
	}
#mabel_tagline,
#yourrep {
	float:left; display:block; margin:80px 0 0 8px;
	color:black;
	font-size:16px; line-height:17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#jupiter .phone {
	float:right;
	padding: 30px 0 0 0;
	width:185px;
	color:black;
	font-weight:bold;
	font-size:15px;
	}

#jupiter img {
	margin-right:2px;
	vertical-align:middle;
	}
#jupiter input {
    position:relative;
	opacity:.8;
	filter:alpha(opacity=80);
	margin-top: 0px;
	margin-left:5px;
	font-family: Helvetica,Arial,sans-serif;
	}

#jupiter ul {
	position: absolute; top: 0px; right:0px;
	margin: 0px;
	list-style-type: none;
	z-index: 100;
	float:right;
	}

#jupiter img,
#jupiter li {
	margin:0;
	display: inline;
	}
#jupiter li a {
	font-size:9px;
	color:#7e8083;
	text-decoration: none;
		padding-left:6px;
	}
#jupiter li a:hover {
	color:#333;
	background-image:url(/images/arrow.png);
	background-position:left center;
	background-repeat:no-repeat;
	}
#jupiter a:link,
#jupiter a:visited,
#jupiter a:active {}
#jupiter li + li {
	padding-left:5px;
	}

#livehelp {
	position:absolute; top:50px; right:0; width:190px; display:inline; clear:both;
	display:none;
	}
#livehelp img { display:inline; padding: 0 3px 0 0; vertical-align:middle; }

#toggle { display:inline; }

/** ----------------------------------------
 ** SEARCH
 **/

#jupiter ul *,
#jupiter form,
#jupiter input,
#jupiter div,
#searchterm,
#searchform,
#searchbutton { display: inline; vertical-align:middle; }
#ctl00_searchterm,
#searchterm {
	float:right;
	height: 80%;
	margin: 0px;
	padding: 2px 3px;
	width:160px;
	border:#CCCCCC solid 1px;
	}


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

#nav {
	position:relative;
	overflow:hidden; display:block; clear:both;
	margin: 5px 0 0 0;
	text-align:left;
	font-size:10px;
	}
#nav_ques { display:block; float:left; margin: 0 16px 0 0; width:123px; height:34px; background: url(/images/nav_ques.png) no-repeat 0 0; text-indent:-30000px; }
#nav_ques.fr { background: url(/images/nav_ques.fr.png) no-repeat 0 0; }
#mainnav {
	float:right;
	margin:0; padding:0; width:707px;
	list-style:none;
	}
#mainnav li {
	float: left;
	margin: 0 7px 0 0;
	width:79px;
	}
/* Set up all menu items in grid with background image */
#mainnav a { display:block; margin:0; padding:0; width:79px; height:34px; background-image: url(/images/nav-a-bg.en.png); background-repeat:no-repeat; background-position: 0 0; text-indent:-30000px; }
#mainnav.en a { background-image: url(/images/nav-a-bg.en.png); }
#mainnav.fr a { background-image: url(/images/nav-a-bg.fr.png); }


#mainnav a:hover,
#mainnav a.current { background-position: 0 -34px; }
#nav li a br { display:none; }

/* Set specific positions for items*/

#mainnav #nav_combo_packs { background-position: 0px 0; }
#mainnav #nav_combo_packs:hover,
#mainnav #nav_combo_packs.current { background-position: 0px -34px; }

#mainnav #nav_sticky_labels { background-position: -80px 0; }
#mainnav #nav_sticky_labels:hover,
#mainnav #nav_sticky_labels.current { background-position: -80px -34px; }

#mainnav #nav_clothing_labels { background-position: -160px 0; }
#mainnav #nav_clothing_labels:hover,
#mainnav #nav_clothing_labels.current { background-position: -160px -34px; }

#mainnav #nav_bag_tags { background-position: -240px 0; }
#mainnav #nav_bag_tags:hover,
#mainnav #nav_bag_tags.current { background-position: -240px -34px; }

#mainnav #nav_household_labels { background-position: -320px 0; }
#mainnav #nav_household_labels:hover,
#mainnav #nav_household_labels.current { background-position: -320px -34px; }

#mainnav #nav_stationary_products{ background-position: -400px 0; }
#mainnav #nav_stationary_products:hover,
#mainnav #nav_stationary_products.current { background-position: -400px -34px; }

#mainnav #nav_safety{ background-position: -480px 0; }
#mainnav #nav_safety:hover,
#mainnav #nav_safety.current { background-position: -480px -34px; }

a.mainnav_ziploc_en { background-image: url("http://static.mabel.ca/images/ziploc-offer-tab.en.png") !important }
a.mainnav_ziploc_en:hover { background-position: 0 0 !important; background-image: url("http://static.mabel.ca/images/ziploc-offer-tab.en.png") !important }
span.mainnav_ziploc_en { width: 145px;  height: 46px; }  

a.mainnav_ziploc_fr { background-image: url("http://static.mabel.ca/images/ziploc-offer-tab.fr.png") !important }
a.mainnav_ziploc_fr:hover { background-position: 0 0 !important; background-image: url("http://static.mabel.ca/images/ziploc-offer-tab.fr.png") !important }
span.mainnav_ziploc_fr { width: 145px;  height: 46px; } 

a.mainnav_newbalance_en { background-image: url("http://static.mabel.ca/images/newbalance-offer-tab.en.png") !important }
a.mainnav_newbalance_en:hover { background-position: 0 0 !important; background-image: url("http://static.mabel.ca/images/newbalance-offer-tab.en.png") !important }
span.mainnav_newbalance_en { width: 145px;  height: 46px; }  

a.mainnav_newbalance_fr { background-image: url("http://static.mabel.ca/images/newbalance-offer-tab.fr.png") !important }
a.mainnav_newbalance_fr:hover { background-position: 0 0 !important; background-image: url("http://static.mabel.ca/images/newbalance-offer-tab.fr.png") !important }
span.mainnav_newbalance_fr { width: 145px;  height: 46px; } 

a.mainnav_sunlight_en { background-image: url("http://static.mabel.ca/images/sunlight-offer-tab.en.png") !important }
a.mainnav_sunlight_en:hover { background-position: 0 0 !important; background-image: url("http://static.mabel.ca/images/sunlight-offer-tab.en.png") !important }
span.mainnav_sunlight_en { width: 145px;  height: 46px; }  

a.mainnav_sunlight_fr { background-image: url("http://static.mabel.ca/images/sunlight-offer-tab.fr.png") !important }
a.mainnav_sunlight_fr:hover { background-position: 0 0 !important; background-image: url("http://static.mabel.ca/images/sunlight-offer-tab.fr.png") !important }
span.mainnav_sunlight_fr { width: 145px;  height: 46px; } 

#Breadcrumbs { width:732px; height:10px; float:right; margin: 10px 0; padding:0; font-size:10px; color:#7e8083; }
#Breadcrumbs li {
	display:inline; margin:0; padding:0; 
	font-size:10px; line-height:15px; 
	}
#Breadcrumbs a { 
	display:block; float:left; margin: 0 0 0 5px; padding: 0 0 0 10px; color:#7e8083;
	background-image:url(/images/breadcrumb-bg.png);
	background-position: 0px 3px;
	background-repeat:no-repeat;
	}
#Breadcrumbs a:hover { background-position: 0px -47px; color:#000; }
#Breadcrumbs li.home a { margin:0; padding:0; background:none; }

/** ----------------------------------------
 ** EVERYTHING EXCEPT HEADER AND FOOTER
 ** USE THIS ALONE FOR A ONE COLUMN LAYOUT
 **/

#earth{
	margin: 0 25px 0 25px;
	padding-top:30px;
	}

/** ----------------------------------------
 ** LAYOUT ELEMENTS - THE COLUMNS (MAIN AND SIDEBAR)
 **/

#titania,
#content_wrap,
#column,
#titania { display:block; overflow:hidden; float:left; }

#titania { margin: 0 17px 20px 0; padding-bottom:200px; width:123px; }
#content_wrap { margin: 0 0 40px 0; width:527px; }

#title { overflow:hidden; clear:both; margin: 0 0 10px 0; }
#title h1 {
	float:left; margin:0; 
	font-family: Georgia,"Times New Roman", Times, serif;
	font-size:23px;
	}
#content_wrap.products1 #title h1 { width:258px; }

/* BUY NOW */
#addtocart {
	float:left;
	margin-left:12px; 
	}

#content_part1,
#content_part2 {
	display:block; overflow:hidden; float:left; margin:0; width:258px;
	}
#content_part2 {
	float:right; width:256px;
	}

#column { float:right; margin: 0 0 40px 0; width:166px; }


/** ----------------------------------------
 ** CONTENT PARTS
 **/


input.submit,
a.button,
a.button_sm { display:block; float:left; clear:none; margin: 10px 0; border:0; padding: 2px 5px 0 15px; background:#daeab6 url(/images/arrow-right.png) no-repeat 5px center; line-height:18px; font-size:10px; color:#000; }
a.button_sm { margin: 5px 5px 5px 0; border:1px solid #ccc; background-color:#fff; }
.button img,
.button_sm img { display:inline; vertical-align:middle; }

input.submit { font-weight:bold; padding-top:0; padding-bottom:2px; height:20px; }

#banner-wrap 
{
    position: relative;
    height: 315px;
    width: 527px;
}

#banner {
	display:block; overflow:hidden;
	height:315px;
	background:#eee;
	}
#banner_text { float:right; margin: 20px 20px 0 0; width:290px; height:180px; 	background-image:url(../images/mainad.jpg); }
#banner_text h2 {
	margin: 15px 15px 10px 15px;
	font-size:28px; line-height:30px; font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#banner_text h3 {
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:22px;
    font-weight:normal;
    line-height:20px;
    margin:15px 15px 10px;
}
#banner_text p {
	margin: 10px 15px;
	}
#banner_text a { margin: 10px 15px; }

#promos {
	display:block; overflow:hidden;
	padding-top:15px;
	}
.promo {
	display:block; overflow:hidden;
	float:left;
	margin: 0 10px 0 0;
	width:165px;
	}
.promo.last { margin:0; }
.promo p { height:40px; }

.ad {
	color:black;
	font-size:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin-bottom:12px;
	}
.ad { overflow:hidden; clear:none; margin: 20px 0 20px 0; }
.ad p { margin: 5px 0; }
.ad .button { margin: 5px 0; }


#inner1{
	position:relative;
	float:left;
	margin-right:16px;
	height:186px;
	padding:1px;
	}
#inner2{
	position:relative;
	float:left;
	margin-right:12px;
	height:186px;
	padding:1px;
	}
#inner3{
	position:relative;
	float:left;
	height:186px;
	padding:1px;
	}
.inntext{
	color:#7e8083;
	}

/* level 2 navigation is the words under the big buttony things that change to reflect each section */
ul.level2 {
	margin: 0px;
	padding: 0px;
	width:100%;
	list-style-position: outside;
	list-style-type: none;
	position: relative;
	font-size:10px;
	}
.level2 li {
	display: block;
	position: relative;
	margin: 0px;
	padding:0px;
	width:100%;
	background-color: white;
	list-style-position: outside;
	list-style-type: none;
	font-weight:normal;
	}
.level2 a {
	text-decoration: none;
	display: block;
	border-bottom:solid 1px #CCC;
	padding: 5px 0;
	width:100%;
	line-height:12px;
	color:#7e8083;
	font-weight:normal;
	margin: 0px;

	}
.level2 a:hover,
a.level2_selected,
a.level2_selected:hover { border-bottom:solid 3px #DBECB8; padding: 5px 0 3px 0; color:black; }

/** ---------------------------------------
 ** THE LEFT COLUMN
 **/
#productphoto { margin-bottom:20px; }
#rootphoto { border:solid 1px #ccc; }

#thumbs{
	position:relative;
	float:left;
	width:259px;
	min-height:100px;
	}
#thumbs img { padding: 10px 1px; }
#thumbs img:hover { background:url(../images/sidebar/selection_box.png) top left no-repeat; }


/** ---------------------------------------
 ** THE RIGHT COLUMN
 **/

#connect {
	overflow:hidden;
	padding-top:30px;
	width:166px;
	height:40px;
	background-image:url(../images/CONNECT_roll.png);
	background-repeat:no-repeat;
	background-position:0 0;
	}
#connect { background-position: 0 0; }
#connect:hover,
#connect.current { background-position: 0 -70px; }
#connect img{ border:none; margin-left:4px; }

#media{
	width:166px;
	height:32px;
	}

#social{
	float:left;
	margin:0;
	padding:0px;
	width:166px;
	height:40px;
	list-style:none;
	}
#social li { float:left; margin:0; }
#social a { display:block; overflow:hidden; float:left; margin:0; padding:0; width:36px; height:40px; background-image: url(/images/CONNECT_sae.png); background-repeat:no-repeat; background-position: -200px -50px; text-indent:-30000px; opacity:0.5; }
#social a:hover,
#social a.current { background-position: 0 -33px; }

#social #social_twitter { width:38px; }
#social #social_twitter:hover,
#social #social_twitter.current { background-position: 1px -33px; }

#social #social_blog { width:38px; }
#social #social_blog:hover,
#social #social_blog.current { background-position: -37px -33px; }

#social #social_newsletter { width:45px; }
#social #social_newsletter:hover,
#social #social_newsletter.current { background-position: -75px -33px; }

#social #social_affiliates { width:44px; }
#social #social_affiliates:hover,
#social #social_affiliates.current { background-position: -120px -33px; }








/** ----------------------------------------
 ** PRODUCT PAGES
 **/

#description { overflow:hidden; margin: 0 0 20px 0; color:#7E8083; font-size:10px; line-height:12px }
#description div.part1,
#description div.part2 { overflow:hidden; float:left; clear:none; width:100px; }
#description div.part2 { float:right; width:150px; }
#description ul { padding:0; color:#7E8083; font-size:11px; }
#description li { margin: 0 0 0 15px; }
#description .pull { font-size:12px; line-height:15px; color:#000; }
#description p,
#description li { clear:both; font-size:11px; line-height:13px; color:#7E8083; }
#description strong,
#description b,
#description strong { display:block; margin: 0 0 5px 0; color:#000; font-size:12px; font-weight:bold; }

#description ul.column_five { overflow:hidden; display:block; float:left; margin: 0 20px 10px 0; width:100px; list-style:none; }
#description ul.column_five li { margin:0; padding:0; }


#price { font-weight:bold; font-size:110%; text-align:center; }
#description .price { margin: 0 0 15px 0; font-size:18px; }
#description .price b,
#description .price strong { margin: 5px 0 15px 0; }

#currency { text-align:center; }
#dimensions { font-size:70%; text-align:center; }

#colours { }
#colours > p { font-weight:bold; }
#colours p { margin:0; }

.swatches { overflow:hidden; margin: 0px 0 10px 0; }
.swatch { display:block; overflow:hidden; }
.swatch_outer { display:block; clear:both; margin: 0 0 5px 0; }
.swatch_inner { }
.swatch_colour_group { }
.swatch_colour { display:block; float:left; margin: 0 0 5px 0; width:20px; height:20px; }
.swatch_name { display:block; font-size:10px; text-align:left; line-height:20px; }
.swatches.group .swatch_name { clear:both; }
.swatches.singles .swatch_name { float:left; clear:none; }
.swatches.singles .swatch_colour { margin: 0 5px 5px 0; }

 .swatch1, .swatch_Red { background-color: #ae171e; } 
 .swatch4, .swatch_Green { background-color: #264645; } 
 .swatch6, .swatch_Blue { background-color: #2b3c8c; } 
 .swatch2, .swatch_Pink { background-color: #ec46a8; }
 .swatch3, .swatch_Lilac { background-color: #6a5eb4; }
 .swatch5, .swatch_Raspberry { background-color: #961f55; }
 .swatch16, .swatch_Teal { background-color: #1d848d; }
 .swatch17, .swatch_Purple { background-color: #3d378f; }
 .swatch26, .swatch_OceanBlue { background-color: #2555a9; }
 .swatch23, .swatch_Lime { background-color: #21b24b; }
 .swatch28, .swatch_TickledPink { background-color: #de356e; }
 .swatch22, .swatch_Navy { background-color: #2c334d; }

.guidelines{ clear:both; color:#7E8083; font-size:10px; line-height:12px;}





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

#footer { clear:both; background-color:#DCDDDE; line-height:32px; text-align:center; font-size:9px; }
#footer ul { display:inline; margin:0; list-style:none; width:900px;}
#footer li { display:inline; padding-right:4px; margin:0 ; border-right: 1px solid #bbb; list-style:none; }
#footer a { color:#7E7F83; font-size:9px; margin-right:0px; margin-left:2px; }
#footer a:hover{ color:#000; }
#copyright { padding: 0 0 0 3px; display:inline; color:#7E8083; }

/** ----------------------------------------
 ** SHOPPING CART AND CHECKOUT
 **/

#cart { margin: 0 0 20px 0; border:2px solid #CCCCCC; border-right: 1px solid #ccc; width:100%; }
#cart th,
#cart td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 5px 7px; }
#cart strong { font-weight:bold; font-size:12px; color:#000; }
#cart em { font-style: italic; }
#cart .smallcartlink { font-size:11px; line-height:13px; color:#aaa; }
#cart_count { margin: 10px 0; }
#cart_count a { display:block; float:right; padding: 0 5px; line-height:1.3; background:#ddd; }

#cart .cartright { text-align:right; font-size:14px; }
.button.cartnav { float:right; margin-top:0; font-weight:bold; }


fieldset.checkout { margin: 0 0 20px 0; border:2px solid #CCCCCC; }
fieldset.checkout h3,
fieldset.checkout h4 { margin:0; border-bottom: 1px solid #ccc; padding: 7px 7px 3px 7px; font-size:14px; line-height:1.1; background:#f4f4f4; }
fieldset.checkout dl { margin:0; padding:10px; }
fieldset.checkout dd { margin: 0 0 15px 0; }
fieldset.checkout ul { padding-left:10px; }
fieldset.checkout p { padding-left:10px; }


fieldset.checkout .radio_select,
fieldset.checkout .radio_select li { margin:0; list-style:none; }


fieldset.checkout .shipping_list { margin:0; border:0; padding: 15px 15px 0 15px; }
fieldset.checkout .shipping_list dd { padding: 0 0 0 25px; font-size:10px; line-height:13px; color:#999; }
fieldset.checkout .shipping_list label { font-size:12px; line-height:15px; color:#000;   }
fieldset.checkout .shipping_list label,
fieldset.checkout .shipping_list input { cursor:pointer; }
fieldset.checkout .shippingnotes { margin: 0 15px; color:#999; font-size:10px; line-height:15px; }


.yerrors-remedy { border: 1px solid #df0863; padding:5px; background:#df0863; color:#000; }
.yerrors-remedy a { color:#fff; }

ul.yformclass_problem { border: 1px solid #df0863; background:#f277a8; color:#000; }
ul.yformclass_problem li { color:#000; }
.yformclass_problem { display:block; color:#df0863; font-weight:bold; line-height:20px; }

.increase,
.decrease { display:block; float:left; margin:0; padding:0; width:14px; height:14px; background-image: url(/images/plus.png); background-position:0 -40px; background-repeat:no-repeat; line-height:20px; text-indent:-3000px;  }
.increase:hover { background-position: 0 0; }
.decrease { background-image: url(/images/minus.png); }
.decrease:hover { background-position: 0 0; }

.carttip { font-size:10px; color:#999; }



#mabel_tagline a,
#content a { border-bottom: 1px solid #e1eec3; color:#89a745; }
#mabel_tagline a:hover,
#content a:hover { border-bottom: 1px solid #89a745; color:#669104; }

#mabel_tagline a { font-size:14px; }


/** ========================================
 ** PRINT
 **/

#print_header,
.print_only { display:none; }

@media print {
	#mars,
	#level1,
	#level2,
	#footer { display: none; }
	#print_header { display: block; font-family: Georgia, serif; font-weight:bold; }
}

/** ========================================
 ** MOBILE
 **/

@media handheld {
	/* hide a bunch of content to mobile users */
	#bigmabelgirl,
	#io,
	#verybottom,
	.nomobile { display: none !important; }
}


/** ----------------------------------------
 ** DEVELOPMENT NOTES
 **/

#warning {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding:10px;
	width:100px;
	height: 100px;
	background-color: red;
	color: white;
	font-size:small;
	}


#wait { display:none; }


.medialist,
.medialist li { font-size:11px; line-height:13px; color:#7E8083; }

#press_kit_list { overflow:hidden; margin:0; list-style:none; }
#press_kit_list li { overflow:hidden; float:left; margin: 0 20px 10px 0; width:150px; height:180px; }
#press_kit_list img { max-width:150px; }

.column_three { overflow:hidden; float:left; margin: 0 20px 10px 0; width:150px; }