/* Layout base
-------------------------------------------------------------- */

html, body { height: 100%; }
html { overflow-y: scroll; }
body {
	text-align: center;
	background-color: #F2F2F2;
}

/* Add these lines if you want your AdminTools to be fixed on the top of the page */
body.AdminLoggedIn { padding: 36px 0 0; }
body.AdminLoggedIn #AdminTools { position: fixed; z-index: 2; top: 0px; left: 0px; }
body.AdminLoggedIn #Container { z-index: 1; }

#AjaxMsg {
	font-size: 14px;
	position: fixed; z-index: 999; display: none; text-align: center;
	top: 0px; left: 50%; width: 360px; margin: 0 -189px; padding: 13px 18px;
	background: #FFC; border: 1px solid #e5e58a; border-top: 0;
	-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius:	3px;
	border-bottom-left-radius:	3px; -moz-border-radius-bottomright:	3px;
	-webkit-border-bottom-right-radius:	3px; border-bottom-right-radius:	3px;
}
#AjaxMsg a { font-weight: bold; }
body.adminLoggedIn #AjaxMsg { top: 36px; }

/* Layout
-------------------------------------------------------------- */

#Container {
	position: relative; margin: 0 auto; min-height: 100%;
	width: 960px; padding: 0; text-align: left;
	border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;
	background: #FFFFFF;
	-webkit-box-shadow: 0 0 30px #DDD;
	-moz-box-shadow: 0 0 30px #DDD;
	box-shadow: 0 0 30px #DDD;
}
#SidebarBg {
	background: #FAFAFA; /* Sidepanel bg */
}
#Main {
	position: relative; overflow: visible; z-index: 2;
	width: 576px; margin: 0 191px; padding: 0; background: #FFFFFF; /* Main-bg */
	border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}
.OmitSidebars #Main {
	border-left: 0;
	margin: 0 383px 0 0;
}
.OmitRightSidebar #Main {
	width: 768px;
	border-right: 0;
	margin: 0 0 0 191px;
}
.Column {
	position: relative; float: left;
	width: 191px; padding: 0;
}
#MainNavigation {
	margin-left: -192px;
	min-height: 18px;
}
#Secondary {
	float: right;
	margin-right: -192px;
	min-height: 18px;
}
#Primary {
	width: 576px;
}
.OmitRightSidebar #Primary {
	width: 768px;
}

/* Header
-------------------------------------------------------------- */

#Header {
	position: relative; width: 960px;
	background: #FFFFFF; border-bottom: 1px solid #D9D9D9;
	padding-bottom: 9px; z-index: 99;
}
.LogoLink { float: left; margin: 9px 6px 0; padding: 9px; /* border: 1px solid #D9D9D9; background: #FFF; */ }
.LogoLink img { display: block; margin: 0; padding: 0; }
.NoLogoImage { font-size: 32px; line-height: 72px; text-decoration: none; }

header .NavigationList {
	position: relative; float: right;
	margin: 0 6px 63px 0; list-style: none outside;
}
header .CustomerNavigation	{ margin-left: 6px; }
header .NavigationList li { position: relative; float: left; margin: 0 0 0 3px; }
header .NavigationList li a {
	position: relative; float: left; width: auto;
	padding: 9px 8px 8px; margin: -1px 0 0;
	font-size: 11px; font-weight: bold;
	white-space: nowrap; text-decoration: none;
	background-color: #E8E8E8;
	background-repeat: repeat-x;
	background-image: -o-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -moz-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -ms-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #E8E8E8));
	background-image: linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.8);
	border: 1px solid #D9D9D9;
	border-bottom-color: #CCC;
	-moz-border-bottom-left-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
header .NavigationList li a:hover {
	background-image: -o-linear-gradient(top, #FFF 0%, #F2F2F2 100%);
	background-image: -moz-linear-gradient(top, #FFF 0%, #F2F2F2 100%);
	background-image: -webkit-linear-gradient(top, #FFF 0%, #F2F2F2 100%);
	background-image: -ms-linear-gradient(top, #FFF 0%, #F2F2F2 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #F2F2F2));
	background-image: linear-gradient(top, #FFF 0%, #F2F2F2 100%);
	border-bottom-color: #BBB;
}

header .DropdownNavigation {
	position: relative; z-index: 499;
}
header .DropdownNavigation li {
	position: relative; z-index: 999;
}
header .DropdownNavigation li a {
}
header .DropdownNavigation:hover > li > a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-image: -o-linear-gradient(top, #FFF 0%, #F2F2F2 100%);
	background-image: -moz-linear-gradient(top, #FFF 0%, #F2F2F2 100%);
	background-image: -webkit-linear-gradient(top, #FFF 0%, #F2F2F2 100%);
	background-image: -ms-linear-gradient(top, #FFF 0%, #F2F2F2 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #F2F2F2));
	background-image: linear-gradient(top, #FFF 0%, #F2F2F2 100%);
	border-bottom-color: #BBB;
}
header .DropdownNavigation .Icon {
	float: left; width: 54px; height: 36px;
	margin: -9px 0 -9px -9px;
	background: url("../i/icons.png") no-repeat left top;
}
header .DropdownNavigation:hover .Icon {
	background-position: left -36px;
}
header .DropdownNavigation .CurrencyIcon {
	background-position: left -72px;
}
header .DropdownNavigation:hover .CurrencyIcon {
	background-position: left -108px;
}
header .DropdownNavigation ul {
	position: absolute; overflow: hidden;
	top: 35px; left: -9999em;
	width: 180px; background: #FFF;
	margin: 0; padding: 0;
	border: 1px solid #d9d9d9;
	border-bottom: 1px solid #CCC;
	border-bottom: 0; z-index: 499;
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
header .DropdownNavigation:hover ul { left: 0; }
header .DropdownNavigation ul li { padding: 0; }
header .DropdownNavigation ul li,
header .DropdownNavigation ul li a {
	background: none;
	position: relative;
	z-index: 499;
	display: block;
	float: none;
	margin: 0;
}
header .DropdownNavigation ul li a {
	background: none;
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
header .DropdownNavigation ul li + li a {
	border-top: 1px solid #d9d9d9;
}
header .DropdownNavigation ul li a:hover {
	background: none;
}

/* Search */
#SearchForm {
	position: absolute; right: 6px; bottom: 9px;
	padding: 8px; height: 18px; z-index: 99;
	background: #F8F8F8; border: 1px solid #D9D9D9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	zoom: 1;
}
.lt-ie9 #SearchForm {
	width: 290px;
}
#SearchForm.SearchActive {
	-moz-border-bottom-left-radius: 0;
	-moz-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#SearchForm .FormItem { border: 0; padding: 0; background: none; zoom: 1; }
#SearchForm label { display: none; }
#SearchForm input { width: 240px; float: left; }
#SearchForm button { margin-right: 0; }

#LiveSearchResults {
	display: none; margin: 0; list-style: none outside;
	position: absolute; top: 35px; left: -1px;
	z-index: 100; background: #F8F8F8; padding: 0 8px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #D9D9D9;
	border-top: 0; zoom: 1;
}
.SearchActive #LiveSearchResults {
	display: block;
}
#LiveSearchResults li {
	width: 100%;
	padding: 9px; margin: 0 -9px;
}
#LiveSearchResults li + li {
	padding-top: 8px;
	border-top: 1px solid #D9D9D9;
}
.SearchIndicator {
	display: none; position: absolute;
	top: 8px; left: 226px;
	padding: 1px; width: 16px; height: 16px;
	background: url(../i/search-load.gif) no-repeat 50% 50%;
}
.CloseSearchResults { background-image: url(../i/search-close.gif); cursor: pointer; }

.NoResults { padding: 0 15px; }

/* Same Form @ Content area */

#ContentSearch #SearchForm { position: relative; right: auto; bottom: auto; float: none; width: auto; margin: 0 0 18px; }
#ContentSearch #SearchForm input { width: 62%; font-size: 14px; padding: 2px; }

/* Footer */

#Footer {
	position: relative; margin: -1px 0 0;
	padding: 0; text-align: center;
	border-top: 1px solid #D9D9D9; z-index: 1;
}
#Footer .BrandsNavigation {
	width: 954px; overflow: hidden;
	margin: 0; padding: 9px 3px 0;
	list-style: none outside;
	text-align: center; font-size: 0px;
	word-spacing: -1em;
	border-bottom: 1px solid #CCCCCC;
	background-color: #E8E8E8;
	background-repeat: repeat-x;
	background-image: -o-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -moz-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -ms-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #E8E8E8));
	background-image: linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	-webkit-box-shadow: inset 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 0 #FFF;
	box-shadow: inset 0 1px 0 #FFF;
}
#Footer .BrandsNavigation li {
	margin: 0 0 9px;
	font-size: 14px; word-spacing: normal;
	font-weight: bold;
	vertical-align: middle;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
#Footer .BrandsNavigation li a {
	display: block; border: 1px solid #d9d9d9;
	border-color: #CCCCCC #d9d9d9 #e2e2e2;
	margin: 6px; padding: 8px; color: #888;
	text-decoration: none; background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#Footer .BrandsNavigation li a img { display: block; margin: 0; padding: 0; }
#Footer .BrandsNavigation li a:hover {
	border-color: #09f; color: #069;
	-webkit-box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
	box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
}

#Copyrights { clear: both; width: 960px; margin: 0; padding: 18px 0; }

/* Content masthead
-------------------------------------------------------------- */

#PageHeader {
	padding: 8px 15px 9px; margin: 0;
	border-top: 1px solid #FFFFFF;
	background-color: #FFF;
	background-repeat: repeat-x;
	background-image: -o-linear-gradient(top, #F8F8F8 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(top, #F8F8F8 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(top, #F8F8F8 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(top, #F8F8F8 0%, #FFFFFF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F8F8F8), color-stop(1, #FFFFFF));
	background-image: linear-gradient(top, #F8F8F8 0%, #FFFFFF 100%);
}

.Breadcrumb {
	margin: 0; padding: 0;
	line-height: 18px; font-size: 11px;
	border: 0;
}
.Breadcrumb ul,
.Breadcrumb li {
	display: inline; line-height: 18px;
	margin: 0; padding: 0; border: 0;
}
.Breadcrumb li a {
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;
}

#PageHeader h1 {
	line-height: 36px; font-size: 32px;
	margin: 0; padding: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
#PageHeader h1 + * { margin-top: 18px; }

.CategoryDescription { padding: 9px 15px 0; }

.CategoryImageWrapper { float: right; margin: 9px 6px 18px 9px; }
.CategoryImageWrapper img { display: block; }
.CategoryImageWrapper a {
	display: block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	padding: 8px;
	border: 1px solid #d9d9d9;
	border-bottom: 1px solid #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.CategoryImageWrapper a:hover {
	border-color: #09f;
	-webkit-box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
	box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
}

#ShopLikes {
	margin: 0 15px;
}

/* Campaign Image */

.CampaignImageWrapper {
	float: right;
	margin: -9px 6px 9px 30px;
}

/* Left Column
-------------------------------------------------------------- */

#MainNavigation ul.Categories, #MainNavigation ul.Categories ul { position: relative; margin: 0; padding: 0; list-style: none outside; zoom: 1; }
#MainNavigation ul.Categories li { position: relative; border-bottom: 1px solid #D9D9D9; background: #F8F8F8; zoom: 1; }
#MainNavigation ul.Categories li a {
	position: relative; display: block; padding: 8px 15px 9px; zoom: 1;
	font-size: 15px; font-weight: bold; line-height: 18px; text-decoration: none;
}
#MainNavigation ul.Categories li ul { padding: 0 15px 9px 36px; }
#MainNavigation ul.Categories li ul li { border: 0; }
#MainNavigation ul.Categories li ul li a {
	font-size: 12px; font-weight: normal;
	line-height: 18px; padding: 0;
	background: none; border: 0;
}
#MainNavigation ul.Categories li ul li ul { padding: 0 0 0 18px; border: 0; }

/* Categoryopeners */

#MainNavigation ul.Categories li.Openable a { margin-left: 35px; padding-left: 0; }
#MainNavigation ul.Categories li.Openable ul li a { margin: 0; padding: 0; }
#MainNavigation ul.Categories li span.NavOpener {
	position: absolute; display: block; margin: 0;
	top: 6px; left: 6px; width: 21px; height: 21px;
	line-height: 21px; text-align: center; font-weight: bold;
	background: #FFF url(../i/arrows.png) no-repeat -1px -1px;
	overflow: hidden; text-indent: -1000em;
	border: 1px solid #D9D9D9;
	border-bottom-color: #CCCCCC;
	border-top-color: #F2F2F2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; border-radius: 3px;
	zoom: 1;
}
#MainNavigation ul.Categories li span.NavOpener:hover {
	background-color: #069; color: #FFF;
	border-color: #057;
	cursor: pointer; background-position: -1px -24px;
}
#MainNavigation ul.Categories li span.Opened { background-position: -23px -2px; }
#MainNavigation ul.Categories li span.Opened:hover { background-position: -23px -25px; border-color: #057; }
#MainNavigation ul.Categories li ul li span.NavOpener { top: 1px; left: -24px; width: 15px; height: 15px; line-height: 15px; background-position: -4px -4px; }
#MainNavigation ul.Categories li ul li span.NavOpener:hover { background-position: -4px -27px; }
#MainNavigation ul.Categories li ul li span.Opened { background-position: -26px -5px; }
#MainNavigation ul.Categories li ul li span.Opened:hover { background-position: -26px -28px; }
#MainNavigation ul.Categories li ul li ul li span.NavOpener { top: 2px; left: -18px; width: 13px; height: 13px; line-height: 13px; background-position: -5px -5px; }
#MainNavigation ul.Categories li ul li ul li span.NavOpener:hover { background-position: -5px -28px; }
#MainNavigation ul.Categories li ul li ul li span.Opened {	background-position: -27px -6px; }
#MainNavigation ul.Categories li ul li ul li span.Opened:hover { background-position: -27px -29px; }

/* Info & News navigation */

#MainNavigation ul.InfoNavigation,
#MainNavigation ul.NewsList,
#MainNavigation ul.Campaigns {
	margin: 0; padding: 9px 15px 8px 15px;
	border-bottom: 1px solid #D9D9D9; list-style: none outside;
}
#MainNavigation ul.InfoNavigation li,
#MainNavigation ul.NewsList li {}

#MainNavigation ul.InfoNavigation li a,
#MainNavigation ul.NewsList li a,
#MainNavigation ul.Campaigns li a { text-decoration: none; }

#MainNavigation ul.InfoNavigation li ul,
#MainNavigation ul.NewsList li ul,
#MainNavigation ul.Campaigns li ul { padding: 0; border: 0; margin-left: 21px; list-style: none outside; }

/* Current page & subcategories */

#MainNavigation ul.Categories > li.Current > a { color: #246; text-decoration: none; cursor: default; }
#MainNavigation li.Current > a { font-weight: bold !important; color: #058; text-decoration: none; cursor: default; }
#MainNavigation ul ul { display: none; }
#MainNavigation ul li.Current > ul { display: block; }

/* Faceted navigation */

#MainNavigation .AdvancedSearchForm {
	margin: 0 15px;
}
#MainNavigation .AdvancedSearchForm .FormItem {
	border-top: 1px solid #d9d9d9;
	padding: 0; margin:  9px 0 0;
	text-align: center;
}
#MainNavigation .AdvancedSearchForm p.label {
	top: 0; width: auto; height: auto;
	text-shadow: 0px 1px 0px #FFF;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	color: #777;
	background: #FAFAFA;
	padding: 0 6px;
	margin: -9px 0 9px;
}
#MainNavigation .AdvancedSearchForm .Checks {
	text-align: left;
	padding: 0;
	margin: -6px 0 12px;
}
#MainNavigation .AdvancedSearchForm .Checks label {
	clear: none;
	width: auto;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 49.9%;
	margin-left: 0;
	margin-right: 0;
	font-size: 11px;
}
#MainNavigation .AdvancedSearchForm select { width: 161px; }
#MainNavigation .AdvancedSearchForm .CustomSelectWrap {
	text-align: left !important;
}
#MainNavigation .AdvancedSearchForm button {
	clear: both; float: none; display: block;
}

/* Right Column
-------------------------------------------------------------- */

#MiniCartWrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
}
#MiniCartWrapper .CheckoutLoader {
	top: 0; left: 0;
	padding: 0;
}
#MiniCartWrapper .CartEmpty {
	padding: 9px 15px; margin: 0;
}
#MiniCartWrapper ul {
	margin: 0; padding: 0;
	list-style: none outside;
}
#MiniCartWrapper ul li {
	position: relative;
	padding: 8px 15px 9px;
	border-bottom: 1px dotted #D9D9D9;
	font-size: 11px;
}
#MiniCartWrapper ul li:hover {
	background: #FFF;
}
#MiniCartWrapper ul li h3 {
	font-size: 11px;
	margin: 0;
}
#MiniCartWrapper dl { margin: 0; padding: 0; }
#MiniCartWrapper dl dt { display: inline; margin: 0 3px 0 0; }
#MiniCartWrapper dl dd { display: inline; margin: 0 7px 0 0; white-space: nowrap; }
#MiniCartWrapper dl dd.CartProductRemove {
	position: absolute;
	top: 3px; right: 1px;
	width: 16px; height: 16px;
	display: none; margin: 0;
}
#MiniCartWrapper dl dd.CartProductRemove a {
	display: block; width: 16px; height: 16px;
	overflow: hidden; text-indent: -10000em;
	background: url(../i/search-close.gif) no-repeat 50% 50%;
}
#MiniCartWrapper ul li:hover dl dd.CartProductRemove {
	display: block;
}
dl#MiniCartFooter {
	margin: 0; padding: 0;
}
dl#MiniCartFooter dd, dl#MiniCartFooter dt {
	display: block;
	margin: 0; padding: 0 15px;
}
dl#MiniCartFooter dt {
	font-weight: bold;
	color: #444;
	font-size: 11px;
	padding-top: 8px;
}
dl#MiniCartFooter .SubTotal {
	font-size: 15px; font-weight: bold;
}
dl#MiniCartFooter .CartLink {
	padding: 0 15px 9px;
	font-size: 11px;
	border-bottom: 1px dotted #D9D9D9;
}
dl#MiniCartFooter .CheckoutLink {
	padding: 9px 0;
}
dl#MiniCartFooter .CheckoutButton {
	margin: 0 15px;
	padding: 8px;
	float: none;
	text-align: center;
	display: block;
}

/* Pagination
-------------------------------------------------------------- */

#PaginationSortForm {
	clear: both;
	padding: 0 6px;
}
#PaginationSortForm .PaginationStatus {
	float: left;
	font-size: 11px; color: #888;
	margin-top: 18px;
	padding-left: 9px;
}
#PaginationSortForm select {
	min-width: 60px;
}
#PaginationSortForm .GroupItem { float: right; }
#PaginationSortForm .GroupItem > div { padding: 18px 0 0; margin: 0 0 0 3px; }
#PaginationSortForm .GroupItem > div label { bottom: auto; top: -2px; }
#PaginationSortForm .GroupItem > div .CustomSelectWrap { margin-right: 0; }
#PaginationSortForm .GroupItem > div button { margin-right: 0; }

.ShowingItems { font-size: 12px; float: left; margin-bottom: 0; }

.PageNavigation {
	text-align: center;
	list-style: none outside;
	position: relative; width: auto; clear: both;
	margin: 18px 6px; padding: 8px;
	border: 1px solid #D9D9D9; border-bottom: 1px solid #CCCCCC;
	background-color: #E8E8E8;
	background-repeat: repeat-x;
	background-image: -o-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -moz-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -ms-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #E8E8E8));
	background-image: linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	-webkit-box-shadow: inset 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 0 #FFF;
	box-shadow: inset 0 1px 0 #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.8);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.PageNavigation li {
	text-align: center;
	height: 27px;
	line-height: 27px;
	margin: -4px 0 -5px;
	padding: 0 9px;
	border: 1px solid transparent;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	font-weight: bold;
	color: #888;
}
.PageNavigation li.PagesBetween {
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}
.PageNavigation li.CurrentPage {
	border: 1px solid #d9d9d9;
	border-color: #CCCCCC #d9d9d9 #e2e2e2;
	background: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #222;
}
.PageNavigation li.NextPageLink,
.PageNavigation li.PreviousPageLink {
	white-space: nowrap;
}
.PageNavigation li.NextPageLink { float: right; }
.PageNavigation li.NextPageLink a,
.PageNavigation li.NextPageLink { padding-right: 0; margin-right: 0; }

.PageNavigation li.PreviousPageLink { float: left; }
.PageNavigation li.PreviousPageLink,
.PageNavigation li.PreviousPageLink a { padding-left: 0; margin-left: 0; }
.PageNavigation li a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 -6px;
	padding: 0 6px;
	text-decoration: none;
	font-weight: bold;
}

/* Productlist
-------------------------------------------------------------- */

.Product {
	position: relative; float: left;
	width: 162px; margin: 0 6px; padding: 9px 9px 27px;
}
* + html .Product {
	height: 360px;
}
.Product.Unavailable,
.Product.AvailabilityPast {
	opacity: 0.5;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.Product.Unavailable:hover,
.Product.AvailabilityPast {
	opacity: 1;
}
.first { clear: left; }

.Product .ProductImage {
	display: block; position: relative;
	margin: 0 -9px; padding: 8px;
	height: 162px; width: 162px;
	text-align: center; line-height: 160px;
	background: #FFF;
	border: 1px solid #d9d9d9;
	border-bottom: 1px solid #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.Product .ProductImage img {
	display: inline;
	margin: 0 auto;
	vertical-align: middle;
}
.Product .ProductImage:hover {
	border-color: #09f;
	-webkit-box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
	box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
}
.Product h2 {
	font-size: 12px;
	margin: 0; padding: 9px 0 0;
}
.ListProductPrices {
	padding: 0 0 9px;
	margin: 0;
}
.ListProductPrices .ProductComparePrice {
	margin-left: 9px;
	position: relative;
	bottom: 1px;
}
.ListProductPrices .ProductPrice,
.ListProductPrices .ProductComparePrice {
	white-space: nowrap;
}

.Product a:link, .Product a:visited { text-decoration: none; }
.Product a:active, .Product a:hover { text-decoration: underline; }

.Product .AddToCart {
	margin: 9px -6px;
	text-decoration: none;
}
.Product .AddToCart:hover {
	text-decoration: none;
}
.Unavailable .AddToCart,
.Available .ListProductAvailability,
.AvailabilityPast .AddToCart {
	display: none;
}
.Unavailable .ListProductAvailability,
.AvailabilityPast .ListProductAvailability {
	display: block;
	margin: 9px 0;
	color: #C33;
}

/* .Categories, .SubCategories, .BrandsNavigation
-------------------------------------------------------------- */

#Primary .NavigationList,
#Primary .NavigationList li {
	margin: 0; padding: 0;
	list-style: none outside;
	font-size: 11px;
}
#Primary .NavigationList li {
	margin: 0; padding: 0;
	border-bottom: 1px dotted #D9D9D9;
}
#Primary .NavigationList li a {
	display: block; padding: 8px 15px 9px;
	text-decoration: none;
}
#Primary .NavigationList li a:hover {
	text-decoration: underline;
}

/* Small Productlists
-------------------------------------------------------------- */

ul.ProductList, ol.ProductList, .ProductList li {
	position: relative; margin: 0; padding: 0;
	list-style: none outside;
}
ul.ProductList, ol.ProductList { margin: 0; font-weight: bold; }

.ProductList li, #side-features .ProductList li {
	border-bottom: 1px dotted #D9D9D9;
}
.ProductList li a {
	display: block;
	min-height: 35px;
	padding: 5px 15px 12px;
	text-decoration: none;
}
.ProductList li h3 {
	margin: 0; padding: 0 0 0 36px;
	font-size: 11px; color: #069;
	font-weight: normal;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.ProductList li a:hover h3 {
	color: #09f;
}
.ProductList li .ListImage {
	position: absolute; display: block;
	top: 9px; left: 9px; text-align: center;
	width: 34px; height: 34px; line-height: 32px;
	background: #FFF;
	border: 1px solid #d9d9d9;
	border-bottom: 1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.ProductList li .ListImage img {
	display: inline;
	margin: 0 auto;
	vertical-align: middle;
}
.ProductList li a:hover .ListImage {
	border-color: #09f;
	-webkit-box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
	box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
}

/* Product
-------------------------------------------------------------- */

#ProductLikes {
	position: relative;
	z-index: 1001;
	width: 276px;
	margin: 9px -9px;
}

#ProductImages, #ProductBuy {
	position: relative; float: left;
	width: 258px; margin: 0; padding: 9px 15px;
}

#ProductShortDesc { font-size: 15px; }
#ProductFullDesc { clear: both; margin: 0 6px; padding: 0 9px; }

#CurrentProductImage {
	width: 258px; height: 258px; line-height: 256px;
	position: relative; display: block; overflow: hidden;
	text-align: center; text-decoration: none;
	margin: 0 -9px 10px; padding: 8px;
	border: 1px solid #d9d9d9;
	border-bottom: 1px solid #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#CurrentProductImage:hover {
	border-color: #09f;
	-webkit-box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
	box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
}
#CurrentProductImage img {
	display: inline;
	vertical-align: middle;
	margin: 0 auto;
}
#ImgLoader {
	position: absolute; display: block; top: 0px; left: 0px;
	width: 100%; height: 100%; margin: 0px;
	background: #FFF url(../i/loader.gif) no-repeat 50% 50%;
	overflow: hidden; text-indent: -10000em;
}
#ProductImageCaption {
	margin: -5px 0 5px; padding: 0;
	text-align: center; font-size: 11px;
}
#ProductThumbnails {
	width: 280px; position: relative;
	overflow: hidden; height: auto;
	margin: 0 -13px 0 -9px;
	list-style: none outside;
}
#ProductThumbnails li { position: relative; float: left; }
#ProductThumbnails li a {
	position: relative; display: block; float: left;
	width: 34px; height: 34px; line-height: 32px;	text-align: center;
	padding: 8px; margin: 0 4px 2px 0;
	border: 1px solid #d9d9d9;
	border-bottom: 1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;

}
#ProductThumbnails li a:hover {
	border-color: #09f;
	-webkit-box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
	box-shadow: 0 0 5px rgba(0, 153, 255, 0.5);
}
#ProductThumbnails li a img {
	vertical-align: middle;
	display: inline;
	margin: 0 auto;
}
#ProductBuy .Prices {
	font-size: 15px; width: 100%;
	margin-bottom: 18px;
	position: relative;
	overflow: hidden;
}
#ProductBuy .PartPaymentPrice,
#ProductBuy .PartPaymentPrice .PriceFrom {
	font-size: 12px;
	color: #444;
}
#ProductBuy dl { width: 100%; overflow: hidden; margin: 0 0 18px; padding: 0; }
#ProductBuy dt, #ProductBuy dd {
	position: relative; float: left;
	width: auto; margin: 0; padding: 0;
}
#ProductBuy dt { width: 108px; font-size: 12px; font-weight: normal; }
#ProductBuy dd { width: 150px; }

#ProductBuy .Availability {}
#ProductBuy .Availability .DeliveryTime { margin-left: 108px; color: #c00; }

#ProductBuy .BuyForm fieldset {
	clear: left; position: relative;
	margin: 0 -9px 18px; padding: 8px;
	border: 1px solid #D9D9D9; background-color: #FCFCFC;
}

#ProductBuy .BuyForm .FormItem {
	padding-top: 9px; margin-bottom: -9px;
}
#ProductBuy .BuyForm .HeaderItem {
	position: relative; width: 100%; clear: both;
	margin: 8px -8px 9px; padding: 8px 8px 9px;
	border-bottom: 1px solid #CCCCCC; border-top: 1px solid #D9D9D9;
	background-color: #E8E8E8;
	background-repeat: repeat-x;
	background-image: -o-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -moz-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -ms-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #E8E8E8));
	background-image: linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	-webkit-box-shadow: inset 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 0 #FFF;
	box-shadow: inset 0 1px 0 #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.8);
	cursor: default;
}
/* If first one is header, pull it to top */
#ProductBuy .BuyForm .HiddenInput + .HeaderItem {
	margin-top: -9px;
}
#ProductBuy .BuyForm .HeaderItem h3 {}
#ProductBuy .BuyForm .HeaderItem .FormHelp {
	margin: 0;
	top: 0;
}
#ProductBuy .BuyForm .FormItem > label,
#ProductBuy .BuyForm .FormItem > p.label {
	font-weight: bold; color: #666;
}
#ProductBuy .BuyForm .FormItem .FormHelp {
	font-size: 11px;
}
/* input[type="number"] doesn't alway play nice with size attr */
.BuyFormQuantity input[type="number"] {
	width: 50px;
}
.BuyForm select.ReplacedSelect {
	max-width: 258px;
}
#ProductBuy .BuyForm .FormSubmit {
	margin: 8px -8px -8px; padding: 17px 8px 0; width: 100%;
	background: #F2F2F2; border-top: 1px solid #D9D9D9;
}
.BuyForm .FormSubmit button { margin-left: 0; }

.BuyForm .VariationInfo {
	color: #444;
	margin: -9px 0 18px;
	font-size: 11px;
}
#ModalBuying .BuyForm .VariationInfo {
	margin-top: -18px;
}
.BuyForm .VariationInfo strong {
	display: none;
}

/* Buying from modal */

#ModalBuying {
	max-width: 576px;
	width: 100%;
}
#ModalBuying, #ModalBuying form {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#ModalBuying img {
	float: right;
	margin: 0;
	padding: 0;
}
#ModalBuying form {
	width: auto; float: left;
	padding-right: 30px;
}

/* Scroller styles for crosssales */

.CrossSaleScroller { position: relative; width: 100%; height: 360px; overflow: auto; }
.CrossSaleProducts { position: relative; width: auto; height: 360px; overflow: visible; }
.CrossSaleProducts .Product { padding-left: 15px; padding-right: 15px; margin: 0; }

.ScrollToPrev, .ScrollToNext {
	cursor: pointer; position: relative; z-index: 3; float: left; margin-top: -36px; padding: 9px 9px 9px 36px;
	color: #069; text-decoration: underline; font-size: 11px; font-weight: bold; text-decoration: none;
}
.ScrollToNext { float: right; padding: 9px 36px 9px 9px; }
.ScrollToPrev:hover, .ScrollToNext:hover { color: #09F; }

.ScrollToPrev span.Icon, .ScrollToNext span.Icon,
#PrevBanner .Icon, #NextBanner .Icon {
	position: absolute; display: block; margin: 0;
	top: 6px; width: 21px; height: 21px;
	line-height: 21px; text-align: center; font-weight: bold;
	background: #FFF url(../i/arrows.png) no-repeat -1px -47px;
	overflow: hidden; text-indent: -1000em;
	border: 1px solid #D9D9D9; -moz-border-radius: 2px;
	-webkit-border-radius: 2px; border-radius: 2px;
}
.ScrollToPrev span.Icon, #PrevBanner .Icon { left: 6px; background-position: -47px -47px; }
.ScrollToNext span.Icon, #NextBanner .Icon { right: 6px; }
.ScrollToPrev:hover span.Icon, .ScrollToNext:hover span.Icon,
#PrevBanner:hover .Icon, #NextBanner:hover .Icon {
	background-color: #069; color: #FFF;
	border-color: #057; background-position: -1px -24px;
}
.ScrollToPrev:hover span.Icon, #PrevBanner:hover .Icon { background-position: -47px -24px; }

/* Category Frontpage
-------------------------------------------------------------- */

#BannerScroller { position: relative; width: 576px; overflow: hidden; }
#ScrollableBanners { position: relative; width: 9999em; }
.FrontBanner { position: relative; width: 576px; float: left; }
.FrontBanner img { position: relative; display: block; float: left; margin: 0; padding: 0; width: 576px; }
.BannerInfo {
	position: absolute; bottom: 0px; left: 0px; right: 0px;
	padding: 9px 15px 0; background: #000; opacity: 0.85; color: #FFF;
}
.BannerInfo h3 { margin: 0 0 9px; padding: 0; }
.BannerInfo h3, .BannerInfo a { color: #FFF; }
.BannerInfo h3 + p { margin-top: -9px; }
.BannerInfo p { margin-bottom: 9px; }

#PrevBanner, #NextBanner {
	display: none;
	position: absolute; top: 0px;
	padding: 8px 15px 9px; margin: 0;
	text-decoration: none;
	border-bottom: 1px solid #d9d9d9;
	background: #FFF; z-index: 999;
}
#PrevBanner {
	padding-left: 36px;
	left: 0px; border-right: 1px solid #d9d9d9;
	-moz-border-radius-bottomright: 5px;
	-webkit-bottom-right-border-radius: 5px;
	border-bottom-right-radius: 5px;
}
#NextBanner {
	padding-right: 36px;
	right: 0px; border-left: 1px solid #d9d9d9;
	-moz-border-radius-bottomleft: 5px;
	-webkit-bottom-left-border-radius: 5px;
	border-bottom-left-radius: 5px;
}
#PrevBanner .Icon, #NextBanner .Icon {
	background-position: -1px -1px;
}
#PrevBanner .Icon { background-position: -47px -1px; }
#NextBanner:hover .Icon { background-position: -1px -24px; }
#PrevBanner:hover .Icon { background-position: -47px -24px; }

.CategoryImage, .BrandImage {
	display: block; margin: 0;
	border-bottom: 1px solid #D9D9D9;
}
#LandingPageWrapper {
	position: relative; overflow: visible;
	width: 384px; margin: 0 191px 0 0;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}
#PrimaryFeatures {
	position: relative; float: left;
	width: 384px; min-height: 18px;
}
#SecondaryFeatures {
	position: relative; float: right;
	width: 191px; min-height: 18px;
	margin-right: -192px;
}
#BrandLogo { text-align: center; }
#BrandLogo { display: block; margin: 18px auto; padding: 0; }

/* Infopages & News
-------------------------------------------------------------- */

/* Subnavigation */

#SubPageNavigation {
	float: right; margin: 0 -9px 0 21px;
	width: 178px; padding: 0;
	border: 1px solid #D9D9D9;
	background: #FCFCFC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#SubPageNavigation h3 {
	width: auto;
	-moz-border-radius-topleft: 5px;
	-webkit-top-left-border-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-top-right-border-radius: 5px;
	border-top-right-radius: 5px;
	margin: 0; padding: 8px 8px 9px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #E8E8E8;
	background-repeat: repeat-x;
	background-image: -o-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -moz-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -ms-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #E8E8E8));
	background-image: linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	-webkit-box-shadow: inset 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 0 #FFF;
	box-shadow: inset 0 1px 0 #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.8);
	cursor: default;
}
#SubPageNavigation .NavigationList,
#SubPageNavigation .NavigationList li { font-size: 12px; }
#SubPageNavigation .NavigationList li { border-bottom: 0; }
#SubPageNavigation .NavigationList li + li { border-top: 1px dotted #D9D9D9; }
#SubPageNavigation .NavigationList li.Current a {
	font-weight: bold; color: #333;
	text-decoration: none; cursor: default;
}
#NewsLikes {
	margin: 18px 0;
}

/* News */

#NewsDate {
	/* Next to path */
	float: right;
	font-size: 11px;
	margin: 0 0 0 6px;
	padding: 0;
	color: #666;
}
.NewsImage {
	display: block;
	width: 352px;
	margin: 0 0 18px;
	text-align: left;
}
.NewsImage img {
	display: block;
}
.NewsImage figcaption {
	color: #666;
	margin: 0; padding: 0;
	font-style: italic;
}

.NewsOverview { font-size: 15px; line-height: 24px; }

/* Account pages
-------------------------------------------------------------- */

#OrderStatus dd { display: inline; }
#OrderStatus dd + dd { margin-left: 3px; }

#OrderHistoryTable { margin: 18px 0; }

#OrderHistory thead th { font-size: 12px; }

dl#AccountInformation {
	margin: 18px 0; width: 280px; overflow: hidden;
	padding: 0 116px 0 150px;
}
dl#AccountInformation dt,
dl#AccountInformation dd {
	position: relative; float: left;
	margin: 0; padding: 4px 0;
}
dl#AccountInformation dt { margin-left: -150px; width: 150px; clear: left; }
dl#AccountInformation dd { width: 100%; }
dl#AccountInformation dd.AccountLogout,
dl#AccountInformation dd.AccountEdit {
	text-align: right; float: right;
	width: 116px; margin-right: -116px;
}
dl#AccountInformation dd.AccountEdit + dd.AccountEdit { clear: right; }
dl#AccountInformation dd p, .OrderComments p { margin: 0; }

/* Carts
-------------------------------------------------------------- */

#CartForm {
	position: relative;
	width: 100%;
	min-height: 36px;
	overflow: hidden;
}
#CartForm .Notification {
	margin-bottom: 54px;
}
#CartForm .Notification + #CartTable,
#CartForm .Notification + .Notification {
	margin-top: -36px;
}
table input,
table button {
	float: none;
	display: block;
}
.CartPrice,
.CartTotal,
.CartShippingCost,
.CartPaymentCost,
.CartProductsTotal {
	white-space: nowrap;
	text-align: right;
}
td.CartTotal {
	font-weight: bold;
}
.CartTotal .PriceFrom {
	display: block; font-size: 11px;
	color: #444;
}
.CartQuantity {
	text-align: center;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.CartQuantity input {
	margin: 0 auto;
	width: 36px;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.CartQuantity .CartRemove {
	display: block;
	font-size: 10px; font-weight: bold;
	line-height: 18px; text-align: center;
	color: #900;
}
table .CartProduct {
	width: 100%;
}
table tr.AvailabilityOutOfStock td,
table tr.AvailabilityOutOfStock th,
table tr.AvailabilityPast td,
table tr.AvailabilityPast th {
	border-color: #decccc;
	background: #faf0f0;
}
table tr.AvailabilityPartiallyInStock td,
table tr.AvailabilityPartiallyInStock th {
	background: #fffff2;
}

table .CartProduct h3 {
	font-size: 15px;
	margin: 0 0 9px;
}
table .CartProduct dl {
	font-size: 12px; font-weight: normal;
	margin: 0; width: 100%; overflow: hidden;
}
table .CartProduct dd,
table .CartProduct dt { float: left; }
table .CartProduct dt { clear: left; }

.CartPic { width: 36px; }
.CartPic a {
	display: block; position: relative;
	text-align: center; background: #FFF;
	width: 34px; height: 34px; line-height: 30px;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.CartPic a:hover { border-color: #09f; }
.CartPic a img {
	vertical-align: middle;
	display: inline;
	margin: 0 auto;
}
.EditableCart tfoot td,
.EditableCart tfoot th,
#OrderProducts tfoot td,
#OrderProducts tfoot th {
	text-align: right;
}
#FullTotal td, #FullTotal th {
	font-size: 125%;
}
#UpdateCartButton {
	float: right;
	margin-left: 0;
	margin-right: 0;
}
#SubmitCampaignCode {
	position: relative; z-index: 99;
	float: left; margin: -36px 0 0;
}
#SubmitCampaignCode .FormItem {
	padding-left: 0;
}
#SubmitCampaignCode label,
#SubmitCampaignCode .label {
	float: left; top: 0;
	width: auto; text-align: left;
	margin-left: 0; margin-right: 5px;
}
#SubmitCampaignCode a {
	color: #666;
	float: left;
	margin: 0 0 18px;
}

/* Cart sharing */

#CartShareButtons {
	width: 450px;
	float: left;
	padding-top: 2px;
}
#CartShareLinkSelect {
	top: auto;
	margin: 3px 0 5px;
}
.ShareButton {
	position: relative;
	height: 20px;
	color: #333;
	float: left;
	top: auto;
	margin: 0 3px 9px 0;
	padding: 0 3px 0 18px !important;
	line-height: 18px;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	background-image: linear-gradient(#fff,#dedede);
	border: 1px solid #ccc;
	border-radius: 3px;
	z-index: 99;
}
.ShareButton i {
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background-color: transparent;
	background-repeat: no-repeat;
}
#ShowSendCart i { background-image: url(../i/send_email_icon.png); }
#ShowShareLink i { background-image: url(../i/share_icon.png); }
.ShareButton:hover {
	border-color: #bbb;
	background-color: #d9d9d9;
	background-image: -webkit-linear-gradient(#f8f8f8,#d9d9d9);
	background-image: linear-gradient(#f8f8f8,#d9d9d9);
}
#CartFbShare {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 3px;
}
#SubmitCampaignCode a:hover,
#ShowSendCart:hover {
	color: #222;
}

/* Chekcout
-------------------------------------------------------------- */

/* Primary buttons in blue */
.CheckoutButton,
a.Button.PrimaryAction,
button.PrimaryAction,
#Checkout .FormSubmit .SubmitButton,
.BuyForm .FormSubmit .SubmitButton,
#Checkout p.Big a.Button {
	padding: 8px 17px;
	font-weight: bold; text-decoration: none;
	color: #FFF; background-color: #058; background-repeat: repeat-x;
	background-image: linear-gradient(top, #08A 0%, #058 100%);
	background-image: -o-linear-gradient(top, #08A 0%, #058 100%);
	background-image: -moz-linear-gradient(top, #08A 0%, #058 100%);
	background-image: -webkit-linear-gradient(top, #08A 0%, #058 100%);
	background-image: -ms-linear-gradient(top, #08A 0%, #058 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #08A), color-stop(1, #058));
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.66), 0 1px 0 rgba(255, 255, 255, 0.33);
	border: 1px solid #058;
	border-bottom-color: #037;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#Checkout .FormSubmit {
	padding: 18px 0 0 126px;
}
.CheckoutButton,
#Checkout .FormSubmit .SubmitButton,
.BuyForm .FormSubmit .SubmitButton {
	clear: both;
	font-size: 15px;
}
.CheckoutButton,
a.Button.PrimaryAction {
	padding: 3px 8px 4px;
}
.CheckoutButton {
	float: right;
	margin-right: 0;
}
.CheckoutButton,
a.Button.PrimaryAction,
.CheckoutButton:hover,
#Checkout .FormSubmit .SubmitButton:hover,
.BuyForm .FormSubmit .SubmitButton:hover,
#Checkout p.Big a.Button:hover {
	color: #FFF;
	background-color: #069;
	background-repeat: repeat-x;
	background-image: linear-gradient(top, #0AE 0%, #07B 100%);
	background-image: -o-linear-gradient(top, #0AE 0%, #07B 100%);
	background-image: -moz-linear-gradient(top, #0AE 0%, #07B 100%);
	background-image: -webkit-linear-gradient(top, #0AE 0%, #07B 100%);
	background-image: -ms-linear-gradient(top, #0AE 0%, #07B 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0AE), color-stop(1, #07B));
	border: 1px solid #07B;
	border-bottom-color: #049;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Checkout navigation */

#CheckoutStage {
	position: relative;
	float: left;
	z-index: 500;
	list-style: decimal inside;
	overflow: hidden;
	padding: 0;
	margin: 0 0 -1px 15px;
	border: 1px solid #D2D2D2;
	border-top: 1px solid #D9D9D9;
	border-bottom: 0;
	background-color: #E8E8E8;
	background-repeat: repeat-x;
	background-image: -o-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -moz-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -ms-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #E8E8E8));
	background-image: linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	-webkit-box-shadow: inset 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 0 #FFF;
	box-shadow: inset 0 1px 0 #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.8);
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
#CheckoutStage + * {
	position: relative; z-index: 100;
	background: #FFF; margin-top: -1px;
}
#CheckoutStage li {
	float: left !important;
	display: block;
	position: relative;
	z-index: 501;
	padding: 8px 14px;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #CCC;
	margin-right: -1px;
	color: #888;
}
#CheckoutStage li + li {
	border-left: 1px solid #FFFFFF;
	margin-left: 1px;
}
#CheckoutStage .CurrentCheckoutStage {
	color: #444;
	font-weight: bold;
	background: #FAFAFA;
	border-bottom: 1px solid #FAFAFA;
	margin-bottom: -1px;
	background-color: #FAFAFA;
	background-repeat: repeat-x;
	background-image: -o-linear-gradient(top, #F2F2F2 0%, #FAFAFA 100%);
	background-image: -moz-linear-gradient(top, #F2F2F2 0%, #FAFAFA 100%);
	background-image: -webkit-linear-gradient(top, #F2F2F2 0%, #FAFAFA 100%);
	background-image: -ms-linear-gradient(top, #F2F2F2 0%, #FAFAFA 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(1, #FAFAFA));
	background-image: linear-gradient(top, #F2F2F2 0%, #FAFAFA 100%);
}
#CheckoutStage .CompletedCheckoutStage {
	color: #444;
}

/* Multi page checout
-------------------------------------------------------------- */

#MultiPageCheckout {
	position: relative;
	z-index: 100;
	padding: 0 15px;
}
#MultiPageCheckout .Notification {
	margin: 18px 0;
	padding: 17px;
	font-size: 15px;
}
#MultiPageCheckout h2 {
	font-size: 24px;
	font-weight: normal;
	width: 100%;
	margin: 0;
	padding: 18px 0;
	line-height: 36px;
}
#Header.MultipageCheckoutHeader {
	padding-bottom: 45px;
}

/* Login page */

#Checkout #SubmitAccountLogin {
	padding-top: 0;
}
#Checkout #SubmitAccountLogin .SubmitButton {
	border: 1px solid #c8c8c8;
	color: #333333;
	border-bottom-color: #a8a8a8;
	background-color: #dbdbdb;
	background-repeat: repeat-x;
	background-image: linear-gradient(top, #F4F4F4 0%, #DBDBDB 100%);
	background-image: -o-linear-gradient(top, #F4F4F4 0%, #DBDBDB 100%);
	background-image: -moz-linear-gradient(top, #F4F4F4 0%, #DBDBDB 100%);
	background-image: -webkit-linear-gradient(top, #F4F4F4 0%, #DBDBDB 100%);
	background-image: -ms-linear-gradient(top, #F4F4F4 0%, #DBDBDB 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F4F4F4), color-stop(1, #DBDBDB));
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* Toggle the shipping address form */

#CheckoutShippingAddressToggle {
	/* Hide it to be shown with javascript */
	display: none;
	font-size: 14px;
	margin: -4px 0 22px;
	color: #555;
}
#MultiPageCheckout #CheckoutShippingAddressToggle {
	margin-left: -18px;
}
#CheckoutShippingAddressToggle a {
	color: #900; font-size: 11px;
}
#CheckoutShippingAddressToggle .Checks {
	margin-bottom: 0;
}
#CheckoutShippingAddressToggle input { top: 4px; }
#CheckoutShippingAddress {
	/* Fixes the overflow clipping issue with effects */
	margin-top: -9px; padding-top: 9px;
}

/* Addressbook */

#CheckoutAddressBook {}
#CheckoutAddressBook p.label {
	display: none;
}
#CheckoutAddressBook .CheckWrap {

}
#CheckoutAddressBook .CheckWrap .Checks {
	padding-left: 0;
}
#CheckoutAddressBook .ShippingAddressWrapper {
	position: relative; float: left;
	width: 168px; height: 144px;
	padding: 0 15px 0 18px; margin: 0 0 18px;
}
#CheckoutAddressBook .ShippingAddressWrapper:nth-child(1n) { height: auto; }
#CheckoutAddressBook .ShippingAddressWrapper:nth-child(4n+1) { clear: left; }
#CheckoutAddressBook .ShippingAddressWrapper .EditShippingAddress {
	font-size: 11px;
}
#CheckoutAddressBook .ShippingAddressWrapper .EditShippingAddress a {
	color: #666;
}
.NewShippingAddress {
	margin-left: 126px;
	margin-top: -27px;
	margin-bottom: 9px;
	padding-left: 18px;
}
.NewShippingAddress a {
	font-weight: bold;
}

/* Checkout headers with intro-/helptexts */

#MultiPageCheckout .HeaderItem {
	position: relative; width: auto; clear: both;
	margin: -1px -15px 18px; padding: 8px 15px 9px;
	border-bottom: 1px solid #CCCCCC; border-top: 1px solid #D9D9D9;
	background-color: #E8E8E8;
	background-repeat: repeat-x;
	background-image: -o-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -moz-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -ms-linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #E8E8E8));
	background-image: linear-gradient(top, #FAFAFA 0%, #E8E8E8 100%);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.8);
	cursor: default;
}
#MultiPageCheckout .HeaderItem {
	padding-left: 141px;
}
#MultiPageCheckout .HeaderItem.NoIndent {
	padding-left: 15px;
}
#MultiPageCheckout .HeaderItem h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 27px;
	margin: 0;
	padding: 4px 0 0;
}
#MultiPageCheckout .HeaderItem p {
	color: #666; padding: 0 0 5px;
	margin: 0;
}

/* Shipping and payment methods */

#CheckoutShippingMethods .CheckWrap > .label,
#CheckoutPaymentMethods .CheckWrap > .label {
	display: none;
}
.ShippingMethodWrapper,
.PaymentMethodWrapper {
	padding: 9px 9px 9px 27px;
	clear: both;
}
.ShippingMethodWrapper + .ShippingMethodWrapper,
.PaymentMethodWrapper + .PaymentMethodWrapper {
	padding-top: 8px;
	border-top: 1px dotted #d9d9d9;
}
.ShippingMethodLogo,
.PaymentMethodLogo {
	float: left;
	margin: 0 5px 5px 0;
}
.ShippingMethodLogo img,
.PaymentMethodLogo img {
	display: block;
}
.ShippingMethodName,
.PaymentMethodName {
	font-weight: bold; font-size: 15px;
	float: left;
}
.ShippingMethodWrapper input[disabled="disabled"] + .ShippingMethodName,
.PaymentMethodWrapper input[disabled="disabled"] + .PaymentMethodName {
	color: #999;
}
.SelectedMethod .ShippingMethodPrice,
.SelectedMethod .PaymentMethodPrice {
	color: #222;
}

.ShippingMethodWrapper .CustomSelect {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.ShippingMethodWrapper.SelectedMethod .CustomSelect {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.ShippingMethodPrice,
.PaymentMethodPrice {
	float: right;
	color: #999;
}
.DefineShippingMethod,
.DefinePaymentMethod {
	clear: both;
	background: #F2F2F2;
	border: 1px solid #D9D9D9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 8px;
	margin: 3px 0;
}
.SelectedMethod .DefineShippingMethod,
.SelectedMethod .DefinePaymentMethod {
	background: #ffc;
	border: 1px solid #cc6;
}
.DefineShippingMethod select, .DefineShippingMethod .CustomSelectWrap,
.DefinePaymentMethod select, .DefineShippingMethod .CustomSelectWrap {
	margin-bottom: 0;
}
.DefineShippingMethod + .FormHelp,
.DefinePaymentMethod + .FormHelp {
	top: 0;
	margin: 0;
}

#MultiPageCheckout .ShippingMethodWrapper,
#MultiPageCheckout .PaymentMethodWrapper {
	border-top: 1px dotted #d9d9d9;
	border-bottom: 1px dotted #d9d9d9;
	padding: 8px 9px 8px 27px;
	margin-left: -18px;
}
#MultiPageCheckout .ShippingMethodWrapper + .ShippingMethodWrapper,
#MultiPageCheckout .PaymentMethodWrapper + .PaymentMethodWrapper {
	border-top: 0; padding-top: 9px;
}
#MultiPageCheckout .SelectedMethod {
	background-color: #fafafa;
	border: 1px solid #d9d9d9 !important;
	padding: 8px 11px 8px 29px;
	margin-left: -21px; margin-right: -3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#MultiPageCheckout * + .SelectedMethod	{
	margin-top: -1px;
}

/* Preview page split in half */
#PreviewSplit {
	width: 384px; overflow: visible;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	margin: -18px -15px 0 560px;
	background: #fafafa;
}
#PreviewProducts {
	float: left; width: 546px;
	margin-left: -576px;
	padding: 18px 15px 0;
}
#PreviewProducts #CartTable {
	margin-bottom: 18px;
}
#PreviewProducts .FormSubmit {
	padding-left: 0;
}
#PreviewProducts label { font-weight: bold; }
#PreviewProducts .CheckWrap p.label {
	display: none;
}
#PreviewInfo {
	width: 354px; float: left;
	padding: 18px 15px 0;
}
#PreviewInfo dl {
	font-size: 15px;
}
#PreviewInfo dl dd {
	margin-bottom: 18px;
}
#PreviewContent {
	position: relative;
}
#PreviewProducts #SubmitCampaignCode {
	float: right;
	margin-bottom: 18px;
	margin-top: 0;
}
#PreviewProducts #SubmitCampaignCode button {
	margin-right: 0;
}
#PreviewProducts #SubmitCampaignCode + form {
	clear: both;
}
.CheckoutLoader {
	position: absolute; z-index: 999;
	top: -9px; left: -9px; padding: 9px 9px 0;
	width: 100%; height: 100%;
	background: #FFF url("../i/checkoutloader.gif") no-repeat 50% 50%;
	opacity: 0.7;
}

/* Accept terms */

#CheckoutAcceptTerms .CheckWrap > .label {
	display: none;
}

/* Transfer to payment pages (/checkout/process/)
-------------------------------------------------------------- */

/* CHECKOUT */

#CHECKOUT {
	width: 960px;
	margin: 0 -15px;
}

.CheckoutTransferToPayment {
	width: 180px; float: left;
	height: 117px; clear: none;
	text-align: center;
	padding: 0; margin:	0 6px 9px;
}
.CheckoutTransferToPayment button {
	display: block; float: none;
	width: 180px; height: 115px;
	padding: 0 8px; margin: 0;
	text-align: center; background: #FFF;
	cursor: pointer; color: #666;
	border: 1px solid #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #aaa;
	-webkit-box-shadow: 0 1px 2px #aaa;
	box-shadow: 0 1px 2px #aaa;
	text-shadow: none;
}
.CheckoutTransferToPayment button:hover {
	background: #e1eef5; border-color: #09f;
}
.CheckoutTransferToPayment button img {
	display: block; padding: 4px; background: #FFF;
	border: 1px solid #aaa; margin: 0 auto 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.CheckoutTransferToPayment button:hover img { border-color: #09f; }

/* Thanks-page
-------------------------------------------------------------- */

#CheckoutThanksOrderInfo {
	float: right;
	margin-right: -384px;
	width: 383px;
}
#CheckoutThanksOrderInfo .Content {
	padding-top: 0;
}
#CheckoutThanksOrderInfo .BoxHeader {
	width: 100%;
	margin: -1px -15px 18px; padding: 8px 15px 9px;
}

/* Registration */

#CheckoutThanksRegistrationForm { display: none; }
#cboxLoadedContent #CheckoutThanksRegistrationForm { display: block; }
#NewCustomerPassword .CheckWrap > .label { display: none; }
#NewCustomerPassword label { font-weight: bold; }