/* AWS 1 */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0b1 | 201101 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

.clear-fix:after
{
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h2
{
	margin-top: 2px;
	font-size: 14px;
	font-weight: normal;	
}

h1, .explicitH1
{
	font-size: 24px;
	font-weight: normal;
	margin-top: 0px;
}

h1.withSubTitle
{
	margin-bottom: 2px;
}

h1.pageTypeTitle 
{
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 4px;
	padding-right: 6px;	
	color: #8b8b8b;
}

a
{
	color: #666666;
}

.buildInfo 
{
    position: absolute;
    background-color: White;
    color: Black;
    font-size: 9px;
    z-index: 9999;
    bottom: 5px;
    right: 5px;
    padding: 3px;
    border-radius: 2px;
}

/*========================================================*/
/* Forms */
/*========================================================*/

.imageBesideTextBox 
{
    vertical-align: middle;
    margin-top: -3px;
    padding-left: 11px;
}

label.inField 
{
    font-size: 12px;
    color: #464646;
    position: absolute;
    padding: 3px 0 0 4px;
}

input.textInput /* for IE6, do not merge with below */
{
	border: solid 1px #c1c1c1;
	padding: 3px;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	margin: 0px;
}


input[type=text], textarea, select, input[type=password]
{
	border: solid 1px #c1c1c1;
	padding: 3px;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
    resize: none;
	margin: 0px;
}

/*--------------------------------------
/* Theme Picker */
/*--------------------------------------*/

.themePicker 
{
    width: 465px;
    height: 300px;
    overflow-x: auto;
    overflow-y: scroll;
    position: relative;
    padding: 0px !important;
}

.themePicker .theme {
    float: left;
}

.themePicker .selectorInner {    
    width: 56px;
    height: 32px;
    margin: 0px;
    border: solid 2px #fff;
}

.themePicker .selected
{
}

/*========================================================*/
/* Image Selector */
/*========================================================*/

.imageSelector .themePicker
{
    padding: 5px;
}

.imageSelector .selector
{
    cursor: pointer;
    border-style: solid;
    border-width: 5px !important;
    border-color: transparent;  
}

.themePicker .selector {
    cursor: pointer;
    border-style: solid;
    border-width: 2px;   
}

.imageSelector img.selector, .themePicker img.selector
{
    margin: 0px;
    margin-right: -4px; /* White space nightmares */
    padding: 2px;
    border-radius: 2px;
}

.themePicker .unselected,
.themePicker .unselected .selectorInner {
    border-color: #F2F3F4 !important;
}

/*========================================================*/
/* Legal */
/*========================================================*/

.legal h1
{
    font-size: 30px;
    margin-bottom: 11px;
}

.legal h2
{
    font-size: 16px;
}

.legal p
{
    margin-bottom: 17px;
    color: #5F5F5F;
}

.legal ul
{
    margin-bottom: 17px;
    color: #5F5F5F;
}

.legal ul li 
{
    margin: 0 0 6px 30px;
    list-style-type: decimal;
}

/*========================================================*/
/* Waiting */
/*========================================================*/

#waiting
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: Black;
    opacity: 0.3;
    z-index: 999999;
}

#waiting img
{
    position: fixed ;
    left: 50%;
    top: 50%;
    height: 32px;
    width: 32px;
}

div.waiting 
{
    position: absolute;
    background-image: url(/common/ajax-waiting.gif);
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    background-color: transparent;
    z-index: 999999;    
}

.fullPageLoading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
}

/*========================================================*/
/* Dialog */
/*========================================================*/
#dialog-background
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: Black;
    opacity: 0.3;
    z-index: 9999;
}

/*========================================================*/
/* Styled Drop Down */
/*========================================================*/

ul.styledDropDown * 
{
	margin:0; 
	padding:0;	
	cursor:default;
}

ul.styledDropDown a 
{
	color: #000000; 
	text-decoration:none; 
	display:block;
}

ul.styledDropDown 
{
	margin:0; 
	padding:0; 
	list-style:none; 
	color:#000; 
	background:#fff; 
	border:1px solid #c1c1c1; 
	border-bottom: none;
	top:22px; 
	left: 0; 
	height:auto; 
	overflow:auto; 
	font-size: 13px;
	text-align:left; 
	position:absolute; 
	z-index:899;
}

.styledDropDownSelected 
{
	float: left;
	background-color:#ffffff;
	background-image: url(/common/icon-selectarrow-down.png);
	background-position: 153px 3px; 
	background-repeat: no-repeat;
	border:1px solid #c1c1c1; 	
	color:#000000; 
	height:22px; 
	padding:0; 	
	position: relative;
}

.styledDropDownSelected div 
{
	font-size: 13px;
	padding: 2px 21px 4px 4px; 
	text-align:left !important; 	
}

ul.styledDropDown 
{
	max-height: 220px;
	border-bottom: 1px solid #c1c1c1;
}

ul.styledDropDown li 
{
	border-bottom: 1px solid #ebebeb;
}

ul.styledDropDown li:last-child
{
	border-bottom: none;
}

ul.styledDropDown li a 
{
	padding: 3px 8px; 
	display: block;
	min-height: 16px;
}

ul.styledDropDown li a:focus 
{
	-moz-outline-style: none;
	outline: none;
}
.valueSelectedText
{
	overflow:hidden; 
	height:16px; 
	padding:0 23px 0 0;
}

.listSelectedOption a 
{
	background:#d1d1d1 !important; 
}

.listSelectedOption 
{
	background:#d1d1d1 !important; 
}

.styledDropDownHover 
{
	background:#e1e1e1 !important; 
}


input.disabled {
	background-color: #f3f3f3 !important;	
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Debug */

#debugInfo 
{
    border: 10px solid #F3F4F4;
    padding: 22px;
    background-color: White;
    font-size: 12px;
}

#debugInfo h1
{
    font-size: 20px;
    margin-top: 5px;
    font-weight: bold;
}

#debugInfo h2
{
    font-size: 18px;
    margin-top: 5px;
}

#debugInfo h3
{
    font-size: 16px;
    margin-top: 5px;
}

#debugInfo table
{
    width: 100%;
}

#debugInfo table tr
{
    text-align: left;
}

#debugInfo table thead tr
{
    font-weight: bold;
    background-color: Silver;
}

#debugInfo table td, #debugInfo table th
{
    padding: 3px;
}


.couponCodeEntry .validationSymbol
{
	display: none;
}

.couponCodeEntry .couponCodeInput 
{
	vertical-align: top;
	margin-left: 4px;
}

.couponCodeEntry .couponResultMessage 
{
	display: block;
	border: solid 2px #269ec5;
	background-color: #ffffff;
	margin: 15px 0;
	color: #269ec5;
	padding: 10px;
	font-weight: bold;
	overflow: visible;
}

.couponCodeEntry .couponResultMessageHidden 
{
	display: none;
}

/* Shadowbox (lightbox) */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:Arial,Helvetica,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:10001;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/common/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:0px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/common/shadowbox/close.png);}
#sb-nav-next{background-image:url(/common/shadowbox/next.png);}
#sb-nav-previous{background-image:url(/common/shadowbox/previous.png);}
#sb-nav-play{background-image:url(/common/shadowbox/play.png);}
#sb-nav-pause{background-image:url(/common/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

#sb-counter{float:left;width:70px;}
#sb-title {display: none;}
#sb-body-inner {background-color: #c6c5bc;} 
#sb-wrapper {min-width:230px;border: solid 1px #e1e1e1;border-right: solid 1px #e1e1e1;}
#sb-wrapper-inner {border: solid 1px #c6c5bc;border-right: none;}
#sb-info,#sb-info-inner{height:43px;line-height:43px;background-color: #f5f5f5;padding-left: 8px;}
#sb-counter {color: #aaaaaa;font-size: 16px; font-weight: bold;}
#sb-nav{height:27px;padding:8px 0;width:140px;}
#sb-nav a{margin-right:8px;width:27px;height:27px;}
#sb-nav-close{background-image:url(/skins/smallfish-green/button-close.png);}
#sb-nav-close:hover{background-image:url(/skins/smallfish-green/button-close-on.png);}
#sb-nav-next{background-image:url(/skins/smallfish-green/button-shadowbox-arrowright.png);}
#sb-nav-next:hover{background-image:url(/skins/smallfish-green/button-shadowbox-arrowright-on.png);}
#sb-nav-previous{background-image:url(/skins/smallfish-green/button-shadowbox-arrowleft.png);}
#sb-nav-previous:hover{background-image:url(/skins/smallfish-green/button-shadowbox-arrowleft-on.png);}

.remove-bottom-margin {
    margin-bottom: 0 !important;
}

.remove-bottom-padding {
    padding-bottom: 0 !important;
}

.no-border {
    border: none !important;
}

/*
 * Swiper 2.6.1
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: May 6, 2014
*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.removeMargin {
    margin: 0 -12px;
}

.swiper-container {
	/* Specify Swiper's Size: */
	width:100%;
	/*height: 300px;*/
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	width: 100%;
	height: auto;
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #aaa;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;   
}
.swiper-active-switch {
	/* Specific active button style: */	
      background: #fff;
	
}
.swiper-visible-switch {
	/* Specific visible button style: */		
}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:12px;
  width: 100%;
  z-index: 999999;
}

/*--------------------------------------
/* Client Wizards */
/*--------------------------------------*/
.clientWizard {
    
}

.clientWizardStep {
}

.clientWizardStepCurrent {
}

.clientWizardStepTitle {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 16px;
    color: #5f5f5f;

}

.clientWizardNavigation {
    text-align: right;
    margin-top: 10px;
}

.clientWizardNavigation .clientWizardNextStep {
    float: right;
    display: block;
}

.clientWizardNavigation .clientWizardPreviousStep {
    float: right;
    display: block;
    margin-right: 5px;
}

.clientWizardNavigation .clientWizardCancel {
    float: right;
    display: block;
    margin-right: 5px;
}

.clientWizardNavigation .clientWizardFinish {
    float: right;
    display: block;
}

.clientWizardNavigation .clientWizardText {
    float: right;
    display: block;
    font-size: 1.5em;
    font-style: italic;
    margin-right: 10px;
    margin-left: 15px;
}

/*--------------------------------------
/* Wizards */
/*--------------------------------------*/

.wizard
{
    width: 896px;
    line-height: 1.5em;
    padding: 11px;
}

.wizardPage .wizard, 
.wizardPage .wizard input {
    font-family: Lato;
}

.wizardHeader
{
    vertical-align: top;
    padding-bottom: 16px;
}

.wizard .wizardStep
{
    width: 896px;
}

.wizard .titleContainer
{
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 10px;
}

.wizard .wizardTitle
{
    color: #5f5f5f;
}

.shop .wizard .notificationSection 
{
    margin: 11px 0 0 0;
}

.wizardHeader .wizardBreadcrumbContainer
{
    padding-bottom: 12px;
    border-top: solid 1px #eaeaea;
    padding-top: 6px;
    padding-left: 1px;
    color: #cccccd;
}

.wizardHeader a.wizardBreadcrumbLink, .wizardHeader .wizardBreadcrumbSelectedLink
{
    color: #5f5f5f;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    margin: 0 3px;
}

.wizardHeader a.wizardBreadcrumbSelectedLink
{
    color: #F5732D;
}

.wizardHeader a.wizardBreadcrumbLink:hover
{
    color: #F5732D;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
}

.wizardHeader a.wizardBreadcrumbSeperator
{
    color: #5f5f5f;
}

.wizardHeader a.wizardBreadcrumbComplete, .wizardHeader a.wizardBreadcrumbCompleteSelected
{
    padding-right: 16px;
    background-image: url(/common/icon-wizardtick-done.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.wizardHeader .stepTitle
{
    color: #F5732D;
}

.wizardNavigationArea
{
    margin-top: 22px;
    float: right;
    font-size: 1px;
    line-height: 0;
}

.wizardNavigationArea input
{
    padding-left: 6px;
}

.wizardStep
{
    margin-top: -20px;
}

.oneStepWizard .wizardStep, .confirmationWizard .wizardStep
{
    margin-top: 0;
}

.confirmationWizard .wizardHeader
{
    padding-bottom: 12px;
}

.shop .confirmationWizard .notificationSection 
{
    margin: 0;
}

.wizardStepSectionTitle
{
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-position: 15px 10px;
    padding: 5px 5px 5px 32px;
    font-size: 14px;
    font-weight: bold;
    color: #363636;
    margin-bottom: 3px;
    margin-top: 3px;
    clear: both;
}

.wizardStepSection
{
    background-color: #f2f3f4;
    padding: 10px 20px 20px 20px;
    margin-bottom: 2px;
}

.wizardStepSectionWithHelp
{
    background-color: #f2f3f4;
    background-image: url(/common/wizard-section-help-background.png);
    background-repeat: repeat-y;
    background-position: left top;
}

.wizardStepSectionWithHelp .wizardStepSection
{
    display: block;
    vertical-align: top;
    margin-right: 247px;
}

.wizardStepSectionWithHelp .wizardStepSectionHelp
{
    vertical-align: top;
    width: 205px;
    padding: 10px 20px;
    display: block;
    float: right;
    color: #5f5f5f;
}

.wizardStepSectionWithHelp .wizardStepSectionHelp p {
    margin-bottom: 10px;
}

.wizardStepSectionWithHelp:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.wizardStepSectionHelp em
{
    font-weight: bold;
    font-style: normal;
}

.wizardStepSectionHelp li
{
    list-style-type: circle;
    margin-left: 20px;
    margin-bottom: 4px;
}

.wizardStepTitle
{
    color: #5f5f5f;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 11pt;
}

.wizardStepOptionTitle
{
    font-weight: bold;
    font-size: 11pt;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 3px;
}

.wizardStepOptionPanel
{
    padding: 10px 0 0 0;
}

.wizardStepFieldLabel, .wizard label
{
    margin-bottom: -10px;
    padding-bottom: 5px;
    color: #5f5f5f;
    display: block;
    margin-top: 10px;
}

.wizard textarea 
{
    width: 890px;
    height: 32px;
}

.wizardStepField, .wizardStepRadio, .wizardStepRadio2, .radioButtonList
{
    margin-top: 10px;
    color: #5f5f5f;
}

.wizardStepRadio label
{
    display: inline-block;
    margin-top: 0;
}

.wizardStepRadio input[type=radio], .wizardStepRadio input[type=checkbox], .wizardStepRadio2 input[type=radio], .radioButtonList label input[type=radio], .radioButtonList label input[type=checkbox]
{
    margin-right: 5px;
}

.wizardStepRadio2 label, .radioButtonList label
{
    margin: 0 0 0 25px;
    display: block;
}

.wizardStepRadio2 input[type=radio], input[type=checkbox], .radioButtonList input[type=radio], .radioButtonList input[type=checkbox]
{
    float: left;
}

.wizardStepField label, .wizardStepRadio label
{
    cursor: pointer;
}

.radioButtonList br 
{
    display: none; /* These are put in be ASP.NET. We don't want them... */
}

.wizardStepFieldNote
{
    font-size: 11px;
    padding: 5px 0;
    margin-top: 0;
    color: #5f5f5f;
}

.wizardStepWarning
{
    color: Red;
    margin: 10px 0;
}

.wizardStepInformation, .wizardStep2 p
{
    margin: 10px 0 0 0;
    color: #5f5f5f;
}

.wizardStepIntroduction
{
    margin: 0 0 10px 0;
    color: #5f5f5f;
    position: relative;
    top: -5px;
}

.wizardStepSectionRadio .wizardStepInformation, .wizardStepSectionRadio .wizardStepField, .wizardStepSectionRadio .wizardStepFieldLabel
{
    margin-left: 25px;
}

.wizardStepInnerTable td
{
    color: #5f5f5f;
    padding: 6px;
    vertical-align: top;
}

.wizardStepPaddedList td
{
    padding-bottom: 10px;
}

.validationSymbol
{
    background-color: White;
    border: solid 1px #cccccc;
    border-left: none;
    width: 22px;
    height: 16px;
    padding: 3px 0; /*required for textbox alignment*/
    display: inline-block;
    background-position: center center;
    vertical-align: top;
}

.wizardSectionTitle 
{
	font-size: 17px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	color: #5f5f5f;
}

.wizardRoundInsert 
{
	background-color: #ffffff; 
	margin-top: 6px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border:solid 1px #eeeeee;
	padding: 5px 15px;
	color: #5f5f5f;
}

/* Inline fields */

.inlineFieldRow
{
    padding-bottom: 12px;
}

.inlineFieldRow label
{
    display: inline-block;
    width: 120px;
    _zoom: 1;
}

.inlineFieldRow input
{
    display: inline-block;
    _zoom: 1;
    vertical-align: top;
}

.inlineFieldRow input,
.inlineFieldRow select,
.inlineFieldRow .validationSymbol,
.inlineFieldRow .styledDropDownSelected {
	margin-top: 5px;
}

/* Address Form Wizard Step */
.addressForm input
{
    width: 300px;
}

/* Wizard Radio Images */

.wizardRadioImageItem
{
    cursor: pointer;
    padding: 6px;
    border-radius: 4px;
    border: solid 2px #f3f4f4;    
}

.wizardRadioImageItem img {
	display: block;
}

.wizardRadioImageItemSelected 
{
	background-color: #fff;
}

/* Reorder list */
.reorderList select
{
    width: 380px;
    height: 300px;
}
.reorderList .reorderButtons
{
    display: inline-block;
    vertical-align: top;
}
.reorderList .reorderButtons img
{
    display: block;
    margin-bottom: 5px;
}

.inlineUrlLabel 
{
	font-size: 11px; 
	font-weight: normal; 
	color: #333333; 
	display: block; 
	background-color: #e1e1e1; 
	padding: 8px;
	margin: 10px 0;
}

/*--------------------------------------------------------*/
/* Font List */
/*--------------------------------------------------------*/

.fontList input
{
    vertical-align: baseline;
    margin-right: 0.4em;
}

.fontList .googleFont {
    margin-bottom: 0.5em;    
}

/*--------------------------------------------------------*/
/* Tags Input */
/*--------------------------------------------------------*/

.wizard .tagsinput
{
    width: 590px !important;
    height: 55px !important;
}

/*--------------------------------------------------------*/
/* Image Selector */
/*--------------------------------------------------------*/

.defaultSelectorSection 
{
    border-bottom: solid 3px #fff;
    padding-bottom: 10px;
    font-weight: bold;
    color: #5F5F5F;
}

.defaultSelectorHelp 
{
    padding: 20px 20px 0 20px;
    float: right;
    width: 670px;
}

.wizardStepSectionWithHelp .defaultSelectorHelp 
{
    width: 400px;
}

.defaultSelectorHeading 
{
    font-size: 16px;
    padding-bottom: 11px;
}

.imageSelectorItem
{
    vertical-align: top;
    border-top: solid 2px #fff;
    padding: 16px 20px 2px 20px;
    clear: left;
    margin: 0 -20px;
}

.imageSelectorLargeIcon .imageSelectorItem 
{
    min-height: 100px;
}

.imageSelectorItem:first-child {
    border-top: none;
    padding-top: 4px;
}

.imageSelectorImage
{
    float: left;
    position: relative;
    top: -5px;    
}

.imageSelectorLabel {
    margin-left: 128px;
    color: #5f5f5f;
}

.imageSelectorLabel p {
    margin: 0 0 10px 0;
}

.imageSelectorItem h2 {
    color: #5f5f5f;
    font-size: 14px;    
    font-weight: bold;
    margin-bottom: 10px;
}

.imageSelectorItem .imageSelectorShowHide {
    display: none;
}

/*--------------------------------------
/* Wizards */
/*--------------------------------------*/

.accordion
{
    width: 916px;
    line-height: 1.5em;
}

.accordion .wizardHeader
{
    vertical-align: top;
    padding-bottom: 16px;
}

.accordion .wizardStep
{
    width: 896px;
}

.accordion .titleContainer
{
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 10px;
    display: inline-block;
    margin-right: 14px;
}

.accordion .cancelButton {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.accordion .wizardTitle
{
    color: #5f5f5f;
}

.shop .accordion .notificationSection 
{
    margin: 0;
}

.accordion .wizardBreadcrumbContainer
{
    /*
    padding-bottom: 12px;
    border-top: solid 1px #eaeaea;
    padding-top: 6px;
    padding-left: 1px;
    color: #cccccd;
*/
    padding: 0;
}

.accordion a.wizardBreadcrumbLink, .accordion .wizardBreadcrumbSelectedLink
{
    background-color: #f7f7f7;
    padding: 10px 11px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    margin: 0 0 3px 0;
}

.accordion a.wizardBreadcrumbSelectedLink
{
    color: #F5732D;
}

.accordion .completeSteps a.wizardBreadcrumbLink span.wizardbreadcrumbButton {
    display: inline-block;
    margin-left: 10px;
    width: 60px;
    height: 20px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.accordion a.wizardBreadcrumbLink:hover
{
    color: #484848;
    text-decoration: none;
}

.accordion a.wizardBreadcrumbSeperator
{
    color: #5f5f5f;
    font-family: Tahoma;
}

.accordion a.wizardBreadcrumbComplete, .accordion a.wizardBreadcrumbCompleteSelected
{
    /*padding-right: 16px;
    background-image: url(/common/icon-wizardtick-done.png);
    background-position: center right;
    background-repeat: no-repeat;*/
}

.accordion .stepTitle
{
    color: #F5732D;
}

.accordion .wizardNavigationArea
{
    margin-top: 22px;
    float: right;
    font-size: 1px;
    line-height: 0;
}

.accordion .wizardNavigationArea input
{
    padding-left: 6px;
}

.accordion .wizardStep
{
    margin-top: -20px;
}

.accordion .oneStepWizard .wizardStep
{
    margin-top: 0;
}

.accordion .wizardStepSectionTitle
{
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-position: 15px 10px;
    padding: 5px 5px 5px 32px;
    font-size: 14px;
    font-weight: bold;
    color: #363636;
    margin-bottom: 3px;
    margin-top: 3px;
    clear: both;
}

.accordion .wizardStepSection
{
    background-color: #f2f3f4;
    padding: 10px 20px 20px 20px;
    margin-bottom: 2px;
}

.accordion .wizardStepSectionWithHelp
{
    background-color: #f2f3f4;
    background-image: url(/common/wizard-section-help-background.png);
    background-repeat: repeat-y;
    background-position: left top;
}

.accordion .wizardStepSectionWithHelp .wizardStepSection
{
    display: block;
    vertical-align: top;
    margin-right: 247px;
}

.accordion .wizardStepSectionWithHelp .wizardStepSectionHelp
{
    vertical-align: top;
    width: 205px;
    padding: 10px 20px;
    display: block;
    float: right;
    color: #5f5f5f;
}

.accordion .wizardStepSectionWithHelp .wizardStepSectionHelp p {
    margin-bottom: 10px;
}

.accordion .wizardStepSectionWithHelp:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.accordion .wizardStepSectionHelp em
{
    font-weight: bold;
    font-style: normal;
}

.accordion .wizardStepSectionHelp li
{
    list-style-type: circle;
    margin-left: 20px;
    margin-bottom: 4px;
}

.accordion .wizardStepTitle
{
    color: #5f5f5f;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 11pt;
}

.accordion .wizardStepOptionTitle
{
    font-weight: bold;
    font-size: 11pt;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 3px;
}

.accordion .wizardStepOptionPanel
{
    padding: 10px 0 0 0;
}

.accordion .wizardStepFieldLabel
{
    margin-bottom: -10px;
    padding-bottom: 5px;
    color: #5f5f5f;
    display: block;
    margin-top: 10px;
}

.accordion .wizard textarea 
{
    width: 890px;
    height: 32px;
}

.accordion .wizardStepField, .wizardStepRadio, .accordion .wizardStepRadio2, .radioButtonList
{
    margin-top: 10px;
    color: #5f5f5f;
}

.accordion .wizardStepRadio label
{
    display: inline-block;
    margin-top: 0;
}

.accordion .wizardStepRadio input[type=radio], .accordion .wizardStepRadio2 input[type=radio], .accordion .radioButtonList label input[type=radio], .accordion .radioButtonList label input[type=checkbox]
{
    margin-right: 5px;
}

.accordion .wizardStepRadio2 label, .accordion .radioButtonList label
{
    margin: 0 0 0 25px;
    display: block;
}

.accordion .wizardStepRadio2 input[type=radio], .accordion .radioButtonList input[type=radio], .accordion .radioButtonList input[type=checkbox]
{
    float: left;
}

.accordion .wizardStepField label, .accordion .wizardStepRadio label
{
    cursor: pointer;
}

.accordion .radioButtonList br 
{
    display: none; /* These are put in be ASP.NET. We don't want them... */
}

.accordion .wizardStepFieldNote
{
    font-size: 11px;
    padding: 5px 0;
    margin-top: 0;
    color: #5f5f5f;
}

.accordion .wizardStepWarning
{
    color: Red;
    margin: 10px 0;
}

.accordion .wizardStepInformation, .wizardStep2 p
{
    margin: 10px 0 0 0;
    color: #5f5f5f;
}

.accordion .wizardStepIntroduction
{
    margin: 0 0 10px 0;
    color: #5f5f5f;
    position: relative;
    top: -5px;
}

.accordion .wizardStepSectionRadio .wizardStepInformation, .accordion .wizardStepSectionRadio .wizardStepField, .accordion .wizardStepSectionRadio .wizardStepFieldLabel
{
    margin-left: 25px;
}

.accordion .wizardStepInnerTable td
{
    color: #5f5f5f;
    padding: 6px;
    vertical-align: top;
}

.accordion .wizardStepPaddedList td
{
    padding-bottom: 10px;
}

.accordion .validationSymbol
{
    background-color: White;
    border: solid 1px #cccccc;
    border-left: none;
    width: 22px;
    height: 16px;
    padding: 3px 0; /*required for textbox alignment*/
    display: inline-block;
    background-position: center center;
    vertical-align: top;
}

.accordion .wizardSectionTitle 
{
	font-size: 17px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	color: #5f5f5f;
}

.accordion .wizardRoundInsert 
{
	background-color: #ffffff; 
	margin-top: 6px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border:solid 1px #f7f7f7;
	padding: 5px 15px;
	color: #5f5f5f;
}

/* Inline fields */

.accordion .inlineFieldRow
{
    padding-bottom: 12px;
}

.accordion .inlineFieldRow input
{
    display: inline-block;
    _zoom: 1;
    vertical-align: top;
}

.accordion .inlineFieldRow input,
.accordion .inlineFieldRow select,
.accordion .inlineFieldRow .validationSymbol,
.accordion .inlineFieldRow .styledDropDownSelected {
	margin-top: 5px;
}

/* Wizard Radio Images */

.accordion .wizardRadioImageItem
{
    cursor: pointer;
    padding: 6px;
    border-radius: 4px;
    border: solid 2px #f3f4f4;    
}

.accordion .wizardRadioImageItem img {
	display: block;
}

.accordion .wizardRadioImageItemSelected 
{
	background-color: #fff;
}

/* Reorder list */
.accordion .reorderList select
{
    width: 380px;
    height: 300px;
}
.accordion .reorderList .reorderButtons
{
    display: inline-block;
    vertical-align: top;
}
.accordion .reorderList .reorderButtons img
{
    display: block;
    margin-bottom: 5px;
}

.accordion .inlineUrlLabel 
{
	font-size: 11px; 
	font-weight: normal; 
	color: #333333; 
	display: block; 
	background-color: #e1e1e1; 
	padding: 8px;
	margin: 10px 0;
}


.accordion .wizardCurrentStep {
    background-color: #f7f7f7;
    margin-bottom: 3px;
}

.accordion .currentStepTitle {
    padding: 10px 11px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    color: #484848;   
    line-height: 18px;
}

.accordion .stepIndex {
    height: 17px;
    width: 22px;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    padding-top: 5px;
    font-size: 13px;
    text-align: center;    
    line-height: 1;
    margin-right: 5px;
    
    background: rgb(103,201,74); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(103,201,74,1) 0%, rgba(136,213,113,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,201,74,1)), color-stop(100%,rgba(136,213,113,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(103,201,74,1) 0%,rgba(136,213,113,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(103,201,74,1) 0%,rgba(136,213,113,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(103,201,74,1) 0%,rgba(136,213,113,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(103,201,74,1) 0%,rgba(136,213,113,1) 100%); /* W3C */    
}

.accordion .currentStepTitle .stepIndex {  
    background: rgb(50,50,50); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(50,50,50,1) 0%, rgba(147,147,147,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,1)), color-stop(100%,rgba(147,147,147,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(147,147,147,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(147,147,147,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(147,147,147,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(50,50,50,1) 0%,rgba(147,147,147,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
}

.accordion .incompleteSteps .stepIndex {
    background: rgb(114,114,114); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(114,114,114,1) 0%, rgba(189,189,189,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,114,114,1)), color-stop(100%,rgba(189,189,189,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(189,189,189,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(189,189,189,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(189,189,189,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(114,114,114,1) 0%,rgba(189,189,189,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#bdbdbd',GradientType=0 ); /* IE6-9 */
}

.accordion .stepNavigationBar {
    padding: 0 20px 10px 20px;
    text-align: right;
}

.accordion .checkoutFormSection {
    background-color: transparent;
    border-top: solid 1px #ddd;
}

#innerPage .accordion .contentArea {
    background-color: transparent;
    padding: 5px 20px;
}

.accordion .orderSummaryTable {
    background-color: #fff;
    margin: 0 10px;
}

.accordion .orderSummaryTable tr.cartTableHeaderRow {
    background-image: none;
}

.accordion .cartCouponCodeSection {
    margin: 0 10px;
    padding: 20px 10px 10px 10px;
    background-color: transparent;
}

.accordion .cartContentBlock {
    background-color: transparent;
}

/* ------------------------------------------ */
/* Checkout */
/* ------------------------------------------ */

.checkout,
.checkout .pageArea
{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.checkout .wizard
{
    padding-left: 0;
    padding-right: 0;
    width: 916px;
}

.checkout p
{
    color: #5f5f5f;
}

.checkout table 
{
    width: 100%;
}

.checkoutPaymentMethod .methodName {
	color: #555555;
}

.checkoutPaymentMethod .methodDescription {
	padding-top: 3px; 
	padding-bottom: 12px; 
	color: #5f5f5f;
}

.checkoutFormSection 
{
	background-color: #f7f7f7;
	padding: 20px;
	margin-bottom: 5px;
}

.addressForm .checkoutAddressControl {
    width: 230px;
}

.addressForm select.checkoutAddressControl {
    width: 236px;
}

.checkoutTextBox {
    width: 230px;
}

.checkoutTextArea
{
    width: 97%;
    height: 100px;
}

.checkoutMessage
{
	color: #5f5f5f;    
}

.checkoutMessage h1
{
	font-size: 24px;
	font-weight: bold;
}

.checkoutMessage h2
{
	font-size: 14px;
	font-weight: bold;
}

.checkoutMessage p
{
	margin: 11px 0 11px 0;
}

.checkoutWarning
{
	color: Red;
	font-weight: bold;
}

.checkoutFormRadioDescription 
{
	display: inline-block; 
	vertical-align: top; 
	color: #5f5f5f;
	width: 610px;
	cursor: pointer;
}

.checkoutFormRadioLabel 
{
	font-size: 15px;
	font-weight: bold; 
	position: relative; 
	left: -1px;
}

.continueShoppingLink 
{
    margin-top: 22px;
}

.checkoutPaymentMethod 
{
    width: 916px;
}

.checkoutDeliveryCheckbox 
{
	position: relative;
	top: -1px;
}

/* ------------------------------------------ */
/* Edit Cart */
/* ------------------------------------------ */

.cartMessage 
{
	color: #5f5f5f;    
}

.cartProductOptions 
{
	font-style: italic;
}

.cartGstInformation 
{
	padding: 15px 0 0 0;
	margin-bottom: 5px;
	color: #5f5f5f;
}

.cartTable
{
	border: none;
}

.cartTable .updateButton 
{
    position: relative;
    top: 4px;
}

tr.cartTableHeaderRow 
{
	background-image: url(/common/contentitem-editdivider-960pix.png);
	background-repeat: no-repeat;
} 

tr.cartTableHeaderRow th
{
    padding-top: 11px !important;
    padding-bottom: 5px !important;
}

.cartTable tr {
	vertical-align: top;
}

.cartTable tr th
{	
	color: #555555;
	padding: 8px 6px 8px 6px;
	border: none;
	font-weight: bold;
	font-size: 0.923em;	
	background-color: transparent !important;
	border-bottom: solid 1px #d7d7d6;
	text-align: left;
}

.cartTable tr td
{
	color: #5f5f5f;
	padding: 5px 4px;
	font-size: 0.923em;	
	line-height: 1.5;	
}

.cartTableProductInnerTable {
	border-bottom: solid 2px #ededed;
}

.cartTableProductInnerTable  td {
    vertical-align: top;
}

.cartTable tr.discountProductRow {
	height: 16px;
}

.cartTable tr.discountProductRow td
{
	border-bottom: solid 1px #f3f3f3;
	height: 16px;
}

.cartTable tr.discountProductRow td.imageCell {
	border-bottom: solid 2px #ecedee;
}

.cartTable tr.discountAdjustmentRow td {
	border-top: none;
}

.cartTable tr td select {
	font-size: 0.923em;	
}

.cartTable tr td .prediscountAmount {
	color: #ff0000;
	text-decoration: line-through;
}

.cartTable tr.totalLine td
{
	padding: 4px 5px;
	border-bottom: solid 1px #ecedee;
	font-weight: bold;
	font-size: 0.923em;	
	color: #5f5f5f;
}

.accordion .cartTable tr.totalLine td
{
	font-size: 1.25em;
}

.cartTable tr.lineItem td {
	padding: 4px 5px;
	border-bottom: solid 1px #ecedee;
}

.accordion .cartTable tr.lineItem td
{
	font-size: 1.1667em;
}


.cartCouponCodeSection {
	background-color: #f6f6f6;
	padding: 20px;
	color: #7c7a7b;
	font-size: 12px;
	margin-bottom: 10px;
}

.cartCouponCodeSection label {
	font-weight: bold;
}

.cartCouponCodeSection p {
	margin: 10px 0 4px 0;
}

.cartCouponDisplaySection {
	border-radius: 10px; 
	border: solid 1px #ccc; 
	padding: 10px;
	background-color: #ffffff; 
	margin-top: 5px; 
	-moz-box-shadow: 5px 5px 5px #ccc;	
	-webkit-box-shadow: 5px 5px 5px #ccc;	
	box-shadow: 5px 5px 5px #ccc;	
}

.cartContentBlock {
	background-color: #f3f3f3;
	color: #5f5f5f;
	padding: 10px 15px 15px 15px;	
	margin-top: 4px;
}

.cartContentBlock .title {
	font-weight: bold;
	margin-bottom: 10px;
}

.cartCustomText
{
	padding-bottom: 3px;
}

.couponMessage {
	margin-top: 15px;
}

.couponMessage .notificationBlock {
	margin: 0;
}

.checkoutConfirmCustomText {
	margin-top: 11px;
}

/* ------------------------------------------ */
/* Confirm */
/* ------------------------------------------ */

table.paymentMethodOrderDetails
{
	width: 100%;
	color: #555555;
}

table.paymentMethodOrderSummary 
{
	color: #555555;
}

table.paymentMethodOrderSummary td.label
{
	width: 120px;
}

.paymentMethodOrderSummary td.label, .paymentMethodOrderDetails td.totalLabel
{
	padding: 3px 3px 3px 0;
}

.paymentMethodOrderSummary td.value, .paymentMethodOrderDetails td.value, .paymentMethodOrderDetails td.label
{
	padding: 3px;
}

.paymentMethodOrderDetails tr.oddRow td
{
	
}

.paymentMethodOrderDetails .label 
{
	font-weight: bold;
}

.paymentMethodOrderDetails td 
{
	border-bottom: solid 1px #cccccc;
}

.rightAlign 
{
	text-align: right;
}


.checkoutAddress 
{
	color: #555555;
}









/* OPEN */

html.designStyleOpen .contentPageSlice #innerPage {
    border: none;    
    padding-left: 11px;
    padding-right: 11px;
}

html.designStyleOpen .navigationMenu,
html.designStyleOpen #headerSection {
    padding-left: 11px;
    padding-right: 11px;
}

html.designStyleOpen .headerInfoLine {
    margin: 0;
}

html.designStyleOpen #footer
{
	margin: 0 42px;	
}

html.designStyleOpen,
html.designStyleOpen #body {
    background-color: #fff !important;
}

.shopNavigationItem {
    white-space: nowrap;
}

/* TEXT */

html.navigationText .navigation {
    margin-top: -5px;
}


.navigationAlignmentCentre {
    text-align: center;
}

.navigationAlignmentRight {
    text-align: right;
}

.navigationText .shopNavigationItemCurrent {
    border-bottom: solid 1px black;
}

.navigationText .navigationAlignmentLeft a.shopNavigationItem {
    margin-left: 0;
    margin-right: 15px;
    padding: 0;
}

.navigationText .navigationAlignmentCentre a.shopNavigationItem {
    margin-left: 7px;
    margin-right: 8px;
    padding: 0;
}

.navigationText .navigationAlignmentRight a.shopNavigationItem {
    margin-left: 15px;
    margin-right: 0;
    padding: 0;
}

html.navigationText .navigationPageSlice {
    background-image: url(/common/tabshadow-960.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

html.navigationText h1#pageTitleText {
    font-family: 'Lato', sans-serif;     
    font-weight: 300;
    font-size: 34px !important;
}

/* TABS */
html.navigationTabs .navigationPageSlice {
    background-image: url(/common/tabshadow-960.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

/* OPEN, TABS */
html.navigationTabs.designStyleOpen .contentPageSlice {
    background-color: #fff;
    background-image: url(/common/tabdividerline-fade.png);
    background-repeat: no-repeat;
    background-position: center top;
    
}

html.navigationTabs.designStyleOpen .contentPageSlice #innerPage {
    border-top: solid 1px #d7d7d7;    
}

html.navigationTabs.designStyleOpen .navigationPageSlice {
    background-image: url(/common/tabshadow-1160.png);    
}

/* OPEN, TEXT */

html.navigationText.designStyleOpen .contentPageSlice {
    margin-top: -21px;    
}

html.navigationText.designStyleOpen .navigationPageSlice {
    background-image: none;
}


/*****  subnavLinks - TABS  ****/

html.navigationTabs ul.subnavLinks li 
{
	display: block;
	margin-bottom: 1px;
	background-image: url(/common/LHSmenu-sprite-background.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 2px;
	position: relative;	
}

html.navigationTabs ul.subnavLinks li a
{
	background-repeat: no-repeat;
	background-image: url(/common/LHSmenu-sprite-background-bottom.png);
	background-position: left bottom;
	display: block;
	padding: 4px 22px 4px 10px;	
	text-decoration: none !important;
	line-height: 18px;
	color: #666666;
}

html.navigationTabs ul.subnavLinks li.subsubnavLink a {
	padding-left: 30px;
}

html.navigationTabs ul.subnavLinks li a:hover {
	color: #666666;
}

html.navigationTabs ul.subnavLinks li.subsubnavLink span.subsubnavArrow {
	display: block;
	position: absolute;
	top: 10px;
	left: 16px;
	background-image: url(/common/icon-LHSmenu-bulletarrow-xsmall.png);
	background-repeat: no-repeat;
	width: 5px;
	height: 5px;
}

/* Default */
html.navigationTabs ul.subnavLinks li.default {
	background-position: -990px top;
}
html.navigationTabs ul.subnavLinks li.default a {
	background-position: -990px bottom;
}
html.navigationTabs ul.subnavLinks li.default:hover {
	background-position: -1155px top;
}
html.navigationTabs ul.subnavLinks li.default a:hover {
	background-position: -1155px bottom;
}

/* Current */
html.navigationTabs ul.subnavLinks li.current,
html.navigationTabs ul.subnavLinks li.currentChild {
	background-position: -1650px top;
	color: #fff;	
}
html.navigationTabs ul.subnavLinks li.current a,
html.navigationTabs ul.subnavLinks li.currentChild a {
	background-position: -1650px bottom;
	color: #fff;	
}
html.navigationTabs ul.subnavLinks li.current:hover,
html.navigationTabs ul.subnavLinks li.currentChild:hover {
	background-position: -1815px top;
	color: #fff;	
}
html.navigationTabs ul.subnavLinks li.current a:hover,
html.navigationTabs ul.subnavLinks li.currentChild a:hover {
	background-position: -1815px bottom;
	color: #fff;	
}

/* Parent of current */
html.navigationTabs ul.subnavLinks li.parentOfCurrent {
	margin-bottom: 1px;
}

html.navigationTabs ul.subnavLinks li.parentOfCurrent {
	background-position: -330px top;
	color: #444;
}
html.navigationTabs ul.subnavLinks li.parentOfCurrent a {
	background-position: -330px bottom;
	color: #444;
}
html.navigationTabs ul.subnavLinks li.parentOfCurrent:hover {
	background-position: -495px top;
	color: #444;
}
html.navigationTabs ul.subnavLinks li.parentOfCurrent a:hover {
	background-position: -495px bottom;
	color: #444;
}

/* Current parent */
html.navigationTabs ul.subnavLinks li.currentParent {
	margin-bottom: 1px;
}

html.navigationTabs ul.subnavLinks li.currentParent {
	background-position: -660px top;	
	color: #fff;	
}
html.navigationTabs ul.subnavLinks li.currentParent a {
	background-position: -660px bottom;	
	color: #fff;	
}
html.navigationTabs ul.subnavLinks li.currentParent:hover {
	background-position: -825px top;
	color: #fff;	
}
html.navigationTabs ul.subnavLinks li.currentParent a:hover {
	background-position: -825px bottom;
	color: #fff;	
}

/* Default child */
html.navigationTabs ul.subnavLinks li.childDefault {
	background-position: -1320px top;
	color: #444;
}
html.navigationTabs ul.subnavLinks li.childDefault a {
	background-position: -1320px bottom;
	color: #444;
}
html.navigationTabs ul.subnavLinks li.childDefault:hover {
	background-position: -1485px top;
	color: #444;
}
html.navigationTabs ul.subnavLinks li.childDefault a:hover {
	background-position: -1485px bottom;
	color: #444;
}


/* Parent default */
html.navigationTabs ul.subnavLinks li.parentDefault {
	background-position: 0px top;
}
html.navigationTabs ul.subnavLinks li.parentDefault a {
	background-position: 0px bottom;
}
html.navigationTabs ul.subnavLinks li.parentDefault:hover {
	background-position: -165px top;
}
html.navigationTabs ul.subnavLinks li.parentDefault a:hover {
	background-position: -165px bottom;
}

html.navigationTabs ul.subnavLinks li.subsubnavGroup {
	background-image: none;
}

html.navigationTabs ul.subnavLinks ul.subsubnavLinks {
}

html.navigationTabs ul.subnavLinks li.subsubnavLink 
{
	margin-bottom: 1px;
}


html.navigationTabs ul.subsubnavLinks li.buttons
{
	height: 26px;
}

html.navigationTabs ul.subsubnavLinks li.buttons a, ul.subsubnavLinks li.buttons a:hover
{
    float: right;
	padding: 0 !important;
	background-color: transparent;
}

html.navigationTabs ul.subsubnavLinks li.buttons a
{
    display:inline;
}


/*****  subnavLinks - TEXT  ****/

html.navigationText ul.subnavLinks li a span.subnavDownArrow,
html.navigationText ul.subnavLinks li a:hover span.subnavDownArrow {
    display: inline;
    height: 13px;
    width: 15px;
    background-image: url(/common/leftmenu-downarrow-unselected.png);
	background-position: right 7px;
	background-repeat: no-repeat;
	vertical-align: top;
	text-decoration: none !important;
}


html.navigationText ul.subnavLinks {
    margin-top: -10px;
}

html.navigationText ul.subnavLinks li 
{
	display: block;
	margin-bottom: 1px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 2px;
	position: relative;
	margin-top: 10px;		
	font-size: 15px;
	line-height: 18px;
}

html.navigationText ul.subnavLinks li a
{    
    font-family: 'Lato', sans-serif;     
    font-weight: 300;
	background-repeat: no-repeat;
	display: block;
	padding: 2px 0 2px 0;	
	text-decoration: none !important;	
	color: #787878;
}

html.navigationText ul.subnavLinks li a:hover {
	color: #464646;
	
}

html.navigationText ul.subnavLinks li.subsubnavLink {
    margin-top: 0;	
}

html.navigationText ul.subnavLinks li.subsubnavLink a 
{    
	padding-left: 25px;
	padding-right: 0;
	font-size: 13px;
	background-image: url(/common/leftmenu-bulletarrow-unselected.png);
	background-position: 13px 10px;
}

html.navigationText ul.subnavLinks li.subsubnavLink a:hover {
	background-image: url(/common/leftmenu-bulletarrow-selected.png);
}

html.navigationText ul.subnavLinks li.subsubnavLink span.subsubnavArrow {
}

/* Current */
html.navigationText ul.subnavLinks li.current .o {
	color: #464646;
	text-decoration: underline;		
}
html.navigationText ul.subnavLinks li.current .o .i {
	color: #464646;
}
html.navigationText ul.subnavLinks li.current a {
	color: #464646;	
}
html.navigationText ul.subnavLinks li.current:hover {
	color: #464646;	
}
html.navigationText ul.subnavLinks li.current a:hover {
	color: #464646;	
}
html.navigationText ul.subnavLinks li.current a span {
	color: #464646;	
}

/* Current Child */
html.navigationText ul.subnavLinks li.currentChild {
	color: #464646;
	text-decoration: underline;		
}
html.navigationText ul.subnavLinks li.currentChild a 
{
    background-image: url(/common/leftmenu-bulletarrow-selected.png);
	color: #464646;	
}
html.navigationText ul.subnavLinks li.currentChild:hover {
	color: #464646;	
}
html.navigationText ul.subnavLinks li.currentChild a:hover {
	color: #464646;	
}

/* Parent of current */
html.navigationText ul.subnavLinks li.parentOfCurrent {
	margin-bottom: 1px;
}

html.navigationText ul.subnavLinks li.parentOfCurrent {
	color: #464646;
}
html.navigationText ul.subnavLinks li.parentOfCurrent a 
{
	color: #464646;
}

html.navigationText ul.subnavLinks li.parentOfCurrent a span.subnavDownArrow,
html.navigationText ul.subnavLinks li.parentOfCurrent a:hover span.subnavDownArrow {
    background-image: url(/common/leftmenu-downarrow-selected.png);
}

/* Current parent */

html.navigationText ul.subnavLinks li.currentParent .o {
	color: #464646;
	text-decoration: underline;		
}
html.navigationText ul.subnavLinks li.currentParent .o .i {
	color: #464646;
}


html.navigationText ul.subnavLinks li.currentParent a {
}
html.navigationText ul.subnavLinks li.currentParent a:hover {
}

html.navigationText ul.subnavLinks li.currentParent a span.subnavDownArrow,
html.navigationText ul.subnavLinks li.currentParent a:hover span.subnavDownArrow {
    background-image: url(/common/leftmenu-downarrow-selected.png);
}



/* Default child */
/*html.navigationText ul.subnavLinks li.childDefault {
	color: #787878;
}
html.navigationText ul.subnavLinks li.childDefault a {
	color: #787878;
}
html.navigationText ul.subnavLinks li.childDefault:hover {
	color: #464646;
}
html.navigationText ul.subnavLinks li.childDefault a:hover {
	color: #464646;
}
*/

/* Parent default */
html.navigationText ul.subnavLinks li.parentDefault a 
{
}
html.navigationText ul.subnavLinks li.parentDefault a:hover {
}

html.navigationText ul.subnavLinks li.parentDefault a  span.subnavDownArrow {
    background-image: url(/common/leftmenu-downarrow-unselected.png);
}

html.navigationText ul.subnavLinks li.parentDefault a:hover span.subnavDownArrow {
    background-image: url(/common/leftmenu-downarrow-selected.png);
}

html.navigationText ul.subnavLinks li.subsubnavGroup 
{
    margin-top: 0;
}

html.navigationText ul.subnavLinks ul.subsubnavLinks {
}

html.navigationText ul.subnavLinks li.subsubnavLink 
{
	margin-bottom: 1px;
}


html.navigationText ul.subsubnavLinks li.buttons
{
	height: 26px;
}

html.navigationText ul.subsubnavLinks li.buttons a, ul.subsubnavLinks li.buttons a:hover
{
    float: right;
	padding: 0 !important;
	background-color: transparent;
}

html.navigationText ul.subsubnavLinks li.buttons a
{
    display:inline;
}


/*********/


.navigation .navigationButtons
{
    height: 36px;
}

.navigation a.shopNavigationItem
{
    cursor: pointer;
    text-decoration: none;
}

.navigation .navigationLogo
{
    display: inline-block;
    vertical-align: top;
    padding-right: 24px;
}

.navigation .navigationMenu
{
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;    
    white-space: nowrap;
}

.navigationText .navigationMenu {
    overflow: visible;
}

.bodyEdit .navigation .navigationMenu
{
    overflow: visible !important;    
}

.navigation .navigationMenuText
{
    font-size: 18px;
    text-decoration: none;
}

/* Text */

.navigationText .navigationMenu
{
    margin-bottom: -1px;
}

.navigationText a.shopNavigationItem 
{    
    font-size: 20px;
    line-height: 1.35em;
    vertical-align: middle;
    margin: 1em 0;
    color: #646464;
    padding-right: 15px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

.navigationText a.shopNavigationItem:hover
{    
    color: #464646;
}

.navigationText .navigationMenu .button img
{
    padding: 0 6px 0 0;
    position: relative;
    top: 6px;
}


/* Tabs */
.contentAreaNavigation
{
    padding-top: 0px !important;
}

.navigationTabs .navigationMenu
{
    margin-bottom: -25px;
    height: 50px;
}

.navigationTabs .navigationMenu .button img
{
    margin: 11px 6px 0 0;
}

.navigationTabs .shopNavigationItem
{
    vertical-align: top;
    display:inline-block;
}

.navigationTabs a.shopNavigationItem span
{
    padding-top: 5px;
    margin-top: 3px;
    margin-bottom: 4px;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    color: White;
    height: 36px;
}

.navigationTabs a.shopNavigationItem .navigationMenuText
{
    padding: 0 22px 0 24px;
    line-height: 1em;
}

.navigationTabs a.shopNavigationItem .navigationRight
{
    width: 2px;
    margin-right: 6px;
}

.navigationTabs a.shopNavigationItemCurrent span
{
    margin-top : 0;
}

.navigationTabs a.shopNavigationItemCurrent .navigationLeft {
    margin-left: -6px;
}


.navigationTabs a.shopNavigationItemCurrent span
{
    height: 41px;
}

.navigationTabs a.shopNavigationItemCurrent .navigationRight
{
    margin-right: 0 !important;
}

.navigationTabs a.shopNavigationItemCurrent .navigationLeft
{
	background-image: url(/common/nav-tab-rounded-middle-selected-LHS.png) !important;
}

.navigationTabs a.shopNavigationItemCurrent .navigationMenuText
{
    padding: 6px 19px 0 30px;
}

.navigationTabs a.shopNavigationItemCurrent .navigationRight
{
    width: 13px;
}

.navigationTabs a.shopNavigationItemCurrentLeft .navigationMenuText
{
    padding-left: 24px;
}

.navigationTabs a.shopNavigationItemCurrentLeft .navigationLeft
{
    margin-left: 0px !important;
}

.navigationTabs a.shopNavigationItemCurrent .navigationLeft
{
	background-image: url(/common/nav-tab-rounded-middle-selected-LHS.png) !important;
}
.navigationTabs a.shopNavigationItemCurrent .navigationRight
{
	background-image: url(/common/nav-tab-rounded-middle-selected-RHS.png) !important;
}
.navigationTabs a.shopNavigationItemCurrentLeft .navigationLeft
{
	background-image: url(/common/nav-tab-rounded-left-selected-LHS.png) !important;
}
.navigationTabs a.shopNavigationItemCurrentLeft .navigationRight
{
	background-image: url(/common/nav-tab-rounded-left-selected-RHS.png) !important;
}


/* BACKGROUND DEV 

body {
    *background-image: url(/common/nav-tab-rounded-left-selected-RHS.png);
    background-color: #fff !important;
    background-repeat: repeat;
}

.headerInfoLine .loginStatus,
.headerInfoLine a
{
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
*/

/*========================================================*/
/* Constants */
/*========================================================*/
/*--------------------------------------------------------*/
/* Storbie Brand */
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/* Management */
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/* Responsive */
/*--------------------------------------------------------*/
/*========================================================*/
/* General */
/*========================================================*/
/*========================================================*/
/* Buttons */
/*========================================================*/
ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* */
html {
  overflow-y: scroll;
}

img {
  border: none;
}

strong, b {
  font-weight: bold;
}

em {
  font-style: italic;
}

h1 {
  font-size: 30px;
  font-weight: normal;
  margin-top: 0px;
}

#body {
  padding: 0;
  margin: 0;
  background-color: #f3f4f4;
  font-family: Arial, Sans-Serif;
  font-size: 13px;
}

.pageSlice {
  width: 100%;
  padding: 0;
}

/*
.canEdit .pageSlice .pageSliceInner 
{
    width: 1000px;    
}
*/
.pageSlice .pageSliceInner {
  width: 1000px;
  margin: 0 auto;
}

.navigationPageSlice {
  clear: both;
}

#page {
  padding: 22px 0;
}

#innerPage {
  background-color: #fff;
  margin: 0 22px 0 22px;
  padding: 10px 20px;
  border: 1px;
  border-color: #d7d7d7;
  border-style: solid;
}

#headerSection {
  margin: 0 22px;
}

#headerSection #contentAreaHeader {
  min-height: 40px;
}

#contentAreaNavigation {
  margin: 0 22px;
}

#innerPage #pageTitle h1 {
  font-size: 30px;
  display: inline-block;
}

#innerPage #pageTitle .pageTitleButtons {
  display: inline-block;
  margin-left: 5px;
}

/* Both panels */
#innerPageColumns:after {
  content: "";
  display: table;
  clear: both;
}

#innerPageRight {
  display: block;
  margin-left: 187px;
}

#bodySection {
  display: block;
  margin-right: 187px;
}
#bodySection #contentAreaBody,
#bodySection #contentAreaProductBody {
  width: 100%;
}

#leftSection {
  float: left;
  display: block;
  width: 165px;
}

#rightSection {
  width: 165px;
  float: right;
  display: block;
}

#rightSectionMobile {
  position: absolute;
  left: -10px;
  overflow: hidden;
  width: 10px;
  height: 10px;
  display: none;
}

/* No Left Panel */
.contentPageNoLeftPanel #innerPageRight {
  width: 100%;
  margin-left: 0;
}

/* No Right Panel */
.contentPageNoRightPanel #bodySection {
  width: 100%;
}

/* No Panels */
.contentPageNoPanels #bodySection,
.contentPageNoPanels #innerPageRight {
  width: 100%;
  margin-left: 0;
}

#topNavigation {
  margin: 0 20px;
}

#bottomSection {
  clear: both;
}

#pageTitle {
  padding: 11px 0;
}

#pageTitleText .pageTitleHidden {
  color: #eee;
}

.pageArea {
  margin: 11px;
}

.contentArea {
  position: relative;
  padding: 11px 0 20px 0;
}

#contentAreaBody .addProductButton img {
  margin: 10px 0 14px;
}

#bodySection > div.notificationBlock {
  margin: 11px;
}

.inFlowContentArea .contentArea {
  padding-bottom: 0px;
}

.bodyEdit .inFlowContentArea .contentArea {
  padding-bottom: 1px;
}

.itemArea, .masterItemArea {
  margin-bottom: 20px;
}

.itemAreaLast, .masterItemAreaLast {
  margin-bottom: 0px;
}

ul.navTabs {
  position: relative;
  top: 1px;
}

ul.navTabs li {
  float: left;
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
  padding-bottom: 10px;
  height: 36px;
}

ul.navTabs li a {
  display: block;
  padding: 8px 14px;
  background-color: #ddd;
  font-size: 18px;
  font-weight: bold;
  height: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #6e6e6e;
  color: #fff;
  text-decoration: none;
  background: #808080;
  /* Old browsers */
  background-repeat: repeat-x;
    /*background: -moz-linear-gradient(top, #28376e 0%, #5b6791 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28376e), color-stop(100%,#5b6791));
	background: -webkit-linear-gradient(top, #28376e 0%,#5b6791 100%); 
	background: -o-linear-gradient(top, #28376e 0%,#5b6791 100%); 
	background: -ms-linear-gradient(top, #28376e 0%,#5b6791 100%); 
	background: linear-gradient(top, #28376e 0%,#5b6791 100%); 
	*/
}

ul.navTabs li.current {
  padding-bottom: 0;
  height: 44px;
}

ul.navTabs li.current a {
  background: none;
  background-color: #fff;
  color: #28376e;
  border: solid 1px #d7d7d7;
}

.clear {
  clear: both;
}

.headerInfoLine {
  margin: 0;
  padding-bottom: 20px;
  position: relative;
}

.breadcrumb {
  top: 0;
  left: 0;
  position: absolute;
  width: 644px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
}

.bodyEdit .breadcrumb {
  width: 475px;
}

.loginStatus {
  float: right;
  margin: 1px 14px 1px 1px;
  color: #5f5f5f;
  position: relative;
  z-index: 2;
}

div.loginGreeting {
  width: 130px;
  text-align: right;
}

.loginStatus div {
  display: inline-block;
  vertical-align: top;
  padding-right: 6px;
}

.cartCouponCodeSection {
  margin-top: 20px;
  margin-bottom: 11px;
  vertical-align: top;
}

.shoppingCartSummary {
  float: right;
}

.shoppingCartSummary .cartButton {
  width: 80px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
}

.shoppingCartSummary .cartContents {
  background-position: right top;
  height: 12px;
  display: inline-block;
  padding: 4px 7px;
  vertical-align: top;
  line-height: 13px;
}

.shoppingCartSummary a {
  color: #464646;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left;
  padding: 0;
  position: relative;
  top: -2px;
  font-size: 13px;
  height: 12px;
  display: inline-block;
  vertical-align: top;
}

.mobileControlOuter {
  display: none;
}

#footer {
  color: #aaaaaa;
  padding: 3px 2px 3px 1px;
  font-size: 12px;
  padding-top: 19px;
  margin: 0 20px;
}

#footer a {
  color: #aaaaaa;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: none;
}

.siteLinkFooter {
  float: left;
}

.poweredBySmallfishFooter {
  float: right;
  text-transform: none;
  font-size: 11px;
}

.poweredBySmallfishFooter img {
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.poweredBySmallfishFooter a:hover {
  color: #aaaaaa;
}

.productGalleryRow {
  overflow: hidden;
}

.breadcrumb {
  font-size: 8pt;
  color: #5f5f5f;
  padding-top: 2px;
}

.breadcrumb a {
  text-decoration: none;
  text-transform: uppercase;
}

.breadcrumb .seperator {
  margin-left: 5px;
  margin-right: 5px;
}

.breadcrumb .home img {
  position: relative;
  top: 2px;
}

.button:hover {
  cursor: pointer;
}

/* Shop Search */
.headerInfoLine .shopSearch {
  position: relative;
  top: -1px;
}

.headerInfoLine .shoppingCartSummary {
  margin-left: 14px;
  position: relative;
  top: 1px;
  background-position: left 3px;
}

.headerInfoLine .shopSearch {
  float: right;
  vertical-align: middle;
}

.headerInfoLine .shopSearch a {
  vertical-align: middle;
}

.headerInfoLine .shopSearch input {
  font-size: 12px;
  padding: 0 3px 0 3px;
  height: 18px;
  width: 120px;
  background-color: #e1e1e1;
  color: #464646;
  border-radius: 1px;
  vertical-align: top;
}

.headerInfoLine .shopSearch img {
  margin-left: 3px;
}

.searchFrame, .pagerFrame {
  padding: 22px;
  background-color: #F3F4F4;
}

.searchFrame input[type=text] {
  font-size: 14px;
  background-color: #e1e1e1;
  color: #464646;
  vertical-align: top;
  border: solid 1px #dddddd;
  padding: 5px;
  box-sizing: border-box;
  margin-right: 10px;
  width: 100%;
}

.searchFrame .shopSearch {
  position: relative;
  max-width: 400px;
}

.searchFrame .shopSearch label {
  font-size: 13px;
  padding: 6px;
}

.searchFrame .shopSearchInput {
  margin-right: 65px;
  display: block;
}

.searchFrame .shopSearch a {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}

.searchFrame .pager, .pagerFrame .pager {
  float: right;
}

.searchFrame .pager {
  margin-top: 3px;
}

/*.searchFrame .shopSearch input, .searchFrame .shopSearch label
{
    width: 400px;
    padding: 4px 4px 5px 4px;
    font-size: 14px;
    height: 16px;
    background-color: #e1e1e1;
    color: #464646;
}

.searchFrame .shopSearch
{
    max-width: 400px;
    position: relative;
}

.searchFrame .shopSearch img 
{
    margin-top: -1px;
    margin-left: 3px;
}

.searchFrame .shopSearch input, .searchFrame .shopSearch a, .searchFrame .shopSearch img
{
    vertical-align: middle;
}

.searchFrame .pager, .pagerFrame .pager
{
    float: right;    
}

.searchFrame .pager 
{
    margin-top: 3px;
}*/
.searchResults .noSearchResults {
  margin-top: 22px;
  padding: 22px;
  background-color: #F3F4F4;
  color: #464646;
}

.searchResults .pagerFrame {
  margin-top: 22px;
}

.pagerFrame {
  height: 22px;
}

.pager .previousButton {
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}

.pager .nextButton {
  float: left;
  margin-left: 3px;
}

.pager .page {
  display: block;
  float: left;
  background-color: #e3e3e3;
  color: Black;
  width: 18px;
  height: 17px;
  margin-left: 1px;
  text-align: center;
  padding-top: 3px;
  font-size: 12px;
  text-decoration: none;
}

.pager .currentPage, .pager a.currentPage:hover {
  background-color: transparent !important;
}

/* Add to cart page */
.addToCartFull {
  background-color: #eaeaea;
  padding: 50px;
  color: #5f5f5f;
}

.addToCartFullInner {
  width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.addToCartMobileOnly {
  display: none;
}

table.productOptionsTable {
  width: 100%;
  background-color: #f5f5f5;
}

.addToCartFull .productOptions {
  width: 300px;
  margin: 10px auto 0 auto;
}

.addToCartFull .productOptions .option {
  padding-top: 10px;
}

.addToCartFull .productOptions select {
  width: 300px;
}

.addToCartFull .status {
  text-align: center;
}

table.productOptionsTable tr.headingRow {
  background-color: #d8d8d8;
  color: #464646;
  font-weight: bold;
}

table.productOptionsTable th, table.productOptionsTable td {
  padding: 5px;
  border-top: 1px solid #d8d8d8;
  text-align: left;
}

table.productOptionsTable .select {
  text-align: center;
  width: 60px;
}

.addToCartFull .optionTitle {
  margin-bottom: 3px;
}

.addToCartFull .quantity {
  width: 89px;
  margin: 20px auto 0 auto;
}

.addToCartFull .actions {
  text-align: center;
  width: 208px;
  margin: 10px auto 0 auto;
}

.addToCartFull .topActions {
  margin-top: 10px;
}

.addToCartFull .actions .actionButtonEnquire {
  margin-right: 5px;
}

table.productOptionsTable .availability {
  text-align: center;
}

table.productOptionsTable .right {
  text-align: right;
}

.productQuantitySelector input {
  width: 45px;
}

.productQuantitySelector img {
  position: relative;
  top: 4px;
  margin-left: 2px;
}

/* Contact Form */
.shopContactForm table {
  width: 100%;
  border-width: 16px;
  border-style: solid;
  border-color: #f5f5f5;
  background-color: #f5f5f5;
  color: #5f5f5f;
}

.shopContactForm td {
  vertical-align: top;
  padding: 3px;
}

.shopContactForm table td.label {
  padding-top: 6px;
  width: 150px;
}

.shopContactForm table td.input {
  padding-right: 12px;
}

.shopContactForm input, .shopContactForm textarea {
  width: 100%;
}

.shopContactForm td.button {
  padding-top: 10px;
  text-align: right;
}

/* Shop announcement */
.shopAnnouncement {
  margin-bottom: 22px;
  padding: 28px;
  text-align: center;
  color: White;
  font-size: 18px;
  border-radius: 3px;
}

.shopAnnouncement h2 {
  color: White;
  font-size: 18px;
}

.shopAnnouncement a {
  color: White;
  background-repeat: repeat-x;
}

.shopAnnouncement div {
  margin-top: 22px;
}

.shopAnnouncement p {
  font-size: 14px;
  margin-top: 11px;
  display: block;
}

.shopAnnouncement a.redirectLink {
  font-size: 14px;
  margin-top: 11px;
  display: block;
}

/* Message Pages */
.messagePage {
  background-color: #f0f0f0;
  padding: 61px;
  text-align: center;
  color: #5f5f5f;
}

.messagePage h1 {
  font-size: 32px;
  margin-bottom: 14px;
  color: #5f5f5f;
}

.messagePage h2 {
  font-size: 18px;
  margin: 6px 0 17px 0;
}

.messagePage p {
  font-size: 14px;
  margin: 0 0 23px 0;
  line-height: 1.4;
}

.messagePage p.footnote {
  font-size: 14px;
  margin-top: 15px;
}

/* Error Pages */
.errorPage {
  background-color: #f0f0f0;
  border: solid 1px #e1e1e1;
  padding: 61px 20px;
  text-align: center;
  color: #5f5f5f;
}

.errorPageContent {
  max-width: 512px;
  margin: 0 auto;
  width: 100%;
}

.errorPage h1 {
  font-size: 50px;
  margin: 0;
}

.errorPage h2 {
  font-size: 18px;
  margin: 1em 0 1em 0;
}

.errorPage p {
  font-size: 14px;
  margin: 0 0 1.5em 0;
  line-height: 1.4;
}

.errorPage p.footnote {
  font-size: 14px;
  margin-top: 15px;
}

/* PayPal */
.paypalInformationArea {
  background-color: #f5f5f5;
  width: 897px;
  text-align: center;
  padding: 55px 20px;
  color: #5f5f5f;
  font-weight: bold;
  line-height: 1.5em;
}

.paypalInformationArea .ppiaSmallfishLogo {
  padding-top: 40px;
}

.paypalInformationArea .ppiaMessage {
  padding: 5px 80px;
}

.paypalInformationArea .ppiaButton {
  padding-top: 30px;
}

/* Notifications */
/*============================================*/
/* Notifications */
/*============================================*/
.shop .notificationSection {
  margin: 11px 0 0 0;
}

.shop .termsConditionsSection {
  margin: -9px 11px 20px 11px;
}

.shop .notificationBlock {
  background-repeat: repeat-x;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 14px;
  line-height: 1.5em;
}

.shop .notificationBlock:not(:last-child) {
  margin-bottom: 11px;
}

.shop .notificationBlock a {
  color: #fff;
}

.shop .outOfOffice {
  font-size: 15px;
  text-align: center;
}

.shop .successNotification .notificationText,
.shop .missingRequiredFieldValue .notificationText,
.shop .invalidFieldValue .notificationText,
.shop .errorNotification .notificationText,
.shop .failureNotification .notificationText,
.shop .acceptTermsMessage .notificationText {
  margin-left: 3px;
  padding: 3px 0 3px 37px;
  background-repeat: no-repeat;
  background-position: left;
}

.shop .successNotification .notificationText {
  background-image: url(/common/icon-tick-medium.png);
}

.shop .invalidFieldValue .notificationText,
.shop .errorNotification .notificationText,
.shop .failureNotification .notificationText,
.shop .acceptTermsMessage .notificationText {
  background-image: url(/common/icon-alert-medium.png);
}

.shop .acceptTermsMessage .notificationText {
  font-size: 18px;
}

.shop .notificationInlineButton {
  position: relative;
  left: 5px;
  top: 5px;
  vertical-align: baseline;
}

.shop .notificationMainButton {
  margin-top: 12px;
}

.shop .missingRequiredFieldValue .notificationText {
  background-image: url(/common/icon-validation-mandatory-medium.png);
}

/* Borders */
.bordersNone img,
.bordersThin img,
.bordersGradient img {
  width: 100%;
  display: block;
}

.bordersThin .bordersApply {
  border: solid 1px #d7d7d7;
  padding: 1px;
  display: block;
}

.bordersThin .borderIndent {
  padding: 2px;
}

.bordersGradient .bordersApply {
  background-image: url(/common/backgroundgradient-vertical-medium.png);
  background-repeat: repeat-x;
  padding: 8px 8px 0 8px;
}

.bordersGradient a {
  border: solid 1px #d7d7d7;
  padding: 1px;
  display: block;
}

.bordersGradient .borderIndent {
  padding: 5px 10px 10px 10px;
}

/* Contact Form */
.shopContactForm .notificationSection {
  margin: 10px 0 20px !important;
}

.editCartTitle {
  margin-top: 22px;
}

.fullPageBody {
  padding: 10px;
}

.imageCaption {
  background-image: url(/common/icon-captionarrow-xsmall.png);
  background-position: 3px 3px;
  background-repeat: no-repeat;
  padding-left: 18px !important;
  font-style: italic;
  font-size: 0.875em;
}

.bordersNone .imageCaption {
  background-position: 3px 5px;
  padding-top: 2px;
}

.bordersThin .imageCaption {
  background-position: 3px 3px;
}

.bordersGradient .imageCaption {
  background-position: 3px 3px;
  margin-top: -2px;
}

.charityFooter {
  text-align: right;
  width: 100%;
  height: 100px;
  background-image: url(/styles/common/charitysite-footer-smallfishadvert.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 19px;
  padding-right: 22px;
  margin-bottom: 30px;
  color: #5f5f5f;
  line-height: 1.5;
  font-size: 14px;
  cursor: pointer;
  margin-left: 20px;
  margin-top: 10px;
}

.charityFooterTopLine {
  font-weight: bold;
}

.charityFooterMiddleLine {
  font-style: italic;
}

.charityFooterMoreLink a {
  display: inline-block;
  float: right;
  background-image: url(/styles/common/bubblearrow-green-small.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}

.charityFooterMoreLink a:hover {
  color: #b0cc29;
}

/* Search navigation bar */
#searchNavBar {
  width: 960px;
  height: 110px;
  background-image: url(/home2/chalkboard.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 auto;
  padding: 4px 0 0 0;
  position: relative;
}

#searchNavBarWrapper {
  position: relative;
  width: 100%;
  margin: 0;
  background-color: #000;
}

a.searchNavBarSmallfishLink {
  display: block;
  position: absolute;
  left: 0px;
  top: 25px;
  height: 55px;
  width: 380px;
  border: 0;
  outline: 0;
}

#searchNavBarReturnLink {
  position: absolute;
  left: 398px;
  top: 44px;
}

#searchNavBarSearchBox {
  position: absolute;
  right: 0;
  top: 44px;
}

#searchNavBarSearchBox .textInput {
  color: #fff;
  background-color: #303030;
  border: solid 1px #4f4f4f;
  padding: 4px 6px;
  width: 172px;
}

#searchNavBarSearchBox .goButton {
  vertical-align: top;
  position: relative;
  left: -3px;
  padding-top: 5px;
}

#searchNavBarHideButton {
  position: absolute;
  right: 2px;
  top: 15px;
}

#searchNavBar a.button, a.mySmallfishButton {
  white-space: nowrap;
  padding: 0 1em;
  border: none;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  font-size: 1.2em;
  line-height: 39px;
  height: 42px;
  vertical-align: bottom;
  margin: 0;
  background: #65d3f0;
  /* Old browsers */
  background: linear-gradient(to bottom, #65d3f0 0%, #28aacd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$storbie-button-from', endColorstr='$storbie-button-to',GradientType=0 );
  /* IE6-9 */
}

a.mySmallfishButton {
  font-size: 11px;
  line-height: 18px;
  height: 20px;
  border-radius: 2px;
}

#searchNavBar a.button:hover, a.mySmallfishButton:hover {
  background: #46caee;
  /* Old browsers */
  background: linear-gradient(to bottom, #46caee 0%, #65d3f0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$storbie-button-hover-from', endColorstr='$storbie-button-hover-to',GradientType=0 );
  /* IE6-9 */
  color: #fff;
}

#searchNavBar a.buttonSmall {
  font-size: 1em;
  line-height: 26px;
  height: 26px;
}

#searchNavBar button {
  vertical-align: middle;
  background: linear-gradient(to bottom, #9fbd28 0%, #8dab23 82%, #8caa23 100%);
  background-color: #96b229;
  background-image: url(/home2/icon-magnifyingglass.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  border-radius: 4px;
  margin-left: 2px;
  width: 30px;
  height: 26px;
  font-size: 0.75em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

.noscript {
  text-align: center;
  padding: 6px 0;
  background-color: #aa0000;
  color: #fff;
  font-weight: bold;
}

.postfix {
  font-size: 0.8em;
  font-weight: normal;
}

.emptyCart {
  text-align: center;
  width: 916px;
  margin: 50px 0;
}

.emptyCart h1 {
  margin: 50px 0;
}

.emptyCart h2 {
  margin: 50px 0;
  font-size: 18px;
  font-weight: normal;
}

.explicitTermsSummaryPanel {
  margin-bottom: 2px;
  margin-top: 0.5em;
}

a.pageTitleVisibilityButton {
  display: inline-block;
  margin-left: 6px;
  position: relative;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}

a.pageTitleVisibilityButton img {
  display: block;
}

a.mobilePreviewButton {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #666;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  opacity: 0.5;
  z-index: 100;
}

a.mobilePreviewButton:hover {
  opacity: 1;
  color: #fff;
}

.addToCartWidth_165 .addToCart {
  width: 135px;
}

.addToCartWidth_200 .addToCart
{
    width: 160px;
    padding: 19px;
}

.addToCartWidth_235 .addToCart {
	width: 185px;
    padding: 24px;
}

.addToCartWidth_300 .addToCart {
	width: 220px;
    padding: 39px;
}

.addToCartWidth_165 .productDetailContent
{
	margin-right: 187px;
}

.addToCartWidth_200 .productDetailContent
{
	margin-right: 222px;
}

.addToCartWidth_235 .productDetailContent {
	margin-right: 0;
}

.addToCartWidth_300 .productDetailContent {
	margin-right: 0;
}


.addToCart .pricing 
{
	display: block;
	margin-bottom: 10px;
	font-size: 20px;
}

.addToCart .price {
	font-weight: bold;
	display: block;		
	margin-bottom: 10px;
}

.addToCart .pricing em {
	font-size: 0.8em;
}

.addToCart .originalPrice .price {
	color: #464646;
	text-decoration: line-through;
	font-weight: normal;
	font-size: 0.8em;
}

.addToCart .productPrice
{
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 8px;
}

.addToCart .oldProductPrice
{
    color: #494949 !important;
    text-decoration: line-through;
    font-weight: normal !important;
    font-size: 13px;
}

.addToCart .optionTitle
{
    margin-bottom: 5px;
    font-size: 11px;
    color: #787878;
}

.addToCart .option
{
    margin-bottom: 8px;
    font-size: 10pt;
}

.addToCart .status {
	margin: 0 0 12px 0;
}

.addToCart .statusText 
{
	color: #3c3c3c;
	background-color: #fff;
	border: solid 1px #3c3c3c;
	border-radius: 4px;
	padding: 4px 20px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;	
	display: inline-block;
}

.addToCart select
{
    width: 100%;
}

.addToCart .optionQuantity input
{
    width: 30px;
}

.addToCart .optionQuantity img
{
    margin-right: 2px;
}

/* Panel only */

.addToCartPanel
{
    background-color: #f5f5f5;
    border-radius: 3px;
    min-width: 135px;
    padding: 14px;
}

/* Full only */

.addToCartFull .addToCartProductPrice {
	margin: 12px 0;
}

.addToCartFull .pricing {
	font-size: 24px;
}

/*--------------------------------------
/* Content Items */
/*--------------------------------------*/

.itemArea .contentItemMessage
{
    background-color: #f6f6f6;
    padding: 11px;
    color: #5f5f5f;
    clear: both;
}

.itemArea .contentItemMessage img
{
    float: left;
    margin-right: 12px;
}

/* Banner */
.item .banner {
    position: relative;
}

.item .banner
{
    margin: 10px 0 0 0;
}

.item .banner img {
    width: 100%;
}

.item .bannerText a
{
    text-decoration: none;
}

.item .bannerText h1
{
    font-size: 50pt;
    line-height: 50pt;
}

/* Facebook */

.item .sidebarBox
{
    background-color: #f6f6f6;
    margin-top: 2px;
    padding: 11px 0;
    border-radius: 3px;
}

.item .facebook
{
    padding-top: 2px;
    padding-bottom: 5px;
}

.item .addThis
{
    padding-left: 10px;
}

/* Address */
.item .address 
{
    color: #5f5f5f;
}

.item .address .postal, .item .address .phone, .item .address .email 
{
    background-repeat: no-repeat;
    background-position: 0 3px; 
    padding-left: 30px;
}

 .item .address .emailAndPhone 
 {
     margin-left: 30px;
 }
 
.item .address .postal, .item .address .emailAndPhone 
{
    vertical-align: top;
    display: inline-block;
}

.item .address .phone
{
    background-position: 0 6px;
    margin-top: 10px;
    font-size: 20px;
}

/* YouTube */
iframe.youtube {
    display: block;
}

.itemAreaSmallFishYouTubeVideo .item {
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    height: auto;
} 

.itemAreaSmallFishYouTubeVideo iframe, 
.itemAreaSmallFishYouTubeVideo object, 
.itemAreaSmallFishYouTubeVideo embed {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}

/* Nivo slider */
.nivoSlider {
    margin-bottom:0 !important;
}

.nivoSlider .nivo-caption {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(enabled = false);
    background-color: rgba(0, 0, 0, 0.5);
}

.nivoSlider .nivo-caption strong {
    font-size: 1.1em;
}

.nivoSlider .nivo-directionNav a { 
 display:none; 
}

/* only shover nav buttons on hover*/ 
.nivoSlider:hover .nivo-directionNav a { 
 display:block; 
}

/* Image */
#rightSectionMobile .itemAreaSmallFishImage .item {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

/* Generic */

.productGallery,
.pageGallery {
	display: block;
}

.gallery h2
{
	font-size: 18px;
	margin: 0;
	font-weight: normal;
	color: #555;
}

.gallery h2 a
{
	color: #555;
}

.gallery h2.titleXxLarge
{
	font-size: 30px;
}
.gallery h2.titleXLarge
{
	font-size: 28px;
}
.gallery h2.titleLarge
{
	font-size: 24px;
}
.gallery h2.titleMedium
{
	font-size: 16px;
	font-weight: bold;
}
.gallery h2.titleSmall
{
	font-size: 15px;
	font-weight: bold;
}

.gallery h2 a
{
	text-decoration: none;
}

.gallery a
{
	text-decoration: none;
}

.gallery .summary
{
	line-height: 1.5;
	color: #5f5f5f;
}

.gallery .pricing
{
	display: inline-block;
	margin-left: 5px;
}

.gallery .price
{
	font-weight: bold;
}

.gallery .actions .price
{
	font-weight: bold;
}

.gallery .actions .pricing
{
	margin-left: 0;
	font-size: 15px;
}

.gallery .actionsXxLarge .pricing
{
	font-size: 26px;
}
.gallery .actionsXLarge .pricing
{
	font-size: 24px;
}
.gallery .actionsLarge .pricing
{
	font-size: 18px;
}
.gallery .actionsMedium .pricing
{
	font-size: 17px;
}
.gallery .actionsSmall .pricing
{
	font-size: 15px;
}

.gallery .pricing em
{
    margin-left: 0.3em;
	font-size: 0.8em;
}

.gallery .originalPrice .price
{
	color: #464646;
	text-decoration: line-through;
	font-weight: normal;
	font-size: 0.8em;
	margin-top: 0.33333333333em;
	margin-bottom: 0.33333333333em;
}

.gallery .originalPriceWithCostPrefix .originalPrice .price {
    margin-bottom: 0px;
}

.gallery .statusText
{
	color: #3c3c3c;
	background-color: #fff;
	border: solid 1px #3c3c3c;
	border-radius: 3px;
	padding: 3px 5px;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	display: inline-block;
}

.gallery .mediumStatusSize .statusText
{
	border-radius: 4px;
	padding: 6px 10px 5px 10px;
	font-size: 12px;
}

.gallery .smallStatusSize .statusText
{
	border-radius: 3px;
	padding: 3px 7px 2px 7px;
	font-size: 11px;
}

/* Columns */

.galleryColumns {
    font-size: 0;
    margin: 0 -12px;
}

.gallerySingleColumn {
    margin-left: 0;
}

.galleryColumns .galleryColumnsItem
{
    font-size: 13px;
	vertical-align: top;
	display: inline-block;
	padding-right: 0;
	margin-bottom: 20px;
}

.galleryFullWidth .galleryColumnsItem {
    width: 100%; 
}

.gallerySingleColumn .galleryColumnsItem {
    display: block;
    width: 100%; 
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

.galleryTwoColumns .galleryColumnsItem {
    width: 50%; 
}

.galleryThreeColumns .galleryColumnsItem {
    width: 33.333333%; 
}
.gallerySmall .galleryColumnsItem {
    width: 25%; 
}

.contentArea916 .gallerySmall .galleryColumnsItem {
    width: 16.666667%; 
}

.contentArea729 .gallerySmall .galleryColumnsItem {
    width: 20%; 
}

.galleryColumns .content
{
	color: #5f5f5f;
	padding: 10px 0;
	margin: 0 11px;
	text-align: center;
}

.galleryColumns .galleryColumnsItem .image  {
    margin: 0 11px;
}

.galleryColumns .status
{
	margin: 10px 0 8px 0;	
}

.galleryColumns .summary
{
	margin-bottom: 5px;
}

.galleryColumns .pricing
{
	margin-bottom: 10px;
	display: block;
}

.galleryColumns .topActions, .galleryColumns .bottomActions
{
	font-size: 0;
	line-height: 0;
}

.galleryColumns .topActions
{
	margin-bottom: 5px;
}

.galleryColumns .actionButton
{
	display: inline-block;
	margin-right: 5px;
}

.galleryColumns .xxlargeButtonSize .topActions
{
	margin-bottom: 8px;
}
.galleryColumns .xxlargeButtonSize .actionButton
{
	margin-right: 8px;
}

.galleryColumns .xlargeButtonSize .topActions
{
	margin-bottom: 6px;
}
.galleryColumns .xlargeButtonSize .actionButton
{
	margin-right: 6px;
}

.galleryColumns .largeButtonSize .topActions
{
	margin-bottom: 5px;
}
.galleryColumns .largeButtonSize .actionButton
{
	margin-right: 5px;
}

.galleryColumns .mediumButtonSize .topActions
{
	margin-bottom: 5px;
}
.galleryColumns .mediumButtonSize .actionButton
{
	margin-right: 5px;
}

.galleryColumns .smallButtonSize .topActions
{
	margin-bottom: 4px;
}
.galleryColumns .smallButtonSize .actionButton
{
	margin-right: 4px;
}

.galleryColumns .contentXxLarge
{
	padding-bottom: 40px;
}
.galleryColumns .contentXxLarge .contentSpacer
{
	height: 4px;
}

.galleryColumns .contentXLarge
{
	padding-bottom: 30px;
}
.galleryColumns .contentXLarge .contentSpacer
{
	height: 4px;
}

.galleryColumns .contentLarge
{
	padding-bottom: 26px;
}
.galleryColumns .contentLarge .contentSpacer
{
	height: 2px;
}
.galleryColumns .contentLarge .summary
{
	line-height: 1.4;
}

.galleryColumns .contentMedium
{
	padding-bottom: 16px;
}
.galleryColumns .contentMedium .contentSpacer
{
	height: 2px;
}
.galleryColumns .contentMedium .summary
{
	line-height: 1.4;
}

.galleryColumns .contentSmall
{
	padding-bottom: 6px;
}
.galleryColumns .contentSmall .contentSpacer
{
	height: 0;
}
.galleryColumns .contentSmall .summary
{
	font-size: 12px;
	line-height: 1.4;
}


/* Gallery Columns - Rollover */
.rolloverGallery .galleryColumnsItem {
    position: relative;
}
.rolloverGallery .contentOverlay {
    position: absolute;
    top: 0;
    left: 0;    
    width: 100%;
    height: 100%;
   vertical-align: middle;
   background-image: url(/common/white-overlay-90.png);
   padding: 0 0 4px 0;
   display: none;
   cursor: pointer;
} 
.rolloverGallery .galleryColumnsItem:hover .contentOverlay {
    display: block;
}

.rolloverGallery .contentOverlay:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.5em;
}

.rolloverGallery .content {   
    display: inline-block;
  vertical-align: middle;
  width: 100% !important;
  margin-right: -0.5em; 
}

.rolloverGallery .content h2 {
    margin: 0 auto;
    width: 90%;
}

/* Lists */
.galleryImageListItem
{
	padding: 20px 0 30px 0;
	background-position: center bottom;
	background-position: center bottom, center -30px; /* second image is hidden unless first */
	background-repeat: no-repeat;
	width: 100%;
}

.galleryImageListItem:first-child
{
	background-position: center bottom, center -29px;
}

.galleryImageList .itemWidth960
{
	background-image: url(/common/dividershadow-916.png);
	background-repeat: no-repeat;
}

.galleryImageList .itemWidth916
{
	background-image: url(/common/dividershadow-916.png);
}

.galleryImageList .itemWidth729
{
	background-image: url(/common/dividershadow-729.png);
}

.galleryImageList .itemWidth542
{
	background-image: url(/common/dividershadow-542.png);
}

.galleryImageList .itemWidth165
{
	background-image: url(/common/dividershadow-165.png);
}

.galleryImageList .image
{
	float: left;    
}

.galleryImageList .imageWidth97 .image
{
	width: 97px;
}
.galleryImageList .imageWidth97 .content
{
	margin-left: 118px;
}
.galleryImageList .imageWidth129 .image
{
	width: 129px;
}
.galleryImageList .imageWidth129 .content
{
	margin-left: 149px;
}
.galleryImageList .imageWidth165 .image
{
	width: 165px;
}
.galleryImageList .imageWidth165 .content
{
	margin-left: 185px;
}

.hideImages .content {
	margin-left: 0 !important;
}

.galleryImageList .topActions
{
	font-size: 0;
	display: inline-block;
	margin-bottom: 5px;
	margin-left: 10px;
}

.galleryImageList .actionButton
{
	display: inline-block;
	margin-right: 3px;
	margin-top: 4px;
}

.galleryImageList .xxlargeButtonSize .actionButton
{
	margin-right: 5px;
}
.galleryImageList .xlargeButtonSize .actionButton
{
	margin-right: 5px;
}
.galleryImageList .largeButtonSize .actionButton
{
	margin-right: 5px;
}
.galleryImageList .mediumButtonSize .actionButton
{
	margin-right: 4px;
}
.galleryImageList .smallButtonSize .actionButton
{
	margin-right: 3px;
}

.galleryImageList h2
{
	margin-bottom: 8px;
}

.galleryImageList .pricing
{
	font-size: 16px;
	margin-left: 0;
}

.galleryImageList .price {
    display: inline !important;    
}

.galleryImageList .status {
	position: relative;
	top: -2px;
	vertical-align: middle;
	display: inline-block;
	margin-left: 8px;
	margin-bottom: 0;
}

.galleryImageList .summary
{
	margin: 8px 0;
}

/* Simple list view */

.galleryList table
{
	width: 100%;
}

.galleryList tr.galleryListItem
{
	background-image: none;
}

.galleryList tr.galleryListItem td
{
	border-top: solid 1px #f3f3f3;
	padding: 5px 2px;
	vertical-align: middle;
}

.pageGallery tr.galleryListItem td {
	padding-bottom: 8px;
}

.galleryList tr.galleryListItem td.priceColumn
{
	text-align: right;
	white-space: nowrap;
	padding-right: 8px;
}

.galleryList tr.galleryListItem td.buttonColumn
{
	width: 20px;
}

.galleryList .productName
{
	display: inline-block;
	margin-right: 8px;
}

.galleryList img, .galleryList input
{
	vertical-align: middle;
	display: inline-block;
}

.galleryList .status {
	position: relative;
	top: -3px;
	vertical-align: middle;
	display: inline-block;
	margin: 0 3px;
}

.galleryList h2.titleSmall
{
	margin-top: 5px;
	margin-bottom: 3px;
	font-weight: normal;	
}

.galleryList .pricing 
{
    font-size: 15px;
    display: inline !important;    
}

.galleryList .price {
    display: inline !important;    
}


.productDetail a.image:link, .productDetail a.image:visited
{
    text-decoration: none;
}

.productDetail .imagesResponsive {
    display: none;
    margin-bottom: 20px;
}

.productDetail .imagesResponsive .singleProductImage {
    width: 100%;
    height: auto;
}



/* Large image */

.productDetailLarge .thumbnailImages {
	white-space:nowrap; 
	height: auto;
}

.productDetailLarge .thumbnailImage
{
    margin-right: 5px;
    display: inline-block;
}

.productDetailLarge .thumbnailImage .last
{
    margin-right: 0px;
}

.productDetailLarge .addToCart
{
    float: right;
}

.productDetailLarge .addToCartPanel_187 
{
    width: 165px;
}

.productDetailLarge .addToCartPanel_235
{
    width: 213px;
}

.productDetailLarge .addToCartPanel_300
{
    width: 196px;
    margin-right: 52px;
}

.productDetailLarge .addToCartWidth_300 .productDetailContent {
    margin-right: 322px;
}

.productDetailLarge .addToCartWidth_235 .productDetailContent {
    margin-right: 257px;
}

.productDetailLarge .addToCartWidth_165 .productDetailContent {
    margin-right: 187px;
}

.productDetailLarge .productDescription
{
    margin-top: 22px;
}

/* Small image */

.productDetailSmall .addToCart
{
    float: right;
    margin-left: 22px;
}

.productContentSmall .contentArea916 .productContent
{
    width: 300px;
}

.productDetailSmall .image
{
    display: block;
    margin-bottom: 11px;
}

.productDetailSmall .images
{
    float: left;
    margin-right: 22px;
    width: 165px;
}

.productDetailSmall .productDescription
{
	margin-left: 185px;
}

/* Text */

.productDetailText .addToCart
{
    float: right;
}


/* Scrollbar */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.productDetailLarge .jspContainer
{
	overflow: hidden;
	position: relative;
}

.productDetailLarge .jspPane
{
	position: absolute;
}

.productDetailLarge .jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: #edecec;
}

.productDetailLarge .jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #edecec;
	padding: 2px 0;
}

.productDetailLarge .jspVerticalBar *,
.productDetailLarge .jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.productDetailLarge .jspCap
{
}

.productDetailLarge .jspHorizontalBar .jspCap
{
	width: 2px;
	height: 100%;
}


.productDetailLarge .jspHorizontalBar .jspCap
{
	float: left;
}

.productDetailLarge .jspTrack
{
	background: #efefef;
	position: relative;
}

.productDetailLarge .jspDrag
{
	background-color: #ccc;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.productDetailLarge .jspHorizontalBar .jspTrack,
.productDetailLarge .jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.productDetailLarge .jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.productDetailLarge .jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.productDetailLarge .jspVerticalBar .jspArrow
{
	height: 16px;
}

.productDetailLarge .jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.productDetailLarge .jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.productDetailLarge .jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

.addToCartFull .addToCartButton,
.addToCartPanel .addToCartButton {
    display: block;   
}

.cartButtonSpacer {
    height: 4px;
}

/* Fix for IE9 editing issues */
.cke_show_borders ul
{
    display: block !important;
}
div.cke_panel.cke_ltr.cke_rcombopanel  
{
    width: 320px !important; 
}
span.cke_rcombo span.cke_styles a span span.cke_text  
{
    width: 130px; 
}

/* Announcement */
.item .announcement {
	background-repeat: repeat-x;
	background-position: left top;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	border: solid 1px black;
	padding: 15px 15px 8px 15px;
    margin-bottom: 20px;
}

.cke_editable.announcement p, 
.cke_editable.announcement h2, 
.cke_editable.announcement h3, 
.cke_editable.announcement li, 
.cke_editable.announcement a,
.item .announcement .richText p, 
.item .announcement .richText h2, 
.item .announcement .richText h3, 
.item .announcement .richText li, 
.item .announcement .richText a 
{
    text-align: center !important;
    color: #FFFFFF !important;
}

/* RichText */

/* Width of styles drop down before opening */
.cke_combo__styles .cke_combo_text 
{
    width: 150px !important;
}

/* Width of styles drop down after opening */
.cke_combopanel__styles
{
     width: 270px !important;
     height: 300px !important;
}

/* Padding for edit area */
.cke_editable
{
    padding: 10px;
}

.richText, .cke_panel_list
{
    color: #5f5f5f;
    font-size: 13px;
    vertical-align: top;
    text-align: left;
    line-height: 1.5em;
}

.richText p, .cke_panel_list p
{
    margin: 0 0 14px 0;
}

.richText p.large, .cke_panel_list p.large
{
    font-size: 20px;
    line-height: 1.3;
}

.richText h2, .cke_panel_list h2
{
    color: #464646;
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 12px;
}

.richText h2.large, .cke_panel_list h2.large
{
    font-size: 26px;
}

.richText h3, .cke_panel_list h3
{
    color: #464646;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 14px;    
    
}

.richText p.accentuated, .cke_panel_list p.accentuated
{
    font-size: 12px;
    font-style: italic;
    margin-bottom: 12px;
    margin-top: 0px;
}

.richText ul, .richText ol
{
    margin-bottom: 10px;
    display: table;
}

.richText li
{
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 4px;
    margin-left: 30px;
}

.richText ol li
{
    list-style-type: decimal;
}

.richText ul li 
{
    list-style-type: disc;
}

.item .richTextImageFloatLeft .richTextImage, .item .richTextImageLeft .richTextImage 
{
    float: left;
    margin: 0 11px 11px 0;
}

.item .richTextImageFloatRight .richTextImage, .item .richTextImageRight .richTextImage 
{
    float: right;
    margin: 0 0 11px 11px;
}

.item .richTextImageLeft div.richText, .item .richTextImageRight div.richText
{
    display: table-cell;
}

/* no floating for the sidebar - currently disabled
.contentAreaRightPanel .item .richTextImageFloatLeft .richTextImage, 
.contentAreaRightPanel .item .richTextImageLeft .richTextImage,
.contentAreaRightPanel .item .richTextImageFloatRight .richTextImage, 
.contentAreaRightPanel .item .richTextImageRight .richTextImage  {
    float: none;
    margin: 0 0 11px 0; 
}
*/

/* no floating for the sidebar - currently disabled
.contentAreaRightPanel .item .richTextImageFloatLeft .richTextImage img, 
.contentAreaRightPanel .item .richTextImageLeft .richTextImage img,
.contentAreaRightPanel .item .richTextImageFloatRight .richTextImage img, 
.contentAreaRightPanel .item .richTextImageRight .richTextImage img {
    max-width: 100%;
}
*/


/*
1 / Reset
----------------------------------------------- */
/*ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}*/
a .instagram-a
{
    color: #fff;
    text-decoration: none;
}
a:hover .instagram-a
{
    text-decoration: none;
    color: #555;
}
a img .instagram-image
{
    border: none;
}

/*
2 / Layout
----------------------------------------------- */
#contentAreaRightPanel .instagram
{
    background: transparent;
    width: 165px;
    margin: 0 auto;
    overflow: hidden;
}

#contentAreaBody .instagram
{
    background: transparent;
    width: 542px;
    margin: 0 auto;
    overflow: hidden;
}

/*
3 / Instagram
----------------------------------------------- */
.instagram
{
    overflow: hidden;
    margin-bottom: 7px;
}

.instagram-placeholder
{
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
}
#contentAreaRightPanel .instagram-placeholder a img
{
    height: 70px;
    width: 70px;
}


#contentAreaBody .instagram-placeholder a img
{
    height: 165px;
    width: 165px;
}

/*Shadowbox*/
#sb-title-inner, #sb-title
{
    display: inline !important;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 12px !important;
    color: #404040 !important;
    line-height: 1.4em !important;
}

#sb-wrapper
{
    background-color: #F5F5F5 !important;
}

/* Theme Colours Base Colour: #598D9B Shade Colour: #3E6873 Tint Colour: #E6EEF0 Opposite Colour #ED851E */  a:hover  { 	color: #598D9B; }  .themeColour  { 	color: #3E6873; }  .framework_header {     background-color: #598D9B;  }  .framework_breadCrumbBar { 	color: #598D9B; }  .framework_breadCrumbBar a { 	color: #598D9B; }  .framework_breadCrumbBar a:hover { 	color: #3E6873; }  .framework_fullPageContent_PaymentRedirect { 	background-color: #598D9B; }  h1, explicitH1 { 	color: #598D9B; }  h2 { 	color: #598D9B;	 }  .manageSubHeading  { 	border-color: #598D9B; }  .invalidMarker { 	color: #598D9B; }  #searchLabel  { 	color: #598D9B; }  .categoryListTitle { 	color: #598D9B; }  .quoteBlock { 	color: #598D9B; }  .gallery .price { 	color: #598D9B; }   .gallery .pricing em {     color: #598D9B; }   .addToCart .price { 	color: #598D9B; }  .productDetailsBlock .productPrice { 	color: #598D9B; }  .cartTable tr.totalLine td { 	/* 	color: #598D9B; 	*/ }  .accordion .cartTable tr.totalLine td.value { 	color: #598D9B; }  .cartTable tr td a { 	color: #598D9B; }  .cartTable tr td a:hover { 	color: #3E6873; }  .sideBarShoppingCart { 	background-color: #E6EEF0; }  .sideBarShoppingCart hr  { 	color: #598D9B; 	background-color: #598D9B; }  .sideBarShoppingCart .cartTitleBlock { 	background-color: #598D9B; }  .editPanelHyperLinkActivator:hover { 	color: #598D9B; }  .wantToLink:hover  { 	color: #598D9B; }  .iWantToPanelTitle  { 	background-image: url(/skins/bluesea-reduced/panelheader-iwantto.png); } .iWantToPanelTitleBack { 	background-image: url(/skins/bluesea-reduced/panelheader-iwantto-back.png); }  .iWantToDropDownTitle  { 	background-image: url(/skins/bluesea-reduced/Iwanttobar.png); }  .iWantToDropDown  { 	background-image: url(/skins/bluesea-reduced/Iwanttobar-back.png); }  .orderDetails tr td.heading { }  .modalContainer  { 	border: solid 1px #598D9B; }  .wizardHeader a.wizardBreadcrumbSelectedLink  { 	color: #598D9B !important; }  .wizardHeader a.wizardBreadcrumbCompleteSelected, .wizardHeader a.wizardBreadcrumbComplete:hover { 	background-image: url(/skins/bluesea-reduced/icon-wizardtick-done.png); }  a.sideWizardBreadcrumb:hover  { 	color: #598D9B; }  a.sideWizardBreadcrumbSelected { 	color: #598D9B !important; }  .wizardHeader a.wizardBreadcrumbLink:hover { 	color: #598D9B; }  .wizard .stepTitle  { 	color: #598D9B; }  .wizardForm .radioButtonGroup td { 	color: #598D9B; }  .outOfOffice  {	 	background-color: #598D9B; 	background-image: url(/skins/bluesea-reduced/icon-outofoffice-top-large.png); }  .outOfOfficeInner  { 	border: solid 1px #598D9B; 	color: #598D9B;	 }  .productOptionsPleaseSelect  { 	border: solid 2px #598D9B;  	color: #598D9B; }  .shopSummaryGoLiveTaskBoxInner  { 	border: solid 6px #b0cc29;  }  .notificationBlock  { 	border-color: #598D9B; 	color: #598D9B; }  .shop .notificationBlock  { 	background-image: url(/skins/bluesea-reduced/announcement-background.png); }  .inlineValidationError  { 	color: #598D9B; 	border: solid 1px #598D9B; }  #orderPage h2 { 	border-color: #598D9B;	 }  /* Order Search */ .orderSearchTitleBlock {     background-color: #598D9B; }  .orderStatusFilterSection a.selected:link, .orderStatusFilterSection a.selected:active, .orderStatusFilterSection a.selected:visited { 	color: #598D9B; }  .orderStatusFilterSection a:hover  { 	color: #598D9B; }  .productPrice  { 	color: #598D9B; }  .shoppingCartSummaryHighlight  { 	color: #598D9B; }  .successNotification { 	background-image: url(/skins/bluesea-reduced/icon-confirmation-tick-medium.png); }  .missingRequiredFieldValue  { 	background-image: url(/skins/bluesea-reduced/icon-validation-mandatory-top-medium.png); }  .invalidFieldValue  { 	background-image: url(/skins/bluesea-reduced/icon-validation-incorrect-top-medium.png); }  .listActionMenu  { }  .listActionMenuSectionTitle  { 	background-color: #598D9B; 	background-image: url(/skins/bluesea-reduced/panelheader-RHSeditmenu.png);		 }  .listActionMenuItem a { 	background-color: #E6EEF0; 	background-image: url(/skins/bluesea-reduced/RHSeditmenugradient.png);	 	color: #3E6873; }  .listActionMenuItem a:hover  { 	background-image: url(/skins/bluesea-reduced/RHSeditmenugradient-on.png); 	color: #3E6873; }  /* .activationTag  { 	background-image: url(icon-edit.png); }  .activationTagHover  { 	border-color: #598D9B;	 }  .activationButtonContent  { 	border-color: #598D9B;	 }  a.activationButton  { 	background-image: url(button-gradient.png);	 	background-color: #598D9B;	 	border: solid 1px #3E6873; }  a.activationButton:hover { 	background-image: url(button-gradient-on.png); 	background-color: #598D9B; } */  a.shopTabSelected  { 	color: #598D9B; }  a.shopTabSelected:hover { 	color: #3E6873; }  a.shopTabUnselected {	background-image: url(/skins/bluesea-reduced/tab-LHS-on.png); } a.shopTabUnselected:link, a.shopTabUnselected:visited { background-image: url(/skins/bluesea-reduced/tab-LHS.png); } a.shopTabUnselected:hover {	background-image: url(/skins/bluesea-reduced/tab-LHS-on.png); }  a.shopTabUnselected .shopnavigationRightCurveUnselected { background-image: url(/skins/bluesea-reduced/tab-RHS-on.png); } a.shopTabUnselected:link .shopnavigationRightCurveUnselected, a.shopTabUnselected:visited .shopnavigationRightCurveUnselected { background-image: url(/skins/bluesea-reduced/tab-RHS.png); } a.shopTabUnselected:hover .shopnavigationRightCurveUnselected { background-image: url(/skins/bluesea-reduced/tab-RHS-on.png); }  a.editTabSelected  { 	color: #598D9B; }  a.editTabUnselected:hover  { 	color: #3E6873; }  .navigationText .shopNavigationItemCurrent {     border-color: #598D9B; }  .productStockIndicatorLargeSoldOut, .productStockIndicatorLargeReserved, .productStockIndicatorLargeReserved { 	background-image: url(/skins/bluesea-reduced/productavailabilitygradient-onecolumn-red.png);	 }  .productStockIndicatorLargeLimitedStock  { 	background-image: url(/skins/bluesea-reduced/productavailabilitygradient-onecolumn.png);	 }  .newOrdersTile  { 	background-image: url(/skins/bluesea-reduced/announcement-background.png); }  .productOptionsStockTable td.productOptionLimitedStock, .productOptionsStockTable td.productOptionAvailable  { 	color: #598D9B; }  .productOptionsStockTable td.priceCell  { 	color: #598D9B; }  a.selectedProductTab  { 	color: #598D9B; }  a.selectedProductTab  { 	color: #3E6873; }  .highlightedOrderDetails tr td.value { 	color: #598D9B; }  .jspDrag { 	background-color: #598D9B; }  .jspTrack .jspActive, .jspTrack .jspHover, .jspDrag:hover { 	background-color: #598D9B !important; }  .jspArrow  { 	background-color: #598D9B !important; }  .jspDisabled, .jspArrow.jspDisabled  { 	background-color: #3E6873 !important; }  #sb-nav-close{background-image:url(/skins/bluesea-reduced/button-close.png);} #sb-nav-close:hover{background-image:url(/skins/bluesea-reduced/button-close-on.png);} #sb-nav-next{background-image:url(/skins/bluesea-reduced/button-shadowbox-arrowright.png);} #sb-nav-next:hover{background-image:url(/skins/bluesea-reduced/button-shadowbox-arrowright-on.png);} #sb-nav-previous{background-image:url(/skins/bluesea-reduced/button-shadowbox-arrowleft.png);} #sb-nav-previous:hover{background-image:url(/skins/bluesea-reduced/button-shadowbox-arrowleft-on.png);}   .productPager a.currentPage  { 	color: #598D9B; }  .wizardStepSectionTitle { 	background-image: url(/skins/bluesea-reduced/icon-wizardarrow.png); }  /* VERSION 3 */  /* SHOP */ ul.navTabs li a { 	background-image: url(/skins/bluesea-reduced/gradient-theme-vertical-50.png); 	border-color: #3E6873; 	background-color: #598D9B; }  .breadcrumb a.selected {     color: #3E6873; }  .shoppingCartSummary a:hover { }  .shoppingCartSummary .cartButton {     background-image: url(/skins/bluesea-reduced/button-mycart-top-small-LHS.png);	 }  .shoppingCartSummary .cartContents {     background-image: url(/skins/bluesea-reduced/button-mycart-top-small-RHS.png);	     color: #598D9B; }  /* MANAGE */ .managementBar { 	background-color: #598D9B;	 	background-image: url(/skins/bluesea-reduced/shopowner-panel.png); }  .managementBar .systemMessage {     color: #598D9B; }  .managementBarBase { 	background-image: url(/skins/bluesea-reduced/shopowner-panel-dropshadow.png); }  .areaToolbar a.addContentButton:hover,  .areaToolbar a.addContentIcon:hover,  .addContentMenu ul li a:hover, .areaToolbar a.addPanelButton:hover, .areaToolbar .simpleDropDownOn img.simpleDropDownButton {     background-image: url(/skins/bluesea-reduced/contentzone-button-background-on.png); }  .itemPicker table tr.hover td {     background-color: #ED851E; }  .addPanelArea a:hover {     background-image: url(/skins/bluesea-reduced/addsidebarpanel-button-background-on.png);         background-color: #ED851E; }   /* a.areaToolbarPaste { 	background-image: url(button-contentzone-paste.png); } .itemArea .itemToolbarInner { 	background-image: url(dividerline-subtle.png); } .itemArea .toolbarButtons a.itemToolbarUp  {     background-image: url(button-contentzone-moveup.png); } .itemArea .toolbarButtons a.itemToolbarUp:hover {     background-image: url(button-contentzone-moveup-on.png); } .itemArea .toolbarButtons a.itemToolbarDown {     background-image: url(button-contentzone-movedown.png); } .itemArea .toolbarButtons a.itemToolbarDown:hover {     background-image: url(button-contentzone-movedown-on.png); } .itemArea .toolbarButtons a.itemToolbarEdit {     background-image: url(button-contentzone-edit.png); } .contentArea165 .itemArea .toolbarButtons a.itemToolbarEdit {     background-image: url(button-contentzone-editicon.png); } .itemArea .toolbarButtons a.itemToolbarEdit:hover {     background-image: url(button-contentzone-edit-on.png); } .contentArea165 .itemArea .toolbarButtons a.itemToolbarEdit:hover {     background-image: url(button-contentzone-editicon-on.png); } .itemArea .toolbarButtons a.itemToolbarCondition {     background-image: url(button-contentzone-visibility.png); } .itemArea .toolbarButtons a.itemToolbarCondition:hover {     background-image: url(button-contentzone-visibility-on.png); } .itemArea .toolbarButtons a.itemToolbarCut {     background-image: url(button-contentzone-cut.png); } .itemArea .toolbarButtons a.itemToolbarCut:hover {     background-image: url(button-contentzone-cut-on.png); } .itemArea .toolbarButtons a.itemToolbarCopy {     background-image: url(button-contentzone-copy.png); } .itemArea .toolbarButtons a.itemToolbarCopy:hover {     background-image: url(button-contentzone-copy-on.png); } .itemArea .toolbarButtons a.itemToolbarDelete {     background-image: url(button-contentzone-remove.png); } .itemArea .toolbarButtons a.itemToolbarDelete:hover {     background-image: url(button-contentzone-remove-on.png); } .itemArea .toolbarButtons div.itemToolbarDivider { 	background-color: #3E6873; }  .itemArea .toolbarButtons a.itemToolbarEditMaster {     background-image: url(button-contentzone-edit.png); } .contentArea165 .itemArea .toolbarButtons a.itemToolbarEditMaster {     background-image: url(button-contentzone-editicon.png); } */  .simpleDropMenu li a { 	background-image: url(/skins/bluesea-reduced/pulldown-panel-medium.png);	 	background-color: #598D9B;	 } .simpleDropMenu li a:hover { 	background-image: url(/skins/bluesea-reduced/pulldown-panel-medium-on.png);	 }  .smallfishMenu li a { 	background-image: url(/skins/bluesea-reduced/pulldown-panel-medium.png);	 } .smallfishMenu li a:hover { 	background-image: url(/skins/bluesea-reduced/pulldown-panel-medium-on.png);	 }  /* Content Items */  .richText h2.themeColour,.cke_panel_list h2.themeColour, .richText h3.themeColour,.cke_panel_list h3.themeColour, .richText p.accentuated,.cke_panel_list p.accentuated, .richText a,.cke_panel_list a { 	color: #598D9B; }  .item .bannerText h1 {     color: #598D9B; }  .navigationTabs a.shopNavigationItemCurrent .navigationMenuText { 	color: #598D9B !important; }  .navigationTabs a.shopNavigationItemCurrent:hover .navigationMenuText { 	color: #3E6873 !important; }  .navigationTabs a.shopNavigationItem .navigationLeft { 	background-image: url(/skins/bluesea-reduced/nav-tabbutton-rounded-LHS.png); } .navigationTabs a.shopNavigationItem:hover .navigationLeft { 	background-image: url(/skins/bluesea-reduced/nav-tabbutton-rounded-LHS-on.png); } .navigationTabs a.shopNavigationItem .navigationRight { 	background-image: url(/skins/bluesea-reduced/nav-tabbutton-rounded-RHS.png); } .navigationTabs a.shopNavigationItem:hover .navigationRight { 	background-image: url(/skins/bluesea-reduced/nav-tabbutton-rounded-RHS-on.png); } .navigationTabs .preload  {     background-image: url(/skins/bluesea-reduced/nav-tabbutton-rounded-RHS-on.png) no-repeat -9999px -9999px;     background:          url(/skins/bluesea-reduced/nav-tabbutton-rounded-LHS-on.png) no-repeat -9999px -9999px,         url(/skins/bluesea-reduced/nav-tabbutton-rounded-RHS-on.png) no-repeat -9999px -9999px; }  .navigationText a.shopNavigationItemCurrent {     color: #598D9B !important;     }  .galleryList .pricing { 	color: #598D9B;	 }  .galleryList .listActions { 	color: #598D9B;	 }  .gallery .pricing em { 	color: #598D9B; }  .shopAnnouncement  {     background-image: url(/skins/bluesea-reduced/announcement-background.png); }  .managePageAnnouncement, .masterPageHeader  {     background-image: url(/skins/bluesea-reduced/announcement-background-opposite.png); }  .managePageAnnouncement a:hover {     color: #E6EEF0; }  .cke_editable.announcement  {     background-color: #598D9B; } .item .announcement { 	background-image: url(/skins/bluesea-reduced/panelgradient.png);		 	background-color: #598D9B; 	border-color: #598D9B; }  .listInfoPanel .spaceUsedGauge .innerGauge {     background-color: #598D9B;     /* gradient from accent colour to theme colour */     background: linear-gradient(to bottom, #3E6873 0%, #598D9B 100%); }  .item .address .postal  {     background-image: url(/skins/bluesea-reduced/icon-contactus-address-xsmall.png) } .item .address .email {     background-image: url(/skins/bluesea-reduced/icon-contactus-email-xsmall.png) } .item .address .phone {     background-image: url(/skins/bluesea-reduced/icon-contactus-phone-xsmall.png) }  .pager .currentPage  {     color: #598D9B; }  .pager a.page:hover {     background-color: #598D9B; }  .imageSelector .selected, .themePicker .selected {     border-color: #3E6873; }  .orderStatusFilterSection a.selected:link, .orderStatusFilterSection a.selected:active, .orderStatusFilterSection a.selected:visited, .orderStatusFilterSection a:hover, .manageArea .manageProductsByGalleryHeader p, .manageArea .manageProductsByGalleryHeader a {     color: #598D9B; }  .editTable th:not(.editing).editable.required, .editTable tr:not(.new) td:not(.editing).editable.required {     background-image: url(/skins/bluesea-reduced/icon-validation-mandatory-side-small.png); }  /* Embedded */  #embeddedPage .menuBar .simpleDropDownTitle {     background-image: url(/skins/bluesea-reduced/embeddedshop-pulldownmenu-titlebackground.png); }  #embeddedPage .menuBar .simpleDropDownTitle.hover {     background-image: url(/skins/bluesea-reduced/embeddedshop-pulldownmenu-titlebackground-on.png); }  .accordion .completeSteps a.wizardBreadcrumbLink span.wizardbreadcrumbButton {     background-image: url(/skins/bluesea-reduced/button-change-small.png);     }  .accordion .completeSteps a.wizardBreadcrumbLink:hover span.wizardbreadcrumbButton {     background-image: url(/skins/bluesea-reduced/button-change-small-on.png);     }
