/*
* HTML5 笨ｰ Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
/*
@font-face {
font-family: 'GillSans';
src: url('http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/fonts/gillsans.eot');
src: url('http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/fonts/gillsans.eot?#iefix') format('embedded-opentype'),
url('http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/fonts/gillsans.woff') format('woff'),
url('http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/fonts/gillsans.ttf') format('truetype'),
url('http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/fonts/gillsans.svg#gillsans') format('svg');
font-weight: normal;
font-style: normal;
} */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
/*font-family: 'Gill Sans W01 Book', 'GillSans', 'Helvetica', sans-serif;*/
font-family: Arial, sans-serif;
color: #2F2F31;
background: #fff;
margin: 0;
font-size: 13px;
line-height: 16px;
letter-spacing: 1px;
}
button, input, select, textarea { font-family: sans-serif; color: #222; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #828282; text-decoration: none;}
a:visited { color: #828282; }
a:hover { }
a:focus { outline: thin dotted; }
.main a, .sidebar a, .sidebar a span { text-transform: uppercase; line-height: 16px; letter-spacing: 1px; color: #999; text-decoration: none; }
.main a:visited { color:#999; }
.sidebar a { font-size: 11px }
.sidebar a#more-archives-toggle { display: block; margin-bottom: 20px }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
.main p {
color: #2F2F31;
font-size: 11px;
line-height: 16px;
}
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 0; padding: 0; }
dd { margin: 0;}
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
.sidebar ul#archives { margin-bottom: 0; padding-bottom: 0 }
.sidebar ul#more-archives { margin-bottom: 0; padding-bottom: 0 }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; text-transform:uppercase; font-size:11px; letter-spacing:1px; display:block; width:100%; margin:0 0 5px 0; }
label.required { position: relative; width: auto !important; float: left; }
label.required em { position: absolute; right: -8px; top: -1px; color: #ff0000; }
label span.required { color: #ff0000; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author:
========================================================================== */
/*Magento reset*/
img { border:0; vertical-align:top; }
a { text-decoration:underline; }
a:hover { }
:focus { outline:0; }
/* Headings */
h1,h2,h3,
h4,h5,h6 { margin:0 0 5px; line-height:1.35; color:#2F2F31; text-transform: uppercase; }
h1 { font-size:20px; font-weight:normal; }
h2 { font-size:18px; font-weight:normal; }
h3 { font-size:14px; font-weight:normal; }
h4 { font-size:14px; font-weight:normal; }
h5 { font-size:12px; font-weight:normal; }
h6 { font-size:11px; font-weight:normal; }
/* Forms */
form { display:inline; }
fieldset { border:0; }
legend { display:none; }
/* Table */
table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }
/* Content */
p { margin:0 0 10px; }
strong { font-weight:bold; }
address { font-style:normal; line-height: 16px; }
cite { font-style:normal; }
q,
blockquote { quotes:none; }
q:before,
q:after { content:''; }
small,big { font-size:1em; }
/*sup { font-size:1em; vertical-align:top; }*/
/* Lists */
ul,ol { list-style:none; }
/* Tools */
.hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr { white-space:nowrap !important; }
.wrap { white-space:normal !important; }
.a-left { text-align:left !important; }
.a-center { text-align:center !important; }
.a-right { text-align:right !important; }
.v-top { vertical-align:top; }
.v-middle { vertical-align:middle; }
.f-left,
.left { float:left !important; }
.f-right,
.right { float:right !important; }
.f-none { float:none !important; }
.f-fix { float:left; width:100%; }
.no-display { display:none; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.no-bg { background:none !important; }
/* ======================================================================================= */
/* Layout ================================================================================ */
.wrapper { width:960px; margin:0 auto; }
.page { width:960px; margin:0 auto; }
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { background:#fff; padding:25px 30px; text-align:left; }
.main-container { }
.main {
padding: 0 0 20px;
min-height: 482px;
display: none;
}
.sidebar {}
/* Base Columns */
.col-left { float:left; width:216px; padding:0 0 1px; min-height: 310px; }
.col-main { float:left; width:727px; padding:0px; min-height: 502px;}
.col-right { float:right; width:216px; padding:0 0 1px; }
/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }
/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}
/* 3 Columns Layout */
.col3-layout .col-main { width: 511px; }
.col3-layout .col-wrapper { float:left; width:727px; }
.col3-layout .col-wrapper .col-main { float:right; }
/* Content Columns */
.col2-set .col-1 { float:left; width:48.5%; }
.col2-set .col-2 { float:right; width:48.5%; }
.col2-set .col-narrow { width:32%; }
.col2-set .col-wide { width:65%; }
.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }
.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */
/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f; }
input.input-text,select,textarea { background:#fff; border:1px solid #b6b6b6; }
.ie7 input.input-text { height: 20px; }
input.input-text,textarea { padding:2px; }
select { padding:1px; }
select option { padding-right:10px; }
select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; width: auto !important; }
input.qty { width:2.5em !important; }
/*button.button::-moz-focus-inner { padding:0; border:0; } *//* FF Fix */
/*button.button { -webkit-border-fit:lines; } *//* <- Safari & Google Chrome Fix */
button.button {
width: 126px;
height:23px!important;
background: #4C4D52 !important;
text-align:left!important;
padding:0 9px 3px 9px!important;
line-height:23px!important;
color:#fff!important;
font-size:11px!important;
text-transform:uppercase!important;
font-family:'Gill Sans W01 Medium', 'GillSans', 'Helvetica', sans-serif!important;
text-shadow:none!important; font-weight:normal!important;
display:block;
/*float:left;*/
border: 0 !important;
border-radius:0!important;
letter-spacing: 1px;
opacity: 0.7;
}
button.button span { }
button.disabled span { border-color:#bbb !important; background:#bbb !important; }
button.btn-checkout span { }
button.btn-checkout span span { }
button.btn-checkout.no-checkout span { }
button.btn-checkout.no-checkout span span { }
p.control input.checkbox,
p.control input.radio { margin-right:6px; }
/* Form Highlight */
input.input-text:focus,select:focus,textarea:focus { background-color: #ebebeb; }
input.input-text:focus,select:focus,textarea:focus { background-color: #ebebeb; }
.options-qty-wrapper select:hover { background-color: #ebebeb; }
/*.highlight { background:#efefef; }*/
/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.form-list li { margin:0 0 8px; }
.form-list label {
/*color: #828282;*/
text-transform:uppercase;
font-size: 9px;
letter-spacing:1px;
display:block;
width:100%;
margin:0 0 5px 0;
}
.form-list label.required {}
.form-list label.required em { }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
/*.form-list li.fields { margin-right:-15px; }*/
.form-list .input-box { display:block; clear:both; width:260px; }
.form-list .field { float:left; width:275px; }
.form-list input.input-text { width:254px; }
.form-list textarea { width:254px; height:10em; }
.form-list select { width:260px; }
.form-list li.wide .input-box { width:535px; }
.form-list li.wide input.input-text { width:529px; }
.form-list li.wide textarea { width:529px; }
.form-list li.wide select { width:535px; }
.form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }
/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }
.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }
.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }
.form-list .name-middlename { width:70px; }
.form-list .name-middlename input.input-text { width:49px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname { width:210px; }
.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:10px; font-weight:normal;}
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }
/* Independent fields */
/*.form-list li { margin:0 0 8px; }
.form-list li.fields { margin:0; }
.form-list .field { display:block; margin:0 0 8px; }
.form-list li.control {}
.form-list label { float:left; width:150px; padding:2px 10px 0 0; text-align:right; }
.form-list label.required { font-weight:bold; }
.form-list label.required em { font-variant:normal; color:#eb340a; margin-right:3px; }
.form-list .input-box { float:left; width:260px; }
.form-list input.input-text,
.form-list textarea { width:254px; }
.form-list select { width:260px; }
.form-list li.additional-row { border-top:1px solid #ddd; margin-top:10px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 5px 0 0; }
.form-list .input-range input.input-text { width:96px; }*/
/* Customer */
/*.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:11px; font-weight:normal; color:#777; text-align:left; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }*/
.buttons-set { clear:both; }
.buttons-set p.required { margin:0 0 10px; color: #2F2F31; }
.buttons-set .back-link { /*float:left;*/ margin:10px 0 10px 0; }
/* .buttons-set button.button { float:right; margin-left:5px; } */
.buttons-set-order { margin:10px 0 0; }
.buttons-set-order .please-wait { padding:12px 7px 0 0; }
.fieldset { border:1px solid #bbafa0; background:#fbfaf6; padding:22px 25px 12px 33px; margin:28px 0; }
.fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #f19900; background:#f9f3e3; margin:-33px 0 0 -10px; padding:0 8px; position:relative; }
/* Form Validation */
.validation-advice { background: url("http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/validation_advice_bg.gif") no-repeat scroll 2px 0 transparent;
clear: both;
color: #828282;
font-size: 9px;
font-weight: bold;
line-height: 13px;
margin: 0 0 3px;
min-height: 13px;
padding-left: 15px;
text-transform: uppercase; }
.validation-failed, .validation-failed-box { border:1px solid #eb340a !important; background:#faebe7 !important; }
.validation-passed {}
p.required { font-size:11px; /*text-align:right;*/ }
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }
.validation-advice-arrow { width: 14px; height: 13px; background: url("http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/validation_advice_bg.gif") no-repeat scroll 2px 0 transparent; float: right; }
.validation-advice-text {
color: #828282;
font-size: 9px;
font-weight: bold;
line-height: 13px;
margin: 0 0 3px;
min-height: 13px;
text-transform: uppercase;
min-width: 95px;
padding-left: 2px;
}
/* Global Messages */
.success { font-weight:bold; }
.error { font-weight:bold; }
.notice { }
.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px !important; }
.messages li li { margin:0 0 3px !important; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; margin: 25px 0 0 15px;}
.error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_msg-error.gif); }
.success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_msg-success.gif); }
.note-msg,
.notice-msg { /*border-color:#fcd344; background-color:#fafaec; background-image:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_msg-note.gif);*/ border:0px !important; }
/* BreadCrumbs */
.breadcrumbs { font-size:11px; line-height:1.25; margin:0 0 13px;clear:both; }
.breadcrumbs li { display:inline; }
.breadcrumbs li strong { font-weight:bold; }
/* Page Heading */
.page-title { width:100%; overflow:hidden; }
.page-title h1 { margin:0; font-size: 20px; text-transform:uppercase; font-weight:normal; margin:0 0 15px 0; letter-spacing: 2px; }
.page-title h2 { margin:0; font-size: 14px; text-transform:uppercase; font-weight:normal; letter-spacing: 2px; margin:0 0 10px 0; }
.page-title .separator { margin:0 3px; }
.page-title .link-rss { float:right; margin:7px 0 0; }
.title-buttons { text-align:right; }
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }
.subtitle { clear:both; padding:15px 0 0; font-size:15px; font-weight:bold; margin:0 0 6px; }
/* Pager */
.pager { font-size:11px; padding:4px 8px; text-align:center; }
.pager .amount { float:left; margin:0; }
.pager .limiter { float:right; }
.pager .limiter label { vertical-align:middle; }
.pager .limiter select { }
.pager .pages { margin:0 140px; }
.pager .pages ol { display:inline; }
.pager .pages li { display:inline; margin:0 2px; }
.pager .pages .current {}
/* Sorter */
.sorter { font-size:11px;padding:3px 0px;}
.sorter .view-mode { float:left; margin:0; }
.sorter .sort-by { float:right; padding-right:36px; }
.sorter .sort-by label { vertical-align:middle; }
.sorter .sort-by select { }
.sorter .link-feed {}
/* Toolbar */
.toolbar {clear: both;line-height: 20px;}
.toolbar .pager { padding:3px 0px; }
.toolbar .sorter { }
.toolbar-bottom {}
/* Data Table */
.data-table { width:100%; padding:0 0 10px 0; border-bottom:1px solid #7F8286; }
.data-table .odd { }
.data-table .even { }
/*.data-table tr.odd:hover,
.data-table tr.even:hover { background:#ebf1f6; }*/
.data-table td.last,
.data-table th.last { }
.data-table tr.last th,
.data-table tr.last td { }
.data-table th { text-transform:uppercase; font-weight:normal; letter-spacing:1px; color:#8e8e8e; font-size:9px; border-bottom:1px solid #7F8286; }
.data-table td { padding:3px 8px; }
.data-table thead th { white-space:nowrap; vertical-align:middle; }
.data-table thead th.wrap { white-space:normal; }
.data-table thead th a,
.data-table thead th a:hover { }
.data-table thead th { }
.data-table thead th .tax-flag { font-size:11px; white-space:nowrap; }
.data-table th { text-transform:uppercase; font-weight:normal; letter-spacing:1px; color:#8e8e8e; font-size:9px; border-bottom:1px solid #7F8286; }
.data-table td { padding:8px 0; text-transform:uppercase; font-weight:normal; letter-spacing:1px; color:#000;}
.data-table td a { color:#8e8e8e; font-size:9px;}
.data-table tfoot { border-bottom:1px solid #d9dde3; }
.data-table tfoot tr.first td { }
.data-table tfoot tr { }
.data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9dde3; }
.data-table tfoot strong { font-size:16px; }
.data-table tbody th,
.data-table tbody td {}
/* Bundle products tables */
.data-table tbody.odd tr { background:#f8f7f5 !important; }
.data-table tbody.even tr { background:#f6f6f6 !important; }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; }
.data-table tbody td .option-label { font-weight:bold; font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }
/* Generic Info Box */
.info-box { background:#fff url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; }
.info-box h2 { font-weight:bold; font-size:13px; }
.info-table th { font-weight:bold; padding:2px 15px 2px 0; }
.info-table td { padding:2px 0; }
/* Shopping cart total summary row expandable to details */
.cart {position:relative;}
tr.summary-total { cursor:pointer; }
tr.summary-total td {}
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_collapse.gif) 0 5px no-repeat; cursor:pointer; }
tr.show-details .summary-collapse { background-position:0 -52px; }
tr.show-details td {}
tr.summary-details td { }
tr.summary-details-first td { }
tr.summary-details-excluded { }
/* Shopping cart tax info */
.cart-tax-info { display:block; }
.cart-tax-info,
.cart-tax-info .cart-price { padding-right:20px; }
.cart-tax-total { display:block; padding-right:20px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_collapse.gif) 100% 5px no-repeat; cursor:pointer; }
.cart-tax-info .price,
.cart-tax-total .price { display:inline !important; font-weight:normal !important; }
.cart-tax-total-expanded { background-position:100% -52px; }
/* Class: std - styles for admin-controlled content */
.std .subtitle { padding:0; }
.std ol.ol { list-style:decimal outside; padding-left:1.5em; }
.std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; }
.std dl dt { font-weight:bold; }
.std dl dd { margin:0 0 10px; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
.link-cart { font-weight:bold; }
.link-wishlist { font-weight:bold; }
.link-reorder { font-weight:bold; }
.link-compare { font-weight:bold; }
.link-print { /*background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; }
.link-rss { background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; }
.btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.separator { margin:0 3px; }
.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_divider1.gif) 0 50% repeat-x; text-indent:-999em; overflow:hidden; }
/* Noscript Notice */
.noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; }
.noscript .noscript-inner { width:950px; margin:0 auto; padding:12px 0 12px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_notice.gif) 20px 50% no-repeat; }
.noscript p { margin:0; }
/* Demo Notice */
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; }
/* ======================================================================================= */
/* Header ================================================================================ */
.logo { float:left; }
.header-container { height: 160px; }
header { padding-top: 67px; text-align:right; position:relative; z-index:10;overflow:hidden; }
header .logo { text-decoration:none !important; }
header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
header h1.logo { }
header .quick-access { float:right; width:600px; padding:28px 10px 0 0; }
header .welcome-msg { margin:0; text-align:right; }
header .form-search { height: 30px; padding: 1px 0 0 16px; position: absolute; right: 19px; top: 0; width: 264px;}
.ie7 header .form-search { width: 300px;right:-8px;}
header .form-search label { float:left; width:24px; height:21px; text-align:left; text-indent:-999em; overflow:hidden;display:none; }
header .form-search input.input-text { float:left; width:207px; }
header .form-search button.button { float:left; }
header .form-search button.button span { border:0; height:21px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/btn_search.gif) 0 0 no-repeat; padding:0 0 0 3px; font:bold 11px/21px Tahoma, Verdana, Arial, sans-serif; }
header .form-search button.button span span { background-position:100% 0; padding:0 6px 0 3px; }
header .form-search .search-autocomplete { z-index:999; left:40px !important; top:22px !important; }
header .form-search .search-autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; }
header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; }
header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; }
header .form-search .search-autocomplete li.odd { background-color:#fffefb; }
header .form-search .search-autocomplete li.selected { background-color:#f7e8dd; }
header .form-language { clear:both; padding:5px 0 0; text-align:right; }
header .form-language label { font-weight:bold; padding-right:5px; vertical-align:middle; }
header .form-language select { }
header .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; }
.header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; }
.header-container .top-container a { font-size:11px; }
/********** < Navigation */
/* Header and Top Menus */
#topnav{ padding: 14px 0 8px 0; border-bottom: 1px solid #7f8286; margin-bottom:30px; position: absolute; top:0; left: 0; width: 100%; line-height: 1; }
#main-nav { float:left; display:block; }
#main-nav li {float:left; display:block; margin-right:17px;}
#main-nav li a { font-size:11px; color:#6d6d6f; text-transform:uppercase; text-decoration:none; word-spacing: 3px; letter-spacing:1px; }
#main-nav li ul { display: none; }
#meta-nav { float:right; display: block; }
#meta-nav li { float:left; display:block; margin-left:12px; }
#meta-nav li a { font-size:9px; color:#7f8286; text-transform:uppercase; text-decoration:none; letter-spacing:1px; }
header #meta-nav li a:hover { color: #2f2f31; }
header #main-nav li a:hover { color: #333; }
/********** Navigation > */
/* ======================================================================================= */
/* Sidebar =============================================================================== */
.block { margin:0 0 15px; }
.block .block-title { color: #676767; font-size: 11px; line-height: 16px; text-transform: uppercase; margin-bottom: 10px; }
.block .block-title strong { display:block; font-weight: normal; color: #000; }
.block .block-title strong span { color: #000; }
.block .block-title a { text-decoration:none !important; }
.block .block-subtitle { margin:0; padding:5px 0px; font-size:1em; font-weight:bold; }
.block .block-content li.item { padding:7px 9px; }
.block .block-content .product-name { }
.block .btn-remove { float:right; margin:1px 0 2px 5px; }
.block .actions { padding:6px 9px; text-align:right; }
.block .actions a { float:left; }
.block .actions button.button { float:right; }
.block .empty { margin:0; padding:5px 0px; }
.block li.odd { }
.block li.even { }
.sidebar ul { padding: 0 0 10px 0; }
.sidebar a{text-decoration:none;}
.sidebar a:hover{text-decoration:underline; }
.sidebar li.active > a span { color:#000; }
/* Mini Blocks */
.block-cart,
.block-wishlist,
.block-subscribe,
.block-compare,
.block-reorder,
.block-poll,
.block-viewed,
.block-compared,
.block-related,
.block-tags,
.block-login { font-size:11px; line-height:1.25; }
.block-cart .block-title strong,
.block-wishlist .block-title strong,
.block-subscribe .block-title strong,
.block-compare .block-title strong,
.block-reorder .block-title strong,
.block-poll .block-title strong,
.block-viewed .block-title strong,
.block-compared .block-title strong,
.block-related .block-title strong,
.block-tags .block-title strong,
.block-login .block-title strong { background-position:0 0; background-repeat:no-repeat; padding-left:0px; }
/* Mini Products List */
.mini-products-list .product-image { float:left; width:50px; }
.mini-products-list .product-details { margin-left:60px; }
/* Block: Account */
.block-account { border-color:#bbb; }
.block-account .block-title { background:#fc9d36 url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_block-title-account.gif) 0 100% repeat-x; border:0; padding:3px 10px; }
.block-account .block-title strong { font-size:13px; }
.block-account .block-content { background:#fbfaf6; padding:7px 10px 7px; }
.block-account .block-content li a { display:block; border-bottom:1px solid #ddd; padding:3px 0; text-decoration:none !important; }
.block-account .block-content li a:hover { }
.block-account .block-content li.last a { border-bottom:0; }
.block-account .block-content li.current { border-bottom:1px solid #ddd; padding:3px 0; }
.block-account .block-content li.current.last { border-bottom:0; }
/* Block: Currency Switcher */
.block-currency { border:0; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_block-currency.gif) 0 0 no-repeat; padding:7px 12px 10px; height:51px; }
.block-currency .block-title { background:none; border:0; padding:0; margin:0 0 5px; }
.block-currency .block-title strong { font:bold 13px/21px Arial, Helvetica, sans-serif; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_block-currency.gif) 0 50% no-repeat; padding:0 0 0 21px; text-transform:none; }
.block-currency .block-content { background:none; padding:0; }
.block-currency .block-content select { width:100%; padding:0; }
/* Block: Layered Navigation */
.block-layered-nav { border:0; }
.block-layered-nav .block-title { border:0; padding:0; height:24px; overflow:hidden; }
.block-layered-nav .block-subtitle { line-height:1.35; border:1px solid #b9ccdd; border-width:1px 0; text-transform:uppercase; }
.block-layered-nav .block-content { }
.block-layered-nav dt { padding:7px 10px 0 0px; font-weight:bold; text-transform:uppercase;margin-bottom: 5px; }
.block-layered-nav dd { padding:0 12px 12px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_block-layered-dd.gif) 0 100% repeat-x; }
.block-layered-nav dd.last { background:none; }
.block-layered-nav .currently li { background:#fff url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_block-layered-li.gif) 0 100% repeat-x; padding:4px 6px 4px 10px; }
.block-layered-nav .currently .label { font-weight:bold; padding-left:18px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_block-layered-label.gif) 0 3px no-repeat; text-transform:uppercase; }
.block-layered-nav .currently .btn-remove { margin:3px 0 0; }
.block-layered-nav .actions { font-size:11px; padding:4px 9px; background:#cad6e4; border:1px solid #dee5e8; border-width:1px 0; text-align:right; }
.block-layered-nav .actions a { float:none; }
ul.categories-list { position: relative; }
ul.categories-list ul.level0 { display: none; }
ul.categories-list li.active ul.level0 { display: block !important; position: relative; top: 100%; left: 0; margin-left: 15px; }
ul.categories-list li.parent ul
/* Block: Cart */
.block-cart .block-title { /*border-bottom:0;*/ }
.block-cart .block-title strong { }
.block-cart .summary { padding:2px 8px 8px; margin:-1px 0 0; position:relative; z-index:1; }
.block-cart .amount { margin:0; }
.block-cart .amount a { font-weight:bold; }
.block-cart .subtotal { margin:5px 0 0; padding:2px 0; text-align:center; }
.block-cart .subtotal .price { font-weight:bold; }
.block-cart .actions { border-bottom:1px solid #c2c2c2; }
/* Block: Wishlist */
.block-wishlist .block-title strong { }
.block-wishlist .actions { text-align:right; }
.block-wishlist .actions a { float:none; }
/* Block: Related */
.block-related .block-title strong { }
.block-related input.checkbox { float:left; }
.block-related .product { margin-left:20px; }
/* Block: Compare Products */
.block-compare .block-title strong { }
.block-compare button.button span { }
.page-popup .link-print { padding:2px 0 2px 25px; font-weight:bold; }
.compare-table { border:0; }
.compare-table thead tr.first th,
.compare-table thead tr.first td { border:0; background:none; padding:0; font-size:0; line-height:0; }
.compare-table .btn-remove { float:right; background-image:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/btn_remove2.gif); width:72px; height:15px; }
.compare-table tbody th { background:#d9e5ee url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_th-v.gif) 100% 0 repeat-y; }
.compare-table tbody th,
.compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; }
.compare-table tbody td.last { border-right:1px solid #ccc; }
.compare-table tbody tr.last th,
.compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; }
.compare-table tr.add-to-row td { background:#fffada; text-align:center; }
.compare-table tr.first td { text-align:center; }
.compare-table tr.first td .product-name { font-size:13px; font-weight:bold; margin:0 0 5px; }
.compare-table tr.first td .product-name a { }
.compare-table tr.first td .ratings { width:69px; margin:0 auto; }
.compare-table tr.first td p,
.compare-table tr.add-to-row td p { margin:0; }
/* Block: Recently Viewed */
.block-viewed .block-title strong { }
/* Block: Recently Compared */
.block-compared .block-title strong { background-image:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_block-list.gif); background-position:0 1px; }
/* Block: Poll */
.block-poll .block-title strong { }
.block-poll .block-subtitle { font-size:12px; }
.block-poll label { font-weight:bold; }
.block-poll input.radio { float:left; margin:1px -18px 0 0; }
.block-poll .label { display:block; margin-left:18px; }
.block-poll li { padding:3px 9px; }
.block-poll .actions { margin:5px 0 0; }
.block-poll button.button span { }
.block-poll .answer { font-weight:bold; }
.block-poll .votes { float:right; margin-left:10px; }
/* Block: Tags */
.block-tags .block-title strong {}
.block-tags .block-content ul { font-size:12px; padding:10px; }
.block-tags .block-content li { display:inline; padding-right:4px; }
.block-tags .block-content a { }
.block-tags .actions { text-align:right; }
.block-tags .actions a { float:none; }
/* Block: Subscribe */
.block-subscribe .block-content { padding:5px 10px; }
.block-subscribe .block-title strong {}
.block-subscribe label { font-weight:bold; }
.block-subscribe input.input-text { display:block; width:167px; margin:3px 0; }
.block-subscribe .actions { background:none; padding:0; margin:3px 0 0; text-align:left; }
.block-subscribe .actions button.button { float:none; }
.block-subscribe .actions button.button span { }
/* Block: Reorder */
.block-reorder .block-title strong { }
.block-reorder input.checkbox { float:left; margin:2px -20px 0 0; }
.block-reorder .product-name { margin-left:20px; }
.block-reorder .validation-advice { margin:3px 9px 7px; }
/* Block: Banner */
.block-banner { border:0; }
.block-banner .block-content { padding:0; text-align:center; }
/* Block: Login */
.block-login .block-title strong { }
.block-login .block-content { padding:5px 10px; }
.block-login label { font-weight:bold; }
.block-login input.input-text { display:block; width:167px; margin:3px 0; }
.block-login .actions { background:none; padding:0; margin:3px 0 0; }
.block-login .actions button.button span { border-color:#406a83; }
/* Paypal */
.sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; }
.sidebar .paypal-logo a { float:none; }
/* ======================================================================================= */
/* Category Page ========================================================================= */
.category-title {
position: relative;
display: none;
}
.col1-layout .category-title, .col1-layout .page-title, .col2-right-layout .page-title{ }
.category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; }
.category-image img {}
.category-description { margin:0 0 10px; }
.category-products { float:left; display:block; width:646px; }
/* Shop Landing Page */
.shop-landing-list { margin-left: 15px; }
.shop-landing-list li { float: left; margin-right: 65px; }
.shop-landing-list li.last { margin-right: 0; }
.shop-landing-list li a { display: block; position: relative; width: 321px; height: 455px; text-decoration: none; }
.shop-landing-list li img { position: absolute; z-index: 4; }
.shop-landing-list li span { position: absolute; z-index: 6; top: 182px; left: 18px; font-size: 32px; color: #fff; line-height: 34px; }
.shop-landing-list span { display: none; }
ul.subcategories-list li { float:left; display:block; width:170px; margin:0 68px 0 0; text-align:center; border-bottom:1px solid #7F8286; height:310px; }
ul.subcategories-list .category-image { display: block; height: 264px; }
ul.subcategories-list a { display: block; height: 312px; font-size: 11px; color: #676767; text-decoration: none; }
ul.subcategories-list a:hover { color: #2c2c2e; }
ul.subcategories-list .third { margin-right: 0; }
ul.subcategories-list .last-line { border-bottom: none; }
/* View Type: Grid */
.products-grid { position:relative; }
.products-grid.last { }
.products-grid li.item { float:left; display:block; width:168px; height:270px; border-bottom:1px solid #7F8286; margin:0 68px 28px 0; text-align:center; position: relative; }
.col3-layout .products-grid li.item { }
.products-grid li.item.first { padding-left: 0;}
.products-grid li.item.last { padding-right: 0;}
.products-grid li.item.third { margin-right: 0;}
.products-grid li.item.last-line { border-bottom:none;}
.products-grid .product-image { padding:22px 0; width:168px; display: block; height: 168px; }
.products-grid .product-image img { width:168px; position: absolute; top: 22px; left: 0; }
.products-grid .product-name { position: relative; z-index: 5; text-transform:uppercase; color:#676767; font-size:11px; line-height:16px; }
.products-grid .product-name a { display: block; padding: 8px 0 20px 0; text-decoration: none; color: #676767; letter-spacing: 0; }
.products-grid .product-name a:hover { color: #2c2c2e !important; }
.products-grid .price-box { margin: 0; position: relative; z-index: 3; margin-top: -20px; text-align: center; }
.products-grid .price-box .price { font-size: 11px; color: #959595; font-weight: normal; margin: 0 2px; }
.price-box p { display: inline; }
.price-box .price-label { display: none; }
.price-box .special-price .price { color: #ff0000; }
.products-grid .availability { line-height:21px; }
.products-grid .actions { position:absolute; bottom:12px; }
.col2-left-layout .products-grid,
.col2-right-layout .products-grid { width:646px; margin:0 auto; }
.col1-layout .products-grid { width:890px; margin:0 auto; }
/* View Type: List */
.products-list {float:left;}
.products-list li.item { padding:12px 0px; }
.products-list li.item.last { border-bottom:0; }
.products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; }
.products-list .product-shop { margin-left:150px; }
.products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; }
.products-list .product-name a { }
.products-list .price-box { float:left; margin:3px 13px 5px 0; }
.products-list .availability { float:left; margin:3px 0 0; }
.products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; }
.products-list .desc .link-more { font-size:11px; }
.products-list .add-to-links { clear:both; }
.products-list .add-to-links li { display:inline; }
.products-list .add-to-links .separator { display:inline; margin:0 2px; }
/* ======================================================================================= */
/* Product View ========================================================================== */
/* Rating */
.no-rating { margin:0; }
.ratings { font-size:11px; line-height:1.25; margin:7px 0; }
.ratings strong { float:left; margin:1px 3px 0 0; }
.ratings .rating-links { margin:0; }
.ratings .rating-links .separator { margin:0 2px; }
.ratings dt {}
.ratings dd {}
.rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; }
.rating-box .rating { float:left; height:13px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_rating.gif) 0 100% repeat-x; }
.ratings .rating-box { float:left; margin-right:3px; }
.ratings .amount {}
.ratings-table th,
.ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; }
.ratings-table th { font-weight:bold; padding-right:8px; }
/* Availability */
.availability { margin:0; }
.availability span { font-weight:bold; }
.availability.in-stock span {}
.availability.out-of-stock span { }
.availability-only { margin:10px 0 7px; line-height:16px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; }
.availability-only span,
.availability-only a { border-bottom:1px dashed #751d02; cursor:help; }
.availability-only a { background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; }
.availability-only .expanded { background-position:100% -15px; }
.availability-only strong { }
.availability-only-details { margin:0 0 7px; }
.availability-only-details th { background:#d2d6d9; font-size:10px; padding:0 8px; }
.availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; font-size:11px; padding:2px 8px 1px; }
.availability-only-details tr.odd td.last { font-weight:bold; }
.product-view .product-shop .availability { font-size:11px; }
.product-view .product-shop .availability span { font-weight:normal; }
/* Email to a Friend */
.email-friend { margin:0; }
/* Alerts */
.alert-price { margin:0; font-size:11px; }
.alert-stock { margin:0; font-size:11px; }
/********** < Product Prices */
.price { white-space:nowrap !important; }
.price-box { margin:5px 0; }
.price-box .price { font-size: 13px; }
/* Regular price */
.regular-price { }
.regular-price .price { font-size:13px; }
.block .regular-price,
.block .regular-price .price { }
/* Old price */
.old-price { margin:0; }
.old-price .price-label { white-space:nowrap; }
.old-price .price { text-decoration:line-through; }
/* Special price */
.special-price { margin:0; padding:3px 0; }
.special-price .price-label { font-size:13px; }
.special-price .price { font-size:13px; }
/* Minimal price (as low as) */
.minimal-price { margin:0; }
.minimal-price .price-label { font-weight:bold; white-space:nowrap; }
.minimal-price-link { display:block; }
.minimal-price-link .label {}
.minimal-price-link .price { font-weight:normal; }
/* Excluding tax */
.price-excluding-tax { display:block; }
.price-excluding-tax .label { white-space:nowrap; }
.price-excluding-tax .price { font-size:13px; font-weight:normal; }
/* Including tax */
.price-including-tax { display:block; }
.price-including-tax .label { white-space:nowrap; }
.price-including-tax .price { font-size:13px; font-weight:bold; }
/* FPT */
.weee { display:block; font-size:11px; }
.weee .price { font-size:11px; font-weight:normal; }
/* Excl tax (for order tables) */
.price-excl-tax { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; }
/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:bold; }
/* Price range */
.price-from { margin:0; }
.price-from .price-label { font-weight:bold; white-space:nowrap; }
.price-to { margin:0; }
.price-to .price-label { font-weight:bold; white-space:nowrap; }
/* Price notice next to the options */
.price-notice { padding-left:10px; }
.price-notice .price { font-weight:bold; }
/* Price as configured */
.price-as-configured { margin:0; }
.price-as-configured .price-label { font-weight:bold; white-space:nowrap; }
.price-box-bundle { padding:0 0 10px 0; }
.price-box-bundle .price-box { margin:0 !important; padding:0 !important; }
.price-box-bundle .price { }
/********** Product Prices > */
/* Tier Prices */
.tier-prices { margin:10px 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; }
.tier-prices li { line-height:1.4; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_tier.gif) no-repeat 0 3px; padding:2px 0 2px 10px; }
.tier-prices .benefit { font-style:italic; font-weight:bold; }
.tier-prices .price { font-weight:bold; }
.tier-prices-grouped li { padding:2px 0; }
.tier-prices-grouped li .price { font-weight:bold; }
/* Add to Links */
.add-to-links { font-size:11px; margin:5px 0 0; }
.add-to-links .separator { display:none; }
/* Add to Cart */
.add-to-cart label { float:left; margin-right:5px; font-weight:bold; }
.add-to-cart .qty { float:left; margin-right:5px; }
.add-to-cart button.button {
float:left;
width: 135px !important;
letter-spacing: 1px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.add-to-cart .item-added {
display: block;
margin-left: 10px;
letter-spacing: 1px;
float:left;
font-size: 11px;
height: 23px;
line-height: 23px;
text-transform: uppercase;
}
.add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; }
/* Add to Links + Add to Cart */
.add-to-box { margin:10px 0; }
.add-to-box .add-to-cart { float:left; }
.add-to-box .or { float:left; font-weight:bold; margin:0 7px; }
.add-to-box .add-to-links { float:left; margin:0; font-size:12px !important; line-height:1.25 !important; text-align:left !important; }
.add-to-box .add-to-links li { display:block !important; }
.add-to-box .add-to-links li .separator { display:none !important; }
.catalog-product-view .main { padding-bottom: 15px !important; }
.product-view { min-height: 507px; }
.product-view .product-help-links { margin-bottom: 20px; clear: both; }
.ie7 .product-view .product-help-links { clear: both; }
.product-view #notify-back-in-stock { color: #BDBDBD; }
.product-view #notify-back-in-stock.active { color: #6D6D6F; }
.product-view .product-help-links a { font-size: 10px; line-height: 14px; }
.product-view .std { text-transform: uppercase; }
.product-view .single-price { color: #000; margin-bottom: 10px; }
.product-essential { }
.product-essential h2 { font:bold 13px/1.35 Arial, Helvetica, sans-serif; }
.product-collateral { padding:25px; }
.product-collateral h2 { font-weight:bold; font-size:15px; padding:0 0 1px; margin:0 0 15px; }
.product-collateral .box-collateral { margin:0 0 25px; }
/* Product Images */
.product-view .product-img-box { float:left; width:360px; }
.product-view .product-img-box p { text-align:center; font-size:9px; margin:42px 0 0 0;}
.col3-layout .product-view .product-img-box { float:none; margin:0 auto; }
.product-view .product-img-box .product-image { margin:0 0 13px; }
.product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; }
.product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; }
.product-view .product-img-box .zoom-notice { font-size:11px; margin:0 0 5px; text-align:center; }
.product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; }
.product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; }
.product-view .product-img-box .zoom #track { position:relative; height:18px; }
.product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/magnifier_handle.gif) 0 0 no-repeat; }
.product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; }
.product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; }
.product-view .more-views { float: left; margin-top: 28px; }
.product-view .more-views h2 { display: none; }
.product-view .more-views ul { margin-left:-9px }
.product-view .more-views li { float:left; margin:0 0 8px 9px; }
.product-view .more-views li a { float:left; width:56px; overflow:hidden; }
.product-image-popup { margin:0 auto; }
.product-image-popup .nav { font-weight:bold; text-align:center; }
.product-image-popup .image { display:block; margin:10px 0; }
.product-image-popup .image-label { font-size:13px; font-weight:bold; margin:0 0 10px; }
/* Product Shop */
.product-view .product-shop { float:right; width:300px; }
.col1-layout .product-view .product-shop { float:right; width:545px; }
.col3-layout .product-view .product-shop { float:none; width:auto; }
.product-view .product-shop .product-name { margin:0 0 5px; }
.product-view .product-shop .product-name h1 { margin:0; font-size: 13px; }
.product-view .product-shop .product-name .product-attributes { font-size: 13px; color: #000; text-transform: uppercase; }
.product-view .product-shop .mhl-branded-image { display: block; margin-bottom: 5px; }
.product-view .product-shop .availability { display: none; }
.product-view .product-shop .short-description { margin:10px 0; padding:0 0 0; }
.product-view .product-shop .price-box { margin:10px 0; }
.product-view .product-shop .add-to-links { margin:0; }
.product-view .product-shop .add-to-links { font-size:12px; text-align:right; }
.product-view .product-shop .add-to-links li,
.product-view .product-shop .add-to-links li .separator { display:inline; }
.product-view .product-shop .add-to-links a { font-weight:normal !important; }
/* Product Options */
.product-options { }
.product-options dl { margin: 0; }
.product-options dt { display: none; }
.product-options dt label { font-weight:bold; }
.product-options dt span.required { }
.product-options dt .qty-holder { float:right; margin-right:15px; }
.product-options dt .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; }
.product-options dd { }
.product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; }
.product-options dd input.input-text { width:98%; }
.product-options dd input.datetime-picker { width:150px; }
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select { width:150px; text-transform: uppercase; }
.product-options dd .multiselect option { padding:2px 4px; }
.product-options ul.options-list { margin-right:5px; }
.product-options ul.options-list li { line-height:1.5; padding:2px 0; }
.product-options ul.options-list input.radio { float:left; margin-top:3px; }
.product-options ul.options-list input.checkbox { float:left; margin-top:3px; }
.product-options ul.options-list .label { display:block; margin-left:18px; }
.product-options ul.options-list label { font-weight:normal; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.note { margin:0; font-size:11px; }
.product-options p.required { display: none; }
.product-options-bottom { }
.product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; }
.product-options-bottom .tier-prices li { background:0; padding:2px 0; }
.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit { }
.product-options-bottom .price-box { float:left; margin:0; padding:0; }
.col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; }
.product-options-bottom .price-label { float:left; padding-right:5px; }
.product-options-bottom .price-tax { float:left; }
.product-options-bottom .add-to-cart { float: left; }
.product-shop .product-options-bottom { }
.product-shop .product-options-bottom .price-box { float:none; margin:0 0 5px; }
.product-shop .product-options-bottom .price-label { float:none; padding-right:0; }
.product-shop .product-options-bottom .price-tax { float:none; }
.product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; }
.options-qty-wrapper .left-options { float: left; width: 155px; }
.options-qty-wrapper .qty-right { float: left; width: 60px; }
.options-qty-wrapper .qty-right label { display: none; }
.options-qty-wrapper .qty-right select { width: 45px; }
#product-transition, .one-size { width: 150px !important; }
/*.options-qty-wrapper select { border: 1px solid #7F8286 !important; }*/
/* Grouped Product */
.product-view .grouped-items-table .price-box { margin:0; padding:0; }
/* Block: Description */
.product-view .box-description {}
/* Block: Additional */
.product-view .box-additional .data-table th,
.product-view .box-additional .data-table td { line-height:1.25; }
/* Block: Upsell */
.product-view .box-up-sell h2 { padding:0; margin:0 0 8px; }
.product-view .box-up-sell .products-grid { width:100%; }
.product-view .box-up-sell .products-grid td { width:25%; padding:15px 10px 12px; line-height:1.6em; }
.product-view .box-up-sell .products-grid tr.last td { }
.product-view .box-up-sell .products-grid td.last { }
.product-view .box-up-sell .products-grid td img { }
.product-view .box-up-sell .products-grid .product-image { text-align:center; }
.product-view .box-up-sell .products-grid td.empty { border-right:0; }
.product-view .box-up-sell .products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; }
/* Block: Tags */
.product-view .box-tags { margin:0; }
.product-view .box-tags h3 { font-size:13px; }
.product-view .box-tags .product-tags { display:block; margin:0 0 15px; }
.product-view .box-tags .product-tags li { display:inline; padding:0 7px 0 4px; }
.product-view .box-tags .product-tags li.first { padding-left:0; }
.product-view .box-tags .product-tags li.last { background:none; padding-right:0; }
.product-view .box-tags .form-add label { display:block; font-size:13px; font-weight:bold; margin:0 0 5px; }
.product-view .box-tags .form-add .input-box { float:left; width:305px; margin:0 5px 0 0; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_tag_add.gif) 0 2px no-repeat; padding:0 0 0 23px; }
.product-view .box-tags .form-add input.input-text { width:299px; }
.product-view .box-tags .form-add button.button span { border-color:#406a83; }
.product-view .box-tags .note { margin:3px 0 0; padding:0 0 0 23px; font-size:11px; }
/* Block: Reviews */
.product-view .box-reviews dl { margin:15px 0; }
.product-view .box-reviews dt a,
.product-view .box-reviews dt span { font-weight:bold; }
.product-view .box-reviews dd { margin:0 0 15px; }
.product-view .box-reviews dd small { font-style:italic; }
.product-view .box-reviews .form-add { margin:15px 0 0; }
.product-view .box-reviews .form-add h3 { font-size:13px; font-weight:normal; }
.product-view .box-reviews .form-add h3 span { font-weight:bold; }
.product-view .box-reviews .form-add h4 { font-size:12px; }
.product-view .box-reviews .form-add .data-table td { text-align:center; }
.product-view .box-reviews .form-add .form-list { margin:15px 0 0; }
.product-view .box-reviews .form-add .form-list .input-box { width:360px; }
.product-view .box-reviews .form-add .form-list input.input-text,
.product-view .box-reviews .form-add .form-list textarea { width:354px; }
/* Send a Friend */
.send-friend .form-list { width:615px; overflow:hidden; }
.send-friend .form-list li { margin-right:-15px; }
.send-friend .form-list li p { margin:0 15px 0 0; }
.send-friend .form-list .field { width:315px; }
.send-friend .form-list .input-box { width:300px; }
.send-friend .form-list input.input-text,
.send-friend .form-list textarea { width:294px; }
.send-friend .form-list li.wide .input-box { width:612px; }
.send-friend .form-list li.wide textarea { width:609px; }
.send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:21px; }
/* ======================================================================================= */
/* Content Styles ================================================================= */
.product-name { margin:0; font-size:1em; font-weight:normal; }
.product-name a { }
/* Product Tags */
.tags-list { display:block; font-size:13px; border:1px solid #c1c4bc; background:#f8f7f5; padding:10px; }
.tags-list li { display:inline !important; margin:0 4px 0 0; }
.tags-list li a { }
/* Advanced Search */
.advanced-search .form-list label { width:160px; padding-right:10px; }
.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range { float:left; clear:none; }
.advanced-search-amount { margin:0 0 10px; }
.advanced-search-summary { margin:10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; }
.advanced-search-summary ul { float:left; width:49%; }
.advanced-search-summary strong { padding-left:15px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_search_criteria.gif) 0 3px no-repeat; }
.advanced-search-summary p { clear:both; font-weight:bold; margin:0; }
/* CMS Home Page */
.cms-home .subtitle {}
.cms-index-index .subtitle {}
.cms-index-index .alignright.space {
margin-right: 90px;
}
.cms-index-index .alignleft.space {
margin-left: 90px;
}
/* CMS PAGES - Generic styles */
/*
.cms-page-view .std h1,
.cms-page-view .std h2,
.cms-page-view .std h3,
.cms-page-view .std h4,
.cms-page-view .std h5,
.cms-page-view .std h6
{
font-size: 11px;
letter-spacing: 1px;
line-height: 16px;
text-transform: uppercase;
color: #000;
}
.cms-page-view .col-main .std .content-page,
.cms-page-view .col-main .std .content-page p
{
text-transform: none;
font-size: 13px;
}
.cms-page-view .std .content-page ul.cms-list,
.cms-page-view .std .content-page ol.cms-list {
padding-bottom: 15px;
padding-top: 15px;
padding-left: 24px;
}
.cms-page-view .std .content-page ul.cms-list li,
.cms-page-view .std .content-page ol.cms-list li {
padding-left: 16px;
background: url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/list-item-image.gif) 0 7px no-repeat;
line-height: 16px;
letter-spacing: 1px;
}
*/
/* Sitemap */
.page-sitemap .links { text-align:right; margin:0 8px -22px 0; }
.page-sitemap .links a { text-decoration:none; position:relative; }
.page-sitemap .links a:hover { text-decoration:underline; }
.page-sitemap .sitemap { margin:12px; }
.page-sitemap .sitemap a { }
.page-sitemap .sitemap li { margin:3px 0; }
.page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; }
.page-sitemap .sitemap li.level-0 a { }
/* RSS */
.rss-title h1 { background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; }
.rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; }
/* ======================================================================================= */
/* Shopping Cart ========================================================================= */
#shopping-cart-table .validation-advice { margin-top: 5px; }
.shopping_cart h3{text-transform:uppercase; font-weight:normal; font-size:12px; letter-spacing:1px; margin:0 0 10px 0;}
.cart .page-title { overflow: visible; }
.cart .page-title h1 { }
.cart .page-title h2 { }
.cart .td-product{width:158px;}
.cart .td-desc{width:420px;}
.cart .td-size{ }
.cart .td-size a{padding:0 65px 0 0; float:right; display:block;}
.cart .td-quantity{width:209px;}
.cart .td-quantity ul{margin:0; padding:0;}
.cart .td-quantity ul li{float:left; display:block; }
.cart .td-quantity ul li.update-lnk{ padding:0 40px 0 8px;}
.td-quantity input { width: 14px !important; height: 14px; border:1px solid #7F8286; font-size:9px; text-align: center; }
.ie7 .td-quantity input { height: 20px; padding-top: 0; padding-bottom: 0; overflow: hidden; }
.ie8 .td-quantity input { width: 20px !important; }
.cart .td-subtotal{padding-right: 5px;
text-align: right;
width: 58px;}
/* Checkout Types */
.cart .page-title .checkout-types li { margin:0 0 5px; }
.cart .title-buttons .checkout-types { float: right;position: absolute;right: -745px; top: 0;z-index: 10; }
.cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; }
/* Shopping Cart Table */
.cart-table th { }
.cart-table td { }
.cart-table .product-name { }
.cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; }
.cart-table tfoot td { padding:5px 10px; }
.cart-table .btn-continue { float:left; }
.cart-table .btn-continue span,
.cart-table .btn-update span { border-color:#406a83; }
/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { }
.cart .cart-collaterals .col2-set { float:left; width:605px; }
.cart .cart-collaterals .col2-set .col-2 { width:294px; }
.cart .crosssell { padding:12px 15px; }
.cart .crosssell h2 { font-size:13px; font-weight:bold; }
.cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #d0cdc9; }
.cart .crosssell .product-details { margin-left:90px; }
.cart .crosssell .product-name { font-weight:bold; }
.cart .crosssell li.item { margin:12px 0; }
.cart .crosssell .link-compare { font-weight:normal; }
/* Discount Codes & Estimate Shipping and Tax Boxes */
.cart .discount,
.cart .shipping { padding:12px 15px; margin:0 0 18px; }
.cart .discount h2,
.cart .shipping h2 { background-position:0 0; background-repeat:no-repeat; font:bold 13px/16px Arial, Helvetica, sans-serif; padding:0px; text-transform:uppercase; }
.cart .discount button span,
.cart .shipping button span { border-color:#406a83; }
.cart .discount .buttons-set,
.cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; }
.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button { float:none; margin-left:0; }
.cart .discount h2 { }
.cart .discount .input-box { margin:8px 0 0; width:260px; }
.cart .discount input.input-text { width:254px; }
.cart .shipping h2 { }
.cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_divider1.gif) 0 0 repeat-x; }
/* Shopping Cart Totals */
.cart .totals { float:right; display:block; width:273px; padding:8px 0 0 0; }
.totals-table { margin:0 0 10px 0; border-bottom:1px solid #7F8286; }
.totals-table td,
.totals-table th,
.totals-table td p,
.totals-table td a {
font-size:10px;
text-transform:uppercase;
color:#8e8e8e;
letter-spacing:1px;
}
.totals-table th { font-size: 11px; }
.totals-table td p { margin:0;}
.totals-table tr.last td {}
.totals-table tfoot th { }
.totals-table tfoot td { }
.totals-table tfoot th strong,
.totals-table tfoot td strong { }
.totals-table .checkout-types { }
.totals-table .checkout-types li { clear:both; margin:10px 0; }
.totals-table .total-left { width:195px; }
.totals-table .promotion-code { margin:0 0 10px 0; display:block;}
.totals-table input.promotxt { width:145px; float:left; display:block; border:1px solid #7F8286!important; }
.ie7 .totals-table input.promotxt { height: 20px; overflow: hidden; }
.totals-table .promotion-code a { float:left; display:block; margin:2px 0 0 5px; }
.totals-table .total-right { width:78px; text-align:right; }
.totals-table .cart-total td { padding:0 0 10px 0; color:#000!important; font-size:11px!important; }
a.continue-shopping{ display:block; float:left; letter-spacing:1px;}
/* Options Tool Tip */
.item-options dt { font-weight:bold; font-style:italic; }
.item-options dd { padding-left:10px; margin:0 0 6px; }
.truncated { cursor:help; }
.truncated a.dots { cursor:help; }
.truncated a.details { cursor:help; }
.truncated .truncated_full_value { position:relative; z-index:999; }
.truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; }
.truncated .show dl { top:-20px; left:50%; }
.col-left .truncated .show dl { left:15px; top:7px; }
.col-right .truncated .show dl { left:-240px; top:7px; }
/* ======================================================================================= */
/* Checkout ============================================================================== */
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods { margin:0 0 8px; }
.sp-methods dt { margin:13px 0 5px; font-weight:bold; }
.sp-methods dd {}
.sp-methods dd li { margin:5px 0; }
.sp-methods label { font-weight:bold; }
.sp-methods .price { font-weight:bold; }
.sp-methods .form-list { padding-left:20px; }
.sp-methods .form-list li { margin:0 0 8px; }
.sp-methods select.month { width:154px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }
.sp-methods .checkmo-list li { margin:0 0 5px; }
.sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; }
.sp-methods .checkmo-list address { float:left; }
.sp-methods .centinel-logos a { margin-right:3px; }
.sp-methods .centinel-logos img { vertical-align:middle; }
.please-wait { float:right; }
.please-wait img { vertical-align:middle; }
.cvv-what-is-this { font-size: 9px; cursor:help; color: #B5B5B5 !important; }
/* Tooltip */
.tool-tip { border:1px solid #7F8286; background:url("http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/facebox/facebox-bgr.png") repeat scroll 0 0 transparent; padding:15px 20px; position:absolute; z-index:9999; }
.tool-tip .btn-close { margin:-9px -14px 0; text-align:right; }
.tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/facebox/closelabel.png) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; }
.tool-tip .tool-tip-content { padding:5px; }
/* Gift Messages */
.gift-messages h3 { font-size:12px; font-weight:bold; }
.gift-messages p.control { }
.gift-messages-form { position:relative; }
.gift-messages-form label { float:none !important; position:static !important; }
.gift-messages-form h4 { font-size:12px; font-weight:bold;}
.gift-messages-form .whole-order { margin:0 0 25px; }
.gift-messages-form .item { margin:0 0 10px; }
.gift-messages-form .item .product-img-box { float:left; width:75px; }
.gift-messages-form .item .product-image { margin:0 0 7px; }
.gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; }
.gift-messages-form .item .details { margin-left:90px; }
.gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; margin:0 0 10px; }
.gift-messages-form .item .details .form-list .field { width:255px; }
.gift-messages-form .item .details .form-list .input-box { width:240px; }
.gift-messages-form .item .details .form-list input.input-text { width:234px; }
.gift-messages-form .item .details .form-list li.wide .input-box { width:500px; }
.gift-messages-form .item .details .form-list li.wide textarea { width:494px; }
.gift-message-link { font-size:11px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; }
.gift-message-link.expanded { background-position:100% -40px; }
.gift-message-row { background:#f2efe9; }
.gift-message-row .btn-close { float:right; width:16px; height:16px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/btn_gm-close.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
/* Checkout Agreements */
.checkout-agreements li { margin:30px 0; }
.checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; }
.checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; }
.checkout-agreements .agree input.checkbox { margin-right:6px; }
.checkout-agreements .agree label { font-weight:bold; }
.opc .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 30px; }
.opc .checkout-agreements li { margin:20px 0 0; }
.opc .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; }
.opc .checkout-agreements .agree { padding-left:6px; }
/* Centinel */
.centinel {}
.centinel .authentication { border:1px solid #ddd; background:#fff; }
.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; }
.opc .centinel { border:1px solid #bbb6a5; border-width:0 1px 1px; padding:10px 30px; }
/* Generic Info Set */
.info-set { background:#fbfaf6 url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; }
.info-set h2 { font-size:13px; font-weight:bold; margin:0 0 10px; }
.info-set h3,
.info-set h4 { font-size:13px; font-weight:bold; }
.info-set h2 a,
.info-set h3 a,
.info-set h4 a { font-weight:normal; }
.info-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; }
.info-set h3.legend { margin:0 0 10px; }
.info-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.info-set .box { margin:0 0 15px; }
.info-set .box h2 {}
.info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; }
.info-set .data-table .product-name a { font-weight:bold !important; }
.info-set .data-table .item-options { margin:5px 0 0; }
/********** Common Checkout Styles > */
/* One Page Checkout */
.block-progress { border:0; margin:0; }
.block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px; }
.block-progress .block-title strong { font-size:13px; }
.block-progress .block-content { background:none; }
.block-progress dt { font-size:13px; font-weight:bold; line-height:1.35; background:#eee; border:1px solid #a3aeb3; margin:0 0 6px; padding:2px 8px; }
.block-progress dd { background:#eee; border:1px solid #a3aeb3; border-top:0; padding:8px 13px; margin:0 0 6px; }
.block-progress dt.complete { margin:0; background:#d0dce1; }
.block-progress dd.complete {}
.block-progress p { margin:0; }
.opc .buttons-set { margin-top:0; padding-top:2em; }
.opc .buttons-set p.required { margin:0; padding:0 0 10px; }
.opc .buttons-set .back-link small { display:none; }
.opc .buttons-set .back-link a { background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_arrow-top.gif) 0 50% no-repeat; padding-left:16px; }
.opc .buttons-set.disabled button.button { display:none; }
.opc .buttons-set .please-wait { height:21px; line-height:21px; }
.opc .ul { list-style:disc outside; padding-left:18px; }
.opc { position:relative; }
.opc li.section {}
.opc .step-title { border-width:0 1px; border-style:solid; border-color:#fff #d9dde3 #d9dde3; background:#eee url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_opc-title-off.gif) 0 100% repeat-x; padding:4px 8px 6px; text-align:right; }
.opc .step-title .number { float:left; background:#fff; border:1px solid #fff; padding:0 4px; margin:0 5px 0 0; font:bold 11px/14px arial, helvetica, sans-serif; }
.opc .step-title h2 { float:left; margin:0; font:bold 13px/16px Arial, Helvetica, sans-serif; }
.opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; }
.opc .allow .step-title { background:#d0dce1; border:1px solid #607890; border-bottom:0; cursor:pointer; }
.opc .allow .step-title .number { background:#dbe6eb; border-color:#dbe6eb; }
.opc .allow .step-title h2 { }
/*.opc .allow .step-title a { display:block; }*/
.opc .active .step-title { background:#eef2f5; border:1px solid #607890; padding-bottom:5px; cursor:default; }
.opc .active .step-title .number { background:#f18200; border-color:#f19900;}
.opc .active .step-title h2 { }
/*.opc .active .step-title a { display:none; }*/
.opc .step { border:1px solid #bbafa0; border-top:0; background:#fbfaf6 url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_checkout.gif) 0 0 repeat-x; padding:15px 30px; position:relative; }
.opc .step .tool-tip { right:30px; }
#opc-login .buttons-set { border-top:0; }
#opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase; }
#opc-login h4 { font-size:1em; font-weight:bold; margin:0;}
#opc-shipping_method .buttons-set { border-top:0; }
.opc .gift-messages-form { margin:0 -30px; background:#f6f1eb; border:1px solid #e9e4de; border-width:1px 0; padding:22px 24px 22px 30px; }
.opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; }
#opc-review .step { border:0; padding:0; }
#opc-review .product-name { font-weight:bold; }
#opc-review .item-options { margin:5px 0 0; }
#opc-review .buttons-set { padding:20px 30px; border:1px solid #d9dde3; border-width:0 1px 1px; }
#opc-review .buttons-set p { margin:0; line-height:40px; }
#opc-review .buttons-set .please-wait { height:40px; line-height:40px; }
/* Multiple Addresses Checkout */
.checkout-progress { padding:0 90px; margin:0 0 20px; }
.checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; }
.checkout-progress li.active { border-top-color:#e96200; }
.multiple-checkout h2 { font-size:13px; font-weight:bold; margin:0 0 10px; }
.multiple-checkout h3,
.multiple-checkout h4 { font-size:13px; font-weight:bold; }
.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a { font-weight:normal; }
.multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; }
.multiple-checkout .data-table .product-name a { font-weight:bold !important; }
.multiple-checkout .data-table .item-options { margin:5px 0 0; }
.multiple-checkout .gift-messages { margin:15px 0 0; }
.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; }
.multiple-checkout .col2-set,
.multiple-checkout .col3-set { background:#fbfaf6 url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; }
.multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; }
.multiple-checkout .col2-set h3.legend { margin:0 0 10px; }
.multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.multiple-checkout .box { margin:0 0 15px; }
.multiple-checkout .box h2 { }
.multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; }
.multiple-checkout .place-order .grand-total { float:right; height:71px; font-size:1.5em; padding:0 0 0 21px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_grand-total.gif) 0 0 no-repeat; overflow:hidden; }
.multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:14px 21px 0 0; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_grand-total.gif) 100% 0 no-repeat; }
.multiple-checkout .place-order .grand-total .inner div { display:inline; }
.multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; }
.multiple-checkout .place-order .grand-total .price { }
.multiple-checkout .place-order .grand-total button.button span { font-size:16px; }
.multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; }
/* Step 1 */
.multiple-checkout .title-buttons button.button span { border-color:#406a83; }
#multiship-addresses-table td { padding:10px; }
#multiship-addresses-table tfoot td { padding:5px 10px; }
#multiship-addresses-table tfoot button.button span { border-color:#406a83; }
/* Step 2 */
.multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; }
.multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; }
.multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; }
.multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; }
.multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; }
.checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be; background:#f9f3e3; padding:13px; position:relative; }
.checkout-multishipping-shipping .box-sp-methods .pointer { position:absolute; top:-20px; right:-40px; width:178px; height:41px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_sp-methods.gif) 0 0 no-repeat; overflow:hidden; }
/* Step 3 */
.checkout-multishipping-billing .multiple-checkout { position:relative; }
/* ======================================================================================= */
/* Checkout Success ====================================================================== */
.checkout-onepage-success .myorder { width:592px; float:left; display:block; margin:0 44px 0 0; }
.checkout-onepage-success p { text-transform:uppercase; font-weight:normal; font-size:12px; letter-spacing:1px; margin:0 0 10px 0; color: #000; }
.checkout-onepage-success .order-view { text-transform:uppercase; font-weight:normal; font-size:12px; letter-spacing:1px; color: #000; }
.td-order { width:100px; }
.td-date { width:98px; }
.td-products { width:222px; }
.td-order-total { width:88px; }
.td-estimated { width:115px; }
.td-status { width:73px; }
.order-total-cell { text-align: left; padding-right: 5px !important; }
.order-total-cell span { padding-left: 165px; display: block; }
.checkout-onepage-success td { font-size:11px; }
.checkout-onepage-success .item-info { padding-bottom: 16px;}
.checkout-onepage-success .item-info:last-child { padding-bottom: 0;}
a.print-this{font-size:9px;}
.meta-menu{margin:0; padding:0;}
.meta-menu li{float:left; display:block; margin:30px 18px 0 0;}
.br_40{height:40px;}
.history td{ font-size:11px;}
.history td a{color:#6c6c6c; font-size:11px;}
.history .td-order-total { width: 120px; }
.history .td-estimated { width: 70px; }
.myaccount_address{ width:252px; float:left; display:block; text-transform: uppercase; }
.myaccount_address h3{font-weight:normal; text-transform:uppercase; font-size:12px; margin:0 0 20px 0;}
.myaccount_address p{font-size:9px; color:#000; letter-spacing:1px;}
.myaccount_address a{font-size:9px; color:#858585; letter-spacing:1px;}
.address_block{float:left; display:block; width:125px;}
.address_block.fade{width:95px; margin-left:30px;}
.address_block.fade p, .address_block.fade address{color:#858585; margin-bottom: 10px;}
/* ======================================================================================= */
/* Thank You Page and Main Account */
.thankyou{width:624px;}
.myorder{width:624px; float:left; display:block; margin:0 44px 0 0;}
.td-order{ width: 100px;}
.td-date{ width: 98px;}
.td-products{ }
.td-order-total{ width: 45px; }
.td-estimated{ width: 115px; }
.td-status{ width: 73px; }
.thankyou td { font-size:11px; }
.thankyou .item-info { margin-bottom: 10px; }
.myorder td { font-size:12px; }
.td-products .item-info { width: 270px; float: left; }
.td-products .ordered-qty-price { float: left; width: 123px; text-align: right; }
.total-row td.total-cell { color: #000 !important; padding-bottom: 10px !important; }
.total-row td { padding: 1px !important; }
.total-row .td-order-total { text-align: right; }
a.print-this{font-size:9px;}
.meta-menu{margin:0; padding:0;}
.meta-menu li{float:left; display:block; margin:30px 18px 0 0;}
.br_40{height:40px;}
.history td{ font-size:11px;}
.history td a{color:#6c6c6c; font-size:11px;}
.myaccount_address{width:252px; float:left; display:block;}
.myaccount_address h3{font-weight:normal; text-transform:uppercase; font-size:12px; margin:0 0 20px 0; color: #000; }
.myaccount_address p, .myaccount_address address { font-size:9px; color:#000; letter-spacing:1px; text-transform: uppercase; margin-bottom: 10px; }
.myaccount_address a{font-size:9px; color:#858585; letter-spacing:1px;}
.address_block{float:left; display:block; width:125px;}
.address_block.fade{width:95px; margin-left:30px;}
.address_block.fade p{color:#858585;}
.address_block.method-info { width: 110px; margin-left:30px; }
/* Order view page */
.sales-order-view h1,
.sales-order-print h1 { font-size: 16px; margin-bottom: 16px; }
.sales-order-view h3,
.sales-order-print h3 { font-size: 12px; margin-bottom: 16px; }
.sales-order-print .order-buttons { display: none; }
.customer-order-view-container {
width: 750px;
float: left;
margin-right: 44px;
}
.sales-order-view .myaccount_address,
.checkout-onepage-success .myaccount_address { width: 148px; }
.sales-order-view .myaccount_address .address_block,
.sales-order-print .myaccount_address .address_block,
.checkout-onepage-success .myaccount_address .address_block { width: 148px !important; margin-bottom: 25px; font-size: 9px; }
.sales-order-view .myaccount_address address,
.sales-order-print .myaccount_address address,
.checkout-onepage-success .myaccount_address address { margin-bottom: 0; }
.sales-order-view .myaccount_address .address_block td,
.sales-order-view .myaccount_address .address_block th,
.ales-order-print .myaccount_address .address_block td,
.sales-order-print .myaccount_address .address_block th,
.checkout-onepage-success .myaccount_address .address_block td,
.checkout-onepage-success .myaccount_address .address_block th { padding: 0; font-size: 9px; }
.sales-order-view .myaccount_address .address_block td,
.sales-order-print .myaccount_address .address_block td,
.checkout-onepage-success .myaccount_address .address_block td { /*color: #8E8E8E;*/ }
.sales-order-print .myaccount_address { clear: both; width: 600px !important; }
.sales-order-print .myaccount_address .address_block { float: left; margin: 15px 30px 0 0; }
.sales-order-view .address_block.last,
.sales-order-print .address_block.last,
.checkout-onepage-success .address_block.last { margin-bottom: 0; }
.sales-order-print .order-back-link-container { display: none; }
.order-view-table .td-date { width: 98px; }
.order-view-table .td-products { width: 210px; }
.order-view-table .td-size { width: 80px; }
.order-view-table .td-qty { width: 50px; }
.order-view-table .td-sku { width: 212px; }
.order-view-table .td-status { width: 80px; }
.order-view-table .td-subtotal-total { width: 54px; text-align: right; padding-right: 4px; }
.order-view-table tbody tr:first-child td { padding-bottom: 0; }
.order-view-table tbody tr:last-child td { padding-bottom: 8px !important; }
.checkout-onepage-success .order-view-table .td-sku { width: 200px !important; }
.checkout-onepage-success .order-view-table .td-subtotal-total { width: 52px !important; }
.checkout-onepage-success .order-view-table .td-qty { width: 54px !important; }
.order-back-link-container { float: left; }
.order-back-link-container a { font-size: 9px; }
.order-view-totals-table-container { width: 274px; float: right; margin-top: 4px; }
.order-view-totals-table-container table { width: 274px; margin-bottom: 15px !important; }
.order-view-totals-table-container table td { font-size: 9px; }
.order-view-totals-table-container table .total-type-cell { width: 150px; }
.order-view-totals-table-container table .total-amount-cell { width: 124px; text-align: right; padding-right: 4px !important; }
.order-view-totals-table-container table .total-cell { font-size: 11px; padding-top: 8px !important; padding-bottom: 4px !important; }
.order-view-totals-table-container table span.light { font-size: 9px; color: #8E8E8E; }
.order-view-totals-table-container .order-buttons a { width: 123px !important; }
.order-view-totals-table-container .order-buttons .print { float: right; }
.order-view-totals-table-container .order-back { margin-top: 10px; }
.order-view-totals-table-container .order-buttons a.continue-shopping { width: 265px !important; margin-top: 10px; }
/* Three Column page index-10 */
input.btnsubmit, a.btnsubmit{width:126px!important; height:23px!important; text-align:left!important; padding:0 0 3px 9px!important;
line-height:23px!important; color:#fff!important; font-size:11px!important; text-transform:uppercase!important;
font-family:'Gill Sans W01 Medium', 'GillSans', 'Helvetica', sans-serif!important; text-shadow:none!important; font-weight:normal!important;
display:block; float:left; border-radius:0!important;}
.registerbtn { margin-top: 4px; }
.guestcheckoutbtn { margin: 20px 0 5px 0; }
/* Shop Retailers */
.shops_sidebar{float:left; display:block; width:212px; margin:0 25px 0 0;}
.shops_content{float:left; display:block; width:705px;}
ul.retailer_list{margin:0; padding:0;}
ul.retailer_list li{float:left; display:block; width:213px; margin:0 25px 0 0;}
ul.retailer_list li.last{margin:0}
span.email, span.stockist-url { text-transform:none; }
.retailer_list .store p { text-transform: none !important; }
.shops_content h3, .retailer_list p.groupname { margin-top: 14px !important; font-size: 18px; text-transform: uppercase !important; }
/* Contact Page */
.contact-title { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
.contact_col_1{float:left; display:block; width:183px; margin:0 54px 0 0;}
.contact-form p.required { text-align: left; }
.contact_col_2{float:left; display:block; width:422px; margin:0 54px 0 0;}
label{text-transform:uppercase; font-size:11px; letter-spacing:1px; display:block; width:100%; margin:0 0 5px 0; }
.half_field { float:left; display:block; margin:0 7px 12px 0;}
.contact-form .half_field { float:left; display:block; width:207px; margin:0 7px 12px 0;}
.half_field.last{margin:0;}
.contact-form .half_field input { width:206px;}
.contact-form button { letter-spacing: 1px; }
.contact-form .half_field select{ width:206px !important; }
.contact-form .half_field input.email { width: 420px; }
.full_field{float:left; display:block; width:421px; margin:0 0 12px 0; }
.full_field input{width:419px; }
.full_field textarea{width:419px; height:220px; padding:5px;}
input.btnsubmit, a.btnsubmit{ /*width:126px!important; height:19px!important;*/ border-width: 0 !important;
/*line-height:19px!important;*/ color:#fff!important; font-size:11px!important; text-transform:uppercase!important;
font-family:'Gill Sans W01 Medium', 'GillSans', 'Helvetica', sans-serif!important; text-shadow:none!important; font-weight:normal!important;
display:block; float:left; padding: 1px 0 0 9px!important; border-radius:0!important; background-color: none !important; background-image: none !important; border-style: none !important; background-color: #4C4D52 !important; letter-spacing: 1px; }
.contact_col_3{float:left; display:block; width:250px;}
.contact_col_3 a { text-transform: none; }
.contact_title { margin-bottom: 20px; }
/* Account Login/Create Pages ============================================================ */
.account-login .content { }
a.btnsubmit{text-decoration:none!important; /*height:19px!important; line-height:19px!important;*/ padding:1px 0 0 9px!important; /*width:114px!important;*/}
.account-login h1 { text-transform:uppercase; letter-spacing:1px; margin:0 0 15px 0;}
.account-login h2 { text-transform:uppercase; letter-spacing:1px; margin:0 0 15px 0; font-weight:normal; font-size:12px; }
.sign_col_1, .sign_col_2, .sign_col_3{ float:left; display:block; width:274px; }
.sign_col_1 { margin: 0 45px 0 0; }
.sign_col_2 { margin: 0 43px 0 0; }
.checkbox-label { display: inline; }
/*.account-login p,*/ .account-login label { font-size:9px; }
/*
.sign_col_1 .txtfield, .sign_col_2 .txtfield, .sign_col_3 .txtfield {
border: 1px solid #B6B6B6;
width:269px;
margin:0 0 5px 0;
}
*/
a.forgotpwd, a.advantages{
float:left;
display:block;
color:#828282;
font-size:9px;
letter-spacing:1px;
clear: both;
}
/* Account forgotten password */
.customer-account-forgotpassword h2.legend {
font-size: 16px;
}
.customer-account-forgotpassword .buttons-set {
width: 252px;
}
/* Create an Account / Sign In */
a.btnsubmit{text-decoration:none!important; /*height:19px!important; line-height:19px!important;*/ padding:1px 0 0 9px!important; /*width:114px!important; */}
.page_signin h2{text-transform:uppercase; letter-spacing:1px; margin:0 0 15px 0;}
.page_signin h3{text-transform:uppercase; letter-spacing:1px; margin:0 0 15px 0; font-weight:normal; font-size:12px; color: #000; }
.sign_col_1, .sign_col_2, .sign_col_3{float:left; display:block; width:274px;}
.sign_col_1{margin: 0 45px 0 0;}
.sign_col_2{margin: 0 43px 0 0;}
/*.page_signin p, */.page_signin label{ font-size:9px; text-transform: uppercase; }
.sign_col_1 .txtfield, .sign_col_2 .txtfield, .sign_col_3 .txtfield{border: 1px solid #B6B6B6; width:269px; margin:0 0 5px 0; }
a.forgotpwd, a.advantages{float:left; display:block; color:#828282; font-size:9px; letter-spacing:1px; }
.page_signin .half_field{width:126px; padding-bottom:0!important; margin-bottom:5px!important; }
.page_signin .half_field input{width:125px;}
.page_signin .half_field select{width:125px;}
.page_signin .full_field{width:262px; padding-bottom:0!important; margin-bottom:5px!important;}
.page_signin .full_field input{width:258px;}
.page_signin .full_field select{width:258px;}
p.checkbox { clear: both!important; float: none!important; position: relative; }
p.checkbox input { left: 0px; position: absolute; top:2px; }
p.checkbox label { display: block!important; margin-left: 20px; width: 200px;}
p.checkbox label a{color:#828282; font-size:9px; z-index:999;}
.btnsubmit.bigger{width:185px!important;}
.br_80{height:180px;}
.sign_col_1 a{font-size:9px;}
.half_field a, .half_field span{font-size:9px; color:#b5b5b5;}
/* Account Login/Create Pages ============================================================ */
.shopping_cart table{width:100%; padding:0 0 10px 0; border-bottom:1px solid #7F8286; }
.shopping_cart th{text-transform:uppercase; font-weight:normal; letter-spacing:1px; color:#8e8e8e; font-size:9px; border-bottom:1px solid #7F8286; }
.shopping_cart td{padding:8px 0; text-transform:uppercase; font-weight:normal; letter-spacing:1px; color:#000;}
.shopping_cart td a{color:#8e8e8e; font-size:9px;}
.shopping_cart .td-product{width:158px;}
.shopping_cart .td-desc{width:319px;}
.shopping_cart .td-size{width:191px;}
.shopping_cart .td-size a{padding:0 65px 0 0; float:right; display:block;}
.shopping_cart .td-quantity{width:209px;}
.shopping_cart .td-quantity ul{margin:0; padding:0;}
.shopping_cart .td-quantity ul li{float:left; display:block; }
.shopping_cart .td-quantity ul li.update-lnk{padding:0 40px 0 8px;}
.shopping_cart .td-quantity input{width:22px; height:22px; border:1px solid #7F8286; font-size:9px;}
/* My Account ============================================================================= */
.sizechart_facebox { width: auto !important; min-width: 580px; }
.ie7 .sizechart_facebox { width: 580px !important; min-width: 580px; }
.sizechart_container table{ width:100%; padding:0 0 10px 0; text-transform:uppercase; }
.sizechart_container th { padding: 4px 10px; font-weight:normal; letter-spacing:1px; color:#000; background: #bbb; border-bottom:1px solid #7F8286; text-align: center; }
.sizechart_container td { padding: 4px 10px; text-transform: none; font-weight:normal; letter-spacing:1px; color:#000; border-bottom:1px solid #7F8286; text-align: center; }
.sizechart_container .first { text-align: left !important; text-transform: uppercase; }
.sizechart_container h1 { font-size: 18px; margin-bottom: 10px; }
/* Carousel */
.carousel{width:100%; display:block; height:390px;}
.carousel ul{margin:0; padding:0; width:100%; display:block; height:390px;}
.carousel ul li{list-style:none; float:left; display:block; margin:0 24px 0 0; width:140px; height:310px;}
/* Carousel Pagination */
.carousel-pagination, .collections-pagination {text-align:center; padding:13px 0 0 0;}
.carousel-pagination a, .collections-pagination a{ width:20px; height:24px; line-height:16px; text-indent:-9999em; display:inline-block; background:url(../img/arrows-bg.gif);}
.carousel-pagination a.prev, .collections-pagination a.prev-collection {background-position:-3px 0;}
.carousel-pagination a.prev:hover, .collections-pagination a.prev-collection:hover {background-position:-3px -23px;}
.carousel-pagination a.next, .collections-pagination a.next-collection {background-position:-27px 0;}
.carousel-pagination a.next:hover, .collections-pagination a.next-collection:hover {background-position:-27px -23px;}
.ie7 .carousel-pagination a, .ie7 .collections-pagination a { display:block; }
.ie7 .carousel-pagination, .ie7 .collections-pagination { position: relative; }
.ie7 .carousel-pagination .prev { position: absolute; top: 15px; right: 51%; }
.ie7 .carousel-pagination .next, { position: absolute; top: 15px; left: 51%; }
.ie7 .collections-pagination { padding-top: 40px; }
.ie7 .collections-pagination .prev-collection { position: absolute; top: 18px; left: 0; }
.ie7 .collections-pagination .next-collection { position: absolute; top: 18px; left: 30px; }
/* Big Single Carousel */
.col_slide_big .carousel{height:464px; width:645px; display:block;}
.col_slide_big .carousel ul{height:464px; width:645px; }
.col_slide_big .carousel ul li{height:464px; margin:0; width:645px;}
.text-left{text-align:left!important;}
.text-left .prev, .text-left .prev-collection {margin-right:5px;}
.carousel-pagination p, .collections-pagination p { letter-spacing:2px !important;}
/* Single Carousel */
.col_slide .carousel{height:483px;}
.col_slide .carousel ul{height:483px;}
.col_slide .carousel ul li{height:483px; margin:0; width:349px;}
/* Share Icons Footer */
/*.cms-sharethis { margin-bottom: -40px; }*/
.product-shop .sharethis { padding-top: 23px; }
.sharethis{width:297px; float:left; display:block; /*bottom: 20px; position: absolute;*/ }
.sharethis p{ font-size:9px !important; color:#b1b1b1 !important; text-transform:uppercase !important; margin: 0px!important;}
.sharethis .addthis_toolbox.addthis_default_style.addthis_32x32_style a.at300b {margin-right: 8px!important; padding: 0px!important;}
.sharethis a{ margin-right: 10px;}
.sharethis ul{margin:0; padding:0;}
.sharethis ul li{float:left; display:block}
.sharethis ul li a{display:block; float:left; width:27px; height:20px;text-indent:-9999em;}
/*background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/shareicons.jpg) no-repeat top center;*/
.sharethis ul li.twitter a{ background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/twiticon-sm.gif) no-repeat left -1px; display:block!important; float:left!important; width:30px!important; height:20px!important;}
.sharethis ul li.twitter a:hover{ background-position:left -1px;}
.sharethis ul li.byemail a{ background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/shareicon.gif) no-repeat 0 -20px; display:block!important; float:left!important; width:27px!important; height:20px!important;}
.sharethis ul li.byemail a:hover{ background-position:left -1px;}
.sharethis ul li.sharepin { width: 50px;}
.col_slide_nav{width:348px; float:left; display:block; height:40px;}
/* Collection Page */
.col_desc_collection{float:left; display:block; width:245px;}
.col_slide_collection{
float: left;
display: block;
width: 400px;
height: 676px;
}
.col_slide_collection2{
float: left;
display: block;
width: 698px;
height: 476px;
margin-top: 100px;
margin-bottom: 100px;
}
.col_slide_collection .carousel{height:852px; width:463px; display:block;}
.col_thumbs_collection{float:left; display:block; width:234px;}
.col_thumbs_collection ul{margin:0; padding:0;}
.col_thumbs_collection ul li,
.col_thumbs_collection div {float:left;display:block; width:117px; height:auto; min-height:120px;}
/* Columns and Main Content */
.cms-main-page { min-height: 482px; }
.collections-list { margin-top: 45px; }
.collection-images {
float: right;
width: 698px;
}
.collection-images .carousel {
height: 870px !important;
}
.collection-images .carousel ul{
height: 870px !important;
}
.collection-images .carousel li {
width: 698px !important;
margin: 0 !important;
height: 870px !important;
};
.col_2{float:left; display:block; width:50%;}
.alignleft{float:left; display:block;}
.alignleft.space{margin-left:35px;}
.alignright{float:right; display:block;}
.alignright.space{margin-right:35px;}
.col_3{float:left; display:block; width:228px; margin:43px 0 0 0;}
.col_3.first{margin-right:128px;}
.col_3.last{margin-left:128px;}
.caption{margin:28px 0 0 0; border-top: 1px solid #7F8286; padding:5px 0 0 0;}
.caption p{text-transform:uppercase; color:#676767; font-size:11px; line-height:16px;}
.text p{text-transform:uppercase; color:#676767; font-size:12px; line-height:16px; letter-spacing:1px;}
.col_desc{float:left; display:block; margin:0 15px 0 0; width:282px;}
.col_desc p{text-transform:uppercase; color:#676767; font-size:11px; line-height:16px;}
.col_desc h1{text-transform:uppercase; color:#676767; font-size:11px; line-height:16px; margin: 0 0 10px;}
.col_slide{float:left; display:block; width:348px;}
.col_slide_big{float:left; display:block; width:646px;}
.col_shop_desc{float:left; display:block; width:273px;}
.col_shop_2{float:left; display:block; width:321px; height:445px; margin:0!important; padding:0;}
.col_shop_2.last{margin: 0 0 0 0; }
.col_video_desc{width:160px; float:left; display:block;}
.col_video_player{width:583px; float:left; display:block; margin:0 0 0 19px; min-height: 500px; }
.main{position:relative;}
.main p, .small-title { text-transform: uppercase; font-size:11px; line-height:16px; letter-spacing: 1px; margin: 0 0 10px; }
.col-left p { text-transform: uppercase; }
.main a, .main a:hover{text-decoration:none;}
.main strong{font-weight:normal; color:#000;}
.main small{font-size:9px;}
.main p .normal-text-link { font-size: 11px; }
.contact_col_3 p { margin-bottom: 24px; }
.contact_col_3 p.contact_title { margin-bottom: 12px; }
.cms-home .col_2 a { text-decoration: none; }
.ie7 .cms-home .col_2 { width: 430px; float: right; margin-left: 20px; margin-right: 20px; }
/* FAQ and Delivery Pages */
.sidebar_page{float:left; display:block; width:197px; }
.sidebar_page a{text-decoration:none;}
.sidebar_page a:hover;{text-decoration:underline;}
.sidebar_page li.active a{color:#000;}
.content_page{float:left; display:block; width:468px; margin-left: 20px; }
.content_page h2{margin:0 0 15px 0 }
.content_page .post h2{margin:0}
.content_page h3{font-size:11px; font-weight:normal !important; text-transform:uppercase !important; margin:0 !important;}
.content_page h4{font-size:11px; font-weight:normal !important; text-transform:uppercase !important; margin:0 !important; }
.content_page p {text-transform:none; margin:0 0 20px 0 !important; color: #2F2F31 !important; }
.content_page a {text-transform:none; }
a.backtop{ text-transform:uppercase; font-size:8px;text-decoration:none !important; margin:30px 0 0 0 !important; display:block !important;}
a.backtop:hover{text-decoration:underline }
.content_page table tr:first-child td { color: #000; }
.content_page td { padding-right: 10px; }
#facebox .content_page {
float: none !important;
margin-left: 0 !important;
width: auto !important;
}
#facebox a.backtop {
display: none !important;
}
ul.list, ol.list{ margin:0 0 30px 20px; }
ul.list li, ol.list li {font-size:11px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/li-slash.jpg) 0 3px no-repeat; padding-left:13px; line-height:16px; text-transform: none; color: #2F2F31; }
/* Blog */
.blog_content { width: 500px }
.post .date { margin-bottom: 20px; color: #2F2F31 }
.share-post{display:block; width:100%; float:left; margin:10px 0;}
.share-post ul{margin:0; padding:0;}
.share-post ul li{float:left; display:block;}
.share-post ul li.byemail a{width:27px; height:20px; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/shareicons.jpg) no-repeat top center; text-indent:-9999em; background-position:-30px 0; float:left; display:block;}
.meta { border-bottom: 1px solid #7F8286; padding-bottom: 20px; margin: 0 0 20px 0; }
.meta p, .meta a{text-transform:uppercase; margin: 0 !important; }
.post-content .fb-like, .post-content .fb_share_count_hidden { display: none }
.post-content, .post-content p { font-size: 13px; letter-spacing: 0; }
.pagination{display:block; width:100%; float:left;}
.pagination a{text-decoration:none; float:left; display:block; margin:0 20px 0 0;}
.pagination a:hover;{text-decoration:underline;}
.pagination a span{display:block; background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/arrows.jpg) no-repeat top center; width:16px; height:12px; text-indent:-9999em; }
.pagination a.prev-posts span{float:left; background-position:top left;}
.pagination a.next-posts span{float:right; background-position:top right;}
/* CSS for jQuery effects */
a.text-hover{display:block;}
a.text-hover, a.text-img-hover{position:relative; text-decoration:none;}
.ie8 a.text-hover, a.text-img-hover{ height: 390px; display: block; }
.ie9 a.text-hover, a.text-img-hover{
height: 310px;
display: block;
}
a.text-hover:hover{text-decoration:none;}
a.text-hover span.mini-white.big, a.text-hover:hover span.mini-wihte.big, a.text-img-hover span{position:absolute; font-size:32px; color:#fff; top:183px; left:15px; line-height:34px; width:312px; display:none;}
a.text-hover span.mini-white, a.text-img-hover span.mini-white{position:absolute; font-size:22px; color:#fff; top:125px; left:36px; line-height:22px; width:209px; display:none; letter-spacing: 2px;}
a.text-hover span.mini-black, a.text-img-hover span.mini-black{
position: absolute;
font-size: 22px;
color: #fff;
top: 125px;
left: 36px;
line-height: 22px;
width: 209px;
display: none;
letter-spacing: 2px;
}
a.text-img-hover span.mini-black{top:135px; left:63px;text-decoration:none}
.home-text { width: 400px !important; }
/* End Awesome JS */
.my-account .title-buttons .link-rss { float:none; margin:0; }
/********** < Dashboard */
.dashboard .welcome-msg { margin:0 8em 1.5em 0; }
.dashboard .welcome-msg p { margin:0; }
.dashboard .col2-set { margin:0 0 15px; }
/* General Box */
.box-account { background:#fff url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_account_box.gif) 0 0 repeat-x; border:1px solid #ccc; border-color:#ccc #999 #999 #ccc; padding:15px; margin: 0 0 20px; }
.box-account .box-head { border-bottom:1px solid #d9dde3; margin:0 0 10px; text-align:right; }
.box-account .box-head h2 { float:left; margin:0; font-size:13px; font-weight:bold; text-transform:uppercase; background-position:0 0; background-repeat:no-repeat; padding-left:21px; }
.dashboard .box .box-title { background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 2px; margin:0 0 8px; text-align:right; }
.dashboard .box .box-title h3,
.dashboard .box .box-title h4 { float:left; font-size:13px; font-weight:bold; margin:0; }
/* Block: Recent Orders */
.dashboard .box-recent .box-head h2 { background-image:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_folder-table.gif); }
/* Block: Account Information */
.dashboard .box-info .box-head h2 { background-image:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_ma-info.gif); }
.dashboard .box-info h4 { font-size:11px; font-weight:bold; text-transform:uppercase; }
/* Block: Reviews */
.dashboard .box-reviews .box-head h2 { background-image:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_ma-reviews.gif); }
.dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; }
.dashboard .box-reviews .details { margin-left:20px; }
.dashboard .box-reviews li.item { margin:0 0 7px; }
.dashboard .box-reviews li.item.last { margin:0; }
.dashboard .box-reviews .ratings { margin:7px 0 0; }
/* Block: Tags */
.dashboard .box-tags .box-head h2 { background-image:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/i_ma-tags.gif); }
.dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; }
.dashboard .box-tags .details { margin-left:20px; }
.dashboard .box-tags li.item { margin:0 0 7px; }
.dashboard .box-tags li.item.last { margin:0; }
.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li { display:inline; }
/********** Dashboard > */
/* Address Book */
.addresses-list h2 { font-weight:bold; font-size:13px; text-transform:uppercase; }
.addresses-list h3 { font-weight:bold; font-size:13px; }
.addresses-list address { margin:0 0 3px; }
.addresses-list p { margin:0; }
.addresses-list a { font-weight:bold; }
.addresses-list .link-remove { }
.addresses-list .separator { margin:0 3px; }
.addresses-list li.item { background:#fff url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_account_box.gif) 0 0 repeat-x; border:1px solid #ccc; padding:10px 13px; margin:0 0 10px; }
.addresses-list li.empty { background:none; border:0; padding:0; }
.addresses-list li.empty p { font-weight:bold; }
.addresses-list .addresses-additional li.item { background:none; border:0; padding:0; }
/* Order View */
.order-info { background:#dee5e8; border:1px solid #d0cbc1; padding:4px 8px; margin:0 0 8px; }
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li { display:inline; }
.order-info .current { font-weight:bold; }
.order-info li { margin:0 3px; }
.order-date { margin:10px 0; }
.order-info-box { padding: 20px 0; margin:0 0 15px; }
.order-info-box h2 { font-weight:bold; font-size:13px; }
.order-info-box .box-payment p { margin:0 0 3px; }
.order-info-box .box-payment th { font-weight:bold; padding-right:7px; }
.order-items { width:100%; overflow-x:auto; }
.order-items h2,
.order-items h3 { font-weight:bold; font-size:13px; }
.order-items .product-name { font-size:1em !important; font-weight:bold !important; }
.order-items .link-print { float:right; font-weight:normal; }
.order-items p .link-print { float:none; }
.order-gift-message { margin:15px 0; }
.gift-message dt strong { }
.gift-message dd { margin:5px 0 0; font-size:13px; }
.order-about { margin:15px 0; }
.order-about dt { font-weight:bold; }
.order-about dd { font-size:13px; margin:0 0 7px; }
.tracking-table { margin:0 0 15px; }
.tracking-table th { font-weight:bold; white-space:nowrap; }
.tracking-table th,
.tracking-table td { padding:1px 5px 0 0; }
.tracking-table-popup { width:100%; }
.tracking-table-popup th { font-weight:bold; white-space:nowrap; }
.tracking-table-popup th,
.tracking-table-popup td { padding:1px 8px; }
/* Order Print Pages */
.page-print .print-head { margin:0 0 15px; }
.page-print .print-head .logo { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
.page-print h1 { font-size:16px; font-weight:bold; }
.page-print h2,
.page-print h3 { font-size:13px; font-weight:bold; }
.page-print h2.h2 { font-size:16px; font-weight:bold; }
.page-print .order-date { background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; }
.page-print .col2-set { margin:0 0 10px; }
/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }
.sales-order-print .myorder { width: 670px !important; }
.sales-order-print .ordered-qty-price { width: 113px !important; }
.sales-order-print .col2-set { margin: 20px 0 0 0 !important; width: 670px !important; }
/* My Wishlist */
.my-wishlist .data-table td { padding:10px; }
.my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; }
.my-wishlist textarea { display:block; width:97%; height:109px; }
.my-wishlist .buttons-set { margin-top:2em; }
.my-wishlist .buttons-set button.button { float:none; }
.my-wishlist .buttons-set .btn-add span,
.my-wishlist .buttons-set .btn-share span { border-color:#406a83; }
#wishlist-table .add-to-links { white-space:nowrap; }
/* My Tags */
.my-tag-edit { float:left; margin:0 0 10px; }
.my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; }
#my-tags-table { clear:both; }
#my-tags-table td { padding:10px; }
#my-tags-table .add-to-links { white-space:nowrap; }
/* My Reviews */
#my-reviews-table td { padding:10px; }
.product-review .product-img-box { float:left; width:140px; }
.product-review .product-img-box .product-image { display:block; width:125px; height:125px; }
.product-review .product-img-box .label { font-size:11px; margin:0 0 3px; }
.product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; }
.product-review .product-details { margin-left:150px; }
.product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; }
.product-review h3 { font-size:12px; margin:0 0 3px; }
.product-review .ratings-table { margin:0 0 10px; }
.product-review dt { font-weight:bold; }
.product-review dd { font-size:13px; margin:5px 0 0; }
/* Billing Agreements */
.billing-agreements .form-list li select { float:left; }
.billing-agreements .form-list li button.button { float:left; margin-left:10px; }
.billing-agreements .table-caption { font-weight:bold; font-size:13px; }
/* ======================================================================================= */
/* Footer ================================================================================ */
.footer-container { }
footer { padding: 5px 0; border-top: 1px solid #7f8286; }
.ie7 #footer-nav { margin: 5px 0; }
footer .store-switcher { display:inline; margin:0 5px 0 0; }
footer .store-switcher label { font-weight:bold; vertical-align:middle; }
footer .store-switcher select { padding:0; vertical-align:middle; }
footer a { text-decoration:none;text-shadow: 1px 1px 1px #FFFFFF; }
footer a:hover { color: #333; }
footer .bugs { /*margin:13px 0 0;*/ display:none; }
footer .bugs a { text-decoration:underline; }
footer .bugs a:hover { text-decoration:none; }
footer address { float: left; line-height: 16px; }
footer address a { }
footer address a:hover { }
footer ul { float:left; display:block; }
footer ul.links { }
footer li { float:left; display:block; margin-right:10px; line-height: 1; }
footer li.last { }
footer li a { font-size:9px; color:#7F8286; text-transform:uppercase; text-decoration:none; letter-spacing:1px; }
footer .footer-right-container { float: right; }
footer .footer-right-container ul { float: none; }
footer #social-nav { float:right; display:block; height:16px; margin-top: -1px; }
footer #social-nav li {float:left; display:block; margin-left:8px; line-height:16px; }
footer #social-nav li a, #social-nav li span, footer address { font-size:9px; color:#A9A9A9; text-transform:uppercase; text-decoration:none; letter-spacing:1px; }
footer #social-nav .facebook a {
background: url("http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/faceb-icon.gif") no-repeat scroll left -23px transparent;
display: block;
float: left;
height: 18px;
margin: 3px 2px 0 0;
text-indent: -9999em;
width: 16px;
}
footer #social-nav .facebook a:hover { background: url("http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/faceb-icon.gif") no-repeat scroll left -2px transparent; }
footer #social-nav .facebook { margin-right: 2px !important; margin-left: 4px !important; }
footer #social-nav .twitter a {
background: url("http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/twiticon-grey.gif") no-repeat scroll left -23px transparent;
display: block;
float: left;
height: 18px;
margin: 3px 2px 0 0;
text-indent: -9999em;
width: 22px;
}
.ie7 footer { position: relative; }
.ie7 footer .footer-right-container { position: absolute; top: 5px; right: 0; width: 205px; }
footer #social-nav .twitter a:hover { background: url("http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/twiticon-grey.gif") no-repeat scroll left -2px transparent; }
footer #social-nav .twitter { margin-left: 0 !important; margin-right: 0 !important;}
/* ======================================================================================= */
/* Sample Data============================================================================ */
.home-callout { margin-bottom:12px; }
.home-callout img { display:block }
.home-spot { float:left; width:470px; margin-left:20px; }
.best-selling h3 { margin:12px 0 6px 0; font-size:1.2em; }
.best-selling table { border-top:1px solid #ccc; }
.best-selling tr.odd { background:#eee url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; }
.best-selling tr.even { background:#fff url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/best_selling_tr_even_bg.gif) 0 100% repeat-x; }
.best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; }
.best-selling .product-img { float:left; border:2px solid #dcdcdc; }
.best-selling .product-description { margin-left:107px; line-height:1.3em; }
.best-selling a.product-name,
.home-spot .best-selling a.product-name:hover { }
/* ======================================================================================= */
/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
header .quick-access:after,
.main:after,
footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.ie7 div.clearfix { clear: both; height: 0 !important; line-height: 0 !important; }
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
div#ajaxLoading
{
width:32px;
height: 32px;
position: fixed;
top: 50%;
left: 50%;
margin-left: -16px;
margin-top: -16px;
z-index:2;
overflow: auto;
}
#facebox .control input {
float: left;
}
#facebox .control label {
width: 220px !important;
}
#facebox strong {
font-size: 11px;
}
/* Notify me when back in stock */
#facebox .notify-back-in-stock .page_signin .full_field {
width: 258px;
}
#facebox .notify-back-in-stock .page_signin .full_field textarea {
width: 258px;
height: 120px;
}
/* Notify me when back in stock */
#facebox .mh-send-to-friend {
width: 428px !important;
}
#facebox .mh-send-to-friend textarea {
height: 90px !important;
}
#facebox .mh-send-to-friend li {
position: relative;
}
#facebox .mh-send-to-friend .btn-remove {
position: absolute;
right: -17px;
top: 27px;
}
/*
VideoJS Default Styles (http://videojs.com)
Version 2.0.2
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
Will be set to the width of the video element through JS
If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box { text-align: left; position: relative; line-height: 0 !important; margin: 0; padding: 0 !important; border: none !important; }
/* Video Element */
video.video-js { background-color: #000; position: relative; padding: 0; }
.vjs-flash-fallback { display: block; }
/* Poster Overlay Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }
/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }
/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; }
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */
/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */
/* Controls Layout
Using absolute positioning to position controls */
.video-js-box .vjs-controls {
position: absolute; margin: 0; opacity: 0.85; color: #fff;
display: none; /* Start hidden */
left: 0; right: 0; /* 100% width of video-js-box */
width: 100%;
bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
height: 35px; /* Including any margin you want above or below control items */
padding: 0; /* Controls are absolutely position, so no padding necessary */
}
.video-js-box .vjs-controls > div { /* Direct div children of control bar */
position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
text-align: center; margin: 0; padding: 0;
height: 25px; /* Default height of individual controls */
top: 5px; /* Top margin to put space between video and controls when controls are below */
/* CSS Background Gradients
Using to give the aqua-ish look. */
/* Default */ background-color: #0B151A;
/* Webkit */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
/* Firefox */ background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 12px;
/* CSS Curved Corners */
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
/* CSS Shadows */
box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}
/* Placement of Control Items
- Left side of pogress bar, use left & width
- Rigth side of progress bar, use right & width
- Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control { left: 5px; width: 25px; }
.vjs-controls > div.vjs-progress-control { left: 35px; right: 165px; } /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control { width: 75px; right: 90px; } /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control { width: 50px; right: 35px; }
.vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px; }
/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control {
border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}
/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; }
/* Play Icon */
.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
.vjs-paused .vjs-play-control span {
width: 0; height: 0; margin: 8px 0 0 8px;
/* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
border-left: 10px solid #fff; /* Width & Color of play icon */
/* Height of play icon is total top & bottom border widths. Color is transparent. */
border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
width: 3px; height: 10px; margin: 8px auto 0;
/* Drawing the pause bars with borders */
border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}
/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { /* Box containing play and load progresses */
position: relative; padding: 0; overflow:hidden; cursor: pointer !important;
height: 9px; border: 1px solid #777;
margin: 7px 1px 0 5px; /* Placement within the progress control item */
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-progress-holder div { /* Progress Bars */
position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-play-progress {
/* CSS Gradient */
/* Default */ background: #fff;
/* Webkit */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
/* Firefox */ background: -moz-linear-gradient(top, #fff, #777);
}
.vjs-load-progress {
opacity: 0.8;
/* CSS Gradient */
/* Default */ background-color: #555;
/* Webkit */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
/* Firefox */ background: -moz-linear-gradient(top, #555, #aaa);
}
/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ }
/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; }
.vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span { /* Individual volume bars */
float: left; padding: 0;
margin: 0 2px 0 0; /* Space between */
width: 5px; height: 0px; /* Total height is height + bottom border */
border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; }
.vjs-volume-control div span:nth-child(6) { margin-right: 0; }
/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; }
.vjs-fullscreen-control div {
padding: 0; text-align: left; vertical-align: top; cursor: pointer !important;
margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
margin-right: 3px; /* Space between top-left and top-right */
margin-bottom: 3px; /* Space between top-left and bottom-left */
border-top: 6px solid #fff; /* Height and color */
border-right: 6px solid rgba(0,0,0,0); /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }
/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
display: none; /* Start hidden */ z-index: 2;
position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
border: 3px solid #fff; opacity: 0.9;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
/* CSS Background Gradients */
/* Default */ background-color: #0B151A;
/* Webkit */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
/* Firefox */ background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 40px;
/* CSS Shadows */
box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}
div.vjs-big-play-button span {
display: block; font-size: 0; line-height: 0;
width: 0; height: 0; margin: 20px 0 0 23px;
/* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
border-left: 40px solid #fff; /* Width & Color of play icon */
/* Height of play icon is total top & bottom border widths. Color is transparent. */
border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}
/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
/* Scaling makes the circles look smoother. */
transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }
/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/
/***additional css by burt***/
#carousel a span{
text-decoration:none;
}
.carousel-index{
color:#6d6d6f;
}
.carousel-index:hover{
color:#2f2f31;
}
.main .caption p{
color:#6d6d6f;
letter-spacing: 1px;
}
.main .caption p.active{
color:#2f2f31;
}
.main p strong,.main p.active{
color:#2f2f31;
}
.main a p:hover,.main a:hover,.main a.active, .sidebar a:hover span{
color:#2f2f31;
}
.btnsubmit{
background-color:#4C4D52 !important;/*go to line 2160 for conflict on active state*/
}
.linked-products a{
display:block;
}
.page_shop_men p{
color:#6d6d6f;
}
#main select{
background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/active_state_input.png) no-repeat scroll right top #FFFFFF !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
}
#main select:hover{
background:url(http://www.margarethowell.co.uk/skin/frontend/mh_theme/default/images/rollover_state_input.png) no-repeat scroll right top #FFFFFF !important;
}
/***end additional css by burt***/
/* Newsletter */
.mailing-list-form h3 { font-weight:normal; color:#000; text-transform:uppercase; margin:0 0 27px 0; font-size: 16px; letter-spacing: 1px; }
.mailing-list-form .half_field{ display:block; width:206px; margin:0 7px 12px 0; }
.mailing-list-form .half_field.last{ margin:0; }
.mailing-list-form .half_field input{ width:206px; }
.mailing-list-form .half_field select{ width:206px; }
.mailing-list-form .full_field{ float:left; display:block; width:421px; margin:0 0 12px 0; }
.mailing-list-form .full_field input { width:419px; border:1px solid #ccc; }
.mailing-list-form .full_field textarea { width:419px; height:220px; padding:5px; }
.mailing-list-form .full_field textarea.out-of-stock-message { height: 120px; }
#max_recipient_message { text-transform: uppercase; font-size: 11px; margin-top: 10px; }
.col-main .std{ font-size:11px; text-transform:uppercase; }
.active-left{ color:#000000 !important;}
.currency-popup h1{ text-transform:uppercase;}
.currency-popup ul li a{ text-transform:uppercase; font-size:13px; text-decoration:none;}
.currency-popup ul li a:hover{ text-decoration:none; color:#000000;}
.totals-table tr th{ text-align:left !important;}
.cart ul.checkout-types li{ clear: both;
display: block;
float: left;
margin-bottom: 10px;}
.cart ul.checkout-types a { font-size: 11px; white-space: nowrap; }
ul.messages{ display:none !important;}
/* Shops and Retailers */
.shops_content{ float:left; display:block; width:705px; }
.shops_content h2 { text-transform: uppercase; letter-spacing: 1px; }
.shops_content div.store p, { margin: 0; }
.shops_content div.store, .shops_content p.store { margin-bottom: 30px }
ul.retailer_list{margin:0; padding:0;}
ul.retailer_list li{float:left; display:block; width:220px; margin:0 18px 0 0;}
ul.retailer_list li.last{ margin:0; }
span.email{text-transform:none;}
button.button.btn-proceed-checkout { width: 186px; }
.onestepcheckout-place-order button.button { width: 186px; }
.addnew { font-size: 9px; }
.tokensage a { display: block; font-size: 9px; }
.cms-story .col_medium_text p { font-size: 9px; color: #7f7f7f}
/* CMS Story Page */
.col_big_text { float:left; display:block; width:349px; color: #7F7F7F; font-size: 9px; text-transform: none !important; letter-spacing:1px; }
.col_big_text.wide {width:100%;}
.cms-story p, .story p { text-transform: none; font-size: 13px; }
p.sign{ color: #7f7f7f !important; text-transform: none; }
.col_medium_text { font-size: 9px; float:left; display:block; width:229px; margin:0 0 0 67px; padding-top: 2px; }
.col_medium_text p { text-transform: uppercase;}
.col_medium_text.last{ margin-right:0; padding-top: 0px;}
.col_medium_text.last p, .col_medium_text.last strong { font-size: 11px; text-transform: uppercase;}
.not_capital, .not_capital p { text-transform: none; letter-spacing:0;}
p.sign {letter-spacing: 1px;}
.decorate-popup-text { text-transform: uppercase; }
.decorate-popup-text a { text-decoration: none; font-size: 9px; }
.cart .discount { padding: 9px 15px; }
.cart .discount div { color: #8e8e8e; }
.cart .discount h2 { text-transform: uppercase; font-size: 11px; letter-spacing: 1px; display: block; font-weight: normal; color: #8e8e8e; font-family: 'Gill Sans W01 Medium', GillSans, Helvetica, sans-serif; margin: 0 0 2px; }
.cart .discount #gifcard-use-balance-form .input-box { margin-bottom: 5px; }
.cart .discount #gifcard-use-balance-form .input-box label { display: inline; }
.cart .discount .discount-form .input-box { margin: 0; }
.cart .discount .discount-form label { margin: 0; }
.cart .discount .discount-form input { line-height: 20px; padding: 2px 3px; font-size: 11px; color: #6d6d6f; font-family: Helvetica, Arial, sans-serif; width: 137px; height: 18px; border: 1px solid #7F8286 !important; }
.cart .discount .discount-form button { width: 145px; }
.cart .discount .discount-form .buttons-set { margin-bottom: 10px; }
.cart .discount .applied-gift-cards span { text-transform: uppercase; font-size: 11px; }
/**
* Magento Commercial Edition
*
* NOTICE OF LICENSE
*
* This source file is subject to the Magento Commercial Edition License
* that is available at: http://www.magentocommerce.com/license/commercial-edition
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @category design
* @package base_default
* @copyright Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com)
* @license http://www.magentocommerce.com/license/commercial-edition
*/
/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }
.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }
/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(http://www.margarethowell.co.uk/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }
/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(http://www.margarethowell.co.uk/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(http://www.margarethowell.co.uk/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }
/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }
.bottom-container .widget a { padding:0 3px; }
/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }
.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(http://www.margarethowell.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(http://www.margarethowell.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }
.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(http://www.margarethowell.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(http://www.margarethowell.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }
.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(http://www.margarethowell.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(http://www.margarethowell.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */
/* `Widths
----------------------------------------------------------------------------------------------------*/
.input_tiny {
width: 50px;
}
.input_small {
width: 100px;
}
.input_medium {
width: 150px;
}
.input_large {
width: 200px;
}
.input_xlarge {
width: 250px;
}
.input_xxlarge {
width: 300px;
}
.input_full {
width: 100%;
}
/*
Added via JS to