/* ++++++++++ Standard Sitewide and Navigation CSS - MagiShop Version 4 ++++++++++ */

/* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }


/* ++ base HTML elements and styles ++ */
body {
    color: #5f5f5f;
    font: 0.8em/1.4em Arial, Helvetica, sans-serif;
    text-align: center;
}

body, select, input, textarea {
	color: #5f5f5f;
	font-family: Arial, Helvetica, sans-serif;
}

a:link, a:visited { color: #5F5F5F; text-decoration: underline; }
a:hover, a:active { color: #444444; text-decoration: none; }

fieldset, a img { border: none; }

ul, ol { list-style: none; }


/* ++ magishop core structural elements ++ */

/* #mz_header, #mz_priContent, #mz_footer - removed from declaration below in order to facilitate horizontal scrolling on a small screen */
#mz_headerInner,
#mz_headerFunctions,
#mz_priContentInner,
#mz_priContent_alt,
#mz_mainContent,
#mz_accountContent,
#mz_footerInner,
div.mz_genericContent,
.mz_genericContent,
#category-page {
    overflow: hidden;
}

#mz_header,
#mz_footer {
	height: auto;
    width: auto;
}

#mz_headerInner,
#mz_footerInner {
	margin: 0 auto;
	text-align: left;
	width: 980px;
}

#mz_headerNav ul { margin: 0 auto; width: 980px; }

#mz_priContent,
#mz_priContent_alt { width: 100%; }

#mz_priContentInner {
    clear: both;
    margin: 0 auto;
	padding: 0 0 0 10px;
	width: 990px;
}

#mz_mainContent,
#mz_supportContent {
    float: left;
	text-align: left;
}

#mz_supportContent {
	margin-right: 10px;
	margin-bottom: 20px;
	width: 178px;
}

#mz_mainContent {  
	margin-bottom: 20px;
    padding-bottom: 20px;
	width: 802px;
}

#mz_accountContent { text-align: left; margin-right: 10px; }


/* ++ header area structural elements ++ */
#mz_logo { float: left; padding: 10px 0; width: 400px; }
#mz_headerFunctions { float: right; margin: 0 0 10px 0; /*width: 550px;*/ }
#mz_account { padding: 5px 0; text-align: right; }
#mz_minicart { background-color: #fff; border: 1px solid #333; float: right; margin: 0 0 10px 0; width: 250px; }

#mz_headerFunctions fieldset { }
#mz_keywordSearch { background-color: #fff; border: 1px solid #b2b2b2; float: left; margin: 0 10px 0 0; overflow: hidden; width: 286px; }
#mz_advancedSearch { background-color: #fcfcfc; border: 1px solid #b2b2b2; clear: right; overflow: hidden; padding: 5px; width: 538px; }

#mz_dualSearch { clear: right; overflow: hidden; width: 550px; }
#mz_dualSearch fieldset { background-color: #fff; border: 1px solid #b2b2b2; float: left; width: 250px; }
#mz_dualSearch fieldset:first-child { margin: 0 10px 0 0; width: 286px; }

#mz_currency {}
#mz_language {}

#mz_seoTop_text { border-bottom: 1px solid #efefef; margin: 0 auto; text-align: right; width: 1000px; }

/*#mz_regionSelector { background: #fdfdfd; border-bottom: 1px solid #efefef; margin: 0 auto; padding: 5px 10px; text-align: right; width: 980px; }*/
#mz_regionSelector { margin: 0 auto; padding: 0; text-align: right; width: 980px; }
#HeaderShippingRegionChangeContainer { background: #fdfdfd; border-bottom: 1px solid #efefef; padding: 5px 0; }



/* ++ footer area structural elements ++ */
#mz_footer_links { border-bottom: 1px solid #b2b2b2; overflow: hidden; padding: 15px 0 30px 0; }
#mz_cards_social { overflow: hidden; }


/* ++ main content area structural elements ++ */
div.mz_splitContainer { overflow: hidden; padding: 0 0 10px 0; width: 100%; }
div.mz_mainHalf { float: left; margin: 0 10px 10px 0; overflow: hidden; padding-bottom: 15px; width: 375px; }


/* ++ support content area structural elements ++ */


/* ++ header area content ++ */
#mz_seoTop_text p { font-size: 75%; padding: 0.2em 10px; }

#mz_regionSelector label,
#mz_regionSelector select { font-size: 85%; }
#mz_regionSelector label { font-weight: bold; padding-right: 5px; text-transform: uppercase; }
#mz_regionSelector select { border: 1px solid #b2b2b2; color: #5f5f5f; font-family: Arial, Helvetica, sans-serif; padding: 0.3em 3px; width: 300px; }

#mz_logo a, #mz_logo img { display: block; }

#mz_minicart h3 { color: #232323; font-size: 110%; padding: 0 0 5px 0; }
#mz_minicart h3 span { font-weight: normal; }

/*all search options common styles */
#mz_headerFunctions a.mz_iconSearch_lnk { background: transparent url(../images/sprite_nav_icons.png) no-repeat; display: block; float: left; height: 32px; text-indent: -9999px; width: 34px; }
#mz_headerFunctions a.mz_iconSearch_lnk:link,
#mz_headerFunctions a.mz_iconSearch_lnk:visited { background-position: 0 -300px; }
#mz_headerFunctions a.mz_iconSearch_lnk:hover,
#mz_headerFunctions a.mz_iconSearch_lnk:active { background-position: 0 -350px; }

#mz_headerFunctions a.mz_regSearch_lnk { color: #fff; float: left; font-weight: bold; height: 18px; text-align: center; text-decoration: none; }
#mz_headerFunctions a.mz_regSearch_lnk:link,
#mz_headerFunctions a.mz_regSearch_lnk:visited { background: #999; }
#mz_headerFunctions a.mz_regSearch_lnk:hover,
#mz_headerFunctions a.mz_regSearch_lnk:active { background: #666; }

/* keyword search */
#mz_keywordSearch input { border: none; float: left; font-size: 88%; padding: 8px 8px 6px 8px; width: 236px; }

/* dual keyword and brand separate search */
#mz_dualSearch input,
#mz_dualSearch select { border: none; float: left; font-size: 88%;  }
#mz_dualSearch input { width: 236px; padding: 8px 8px 6px 8px; }
#mz_dualSearch select { width: 210px; padding: 8px 8px 7px 8px; }
#mz_dualSearch a.mz_regSearch_lnk { padding: 7px 0; width: 40px; }

/* advanced keyword and brand combined search */
#mz_advancedSearch input,
#mz_advancedSearch select { border: 1px solid #dfdfdf; float: left; font-size: 88%; margin: 0 4px 0 0; padding: 5px 4px; }
#mz_advancedSearch input { width: 275px; }
#mz_advancedSearch select { padding: 4px; width: 175px; }
#mz_advancedSearch a.mz_regSearch_lnk { padding: 5px 0 4px 0; width: 70px; }

/* celebros search */
#cuit_main_search input#search_term { }
#cuit_main_search input#search_button { background: transparent url(../images/sprite_nav_icons.png) no-repeat; background-position: 0 -300px; display: block; float: left; height: 32px; padding: 0; text-indent: -9999px; width: 34px; }
#cuit_main_search input#search_button:hover { background-position: 0 -350px; }


/* ++ support area content ++ */
#mz_supportContent img { display: block; margin: 0 0 5px 0; }
#mz_supportContent h2 { border-top: 1px solid #b2b2b2; font-size: 100%; padding: 10px; }


/* ++ footer area content elements ++ */
#mz_footer_links ul { float: left; padding: 0 0 0 5%; width: 15%; }
#mz_footer_links ul li { padding: 4px 0 0 0; }
#mz_footer_links ul li a { background: transparent url(../images/sprite_nav_icons.png) no-repeat; padding: 0 0 0 10px; }
#mz_footer_links ul li a:link, #mz_footer_links ul li a:visited { background-position: 0 0; }
#mz_footer_links ul li a:hover, #mz_footer_links ul li a:active { background-position: 0 -50px; }
#mz_footer_links ul li h2 { font-size: 100%; margin: 0 0 5px 0; }

#mz_cards { float: left; width: 255px; }
#mz_cards h5 { background-image: url(../images/icons_creditcards_footer.png); display: block; height: 45px; text-indent: -9999px; }
	
#mz_footer h6 { font-size: 75%; padding: 5px 10px 25px 10px; width: 430px; }
#mz_footer h6#mz_baseCopy { float: left; }
#mz_footer h6#mz_baseCredits { float: right; text-align: right; }



/* ++ website feature elements and email sign-up ++ */
div.mz_sitewideFeature { background: #ccc; margin: 10px 10px 0 0; overflow: hidden; width: 980px; }

div.mz_internalFeatures { border-top: 1px solid #efefef; margin: 10px 0 20px 0; padding-top: 10px; }
div.mz_internalFeatures img { display: block; padding: 5px 0; text-decoration: none; }

#mz_email_signUp { background-color: #ccc; clear: both; margin: 0 10px 10px 0; overflow: hidden; padding: 5px 0; }

#mz_email_signUp label,
#mz_email_signUp input,
#mz_email_signUp a { float: left; margin: 0 5px 0 0; padding: 5px 10px; }

#mz_email_signUp label { text-align: right; width: 35%; }
#mz_email_signUp input { color: #666; font-size: 90%; width: 20%; }
#mz_email_signUp a { color: #fff; font-size: 100%; font-weight: bold; text-align: center; text-decoration: none; width: 100px; }
#mz_email_signUp a:link, #mz_email_signUp a:visited { background-color: #333; }
#mz_email_signUp a:hover, #mz_email_signUp a:active { background-color: #666; }

#mz_email_signUp div.mz_successMsg,
#mz_email_signUp div.mz_errorMsg { float: left; padding: 4px 10px; }

/* product finder feature */
div.mz_productFinder { background: #ccc; margin: 0 10px 0 0; overflow: hidden; width: 980px; }
div.mz_productFinder h3 { font-size: 110%; float: left; padding: 25px 2% 0 2%; text-align: right; width: 21%; } /* finder title - replace with image if desired */
div.mz_productFinder fieldset { float: left; overflow: hidden; padding: 10px 0; text-align: left; width: 75%; } /* finder option container */
div.mz_productFinder fieldset fieldset { margin-right: 2%; padding: 0; float: left; width: 25%; } /* widths for three dropdowns - change if 1 or 2 */
div.mz_productFinder fieldset label { display: block; font-size: 90%; margin-bottom: 3px; font-weight: bold; } /* option titles */
div.mz_productFinder fieldset select { border: 1px solid #b2b2b2; font-size: 125%; padding: 2px 2%; width: 94%; } /* finder options */
div.mz_productFinder fieldset a { color: #fff; font-size: 110%; font-weight: bold; float: left; margin-top: 7px; padding: 10px 1.5%; text-align: center; width: 12%; } /* button link */
div.mz_productFinder fieldset a:link, 
div.mz_productFinder fieldset a:visited { background-color: #666; text-decoration: none; }
div.mz_productFinder fieldset a:hover, 
div.mz_productFinder fieldset a:active { background-color: #000; }


/* ++ tabular data ++ */
table.mz_dataTbl,
.mz_genericContent table { border-bottom: 1px solid #b2b2b2; margin: 10px 0; width: 100%; }

table.mz_dataTbl tr td,
.mz_genericContent table tr td { background-color: #fff; border-top: 1px solid #efefef; padding: 5px 10px; }
table.mz_dataTbl tr th,
.mz_genericContent table tr th,
table.mz_listTbl tr th { background-color: #efefef; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; font-size: 110%; padding: 10px; text-align: left; }
/*table.mz_dataTbl tr.mz_alt_row td,
.mz_genericContent table tr.mz_alt_row td,
table.mz_dataTbl tr.mz_alt_row td { background-color: #fdfdfd; }*/

table.mz_dataTbl .mz_btnPrimary {  display: block; float: none; font-size: 100%; height: 15px; padding: 5px 0; width: 130px; }

table.mz_dataTbl tr:nth-child(odd) td,
.mz_genericContent table tr:nth-child(odd) td { background-color: #fdfdfd; }

table.mz_dataTbl tr.mz_alt_rowB td { border-top: none; padding: 0 10px 5px 10px; } /* added info lines associated with row above */

table.mz_dataTbl tr.mz_subhead_row td { font-size: 85%; font-weight: bold; text-transform: uppercase; }
table.mz_dataTbl tr.mz_addon_row td { font-size: 85%; }

table.mz_dataTbl input { border: 1px solid #b2b2b2; width: 60px; }
table.mz_dataTbl select { width: 100px; }
table.mz_dataTbl img { display: block; }

table.mz_dataTbl input.mz_tblLink_tiny,
table.mz_dataTbl a.mz_tblLink_tiny,
table.mz_dataTbl a.wishlist-add-single { display: block; font-size: 75%; margin: 5px 0 10px 0; padding: 5px 0; text-transform: uppercase; width: 100%; } /* input = update, a = remove */
table.mz_dataTbl input.mz_tblLink_tiny { background-color: #efefef; border: 1px solid #dfdfdf; font-family: Arial, Helvetica, sans-serif; text-align: center; }
table.mz_dataTbl a.mz_tblLink_tiny { text-decoration: underline; }
table.mz_dataTbl input.mz_tblLink_tiny:hover { border: 1px solid #999; }
table.mz_dataTbl input.inputCheckRadio { border: none; display: inline-block; width: auto; }
table.mz_dataTbl a.mz_btnSecondary { margin-left: 0; }
table.mz_dataTbl a.wishlist-add-single { color: #fff; text-align: center; text-decoration: none;  }
table.mz_dataTbl a.wishlist-add-single:link,
table.mz_dataTbl a.wishlist-add-single:visited { background-color: #666; }
table.mz_dataTbl a.wishlist-add-single:hover,
table.mz_dataTbl a.wishlist-add-single:active { background-color: #000; }

/*table.mz_dataTbl strong { color: #000000; } NOT SURE WHAT THIS IS USED FOR - CAUSING CONFLICT WITH STOCK MESSAGE */

table.mz_dataTbl span { font-weight: bold; }
table.mz_dataTbl span.mz_prevPrice { color: #999999; font-weight: normal; text-decoration: line-through; }
table.mz_dataTbl strong.mz_salePrice { }

table.mz_dataTbl tr.tbl_neutralMsg td { background-color: #f9f9f9; padding: 15px 10px; }
table.mz_dataTbl tr.tbl_errorMsg td { background-color: #ffe5e5; padding: 15px 10px; }
table.mz_dataTbl tr.tbl_successMsg td { background-color: #edfde3; padding: 15px 10px; }

table.mz_dataTbl tr.tbl_neutralMsg td p,
table.mz_dataTbl tr.tbl_errorMsg td p,
table.mz_dataTbl tr.tbl_successMsg td p { font-size: 110%; font-weight: bold; text-align: center; }

table.mz_dataTbl tr.tbl_errorMsg td p { color: #c00; }
table.mz_dataTbl tr.tbl_successMsg td p { color: #390; }

table.mz_dataTbl tr.mz_discontinue_row td { opacity: 0.3; }
table.mz_dataTbl tr.mz_discontinue_row input.mz_tblLink_tiny:hover { border: 1px solid #dfdfdf; }
table.mz_dataTbl tr.mz_discontinue_row a,
table.mz_dataTbl tr.mz_discontinue_row a:hover { cursor: default; text-decoration: none;  }
table.mz_dataTbl tr.mz_discontinueFlag td { background-color: #999; color: #fff; font-size: 100%; line-height: 1.2; padding: 10px; text-align: center; text-transform: uppercase; }
table.mz_dataTbl tr.mz_discontinueFlag td a { color: #fff; font-weight: bold; }


/* stock message colours */
.mz_instockMsg { color: #009933; }
.mz_lowstockMsg { color: #ff9900; }
.mz_nostockMsg { color: #660000; }
.mz_disstockMsg { color: #999999; }



/* ++ form elements ++ */
#mz_form { overflow: hidden; padding: 10px 0 0 0; }
#mz_form h3 { border-top: 1px solid #efefef; clear: both; font-size: 130%; font-weight: normal; margin: 10px 0 15px 0; padding: 5px 0 0 10px; } /* form section headings */
#mz_form h3 span { color: #999; }
#mz_form fieldset { overflow: hidden; padding: 5px 0; width: 100%; }

#mz_form fieldset input, 
#mz_form fieldset select, 
#mz_form fieldset textarea,
#mz_form fieldset label { font-size: 110%; }

#mz_form fieldset input, 
#mz_form fieldset select, 
#mz_form fieldset textarea { border: 1px solid #b2b2b2; color: #5f5f5f; font-family: Arial, Helvetica, sans-serif; padding: 0.3em 3px; width: 300px; }

#mz_form fieldset label, 
#mz_form fieldset input, 
#mz_form fieldset select,
#mz_form fieldset textarea { display: block; float: left; }

#mz_form fieldset legend { font-size: 110%; padding: 15px 0 0 10px; }

#mz_form fieldset input.smallInput { width: 150px; }
#mz_form fieldset input.inputCheckRadio { border: none; margin: 5px 5px 0 0; padding: 0; width: auto; }
#mz_form fieldset select.smallSelect { margin-right: 5px; width: 100px; } /* use for date pickers, etc. */

#mz_form fieldset label { line-height: 1.3; padding: 0.3em 10px 0.3em 0; text-align: right; width: 250px; }
#mz_form fieldset label.wideLabel { padding: 0.3em 0 0.3em 5px; text-align: left; width: 400px; }
#mz_form fieldset label.mandatoryLabel { font-weight: bold; }

.formField_ex { color: #999999; font-style: italic; } /* example text in text field */
::-webkit-input-placeholder { color: #999999; font-style: italic; }
:-moz-placeholder { color: #999999; font-style: italic; } /* Firefox 18- */
::-moz-placeholder { color: #999999; font-style: italic; } /* Firefox 19+ */
:-ms-input-placeholder { color: #999999; font-style: italic;  } /* IE 10+ */ 
#mz_form input:-ms-input-placeholder { color: #999999; font-style: italic;  } /* because IE needs more detail */
#mz_form textarea:-ms-input-placeholder { color: #999999; font-style: italic;  } 


#mz_form fieldset p { font-size: 85%; }

#mz_form fieldset p.formField_info { clear: both; color: #999999; display: block; line-height: 1.1; margin: 0 0 0 260px; padding: 0.2em 0; width: 300px; } /* added info or description text for form field */
#mz_form fieldset p.formField_opt { color: #999999; float: left; margin: 5px 0 0 5px; width: 120px; }

#mz_form fieldset.formError { background-color: #ffe5e5; }
#mz_form fieldset.formError p.validation,
#mz_form fieldset.formValid p.validation { background: transparent url(../images/sprite_left_icons.png) no-repeat; float: left; margin: 0 0 0 5px; padding: 0 0 0 20px; width: 100px;  }
#mz_form fieldset.formError p.validation { background-position: 0 -120px; color: #cc0000; line-height: 1.1;   }
#mz_form fieldset.formValid input { border: 1px solid #090; }
#mz_form fieldset.formError input { border: 1px solid #c00; }
#mz_form fieldset.formValid p.validation { background-position: 0 3px; height: 20px; color: #093; line-height: 1.1; }

#mz_form fieldset ul { font-size: 1.0em; margin: 0; } /* use for checkbox or radio button lists */
#mz_form fieldset ul li { background-image: none; overflow: hidden; padding: 0.3em 0 0.3em 260px; }
#mz_form fieldset ul li label { padding: 0.2em 0 0.2em 5px; text-align: left; width: 255px; }

#mz_form div.mz_subFieldset { border-top: 1px dashed #efefef; border-bottom: 1px dashed #efefef; clear: both; overflow: hidden; margin-top: 10px; padding: 10px 0; width: 720px; }
#mz_form div.mz_subFieldset a { clear: both; display: block; margin-left: 260px; padding-top: 5px; }

#mz_form fieldset.mz_highlightFieldset { background: #dcf5fc; }
#mz_form fieldset.mz_highlightFieldset label { font-weight: bold; }

input[type=text], 
input[type=email], 
input[type=password], 
textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
 
input[type=text]:focus, 
input[type=email]:focus, 
input[type=password]:focus, 
textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, .7); }


a.mz_btnPrimary { font-size: 110%; font-weight: bold; float: right; padding: 10px; text-align: center; width: 250px; }
a.mz_btnPrimary:link, 
a.mz_btnPrimary:visited { background-color: #666; color: #fff; text-decoration: none; }
a.mz_btnPrimary:hover, 
a.mz_btnPrimary:active { background-color: #000; color: #fff; }

#mz_form fieldset input.mz_btnPrimary { border: none; background-color: #666; color: #fff; cursor: pointer; font-size: 110%; font-weight: bold; float: right; padding: 10px; text-align: center; text-decoration: none; width: 270px; }
#mz_form fieldset input.mz_btnPrimary:hover { background-color: #000; color: #fff; }

a.mz_btnSecondary { clear: left; float: left; margin: 5px 0 10px 260px; padding: 5px 3px; text-align: center; width: 150px; }
a.mz_btnSecondary:link, 
a.mz_btnSecondary:visited { background-color: #efefef; border: 1px solid #dfdfdf; text-decoration: none; }
a.mz_btnSecondary:hover, 
a.mz_btnSecondary:active { background-color: #efefef; border: 1px solid #999; }

a.mz_btnSmall { float: right; margin: -30px 30px 10px 0; padding: 5px 3px; text-align: center; width: 100px; }
a.mz_btnSmall:link, a.mz_btnSmall:visited { background-color: #efefef; border: 1px solid #dfdfdf; text-decoration: none; }
a.mz_btnSmall:hover, a.mz_btnSmall:active { background-color: #efefef; border: 1px solid #999; }

a.mz_btnTextlink { float: left; padding: 10px; width: 300px; }

#mz_form hr { clear: both; margin: 10px 0; } 
#mz_form img.form_supportImg { display: block; float: left; padding: 0 0 0 5px; }


/* sitewide messaging, including form error message summary */
div.mz_feedbackMsg { clear: both; margin: 0 10px 10px 0; padding: 10px 0; text-align: left; }
div.mz_feedbackMsg .mz_genericContent { padding-bottom: 0; }
#mz_form div.mz_feedbackMsg { margin: 0 0 10px 0; }
div.mz_feedbackMsg h3,
#mz_form div.mz_feedbackMsg h3 { border-top: none; font-size: 110%; margin: 0; padding: 0 0 10px 0; }

div.mz_errorMsg { background-color: #ffe5e5; border-top: 1px solid #ffb9b9; border-bottom: 1px solid #ffb9b9; }
div.mz_neutralMsg { background-color: #f9f9f9; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
div.mz_successMsg { background-color: #edfde3; border-top: 1px solid #b6f68f; border-bottom: 1px solid #b6f68f; }

div.mz_errorMsg h3 { color: #c00; }
div.mz_successMsg h3 { color: #390; }



/* form split into two columns */
#mz_form div.mz_splitContainer fieldset { padding: 0 10px 10px 10px; }
#mz_form div.mz_splitContainer fieldset ul li { padding-left: 0; }
#mz_form div.mz_splitContainer fieldset p.formField_info { margin: 0; width: 345px; }
#mz_form div.mz_splitContainer div.mz_genericContent { padding: 0 10px; }
#mz_form div.mz_splitContainer fieldset label { float: none; display: block; text-align: left; }
#mz_form div.mz_splitContainer img.form_supportImg { padding: 5px 0 0 0; }
#mz_form div.mz_splitContainer fieldset input.mz_btnPrimary { clear: left; float: left; padding: 5px 10px; text-align: left; }
div.mz_splitContainer a.mz_btnPrimary { clear: left; float: left; margin-left: 10px; padding: 5px 10px; text-align: left; }
div.mz_splitContainer a.mz_btnSecondary { margin: 5px 0 10px 10px; }

#mz_form div.mz_splitContainer fieldset.formError p { display: block; float: none;  height: 20px; margin: 0; padding: 5px 0 5px 20px; width: 325px; }
#mz_form div.mz_mainHalf fieldset.formValid p { clear: none; width: 50px; }

#mz_form div.mz_mainHalf p.formField_opt { clear: none; padding: 0; width: 60px; }


/* ++ generic content styles ++ */
#mz_mainContent h1 { margin: 0 0 10px 0; }

.mz_genericContent h1,
.mz_genericHeading { border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; font-size: 160%; margin: 0 0 10px 0; padding: 10px; text-align: left; }

div.mz_genericContent { clear: both; padding: 0 10px 20px 10px; text-align: left; }

#mz_form div.mz_genericContent { }

.mz_genericContent h2 { font-size: 135%; padding: 0.8em 10px 0.2em 0; }
.mz_genericContent h2.mz_genericHeading { font-size: 160%; padding: 10px 0; }
.mz_genericContent h3 { font-size: 122%; padding: 0.5em 10px 0.2em 0; }
.mz_genericContent h4 { font-size: 110%; padding: 0.5em 10px 0.1em 0; }
.mz_genericContent h5 { font-size: 85%; padding: 0.3em 10px 0 0; text-transform: uppercase; }
.mz_genericContent h6 { font-size: 85%; padding: 0.3em 10px 0 0; }

.mz_genericContent h6 a { display: block; margin: 10px 0; padding: 5px; text-align: center; width: 150px;  }
.mz_genericContent h6 a:link, 
.mz_genericContent h6 a:visited { background-color: #efefef; border: 1px solid #dfdfdf; text-decoration: none; }
.mz_genericContent h6 a:hover, 
.mz_genericContent h6 a:active { background-color: #efefef; border: 1px solid #999; }
	
.mz_genericContent ul { list-style: circle outside; margin: 0.4em 4.0em 0.8em 50px; }
.mz_genericContent ul li { padding: 0.2em 0; }
.mz_genericContent ol { list-style: decimal-leading-zero outside; margin: 0.4em 4.0em 0.8em 60px; }
.mz_genericContent ol li { padding: 0.2em 0; }

.mz_genericContent p { padding: 0.2em 5.0em 0.8em 0; line-height: 1.4; }
.mz_genericContent p.mz_tinyType { font-size: 85%; padding: 0.2em 1.0em 0.2em 0; }

.mz_genericContent blockquote { background: #efefef; border-top: 1px dotted #b2b2b2; border-bottom: 1px dotted #b2b2b2; margin: 15px 0; overflow: hidden; padding: 0 15px; }
.mz_genericContent blockquote p { color: #999; font-size: 150%; line-height: 1.2; padding: 0.5em 0; }

.mz_genericContent img { border: 1px solid #b2b2b2; float: right; padding: 4px; margin: 5px 0 20px 20px; width: 350px; }

div.generic_divider,
.mz_genericContent hr { border-top: 1px solid #b2b2b2; clear: both; height: 10px; margin: 15px 0; }
div.generic_divider hr { display: none; }

.mz_genericContent iframe { background-color: #ffffff; border: 1px solid #efefef; display: block; margin: 10px 0; padding: 4px; }

div.mz_mainHalf h2,
#mz_accountContent #mz_form div.mz_mainHalf h2 { background: #efefef; font-size: 130%; margin: 0 0 10px 0; padding: 10px; }
div.mz_mainHalf h4 { padding-left: 10px; }
div.mz_mainHalf p { clear: left; padding: 5px 1.6em 0.5em 10px; }
div.mz_mainHalf div.mz_feedbackMsg p { padding: 5px 1.6em 0.5em 0; }

address { font-style: normal; line-height: 1.5; }
address p span { display: block; }

.mz_genericContent fieldset { margin: 10px 0; }
.mz_genericContent fieldset select { border: 1px solid #b2b2b2; color: #5f5f5f; font-family: Arial, Helvetica, sans-serif; font-size: 110%;  padding: 0.3em 3px; width: 300px; }


/* ++ account area content ++ */
#mz_accountContent { }
#mz_accountContent h1.mz_genericHeading { }
#mz_accountContent .mz_genericContent { padding: 10px 0 10px 10px; }
#mz_accountContent #mz_form h2 { clear: both; font-size: 135%; padding: 0 10px 0.2em 10px; }
strong.mz_wishlistlink { background: #efefef; display: block; font-size: 85%; margin: 10px 0; padding: 10px; }

#mz_accountContent .mz_btnPrimary { margin-bottom: 10px; }

#mz_accountContent strong.mz_wishlistlink + a.mz_btnSecondary { float: right; margin: 5px 0 10px 0; width: 250px; }

#mz_accountContent table.mz_dataTbl { margin: 10px 0 30px 10px; }
#mz_accountContent table.mz_dataTbl a { display: block; }
#mz_accountContent table.mz_dataTbl a.mz_tblLink_img { background: #fff; border: 1px solid #efefef; float: left; margin: 0 10px 10px 0; padding: 2px; position: relative; width: 100px; }
#mz_accountContent table.mz_dataTbl span.mz_numInBasket { bottom: 2px; width: 100px; }
#mz_accountContent table.mz_dataTbl span.mz_taxTag { font-weight: normal; }

#mz_accountContent table.mz_dataTbl h4 { font-size: 100%; font-weight: normal; } /* product title */
#mz_accountContent table.mz_dataTbl h4 a { font-weight: bold; }
#mz_accountContent table.mz_dataTbl h5 { font-weight: normal; }
#mz_accountContent table.mz_dataTbl h5.mz_promoMsg {color: #c00; } /* promotional text */
#mz_accountContent table.mz_dataTbl h6 { color: #999; font-size: 85%; font-weight: normal; text-transform: uppercase; } /* product code */

#mz_accountContent table.mz_dataTbl .mz_btnPrimary { margin-bottom: 0; }

#mz_accountContent table.mz_dataTbl input.mz_tblLink_tiny { /*width: 50%;*/ }

#mz_accountContent table.mz_dataTbl img.change-qty { float: left; margin-right: 3px; width: 20px; }
#mz_accountContent table.mz_dataTbl input.quantity { float: left; margin-right: 3px; }

#mz_accountContent table.mz_dataTbl ul.mz_usageList { display: block; list-style: circle outside; margin: 0.4em 0 0.8em 150px; }
#mz_accountContent table.mz_dataTbl ul.mz_usageList li { padding: 0.2em 0; }
#mz_accountContent table.mz_dataTbl ul.mz_usageList li:first-child { font-weight: bold; list-style-type: none; margin-left: -10px; text-transform: uppercase; }
#mz_accountContent table.mz_dataTbl ul.mz_usageList li.tickCancel { color: #900; }

div.mz_acctOrder_sum { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin: 15px 0 15px 10px; }
div.mz_acctOrder_sum ul { font-size: 110%; list-style: none; padding: 10px; }
div.mz_acctOrder_sum ul li { display: inline-block; padding: 0 0 0.2em 0; }
div.mz_acctOrder_sum p { background: #f9f9f9; font-size: 110%; padding: 10px; }
div.mz_acctOrder_sum p strong { text-transform: uppercase; }

div.mz_acctButton_block { padding: 10px; }
div.mz_acctButton_block ul { overflow: hidden; list-style: none; }
div.mz_acctButton_block ul li { float: left; margin: 0 10px 0 0; }
div.mz_acctButton_block ul li:first-child { float: right; }

div.mz_acctButton_block li.mz_acctBtn_text { clear: left; height: auto; margin: 10px 0 0 0; width: 250px; }
div.mz_acctButton_block li.mz_acctBtn_text a { font-size: 85%; font-weight: bold; text-transform: uppercase; }

div.mz_acctButton_block a.mz_acctBtn_reg,
div.mz_acctButton_block a.mz_acctBtn_featured { display: block; height: 15px; padding: 10px; text-align: center; }
div.mz_acctButton_block a.mz_acctBtn_reg { }
div.mz_acctButton_block a.mz_acctBtn_reg:link,
div.mz_acctButton_block a.mz_acctBtn_reg:visited { background-color: #efefef; border: 1px solid #dfdfdf; text-decoration: none; }
div.mz_acctButton_block a.mz_acctBtn_reg:hover,
div.mz_acctButton_block a.mz_acctBtn_reg:active { background-color: #efefef; border: 1px solid #999; }
div.mz_acctButton_block a.mz_acctBtn_featured { font-size: 110%; font-weight: bold; }
div.mz_acctButton_block a.mz_acctBtn_featured:link,
div.mz_acctButton_block a.mz_acctBtn_featured:visited {  background-color: #666; border: 1px solid #666; color: #fff; text-decoration: none; }
div.mz_acctButton_block a.mz_acctBtn_featured:hover,
div.mz_acctButton_block a.mz_acctBtn_featured:active { background-color: #000; border: 1px solid #000; color: #fff; }
div.mz_acctButton_block ul li span { clear: right; color: #999; display: block; font-size: 75%; font-weight: bold; height: 20px;  }

/* multiple list elements */
div.mz_listSummary_block { overflow: hidden; padding: 10px 0; width: 100%; }
div.mz_listSummary_block hr { border-top: 1px solid #ccc; clear: both; }

div.mz_listInfo { overflow: hidden; padding:0 0 10px 10px; }
ul.mz_listShare_opt { margin: 0; padding: 0; }

div.mz_listInfo,
ul.mz_listShare_opt { float: left;  width: 48%;}

div.mz_listInfo h2,
div.mz_listInfo ul { float: left;  }
div.mz_listInfo h2 { font-size: 135%; padding: 0 0 0.2em 0; margin-right: 20px;  }
#mz_mainContent div.mz_listInfo ul{ list-style: none; margin: 5px 0 0 0; }
#mz_mainContent div.mz_listInfo ul li { display: inline-block; border-right: 1px solid #b2b2b2; padding: 0 5px 0 0; margin: 0 5px 0 0; }
#mz_mainContent div.mz_listInfo ul li a { display: block; padding: 0 5px; margin: 0 5px 0 0;}
div.mz_listInfo h6 { clear: left; color: #999; font-size: 0.75em; }

#mz_mainContent ul.mz_listShare_opt { font-size: 100%; list-style: none; margin: 5px 0 0 0; }
ul.mz_listShare_opt { overflow: hidden; text-align: right; }
ul.mz_listShare_opt li { display: inline-block; margin-right: 5px; }
ul.mz_listShare_opt li:last-child { margin-right: 0; }
ul.mz_listShare_opt li a { display: block; padding: 5px 10px; text-align: center; }
ul.mz_listShare_opt li a:link,
ul.mz_listShare_opt li a:visited { background-color: #efefef; border: 1px solid #dfdfdf; text-decoration: none;  }
ul.mz_listShare_opt li a:hover,
ul.mz_listShare_opt li a:active { background-color: #efefef; border: 1px solid #999; }

h5.mz_listSummary { background: #efefef; padding: 10px; margin: 5px 0 5px 0; text-transform: uppercase; font-weight: bold; width: 45%; }


/* backorder elements */
table.mz_dataTbl tr.mz_backinstock_row td { background-color: #edfde3; }
span.mz_boDate { color: #999; }
strong.mz_boNotify { background-color: #edfde3; color: #009933; text-decoration: none; }



/* ++ sitemap page ++ */
#mz_sitemapContainer { overflow: hidden; text-align: left; width: 100%; }

div.mz_sitemap_priSect { float: left; margin: 0 15px 15px 0; padding: 0 10px 10px 10px; width: 28%; }
#mz_sitemapContainer hr { border: none; clear: left; display: block; height: 1px; }

div.mz_sitemap_priSect h2 { font-size: 110%; padding: 0 0 10px 0;}
div.mz_sitemap_priSect h2 a {}
div.mz_sitemap_priSect ul { list-style: none; }
div.mz_sitemap_priSect ul li { }
div.mz_sitemap_priSect ul li a { background: transparent url(../images/sprite_nav_icons.png) no-repeat; display: block; padding: 5px 10px 5px 20px; }
div.mz_sitemap_priSect ul li a:link, div.mz_sitemap_priSect ul li a:visited { background-position: 10px -100px; }
div.mz_sitemap_priSect ul li a:hover, div.mz_sitemap_priSect ul li a:active { background-position: 10px -150px; }
div.mz_sitemap_priSect ul li ul { margin: 0 0 0 15px; }
div.mz_sitemap_priSect ul li ul li {}
div.mz_sitemap_priSect ul li ul li a {}


/* ++ sitewide login page ++ */
#mz_fullSite_login {}
#mz_loginPg_address { text-align: right; padding: 10px; }
#mz_loginPg_address address p { font-size: 85%; }
#mz_fullSite_login div.mz_genericWidget { margin-right: 10px; }
#mz_fullSite_login div.mz_genericWidget h2 { border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; font-size: 140%; margin: 0 0 10px 0; padding: 10px 0; text-align: left; }


/* ++ Navigation CSS for Updated Modular System ++ */

/* ++ magishop standard core site navigation elements ++ */
/* mall nav when multiple stores share checkout */
nav#mz_mallNav { background-color: #efefef; border-bottom: 1px solid #dfdfdf; padding: 5px 0 0 0; text-align: center; }
nav#mz_mallNav ul { margin: 0 auto -1px auto; overflow: hidden; position: relative; width: 980px; }
nav#mz_mallNav ul li { float: left; height: 40px; margin-right: 5px; }
nav#mz_mallNav ul li a { background: #efefef; border: 1px solid #efefef; border-bottom: 1px solid #dfdfdf; display: block; }
nav#mz_mallNav ul li a:hover,
nav#mz_mallNav ul li a:active,
nav#mz_mallNav ul li a.mz_currentMall { background: #fff; border: 1px solid #dfdfdf; border-bottom: 1px solid #fff; }
/* text links */
/*nav#mz_mallNav ul li a:link,
nav#mz_mallNav ul li a:visited { color: #999; height: 18px; padding: 10px; text-decoration: none; }
nav#mz_mallNav ul li a:hover,
nav#mz_mallNav ul li a:active,
nav#mz_mallNav ul li a.mz_currentMall {color: #333; }*/
/* image links */
nav#mz_mallNav ul li a { background: transparent url(../images/PH_mallnav.png) no-repeat; height: 38px; width: 125px; text-indent: -9999px; }
nav#mz_mallNav ul li a:link,
nav#mz_mallNav ul li a:visited { background: transparent url(../images/PH_mallnav.png) no-repeat; }
nav#mz_mallNav ul li a:hover,
nav#mz_mallNav ul li a:active,
nav#mz_mallNav ul li a.mz_currentMall { background: transparent url(../images/PH_mallnav.png) no-repeat; }

nav#mz_mallNav ul li:nth-child(1) a:link,
nav#mz_mallNav ul li:nth-child(1) a:visited { background-position: 0 0; }
nav#mz_mallNav ul li:nth-child(1) a:hover,
nav#mz_mallNav ul li:nth-child(1) a:active,
nav#mz_mallNav ul li:nth-child(1) a.mz_currentMall { background-position: 0 -38px; }
nav#mz_mallNav ul li:nth-child(2) a:link,
nav#mz_mallNav ul li:nth-child(2) a:visited { background-position: -125px 0; }
nav#mz_mallNav ul li:nth-child(2) a:hover,
nav#mz_mallNav ul li:nth-child(2) a:active,
nav#mz_mallNav ul li:nth-child(2) a.mz_currentMall  { background-position: -125px -38px; }
nav#mz_mallNav ul li:nth-child(3) a:link,
nav#mz_mallNav ul li:nth-child(3) a:visited { background-position: -250px 0; }
nav#mz_mallNav ul li:nth-child(3) a:hover,
nav#mz_mallNav ul li:nth-child(3) a:active,
nav#mz_mallNav ul li:nth-child(3) a.mz_currentMall  { background-position: -250px -38px; }
nav#mz_mallNav ul li:nth-child(4) a:link,
nav#mz_mallNav ul li:nth-child(4) a:visited { background-position: -375px 0; }
nav#mz_mallNav ul li:nth-child(4) a:hover,
nav#mz_mallNav ul li:nth-child(4) a:active,
nav#mz_mallNav ul li:nth-child(4) a.mz_currentMall  { background-position: -375px -38px; }

/* mz_headerNav */
nav#mz_headerNav ul { padding: 5px 0; text-align: right; }
nav#mz_headerNav ul li { display: inline; font-size: 85%; padding: 0 0 0 10px; }
nav#mz_headerNav ul li.phoneNumber { /* style per site if required */ }


/* mz_primaryNav and mz_superNav */
nav#mz_superNav,
nav#mz_primaryNav {
    clear: both;
    /*overflow: hidden;*/
    width: 100%;
}

nav#mz_superNav ul,
nav#mz_primaryNav ul {
	font-size: 110%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 980px;
	z-index: 20;
}

nav#mz_superNav ul li,
nav#mz_primaryNav ul li { float: left; height: 40px; }

nav#mz_superNav ul li a,
nav#mz_primaryNav ul li a { display: block; height: 15px; padding: 12px 20px 13px 20px; text-decoration: none; }
	
nav#mz_superNav ul li a { font-weight: bold; }

nav#mz_superNav ul li a:link, nav#mz_superNav ul li a:visited, 
nav#mz_primaryNav ul li a:link, nav#mz_primaryNav ul li a:visited { }

nav#mz_superNav ul li a:hover, nav#mz_superNav ul li a:active,
nav#mz_primaryNav ul li a:hover, nav#mz_primaryNav ul li a:active { background-color: #ccc; }

nav#mz_superNav ul li a.mz_currentSuper, 
nav#mz_primaryNav ul li a.mz_currentPri { background-color: #ccc; }



/*Mega-Menu*/
#mz_megaMenuCategories { }

#mz_megaMenuCategories div.sub {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-radius: 0 0 4px 4px;
	border-right: 1px solid #ccc;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99999;
}
	
#mz_megaMenuCategories div.subcats,
#mz_megaMenuCategories div.row { overflow: hidden; }
	
#mz_megaMenuCategories div.row { clear: both; margin-bottom: 20px; width: 100%; }
#mz_megaMenuCategories div.col { float: left; width: 230px; }
#mz_megaMenuCategories div.megaMenuPromo { float: right; width: 230px; text-align: left; }
#mz_megaMenuCategories hr { border: none; clear: both; display: block; height: 1px; width: 100%; }

#mz_megaMenuCategories div.col ul { list-style: none; padding: 15px; text-align: left; }

#mz_megaMenuCategories div.col ul li { padding: 0.2em 0; }
#mz_megaMenuCategories div.col ul li a { display: block; font-size: 100%; text-decoration: none; }
#mz_megaMenuCategories div.col ul li a:hover { text-decoration: underline; }
#mz_megaMenuCategories div.col ul li.mz_subTitle { color: #333333; font-size: 110%; font-weight: bold; padding-bottom: 0.5em; } 
#mz_megaMenuCategories div.col ul li.mz_subTitle a { }

#mz_megaMenuCategories div.sub ul li.mz_all { font-style: italic; }

#mz_megaMenuCategories div.megaMenuPromo h3 { font-weight: bold; font-size: 110%; padding: 5px 0 10px 0; }

#mz_megaMenuCategories div.megaMenuPromo img { display: block; }
#mz_megaMenuCategories div.megaMenuPromo a { display: block; padding: 5px; width: 210px; text-decoration: none; }
#mz_megaMenuCategories div.megaMenuPromo a:link, 
#mz_megaMenuCategories div.megaMenuPromo a:visited { background-color: #fff; }
#mz_megaMenuCategories div.megaMenuPromo a:hover, 
#mz_megaMenuCategories div.megaMenuPromo a:active { background-color: #efefef; }
     

/* mz_secondaryNav */
nav.mz_secondaryNav { border-top: 1px solid #efefef; font-size: 90%; margin: 0 0 20px 0; padding: 0; }
nav.mz_secondaryNav h3 { padding: 5px 10px; font-size: 111%; } /* for search results titles */
nav.mz_secondaryNav ul { margin: 0 0 10px 0; }
nav.mz_secondaryNav ul li { }
nav.mz_secondaryNav ul li ul { background-color: #fdfdfd; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #efefef; margin: 0; }
nav.mz_secondaryNav ul li ul li { padding-left: 10px; } 
nav.mz_secondaryNav ul li a { background: transparent url(../images/sprite_nav_icons.png) no-repeat; display: block; padding: 5px 10px 5px 20px; }
nav.mz_secondaryNav ul li a:link, nav.mz_secondaryNav ul li a:visited { background-position: 10px -100px; }
nav.mz_secondaryNav ul li a:hover, nav.mz_secondaryNav ul li a:active { background-position: 10px -150px; }
nav.mz_secondaryNav ul li a.mz_currentSec { background-color: #efefef; } 

/* product refinement navigation */
dl#mz_refinements { margin: 0 0 20px 0;}
dl#mz_refinements dt { border-top: 1px solid #efefef; padding: 7px 0; }

dl#mz_refinements dt a {
	background: transparent url(../images/sprite_nav_icons.png) no-repeat;		
	font-weight: bold; 	
	margin-left: 10px;
	padding: 0 0 0 20px;
}
	
dl#mz_refinements dt a.refSec_closed:link, 
dl#mz_refinements dt a.refSec_closed:visited { background-position: 0 -400px; }
dl#mz_refinements dt a.refSec_closed:hover, 
dl#mz_refinements dt a.refSec_closed:active { background-position: 0 -450px; }

dl#mz_refinements dt a.refSec_open:link, 
dl#mz_refinements dt a.refSec_open:visited { background-position: 0 -500px; }
dl#mz_refinements dt a.refSec_open:hover, 
dl#mz_refinements dt a.refSec_open:active { background-position: 0 -550px; }

a.refSec_clearAll { float: right; font-size: 75%; margin: 7px 0 0 0; padding: 3px; text-align: center; text-transform: uppercase; width: 60px; }
a.refSec_clearAll:link, 
a.refSec_clearAll:visited { background-color: #efefef; border: 1px solid #dfdfdf; text-decoration: none; }
a.refSec_clearAll:hover, 
a.refSec_clearAll:active { background-color: #efefef; border: 1px solid #999; }

dl#mz_refinements dd { padding: 0 0 10px 10px;}
dl#mz_refinements dd ol { margin: 0 0 10px 0; /* fix display very long lists --> */ max-height: 150px; overflow: auto; }
dl#mz_refinements dd ol li { padding: 0.1em 0; }
dl#mz_refinements dd ol li input { border: 1px solid #b2b2b2; margin: 0 5px 0 0;  }
dl#mz_refinements dd ol li label { font-size: 90%; vertical-align: middle; }

dl#mz_refinements fieldset.customPrice_range { border-top: 1px solid #efefef; overflow: hidden; width: 100%; }
dl#mz_refinements fieldset.customPrice_range span { display: block; font-size: 75%; text-transform: uppercase; }
dl#mz_refinements fieldset.customPrice_range input,
dl#mz_refinements fieldset.customPrice_range label { float: left; }
dl#mz_refinements fieldset.customPrice_range label { font-size: 90%; vertical-align: middle; padding: 3px 3px 0 0; text-align: left; width: 10px; }
dl#mz_refinements fieldset.customPrice_range label.toLabel { width: 25px; }
dl#mz_refinements fieldset.customPrice_range input { border: 1px solid #b2b2b2; margin-right: 5px; width: 40px; }
dl#mz_refinements fieldset.customPrice_range a { float: left; font-size: 75%; font-weight: bold; padding: 1px 2px; text-align: center; width: 20px; }
dl#mz_refinements fieldset.customPrice_range a:link,
dl#mz_refinements fieldset.customPrice_range a:visited { background-color: #efefef; border: 1px solid #dfdfdf; text-decoration: none; }
dl#mz_refinements fieldset.customPrice_range a:hover,
dl#mz_refinements fieldset.customPrice_range a:active { background-color: #efefef; border: 1px solid #999; }

dl#mz_refinements dd ol li a { display: block; padding: 0.2em 0; }
dl#mz_refinements dd ol li a:link,
dl#mz_refinements dd ol li a:visited { }
dl#mz_refinements dd ol li a:hover,
dl#mz_refinements dd ol li a:active {  }
dl#mz_refinements dd ol li a.mz_currentRange { background: #efefef url(../images/sprite_nav_icons.png) 0 -100px no-repeat; padding-left: 10px; } 

/* selected refinements in search */
ul.mz_selectedRefine { border-top: 1px solid #efefef; clear: both; padding: 7px 0 20px 0; }
ul.mz_selectedRefine li { font-size: 90%; padding-left: 10px; margin-bottom: 10px; }
ul.mz_selectedRefine li a { background: transparent url(../images/sprite_nav_icons.png) 0 -920px no-repeat; display: block; padding: 0 10px 0 15px; }
ul.mz_selectedRefine li a:link,
ul.mz_selectedRefine li a:visited {}
ul.mz_selectedRefine li a:hover,
ul.mz_selectedRefine li a:active {}


/* social network navigation links */
ul#mz_networks { float: right; padding: 15px 0; text-align: right; width: 710px; }

ul#mz_networks li { background: transparent url(../images/icons_social_media.png) no-repeat; display: inline-block; font-size: 85%; margin: 0 0 3px 0; padding: 2px 10px 8px 27px; }
ul#mz_networks li.twitter { background-position: 0 0; }
ul#mz_networks li.linkedin { background-position: 0 -42px; }
ul#mz_networks li.facebook { background-position: 0 -84px; }
ul#mz_networks li.blogger { background-position: 0 -126px; }
ul#mz_networks li.youtube { background-position: 0 -168px; }
ul#mz_networks li.google { background-position: 0 -210px; }
ul#mz_networks li.pinterest { background-position: 0 -252px; }
ul#mz_networks li.instagram { background-position: 0 -294px; }

ul#mz_networks li a:link, 
ul#mz_networks li a:visited { text-decoration: none; }
ul#mz_networks li a:hover, 
ul#mz_networks li a:active { text-decoration: underline; }



/* ++ magishop standard function navigation ++ */
/* mz_account */
#mz_account ul li { border-right: 1px solid #5f5f5f; display: inline; font-size: 85%; margin: 0 5px 0 0; padding: 0 5px 0 0; }
#mz_account ul li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
#mz_account ul li a { font-weight: bold; }
.mz_acctBudgets span { text-transform: uppercase; } /* budget title */
.mz_acctBudgets strong { color: #093; } /* amounts - default */
.mz_acctBudgets strong.mz_overBudget { color: #c00; } /* amounts - over */
.mz_acctBudgets strong.mz_overBudget:before { content: "-"; }
p.mz_acctBudgets { background: #f9f9f9; padding: 10px; } /* on account landing page */
p.mz_acctBudgets span { font-weight: bold; }

/* mz_minicart */
#mz_minicart ul li { float: left; font-size: 85%; }
#mz_minicart a { display: block; }
#mz_minicart li.mz_basketInfo { height: 32px; }
#mz_minicart li.mz_basketInfo a { background: transparent url(../images/sprite_left_icons.png) 5px -300px no-repeat; padding: 8px 0 8px 30px; text-decoration: none; }
#mz_minicart li.mz_basketInfo a:link { text-decoration: none; }
#mz_minicart li.mz_basketInfo a:hover { text-decoration: underline; }
#mz_minicart li.mz_basketInfo .mz_basketDropdown { width: 120px; }
#mz_minicart a.mz_checkoutLink { color: #fff; font-size: 115%; font-weight: bold; height: 18px; padding: 7px 0; text-align: center; text-decoration: none; width: 100px; }

#mz_minicart a.mz_checkoutLink:link, 
#mz_minicart a.mz_checkoutLink:visited { background-color: #333; }

#mz_minicart a.mz_checkoutLink:hover,
#mz_minicart a.mz_checkoutLink:active {  background-color: #666; }

/* mz_currency and mz_language */
#mz_currency { padding: 0 0 5px 0; }
#mz_currency ul { text-align: right; }
#mz_currency ul li { display: inline-block; font-size: 85%; padding: 0 0 0 10px; }
#mz_currency ul li.mz_currTitle { font-weight: bold; }
#mz_currency ul li.mz_currEUR { }
#mz_currency ul li.mz_currGBP { }
#mz_currency ul li.mz_currUSD { }
#mz_currency ul li.mz_currCAD { }

#mz_currency ul li a { display: block; padding: 3px; }
#mz_currency ul li a.mz_currentCurr { background-color: #dfdfdf; color: #000; font-weight: bold; }

/* mz_breadcrumb */
ul#mz_breadcrumb { clear: both; padding: 10px; text-align: left; }
ul#mz_breadcrumb li { background: transparent url(../images/sprite_nav_icons.png) right -780px no-repeat; display: inline; font-size: 85%; margin: 0 8px 0 0; padding: 0 10px 0 0; }
ul#mz_breadcrumb li:first-child { text-transform: uppercase; }
ul#mz_breadcrumb li:last-child { background-image: none; font-weight: bold; margin-right: 0; padding-right: 0; }

/* NEW accept cookies message */
#accept-cookie-box { background-color: #efefef; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; text-align: center; }
#accept-cookie-box div { margin: 0 auto; overflow: hidden; width: 1000px; }
#accept-cookie-box div strong { display: block; font-size: 90%; font-weight: normal; padding: 5px 10px; text-align: left; }
#accept-cookie-box div strong a { font-weight: bold; }
a.cookieClose_lnk { background: transparent url(../images/close_x.png) center center no-repeat; float: right; height: 19px; padding: 5px 10px; text-indent: -9000px; width: 19px; }
a.cookieClose_lnk:hover { opacity: 0.7; }


/* Magico Search - Autocomplete */
.ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; }
ul.ui-autocomplete { background-color: #fff; border: 1px solid #b2b2b2; color: #5f5f5f; cursor: default; list-style: none; position: absolute; text-align: left; z-index: 99999 !important; }
ul.ui-autocomplete li a { background-color: #fff; border: none; color: #5f5f5f; cursor:pointer; display:block; line-height:1.5em; min-height:0; padding:5px 0.4em; text-decoration:none; }
ul.ui-autocomplete li a.ui-state-hover,
ul.ui-autocomplete li a:hover { background-color:#efefef; border: none; color:#444444; font-weight: normal; }


/* ++ POP UPS ++ */
/* general pop up styles */
a.mz_closePop { background: transparent url(../images/sprite_nav_icons.png) no-repeat; float: right; font-size: 0.85em; font-weight: bold; height: 15px; margin-left: 350px; padding: 5px 10px 10px 15px; text-align: right; text-transform: uppercase; }
a.mz_closePop:link,
a.mz_closePop:visited { background-position: 0 -916px; }
a.mz_closePop:hover,
a.mz_closePop:active { background-position: 0 -966px; }

.dark-overlay { background-color: rgba(0,0,0,0.75); overflow: hidden; position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 20000; }
div.mz_generic_pop { background: #fff; overflow: hidden; padding: 5px 20px 20px 20px; position: fixed; text-align: left; width: 680px; z-index: 30000; }
div.mz_generic_pop h1.mz_genericHeading,
div.mz_generic_pop > div:first-child { clear: both; }
div.mz_generic_pop #mz_form fieldset p.formField_opt,
div.mz_generic_pop #mz_form fieldset.formError p, 
div.mz_generic_pop #mz_form fieldset.formValid p { width: 80px; }
div.mz_generic_pop div.mz_genericContent { padding-bottom: 0; }
div.mz_generic_pop div.mz_genericContent blockquote { text-align: center; }
a.mz_logoPop { float: left; height: 90px; margin: 0 0 20px 0; }

div.mz_generic_pop div.mz_btnContainer { clear: both; }


/* ++ loading graphics and text ++ */
/* For the loading section on the basket page */
.loading-basket { font-size: 1.1em; font-weight: bold; text-align: center; }
/* Loading image on the cart summary shouldn't have a border and should match the margin of the summary table */
#mz_cartSupport .loading-basket img { border: none; margin: 0 1em; width: 30px; }
#mz_permacart .loading { background-color: rgb(255,255,153); font-size: 1.1em; font-weight: bold; padding: 5px; position: absolute; top: 0; left: 40%; text-transform: uppercase; width: 150px; }
.loading-quickview img { display: block; height: 50px; margin: 170px auto 155px auto; width: 50px; }



/* ++ b2b structural elements ++ */
/* ++ superuser account ++ */
/* superuser general */
#mz_superuser,
#mz_superuserInner { background-color: #333; color: #fff; }
#mz_superuser { padding: 5px 0;}
#mz_superuserInner { margin: 0 auto; overflow: hidden; width: 980px; }

#superuserAcct,
#superuserCustSearch,
#superuserResults { margin: 0 0 10px 0; text-align: left; }
#superuserAcct { float: left; width: 35%; }
#superuserCustSearch { float: right; width: 63%; }
#superuserResults { border-top: 1px solid #666; clear: both; width: 100%; }

#mz_superuser h2 { font-size: 110%; font-weight: normal; padding: 10px 0; }
#mz_superuser a { color: #fff; }

/* superuser account detail */
#superuserAcct ul { padding: 4px 0 0 0;  }
#superuserAcct ul li { border-right: 1px solid #5f5f5f; display: inline; font-size: 85%; margin: 0 5px 0 0; padding: 0 5px 0 0; }
#superuserAcct ul li a { text-transform: uppercase; }

/* superuser customer search and selected customer */
#superuserCustSearch fieldset { overflow: hidden; width: 100%; }

#superuserCustSearch fieldset label,
#superuserCustSearch fieldset input,
#superuserCustSearch fieldset a.mz_suBtn_lnk { float: left; margin: 0 5px 0 0; padding: 4px; }

#superuserCustSearch fieldset label { font-size: 85%; text-align: right; width: 25%; }
#superuserCustSearch fieldset input { border: 1px solid #666; color: #5f5f5f; font-size: 85%; width: 45%; }
#superuserCustSearch fieldset a.mz_suBtn_lnk { font-size: 85%; font-weight: bold; text-align: center; text-decoration: none; width: 20%; }
#superuserCustSearch fieldset a.mz_suBtn_lnk:link,
#superuserCustSearch fieldset a.mz_suBtn_lnk:visited { background-color: #666; color: #fff; }
#superuserCustSearch fieldset a.mz_suBtn_lnk:hover,
#superuserCustSearch fieldset a.mz_suBtn_lnk:active { background-color: #ccc; color: #333;}

#superuserCustSearch fieldset.mz_suSearch_alt label { width: 65%; }
#superuserCustSearch fieldset.mz_suSearch_alt a.mz_suBtn_lnk { float: right; width: 30%; }


/* superuser customer search results */
#superuserResults 
#superuserResults ul { }
#superuserResults ul li { font-size: 85%; padding: 0.3em 0; }

#superuserResults ul li ul { margin: 0 0 10px 200px; }
#superuserResults ul li ul li { font-size: 100%; padding: 0.1em 0; }

#superuserResults a.mz_suBtn_lnk { display: inline-block; font-weight: bold; margin: 0 5px 0 0; padding: 5px 3px; text-align: center; width: 124px; }
#superuserResults a.mz_suBtn_lnk:link,
#superuserResults a.mz_suBtn_lnk:visited { background-color: #666; border: 1px solid #999; color: #fff; text-decoration: none; }
#superuserResults a.mz_suBtn_lnk:hover,
#superuserResults a.mz_suBtn_lnk:active { background-color: #ccc; border: 1px solid #ccc; color: #333; }

/* superuser supercart and switch */
#mz_supercart { border-top: 1px solid #666; clear: both; padding: 5px 0; text-align: right; width: 100%; }
#mz_supercart ul li { display: inline-block; font-size: 85%; line-height: 1; padding: 0; /*margin: 0 0 0 5px;*/  }
#mz_supercart ul li strong { display: inline-block; font-weight: bold; text-transform: uppercase; padding: 5px 10px; margin-right: 10px; }
#mz_supercart ul li span { color: #fff; font-size: 150%; } 
#mz_supercart ul li.mz_switch_inactive strong { background-color: #3c0; margin-right: 10px; }
#mz_supercart ul li.mz_switch_active strong { background-color: #f90; margin-left: 10px; }



/* ++ floating permanent basket ++ */
#mz_footer { /* margin-bottom: 180px; */ } /* need to add this to sites which use the floating cart */
#mz_permacart { background-color: #fcfcfc; border-top: 1px solid #999; position: fixed; bottom: 0; left: 0; /*height: 180px;*/ text-align: center; width: 100%; z-index: 5000; }
#mz_permacartInner,
#mz_permacartMin { margin: 0 auto; text-align: left; position: relative; width: 980px; }
div.mz_permacartList { float: left; height: 180px; width: 728px; z-index: 1010; }
div.mz_permacartCart { background: transparent url(../images/shadow_floatingCart.png) top left repeat-y; /*float: right;*/ position: absolute; top:0; right: 0; height: 180px; padding-left: 5px; text-align: right; width: 252px; z-index: 1020; }
#mz_permacartMin h2,
div.mz_permacartList h2,
div.mz_permacartCart h2 { display: inline-block; font-size: 125%; height: 20px; padding: 5px 0; }
div.mz_permacartList ul { height: 150px; list-style: none; overflow-x: auto; overflow-y: hidden; white-space: nowrap; width: 728px; }
div.mz_permacartList ul li { background-color: #fcfcfc; border-right: 1px solid #efefef; display: inline-block; padding: 0 5px 0 0; margin: 0 5px 0 0; height: 130px; overflow: hidden; white-space: normal; }
div.mz_permacartList ul li:last-child { margin-right: 15px; }

div.mz_permacartList ul li img { border: 1px solid #ccc; float: left; margin: 0 5px 0 0; width: 80px; }
div.mz_permacartList ul li div { float: left; height: 130px; max-width: 250px; }
div.mz_permacartList ul li div h3 { font-size: 85%; font-weight: normal; }  /* product title */ 
div.mz_permacartList ul li div h5 { color: #000; font-size: 75%; font-weight: normal; text-transform: uppercase; }  /* promo text */ 
div.mz_permacartList ul li div h6 { color: #999; font-size: 75%; font-weight: normal; }  /* product code */
div.mz_permacartList ul li div h4 { font-size: 110%; padding: 0 10px 0 0; } /* view basket link text */
div.mz_permacartList ul li div table { border-collapse: collapse; width: auto; }
div.mz_permacartList ul li div table td { padding: 0 5px 0 0; }
div.mz_permacartList ul li div table input { border: 1px solid #b2b2b2; width: 30px; }
div.mz_permacartList ul li div table a { /*display: block;*/ font-size: 75%; margin: 3px 0; text-decoration: underline; text-transform: uppercase; width: 100%; }
div.mz_permacartList ul li div table span.salePrice { color: #000000; font-weight: bold; }
div.mz_permacartList ul li div table span.prevPrice { color: #999999; font-weight: normal; text-decoration: line-through; }

div.mz_permacartCart h3 { font-size: 110%; }
div.mz_permacartCart h3 a span { font-weight: normal; }
div.mz_permacartCart h4 { border-bottom: 1px solid #999; font-size: 85%; margin: 25px 0 10px 10px; padding: 5px 0; text-transform: uppercase; }
div.mz_permacartCart a.mz_btnPrimary { width: 170px; }

a.mz_permacartOpen,
a.mz_permacartClose { background: transparent url(../images/permacart_openclose.png) no-repeat; float: left; height: 30px; margin: 0 5px 0 0; width: 30px; text-indent: -9999px; }
a.mz_permacartOpen:link,
a.mz_permacartOpen:visited { background-position: 0 0; }
a.mz_permacartClose:link,
a.mz_permacartClose:visited { background-position: 0 -60px; }
a.mz_permacartOpen:hover,
a.mz_permacartOpen:active { background-position: 0 -30px; }
a.mz_permacartClose:hover,
a.mz_permacartClose:active { background-position: 0 -90px; }


/* ++ media queries ++ */
@media screen and (min-width: 1250px) {
    .mq nav#mz_headerNav ul,
	.mq nav#mz_mallNav ul, 
	.mq #mz_regionSelector,
	.mq #mz_headerInner, 
	.mq nav#mz_primaryNav ul, 
	.mq nav#mz_superNav ul, 
	.mq #mz_footerInner,
	.mq div.mz_productFinder,
	.mq div.mz_sitewideFeature,
	.mq #mz_superuserInner,
	.mq #mz_permacartInner,
	.mq #mz_permacartMin { width: 1154px; }
	
	.mq #mz_priContentInner { width: 1164px; }
	
    .mq #mz_mainContent { width: 976px; }
	.mq div.mz_mainHalf { width: 445px; }

	.mq #mz_seoTop_text,
	.mq #accept-cookie-box div { width: 1174px; }
	
	.mq div.mz_permacartList,
	.mq div.mz_permacartList ul { width: 902px; }
}

div.mz_prodList_section table{
 border-bottom: 1px solid #b2b2b2;
    margin: 10px 0;
    width: 100%;}