@charset "utf-8";

html {
	-ms-overflow-style:-ms-autohiding-scrollbar;
}

body,
h1, h2, h3, h4, h5, h6 {
	font-family:Tahoma, Arial, Verdana;
}

/* Page */

div#Page {
	width:100%;
	margin:0;
	padding:0;
	min-width:315px;
}

/* Header */

header {
	text-align:center;
}

header div.Header {
	background-color:#0c63ba;
}

header div.Header h1.Logo a {
	position:relative;
	width:131px;
	height:35px;
	margin:10px 5px 5px 5px;
	background-image:url(/image/mobile/logo-new.png);
	text-indent:135px;
}

header ul.MobileButtons[style] {
	display:inherit !important;
}

header ul.MobileButtons {
	list-style:none;
	margin:0;
	padding:0;
}

header ul.MobileButtons li {
	position:absolute;
	top:15px;
	z-index:1500;
}

header ul.MobileButtons li a {
	display:block;
	width:34px;
	height:34px;
	background-repeat:no-repeat;
	background-image:url(/image/mobile/header/buttons.gif);
	text-indent:34px;
	overflow:hidden;
}

header ul.MobileButtons li a:hover {
	background-color:#012952;
}

header ul.MobileButtons li.MenuButton {
	left:8px;
}

header ul.MobileButtons li.MenuButton a {
	background-position:0;
}

header ul.MobileButtons li.BasketButton {
	right:8px;
}

header ul.MobileButtons li.BasketButton a {
	background-position:-34px 0;
}

header div.Messages div.Content div.BannerLeft {
	color:#ed5a00;
	margin:0;
	padding:4px 10px 5px 10px;
	line-height:125%;
	max-height:3.75em;
	overflow:hidden;
	text-overflow:ellipsis;
}

header div.Messages div.Content div.BannerLeft a {
	color:#ed5a00;
	text-decoration:underline;
}

header div.Messages div.Content div.BannerRight {
	display:none;
}

/* Footer */

footer {
	background-color:#0c63ba;
}

footer div.StarBar {
	height:24px;
	background-repeat:repeat-x;
	background-position:center top;
	background-image:url(/image/mobile/footer/star-bar.png);
}

footer h3 {
	color:#ffffff;
	font-family:Tahoma, Arial, Verdana;
	font-weight:normal;
	margin:20px 0 5px 0;
}

footer div.Columns h3 a {
	color:#ffffff !important;
}

footer div.Columns {
	margin:-10px 0 0 0;
	padding:0 10px 20px 10px;
}

footer div.Columns a:link,
footer div.Columns a:visited,
footer div.Content a:link,
footer div.Content a:visited {
	color:#b0d7ff;
	text-decoration:none;
}

footer div.Columns a:hover,
footer div.Content a:hover {
	color:#b0d7ff;
	text-decoration:underline;
}

footer div.Column {
	display:inline-block;
	vertical-align:top;
}

footer div.Column#ColumnAbout {
	width:270px;
	margin:0 20px 0 0;
}

footer div.Column#ColumnCustomerCare {
	width:170px;
	margin:0 20px 0 0;
}

footer div.Column#ColumnResources {
	width:200px;
	margin:0 20px 0 0;
}

footer div.Column#ColumnOther {
	width:280px;
}

footer ul.ContactInformation span {
	color:#6cb1f8;
}

footer div.Column#ColumnAbout li.Seal {
	display:inline-block;
	margin:15px 10px 0 0;
}

footer div.Column#ColumnAbout li:last-child.Seal {
	margin-right:0;
}

footer div.Attribution {
	background-color:#0c5192;
}

footer div.Attribution p {
	margin:0;
}

footer div.Attribution div.Content {
	margin:0;
	padding:4px 10px 6px 10px;
}

footer div.Attribution p a:link,
footer div.Attribution p a:visited {
	color:#64a6e9;
	text-decoration:none;
}

footer div.Attribution p a:hover {
	text-decoration:underline;
}

footer div.Content a:active,
footer div.Attribution p a:active {
	color:#ffffff;
	text-decoration:underline;
}

/* Header & Footer */

header button,
footer button {
	font-family:Tahoma, Arial, Verdana;
}

header input,
footer input {
	width:200px;
	min-height:25px;
	margin:0 1px 0 0;
	padding:0 5px 0 5px;
	line-height:25px;
}

header button,
footer button {
	font-family:Tahoma, Arial, Verdana;
}

/* Search */

form.Search {
	margin-bottom:10px;
}

form.Search button {
	vertical-align:bottom;
}

/* Main */

main div.Content {
	padding:0 10px 30px 10px;
}

/* Products */

div.ProductsControl ul {
	margin:0;
	padding:0;
}

div.ProductsControl ul li {
	margin:0;
	padding:10px 0 10px 0;
	vertical-align:top;
	border-bottom:1px solid #cccccc;
}

div.ProductsControl ul li:first-child {
	padding-top:0;
}

div.ProductsControl ul li:last-child {
	border-bottom:none;
}

/* Product */

div.ProductControl {
	padding:0 0 0 95px;
}

div.ProductControl div.Image,
div.ProductControl div.NoImage {
	float:left;
	margin-left:-95px;
}

div.ProductControl div.Image img,
div.ProductControl div.NoImage {
	width:85px;
	height:85px;
}

div.ProductControl h4 {
	margin:0;
}

div.ProductControl h4 a:link,
div.ProductControl h4 a:visited {
	text-decoration:none;
}

div.ProductControl h4 a:hover,
div.ProductControl h4 a:active {
	text-decoration:underline;
}

div.ProductControl div.Manufacturer,
div.ProductControl div.Manufacturer {
	color:#868686;
}

div.ProductControl span.PriceMSRP,
div.ProductControl span.PriceRetail {
	display:inline-block;
	margin-right:7px;
}

div.ProductControl div.Buttons {
	margin:5px 0 5px 0;
}

div.ProductControl div.Description {
	color:#868686;
	font-size:85%;
	line-height:125%;
	max-height:3.8em;
	overflow:hidden;
	text-overflow:ellipsis;
}

div.ProductControl div.Footer {
	clear:both;
}

/* No Image */

div.NoImage {
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% 100%;
	background-image:url(/image/no-image.gif);
}

/* View: Homepage */

div.ViewHomepage {
	margin:20px 0 0 0;
}

div.ViewHomepage h2 {
	margin:20px 0 5px 0;
	font-weight:normal;
	background-image:url(/image/band.png);
	background-repeat:repeat-x;
	background-position:0 50%;
}

div.ViewHomepage h2 a,
div.ViewHomepage h2 span {
	display:inline-block;
	padding-right:5px;
	background-color:#ffffff;
}

div.ViewHomepage h2 a:link,
div.ViewHomepage h2 a:visited {
	color:#047645;
	text-decoration:none;
}

div.ViewHomepage h2 a:hover,
div.ViewHomepage h2 a:active {
	text-decoration:underline;
}

@media all and (max-width:320px) {
	div.ViewHomepage div.Manufacturers ul li {
		margin-right:18px;
	}
}

@media all and (max-width:419px) {
	div.ViewHomepage div.Manufacturers p.ViewAll {
		display:none;
	}
	
	div.ViewHomepage div.Manufacturers p.More a:link,
	div.ViewHomepage div.Manufacturers p.More a:visited {
		text-decoration:underline;
	}
}

div.ViewHomepage p.More a span.More {
	display:inline-block;
	color:#047645;
	font-size:8pt;
	text-transform:uppercase;
	right:0;
	top:3px;
	margin:0;
	padding:0 0 0 5px;
	background-color:#ffffff;
}

/* View: Category & Manufacturer */

div.ViewCategory p.ListAll,
div.ViewManufacturer p.ListAll {
	display:none;
}

/* View: Basket */

div.ViewBasket ul li.Coupon {
	clear:left;
}

/* View: Product */

div.ViewProduct div.ProductControl {
	padding:0;
}

div.ViewProduct div.ProductControl div.Information div.Prices {
	float:left;
	margin:10px 10px 10px 0;
}

div.ViewProduct div.ProductControl div.Information div.Buttons {
	float:left;
	margin:10px 0 10px 0;
}

div.ViewProduct div.ProductControl div.SecondaryInformation {
	float:left;
	margin:0 10px 10px 0;
	text-align:center;
}

div.ViewProduct div.ProductControl div.SecondaryInformation div.Image,
div.ViewProduct div.ProductControl div.SecondaryInformation div.NoImage {
	float:none;
	margin:0;
}

div.ViewProduct div.ProductControl div.SecondaryInformation div.Image img,
div.ViewProduct div.ProductControl div.SecondaryInformation div.NoImage {
	width:125px;
	height:125px;
}

div.ViewProduct div.ProductControl div.SecondaryInformation div.Buttons div.Button {
	display:block;
	margin-top:5px;
}

div.ViewProduct div.ProductControl div.SecondaryInformation div.Buttons div.Button span.ButtonControl span.Caption {
	font-size:90%;
}

div.ViewProduct div.ProductControl div.Weight {
	clear:both;
}

div.ViewProduct div.ProductControl h3 {
	clear:both;
	margin-top:10px;
	color:#047645;
}

/* View: Email Friend, Product Review, Customize */

div.ViewEmailFriend div.ProductControl,
div.ViewProductCustomize div.ProductControl,
div.ViewProductReview div.ProductControl {
	padding:10px 0 0 0;
}

div.ViewEmailFriend div.ProductControl h2,
div.ViewProductCustomize div.ProductControl h2,
div.ViewProductReview div.ProductControl h2 {
	margin:0 0 10px 0;
	color:#047645;
	font-size:125%;
}

div.ViewEmailFriend div.ProductControl div.Information h2,
div.ViewProductCustomize div.ProductControl div.Information h2,
div.ViewProductReview div.ProductControl div.Information h2 {
	clear:both;
}

div.ViewEmailFriend div.ProductControl div.Information h2 {
	margin:0;
}

div.ViewProductCustomize div.ProductControl {
	padding:0;
	max-width:600px;
}

div.ViewEmailFriend div.ProductControl h3,
div.ViewProductCustomize div.ProductControl h3,
div.ViewProductReview div.ProductControl h3 {
	clear:both;
	font-size:medium;
	margin-top:10px;
}

div.ViewEmailFriend div.ProductControl div.SecondaryInformation,
div.ViewProductCustomize div.ProductControl div.SecondaryInformation,
div.ViewProductReview div.ProductControl div.SecondaryInformation {
	padding:0;
}

div.ViewEmailFriend div.ProductControl div.SecondaryInformation {
	margin-bottom:10px;
}

div.ViewEmailFriend div.ProductControl div.SecondaryInformation div.Image,
div.ViewProductCustomize div.ProductControl div.SecondaryInformation div.Image,
div.ViewProductReview div.ProductControl div.SecondaryInformation div.Image {
	float:left;
	margin:0 10px 10px 0;
}

div.ViewEmailFriend div.ProductControl div.SecondaryInformation div.NoImage,
div.ViewProductCustomize div.ProductControl div.SecondaryInformation div.NoImage,
div.ViewProductReview div.ProductControl div.SecondaryInformation div.NoImage {
	display:none;
}

div.ViewEmailFriend div.ProductControl div.Information div.LayoutControl_Vertical[style] {
	width:100% !important;
	max-width:460px;
}

div.ViewProductCustomize div.Prices {
	clear:both;
}

div.ViewProductReview div.LayoutControl_Vertical {
	max-width:575px;
}

/* View: Manufacturers */

div.ViewManufacturers div.Manufacturers div.JumpListSection ul li {
	width:145px;
}

/* Menu Mask */

div#MenuMask {
	position:absolute;
	display:none;
	top:0;
	right:0;
	bottom:0;
	left:280px;
	background-color:#000000;
	background-color:rgba(0,0,0,0.5);
	z-index:4000;
	cursor:pointer;
}

/* Menu */

div.NavigationMenu {
	display:none;
	position:absolute;
	width:1px;
	top:0;
	left:0;
	bottom:0;
	background-color:#0c63ba;
	overflow:auto;
	overflow-x:hidden;
	-ms-overflow-style:auto;
	-ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color='#404040'); /* IE8 */
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color='#404040');	/* IE5.5 - 7 */
	-moz-box-shadow:0 0 30px #404040;
	-webkit-box-shadow:0 0 30px #404040;
	box-shadow:0 0 30px #404040;
	z-index:5000;
}

div.NavigationMenu h2 {
	margin:0;
	padding:0;
	font-size:medium;
	font-weight:normal;
}

div.NavigationMenu nav#PrimaryNavigation {
	background-color:#ffffff;
}

div.NavigationMenu nav#PrimaryNavigation h2 {
	background-color:#047645;
	border-top:1px solid #10935b;
	border-bottom:1px solid #095d39;
	text-transform:uppercase;
}

div.NavigationMenu nav#PrimaryNavigation h2 a,
div.NavigationMenu nav#PrimaryNavigation h2 span {
	display:block;
	color:#ffffff;
	padding:5px;
	text-decoration:none;
}

div.NavigationMenu nav#PrimaryNavigation h2 a {
	background-repeat:no-repeat;
	background-position:100% 50%;
	background-image:url(/image/heading-go.gif);
}

div.NavigationMenu nav#PrimaryNavigation ul {
	list-style:none;
	margin:0;
	padding:0;
}

div.NavigationMenu nav#PrimaryNavigation ul li a {
	display:block;
	padding:5px;
	text-decoration:none;
	border-bottom:1px solid #c7d1db;
}

div.NavigationMenu nav#PrimaryNavigation ul li:last-child a {
	border-bottom:none;
}

div.NavigationMenu nav#PrimaryNavigation ul li a:hover,
div.NavigationMenu nav#PrimaryNavigation ul li a:active {
	background-color:#bbdeff;
}

div.NavigationMenu nav#PrimaryNavigation ul li ul {
	display:none;
	margin:0;
	padding:0;
}

div.NavigationMenu nav#PrimaryNavigation ol {
	list-style-position:inside;
	margin:0;
	padding:0;
}

div.NavigationMenu nav#PrimaryNavigation ol li {
	margin:0;
	padding:5px;
}

div.NavigationMenu nav#PrimaryNavigation ol li a,
div.NavigationMenu nav#PrimaryNavigation ol li span {
	margin:0;
	padding:0;
	text-decoration:none;
}

div.NavigationMenu nav#PrimaryNavigation ol li {
	border-bottom:1px solid #c7d1db;
}

div.NavigationMenu nav#PrimaryNavigation ol li:last-child {
	border-bottom:none;
}

nav#SecondaryNavigation div.Content {
	padding:10px 5px 10px 5px;
}

nav#SecondaryNavigation h2 {
	color:#ebf5ff;
}

nav#SecondaryNavigation p.PhoneNumber {
	color:#b0d7ff;
	margin:3px 0 10px 0;
	padding:0;
}

nav#SecondaryNavigation p.PhoneNumber a:link,
nav#SecondaryNavigation p.PhoneNumber a:visited {
	color:#b0d7ff;
	text-decoration:none;
}

nav#SecondaryNavigation p.PhoneNumber a:hover,
nav#SecondaryNavigation p.PhoneNumber a:active {
	color:#ffffff;
}

nav#SecondaryNavigation ul {
	list-style:none;
	margin:0;
	padding:0;
}

nav#SecondaryNavigation ul li {
	display:inline-block;
	margin-right:5px;
}

nav#SecondaryNavigation ul li:last-child {
	margin-right:0;
}

nav#SecondaryNavigation ul li a {
	display:inline-block;
	color:#000000;
	font-size:small;
	font-family:Arial, Tahoma, Verdana;
	margin:0;
	padding:0 7px 0 7px;
	line-height:22px;
	white-space:nowrap;
	border-top:1px solid #999999;
	border-right:1px solid #676767;
	border-bottom:1px solid #676767;
	border-left:1px solid #999999;
	background-color:#ffc231;
	background-image:url(/shop/image/control/button/default.png);
	background-position:50% 50%;
	background-repeat:repeat-x;
	text-decoration:none;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	outline:none;
	cursor:pointer;

	-ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#0d1319'); /* IE8 */
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#0d1319');	/* IE5.5 - 7 */
	-moz-box-shadow:0 0 1px #0d1319;
	-webkit-box-shadow:0 0 1px #0d1319;
	box-shadow:0 0 1px #0d1319;
}

/* Menu: Open */

body.Menu {
	position:fixed;
	overflow:hidden;
}

body.Menu div#MenuMask {
	display:block;
}

body.Menu div.NavigationMenu {
	display:block;
	width:280px;
}

body.Menu div#Page {
	margin-left:280px;

	-o-transition-property:margin; /* Opera */
	-moz-transition-property:margin; /* Firefox 4 */
	-webkit-transition-property:margin; /* Safari & Chrome */
	transition-property:margin;

	-o-transition-duration:500ms; /* Opera */
	-moz-transition-duration:500ms; /* Firefox 4 */
	-webkit-transition-duration:500ms; /* Safari & Chrome */
	transition-duration:500ms;

	-o-transition-timing-function:ease; /* Opera */
	-moz-transition-timing-function:ease; /* Firefox 4 */
	-webkit-transition-timing-function:ease; /* Safari & Chrome */
	transition-timing-function:ease;
}

/* Hidden Mobile */

.HiddenMobile {
	display:none;
}

/* Search Suggestions */

div.SearchSuggestions {
	left:10px;
	right:10px;
}