/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
 /*
@font-face {
	font-family: 'icon';
	src:	url(../fonts/icons.eot);
	src:	url(../fonts/icons.eot?#iefix) format('embedded-opentype'),
				url(../fonts/icons.svg#icomoon) format('svg'),
				url(../fonts/icons.woff) format('woff'),
				url(../fonts/icons.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
    font-family: 'PlayRegular';
    src: url(/fonts/play-regular-webfont-webfont.eot);
    src: url(/fonts/play-regular-webfont-webfont.eot?#iefix) format('embedded-opentype'),
         url(/fonts/play-regular-webfont-webfont.woff) format('woff'),
         url(/fonts/play-regular-webfont-webfont.ttf) format('truetype'),
         url(/fonts/play-regular-webfont-webfont.svg#playregular) format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'icons';
	src:url('/shop/fonts/icons.eot?xsslk');
	src:url('/shop/fonts/icons.eot?#iefixxsslk') format('embedded-opentype'),
		url('/shop/fonts/icons.woff?xsslk') format('woff'),
		url('/shop/fonts/icons.ttf?xsslk') format('truetype'),
		url('/shop/fonts/icons.svg?xsslk#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; height: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body {
	margin: 0; 
	font-size: 16px; 
	line-height: 1.4em; 
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #bce9ff; color: #33; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
::selection { background: #bce9ff; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } 


/* =============================================================================
   Links
   ========================================================================== */

a { 
	color: #373d42;
	text-decoration: none;
}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */


dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box;
box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

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



/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

.msgbox { 
	padding: 20px 15px; 
	text-align: left !important;
}
	.errorbox { 
		background: #FBE3E4; 
		border: 1px solid #FBC2C4; 
		color: #D12F19;  
	}
	.infobox { 
		background: #E6EDF5; 
		border: 1px solid #69B9DA; 
		color: #3D98F1; 
	}
	.noticebox { 
		background: #FFF6BF; 
		border: 1px solid #FFD324; 
		color: #817134; 
	}
	.successbox { 
		background: #E6EFC2; 
		border: 1px solid #C6D880; 
		color: #529214; 
	}
	
/* ==|== primary styles =====================================================
   General Layout Styling :
   ========================================================================== */	 

.col {
	float: left;
	margin-left: 15px;
	width: 179px;
}

.col3,
.col13,
.col23,
.col33 {
	width: 310px;
}
.col13,
.col14 {
	margin-left: 0;
}

/* ==|== primary styles =====================================================
   Generic Styling :
   ========================================================================== */
	 
body {
	background: url(../images/default/background.png) 50% 0 no-repeat #fff;
	color: #333;
	font: 11px/1.25 Tahoma,Arial,Helvetica, sans-serif;
	height: 100%;
}

#wrapper {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 960px;
}

/* ==|== primary styles =====================================================
   Header Styling :
   ========================================================================== */
	 
#HeaderAccountContainer {
	height: 135px;
}

#HeaderAccount {
	margin: 7px auto 0;
	text-align: right;
}
	#HeaderAccount #WelcomeNote,
	#HeaderAccount div {
		display: inline;
	}
		#HeaderAccount #WelcomeNote,
		#HeaderAccount div a,
		#HeaderAccount div a:hover {
			color: #686868;
		}
		.account_menu_btns a:before {
			content: "/";
			margin: 0 5px 0 0;
		}
		#BackLink:before, #HomeLink:before { content:"" !important; }
		
		#CheckoutLink, .btn_nav {
			background: #000;
			display: inline-block;
			color: #FFF !IMPORTANT;
			font-family: PlayRegular;
			font-size: 12px;
			height: auto;
			line-height: 12px;
			padding: 4px 5px 2px;
			text-align: right;
			text-transform: uppercase;
		}
		#CheckoutLink:before {
			display: none;
		}
		
#logo {
	background: url(../images/default/logo.png) 50% no-repeat;
	display: block;
	height: 112px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: 8px;
	white-space: nowrap;
	width: 262px;
}

#HeaderNavigation,
#HeaderNavigationInfo {
	left: 0;
	position: absolute;
	top: 125px;
	width: 100%;
	z-index:	5;
}

/* ==|== primary styles =====================================================
   Nav Styling :
   ========================================================================== */
	
.MenuHeaderExtratag,
#MenuBoxInfo {
	display: none;
}

#MenuBoxExtratag_134, #MenuBoxInfo {
	width: 230px;
}

.MenuExtratag:before {
	content: "Shop By";
	display: block;
	font: normal 12px/20px PlayRegular, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #333333;
	border-bottom: 1px solid #c2c2c2;
	padding: 5px 10px 0;
}

#MenuBoxExtratag_134 .categories {
	padding: 5px 0;
}
#MenuBoxExtratag_134 .categories a {
	display: block;
	line-height: 23px;
	padding: 0 10px;
}


#nav-bar {
	left: 253px;
	position: absolute;
	top: 66px;
	z-index: 500;
}

#nav-bar .categories,
#nav-bar .categories ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav-bar .categories {
	float: left;
	width: 707px;
}

#MenuBoxCat {
	background: url(../images/default/bar_ft.gif) 0 100% repeat-x;
	padding: 0 0 8px;
	position: relative;
	width: 230px;
}

#MenuBoxCat  #MenuHeaderCat {
	background: #49baff;
	color: #fff;
	display: block !important;
	font-size: 12px;
	font-family: PlayRegular;
	height: 25px;
	left: -2px;
	line-height: 25px;
	padding: 0 10px;
	text-transform: uppercase;
	top: -1px;
	position: absolute;
	z-index: 3;
}

#MenuBoxCat #MenuHeaderCat:after {
	border-bottom: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid #1b1b1b;
	bottom: 0;
	content: " ";
	font-size: 0;
	height: 0;
	line-height: 0;
	position: absolute;
	right: 0;
	width: 0;
	margin: 0;
}
 
#MenuCat {
	background: #1b1b1b;
	margin-right: 15px;
	padding: 32px 10px 0;
	position: relative;
	z-index: 2;
}
#MenuCat:before {
	border-bottom: 0;
	border-top: 22px solid transparent;
	border-left: 15px solid #1b1b1b;
	content: " ";
	font-size: 0;
	height: 0;
	line-height: 0;
	position: absolute;
	right: -15px;
	width: 0;
	margin: 0;
	top: 0;
}
#MenuCat:after {
	background: #1b1b1b;
	bottom: 0;
	content: " ";
	display: block;
	font-size: 0;
	margin: 0;
	position: absolute;
	right: -15px;
	top: 	22px;
	width: 15px;
}

#MenuCat .L_catId_604,
#MenuCat .L_catId_604 li,
#MenuCat .L_catId_604 ol {
	display: block !important;
}
#MenuCat .L_catId_604 ol ol li {
	display: none !important;
}


#MenuCat a {
	color: #fff;
	font-family: PlayRegular;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
}

.cat_container {
	display: inline-block;
	width: 233px;
	text-align: center;
	font-family: PlayRegular;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
}
.cat_container .cat_img { display:none; }
.cat_container .cat_name { color: #49baff;  }
.nav_bg h2 { float:left; }
.nav_btn_container { float:right; }
#FooterNavigation { clear:both; }

	#nav-bar .parent-category  {
		background: url(../images/default/bar_menu.gif) right 5px no-repeat;
		float: left;
		margin: 0;
		padding: 0 18px 0 0;
		position: relative;
	}
		#nav-bar .parent-category > a {
			color: #3D3D3D;
			display: block;
			font-family: PlayRegular;
			font-size: 14px;
			padding: 6px 17px 20px;
			text-transform: uppercase;
		}
		
		 .L_dropdown > a {
	 			background: url(../images/default/i_drop.png) no-repeat scroll right 12px transparent !important;
		 }
		 
		 .cat_a-0 { display:none; }
		 .cat_li-0 { display:none; }
		 .cat_ul-0 li.cat_li-0:first-child { display:block; }
		 .cat_ul-2 { display:none; }
		 
		 .L_cat0_a { display:none; }
		
	#nav-bar .parent-category ol {
		display: none;
	}
	#nav-bar .parent-category:hover > ol {
		background: #000;
		display: block !important;
		padding: 5px 10px 10px;
		padding: 0 10px 5px;
		padding: 0 0 5px;
		position: absolute;
		top: 100%;
	}
	#nav-bar .parent-category > ol > li {
		position: relative;
/*		overflow: hidden;*/
	}
	#nav-bar .parent-category > ol li {
		padding-top: 5px;
	}
	#nav-bar .parent-category > ol a {
		color: #fff;
		display: block;
		margin-left: -8px;
		margin-left: 0;
		overflow: hidden;
		padding: 0 10px;
		width: 133px;
	}
	#nav-bar .parent-category > ol a:hover {
		color: #49baff;
	}
	#nav-bar .parent-category ol :hover ol {
		background: #000;
		display: block !important;
		left: 143px;
		padding: 5px 10px 5px;
		padding: 0 10px 5px;
		position: absolute;
		top: 0;
	}
	
	.parent-category > ol ol a {
		margin-left: 0;
	}
	
	.search-bar-menu {
		
	}
	.search-bar-menu .search-bar-icon {
		background: url(../images/default/i_search.png) center no-repeat;
		content: " ";
		cursor: pointer;
		display: block;
		height: 12px;
		position: absolute;
		right: 0;
		top: 8px;
		width: 12px;
	}
	.search-bar-form {
		display: none;
		position: absolute;
		right: 0;
		top: 0;
		width: 250px;
	}
	.search-bar-input {

	}
	.search-bar-input input {
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
						box-sizing: border-box;
		height: 26px;
		line-height: 26px;
		padding: 0 60px 0 10px; 
		width: 100%;
	}
	.search-bar-button {
		position: absolute;
		right: 2px;
		top: 2px;
		width: 50px;
	}
	.search-bar-button input {
		background: #ff7800;
		border: 1px solid #ff7800;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
						box-sizing: border-box;
		display: block;
		color: #fff;
		font-family: PlayRegular;
		font-size: 12px;
		height: 22px;
		line-height: 22px;
		text-align: center;
		width: 50px;
	}
	
	/*
	.parent-category .L_cat1,
	.parent-category .L_cat2 {
	}
	*/
	
/* ==|== primary styles =====================================================
   Breadcrumbs Styling :
   ========================================================================== */	

#HeaderNavigation h2,
.breadcrumb_text h2 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
} 
	
.link_breadcrumb,
.breadcrumbDiv {
	color: #686868;
}
nav div { display:inline-block; }

/* ==|== primary styles =====================================================
   Content Styling :
   ========================================================================== */
	 
.im_cat_menu_panel,
.main_bg,
#MainBgInfo,
#ItemInfoBoxText,
#ItemInfoBoxImage {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}

#ItemInfoBoxText,
#ItemInfoBoxImage {
	padding: 10px;
}
	 
.im_cat_menu_panel {
	float: left;
	padding-top: 23px;
	width: 240px;
	width: 230px;
}

.main_bg,
#MainBgInfo {
	float: right;
	width: 710px;
	margin-top: 13px;
}

#HeaderProducts {
	padding: 15px;
}
#HeaderProducts h1,
.table_header_bar h3 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.table_header_bar h3 {
	font-size: 1em;
}

#HeaderProductInfo h1 {
	padding-left: 10px;
}

.product_box {
	overflow: hidden;
}

#ItemInfoBoxText {
	float: right;
	width: 405px;
}

			/* Item Info Page */
			.item_info_header {
				background: #323232;
				height: 25px;
				line-height: 25px;
				margin: 10px -10px;
				padding: 0 10px;
				font-family: PlayRegular;
				text-transform: uppercase;
				color:#fff;
				font-size: 14px;
			}
			.item_info_price {
				display: block;
				font-family: PlayRegular;
				font-size: 20px;
				text-transform: uppercase;
				color: #2A2A2A;
			}
			#ItemInfoQtyText { background:none; font-size:inherit; color: #2A2A2A; }
			.add_cart_info {
				margin-top: 20px;
			}
			#InfoItemNo {
				font-size: 14px;
				margin-bottom: 10px;
			}
			#btn_remove_fav, #btn_add_fav {
				position: absolute;
				top: 200px;
				right: 0;
			}
			.info_feature .item_info_text {
				height: 22px;
				line-height: 22px;
			}
			#InfoFavBox .btn_layout { margin-top:80px; }
			
			a.btn_pre:before { content:"« Prev"; }
			a.btn_next:before { content:"Next »"; }
			.nav_area { text-align:right; }
			.info_feature { margin-top: 25px; }
	
	#ProductInfoBox {
		margin-top: -10px;
	}
	#ProductName {
		display: none;	
	}
	.item_price.price_info,
	#ItemInfoQtyText {
		color: #2A2A2A;
		font-size: 2em;
	}
	
	.item_info_text.item_info_text_paired {
		border-bottom: 1px dotted #dfdfdf;
		padding: 5px 0;
	}
	
	.att_194,
	.att_199,
	.att_208,
	.att_211,
	.att_215,
	.att_218,
	.att_222,
	.att_227,
	.att_234,
	.att_239 {
		border-bottom: 0 !important;
		font-family: PlayRegular;
		font-size: 2em;
		margin: 5px 0;
	}
	.att_194 .item_info_text_value,
	.att_199 .item_info_text_value,
	.att_208 .item_info_text_value,
	.att_211 .item_info_text_value,
	.att_215 .item_info_text_value,
	.att_218 .item_info_text_value,
	.att_222 .item_info_text_value,
	.att_227 .item_info_text_value,
	.att_234 .item_info_text_value,
	.att_239 .item_info_text_value {
		display: none;
	}
	
	.item_info_text_name {
		display: inline-block;
		font-weight: bold;
		width: 150px;
	}
	
	.att_194 .item_info_text_name,
	.att_199 .item_info_text_name,
	.att_208 .item_info_text_name,
	.att_211 .item_info_text_name,
	.att_215 .item_info_text_name,
	.att_218 .item_info_text_name,
	.att_222 .item_info_text_name,
	.att_227 .item_info_text_name,
	.att_234 .item_info_text_name,
	.att_239 .item_info_text_name {
		font-weight: normal;
		width: auto;
	}
	
#ItemInfoBoxImage {
	float: left;
	width: 300px !important;
}

.item_img_frame img {
	display: block;
	margin: 0 auto;
}
#ZoomImage {
	background: url(../images/default/i_search.png) center no-repeat;
	content: " ";
	cursor: pointer;
	display: block;
	height: 12px;
	width: 12px;
}
#ProductInfoBoxImage > div {
	box-shadow: 0 0px 2px rgba(0,0,0,.2);
}
.more_image_container {
	margin-top: 20px;
}
.more_image_container .more_images {
	display: inline-block;
}

#Products_Cats_Frame {
	margin-top: 15px;
}



/* TEMP REMOVE WHEN LIVE 
.im_cat_menu_panel {
	background: green;
}
.main_bg,
#MainBgInfo {
	background: red;
}

#ItemInfoBoxText {
	background: yellow;
}
#ItemInfoBoxImage {
	background: blue;
}
*/

/* ==|== primary styles =====================================================
   Footer Styling :
   ========================================================================== */
	 
.footer-complementary {
	padding: 50px 0 30px;
}
.footer-copyright {
	background: url(../images/default/bar_ft.gif) 0 0 repeat-x;
	overflow: hidden;
	padding: 14px 0 20px;
}

.footer-copyright .col {
	border-top: 1px solid #d6d6d6;
	padding-top: 16px;
}
	 
#logo-footer {
	background: url(../images/default/logo-footer.png) 50% no-repeat;
	display: block;
	height: 36px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 156px;
}
	 
#footer h5 {	 
	color: #000;
	font-family: PlayRegular;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 6px;
	padding-top: 5px;	 
	text-transform: uppercase;	
}
#footer .col55 h5 {
	color: #11557E;
}

#footer ul,
#footer li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer li a {
	line-height: 22px;
	font-family: Arial;
}

#footer .col5 {
	border-left: 1px solid #d6d6d6;
	min-height: 178px;
	margin-left: 0;
	padding-left: 10px;
	width: 168px;
}
#footer .col15 {
	border-left: 0;
	padding-left: 0;
}
#footer .col55 {
	background: #49baff;
	padding: 2px 10px 12px;
	width: 234px;
}
.logo-members {
	background-repeat: no-repeat;
	background-position: 50%;
	display: block;
	height: 38px;
	margin: 0 0 13px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 125px;
}
.logo-members.member-shop-ferret {
	background-image: url(../images/default/members/shop-ferret.jpg);
}
.logo-members.member-get-price {
	background-image: url(../images/default/members/get-price.jpg);
}
.logo-members.member-shopping {
	background-image: url(../images/default/members/shopping.jpg);
}

#footer .footer-copyright .col{
	width: 320px;
}

#footer .block-copyright {
	text-align: center;
}

#footer .block-form-payment ul {
	text-align: right;
}
#footer .block-form-payment li {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
}
	#footer .form-payment {
		background-image: url(../images/default/payment/paypal.png);
		background-position: center;
		background-repeat: no-repeat;
		display: block;
		height: 24px;
		overflow: hidden;
		text-indent: 100%;
		width: 49px;
	}
		#footer .form-payment.payment-paypal {
			background-position: 0 2px;
		}
		#footer .form-payment.payment-visa {
			background-image: url(../images/default/payment/visa.png);
			background-position: 0 1px;
			width: 37px;
		}
		#footer .form-payment.payment-mastercard {
			background-image: url(../images/default/payment/mastercard.png);
			width: 31px;
		}
		#footer .form-payment.payment-amex {
			background-image: url(../images/default/payment/amex.png);
			width: 24px;
		}
		
		
/* Footer Slideshow Carousel */	
.footer-slideshow {
	padding: 0;
	text-align: center;
	border: 1px solid #E2E2E2;
	margin-top: 20px;
}
.footer-slideshow img { padding: 0 5px; }
.footer-slideshow-carousel {
	border: 1px solid #e3e3e3;
	height: 100px;
	overflow: hidden;
	position: relative;
}
.footer-slideshow-carousel img {
	display: inline;
	margin: 10px;
	opacity: 0;
}
.footer-slideshow-carousel .fo { float: left; position:relative; white-space: nowrap; width: 1010px; min-width: 1010px;  }
.footer-slideshow-carousel .floater { 
	float: left; 
	height: 100px; 
	top: 0; 
	position: absolute; 
	white-space: nowrap; 
	z-index: 1; 
}
.footer-slideshow-carousel .f1 { 
	right: -100%; 
	-webkit-animation: slider-f1 50s infinite; 
	-webkit-animation-timing-function: linear;
	 	 -moz-animation: slider-f1 50s infinite; 
		 -moz-animation-timing-function: linear;
			-ms-animation: slider-f1 50s infinite; 
			-ms-animation-timing-function: linear;
			 -o-animation: slider-f1 50s infinite; 
			 -o-animation-timing-function: linear;
					animation: slider-f1 50s infinite; 
					animation-timing-function: linear;
}
	@-webkit-keyframes slider-f1 {
		0%   { right: -100%; }
		100% { right: 0%; }
	}
	@-moz-keyframes slider-f1 {
		0%   { right: -100%; }
		100% { right: 0%; }
	}
	@-ms-keyframes slider-f1 {
		0%   { right: -100%; }
		100% { right: 0%; }
	}
	@-o-keyframes slider-f1 {
		0%   { right: -100%; }
		100% { right: 0%; }
	}
	@keyframes slider-f1 {
		0%   { right: -100%; }
		100% { right: 0%; }
	}
.footer-slideshow-carousel .f2 { 
	right: 0;
	-webkit-animation: slider-f2 50s infinite; 
	-webkit-animation-timing-function: linear;
		 -moz-animation: slider-f2 50s infinite; 
		 -moz-animation-timing-function: linear;
			-ms-animation: slider-f2 50s infinite; 
			-ms-animation-timing-function: linear;
			 -o-animation: slider-f2 50s infinite; 
			 -o-animation-timing-function: linear;
					animation: slider-f2 50s infinite; 
					animation-timing-function: linear;
}
	@-webkit-keyframes slider-f2 {
		0%   { right: 0; }
		100% { right: 100%; }
	}
	@-moz-keyframes slider-f2 {
		0%   { right: 0; }
		100% { right: 100%; }
	}
	@-ms-keyframes slider-f2 {
		0%   { right: 0; }
		100% { right: 100%; }
	}
	@-o-keyframes slider-f2 {
		0%   { right: 0; }
		100% { right: 100%; }
	}
	@keyframes slider-f2 {
		0%   { right: 0; }
		100% { right: 100%; }
	}

.loading-bar {
	color: white;
	font-size: 15px;
	font-style:italic;
	height: 100%;
	line-height: 100%;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

/* ==|== primary styles =====================================================
   Hidden/Obsolete elements Styling :
   ========================================================================== */

#MenuHeaderCat,
#MenuHeaderFeature,
#MenuFeature,
#MenuHeaderSearch,
#MenuSearch,
#FooterNavigation,
.Products_Cats_Frame.extended_cats #HeaderNavigation {
	display: none;
}

/* ==|== primary styles =====================================================
   Homepage Styling :
   ========================================================================== */
	 
.page-home .shop_main_frame	{ 
	position: relative;
}
	 
.slideshow-carousel {
	background: url(../images/default/bar_ft.gif) 0 100% repeat-x;
	left: 0;
	padding-bottom: 8px;
	position: absolute;
	top: -414px;
	z-index: 1;
}
.slideshow-carosel .slideshow-carousel-placeholder {
	position: relative;
	z-index: 99;
}

.slideshow-carousel span { display:none; }

.nivoo-slider,
.nivoo-slider-holder {
    height: 396px;
    overflow: hidden;
    position: relative;
    width: 960px;
}
.nivoo-slider.got-control-nav {
    height: 396px;
}
.nivoo-slider.direction-nav-outside {
    width: 960px;
}
.direction-nav-outside .nivoo-slider-holder {
    margin: 0 60px;
}

.nivoo-slider-holder {
	background-repeat: no-repeat;
}

.nivoo-slider img,
.nivoo-link {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 0;
}
.nivoo-slider > img:first-child,
.nivoo-slider > a:first-child img {
    z-index: 1;
}

.nivoo-link {
	border: none;
	display: none;
	height: 100%;
	width: 100%;
	z-index: 20;	
}
.direction-nav-left {
	left: 0;
}
.direction-nav-right {
	right: 0;
}
.direction-nav-hide {
	opacity: 0;
	-webkit-transition: opacity 1s ease;
		 -moz-transition: opacity 1s ease;
		 	-ms-transition: opacity 1s ease;
			 -o-transition: opacity 1s ease;
					transition: opacity 1s ease;
}
.nivoo-slider:hover .direction-nav-hide,
.direction-nav-hide:hover {
	opacity: 1;
}
.direction-nav-left,
.direction-nav-right {
	display: none;
}
.nivoo-slice {
	display: block;
	height: 100%;
	position: absolute;
	z-index: 10;
}

/* caption */

.nivoo-slider p {
	display: none;
}

/* control navigation */

div.control-nav {
	background: #49baff;
	bottom: 0;
	height: auto;
	line-height: 0;
	margin: 0 0 28px 0;
	padding: 10px 15px 10px 5px;
	position: absolute;
	right: -10px;
	text-align: right;
	z-index: 99;
}

div.control-nav:before {
	border-bottom: 15px solid transparent;
	border-top: 15px solid transparent;
	border-right: 10px solid #49baff;
	content: " ";
	font-size: 0;
	height: 0;
	line-height: 0;
	position: absolute;
	right: 100%;
	width: 0;
	margin: 0;
	top: 0;
}

div.control-nav:after {
	border-bottom: 10px solid transparent;
	border-top: 0;
	border-left: 10px solid #2e739d;
	content: " ";
	font-size: 0;
	height: 0;
	line-height: 0;
	position: absolute;
	right: 0;
	width: 0;
	margin: 0;
	top: 100%;
}

div.control-nav a {
	background: #9ddaff;
	background-clip: padding-box;
	border-radius: 100%;
	cursor: pointer;
	display: inline-block;
	font-size: 0;
	height: 10px;
	outline: none;
	margin: 0 5px 0 0;
	padding: 0;
	text-decoration: none;
	-webkit-transition: background 1s;
		 -moz-transition: background 1s;
			-ms-transition: background 1s;
			 -o-transition: background 1s;
					transition: background 1s;
	vertical-align: top;					
	width: 10px;
}
.ms8 div.control-nav a {
	position: relative;
	behavior: url(/Scripts/PIE.htc);
}
div.control-nav .disc {
	font-size: 40px;
}
div.control-nav a.current,
div.control-nav a:hover {
	background: #fff;
}

/* ==|== primary styles =====================================================
   Items/Categories Styling :
   ========================================================================== */

/*

	.submit_button_bg .submit_button.button-default
	.more_info_text .more_info
*/

h1,
.sub_header,
.layout-checkout .sub_header_alt a,
#HeaderMyAccountInformation,
.table_header_bar {
	color: #2A2A2A;
	font-family: PlayRegular;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	text-transform: uppercase
}

.item_name {
	color: #2c88c1;
}

.signupframe input[type="submit"],
.button-default,
.more_info,
.more_info_container,
.button-remove {
	background: #000;
	border: 1px solid #000;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	color: #fff;
	font-family: PlayRegular;
	font-size: 12px;
	/*
	height: auto;
	line-height: 12px;
	*/
	padding: 3px 4px;
	padding: 5px 4px 3px;
	text-transform: uppercase;
}

#btn_checkout, 
#btn_next, 
#btn_confirm, 
#btn_convert, 
#btn_print_fav, 
#btn_save { 
	background: #ff7800;
	border-color: #ff7800;
}

.buy_now_container {
	display: none;
}

.tag_icon, hr {
	display: none;
}

	/* reviews */
	.review_border {
		border: 1px solid #E2E2E2;
		padding:10px;
	}
	.review_date_added { float:right; }
	.info_reviews_box { padding:10px; }
	.review_container textarea { width:100%; }
#MainLinkedItemContainer { margin-top:10px; }
.review_container {
position: relative;
background:#fff;
}
.social_btns { margin-top:10px; }

/* ==|== primary styles =====================================================
   Item and Category Listing Styling :
   ========================================================================== */
	 
.productRowList td {
	vertical-align: middle;
	
}
#MainLinkedItemContainer {
	margin-top: 20px;
}
.feature_container {
	margin-bottom: 20px;
}
.item_listing_container {
	overflow: hidden;
	width: 100%;
}
.item_container {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	float: left;
	margin: -1px;
	padding: 1px;
	height: 240px;
	position: relative;
	text-align: center;
	width: 237px;
}
.item_listing_container .item_description, .item_listing_container .item_no { display:none; }
#login-column-quickbox,
#login-column-loginbox,
.layout-checkout .grid-block,
.item_container,
#sav_acc_details,
.page-contact-form-table {	
	background-image: 	-webkit-linear-gradient(left, #9c9c9c 30%, transparent 30%, transparent), 
											-webkit-linear-gradient(top, #9c9c9c 30%, transparent 30%, transparent), 
											-webkit-linear-gradient(left,#9c9c9c 30%, transparent 30%, transparent), 
											-webkit-linear-gradient(top, #9c9c9c 30%, transparent 30%, transparent);
	background-image: 		 -moz-linear-gradient(left, #9c9c9c 30%, transparent 30%, transparent), 
												 -moz-linear-gradient(top, #9c9c9c 30%, transparent 30%, transparent), 
												 -moz-linear-gradient(left,#9c9c9c 30%, transparent 30%, transparent), 
												 -moz-linear-gradient(top, #9c9c9c 30%, transparent 30%, transparent);
	background-image: 					linear-gradient(to right, #9c9c9c 30%, transparent 30%, transparent), 
															linear-gradient(to bottom, #9c9c9c 30%, transparent 30%, transparent), 
															linear-gradient(to right,#9c9c9c 30%, transparent 30%, transparent), 
															linear-gradient(to bottom, #9c9c9c 30%, transparent 30%, transparent);
	background-size: 		5px 1px, 
											1px 5px,
											5px 1px, 
											1px 5px;
	background-position: 0 0, 0 0, 0 100%, 100% 0;
	background-repeat: 	repeat-x, 
											repeat-y,
											repeat-x, 
											repeat-y;
}
#login-column-quickbox,
#login-column-loginbox,
.layout-checkout .grid-block,
#sav_acc_details,
.page-contact-form-table {
	background-color: #fff;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}

.item_container .item_table {
	margin: 25px 0;
	width: 100%;
}
.item_container .item_table .item_img {
	display: block;
	margin: 0 auto;
}
.item_container .item_table td,
.item_container .item_table .item_img_frame {
	min-height: 115px;
	vertical-align: middle;
}

.item_container .more_info_container {
	bottom: 0;
	position: absolute;
	right: 0;	
}


/* ==|== primary styles =====================================================
   Checkout Styling :
   ========================================================================== */
	 
#cart-items td {
	vertical-align: middle;
}
.table_header_bar {
	background: #323232;
	color: #fff;
	font-family: PlayRegular;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	text-transform: uppercase;
	text-align: center;
}
.feature_container .table_header_bar { line-height:normal; height: 32px; margin-top: 20px; }
.feature_container .table_header_bar h3 { float:left; padding: 10px; }
.feature_container .table_header_bar a { float:right; color:#fff; padding: 11px; font-size: 10px; }

.button-remove {
	background: #a61714;
	border-color: #a61714;
}

/* ==|== primary styles =====================================================
   Login/Signin Styling :
   ========================================================================== */
	 
#MainContent {

}

#password_reg {
	margin: -10px;
}
#sav_acc_details {
	margin: 10px 0;
}

#login-column-quickbox,
#login-column-loginbox,
#sav_acc_details { 
	-webkit-box-sizing: border-box; 
		 -moz-box-sizing: border-box;
					box-sizing: border-box; 
	min-height: 220px; 
	padding: 20px 25px 15px;  
	position: relative; 
	width: 100%; 
}	
#login-column-loginbox:before, 
#login-column-loginbox:after	 { 
	content: ""; 
	display: block; 
	overflow: hidden; 
}
#login-column-loginbox:after { clear: both; }
#login-column-loginbox b { display: none  }
#login-column-quickbox b { display: block; font-weight: normal; margin: 15px 0 0; }

#login-column-loginbox .sub_header { visibility: hidden; }
#login-column-loginbox .sub_header:before { content: "Sign In"; visibility: visible; }

#login fieldset, 
#login dl,
#login dt, 
#login dd,
#password_reg fieldset, 
#password_reg dl,
#password_reg dt, 
#password_reg dd, { 
	margin: 0; 
	padding: 0;
}

#login dl,
#password_reg dl { 
	clear: both; 
	margin: 0 0 15px; 
}
#login dt,
#password_reg dt { 
	height: 19px; 
	width: 100px; 
}
#login dt label,
#password_reg dt label { 
	font-weight: bold; 
	height: 19px; 
	line-height: 19px; 
}
#login dd,
#password_reg dd { 
	height: auto; 
	margin-left: 0;
}
/* #login dd input { border-radius: 3px; color: #333; font-size: 12px; height: 27px; line-height: normal; margin: 0 0 0; padding: 3px 5px; position: relative; width: 250px; } */

#login dd input, 
.form_field,
select, 
.textbox,
#login dd input, 
.form_fields,
#login dd input, 
.inputbox,
#password_reg dd .form_fields {
	background: #fff;
	border: 1px solid #d9d9d9;
	border-top: 1px solid #c0c0c0;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	border-radius: 1px;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	margin: 0;
	padding-left: 8px;
	width: 100%;
	box-sizing: border-box;
}
textarea.form_fields {
	height: 141px;
}
#login dd input,
#password_reg dd .form_fields { 
	width: 100%; 
}

#login dd input:hover, .form_field:hover,
.form_fields:hover,
.inputbox:hover { 
	border: 1px solid #b9b9b9; 
	border-top-color: #a0a0a0; 
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 
		 -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 
					box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 
}

#login dd input:focus, .form_field:focus,
.form_fields:focus,
.inputbox:focus {
	border: 1px solid #0b76ac; 
	outline: none;  
}

a[href="forgot_password.php"] { float: left; margin-left: 65px; font-size: 11px; height: 27px; line-height: 29px; }
/* .btn_layout { width: auto; } */

#login-column-loginbox ~ .btn_layout { margin-right: 128px; }
#login-column-loginbox .btn_layout, #login-column-loginbox #btn_login_f {  }
#login-column-quickbox p { margin: 0 0 15px; }

#login-column-quickbox table, #login-column-quickbox td, #login-column-loginbox table, #login-column-loginbox td { width: auto !important; }
#login-column-quickbox td, #login-column-loginbox td { display: none; }
#login-column-loginbox td[align="right"] { display: block; float: left; }
#login-column-quickbox td:first-child { display: block; float: left; }
#login-column-quickbox table, #login-column-loginbox table { position: absolute; left: 25px; bottom: 15px; }


.layout-cart .table_header_bg_sh table,
	.layout-account-orders .table_header_bg_sh table { border: 1px solid #e5e5e5;  }
	
.layout-cart .table_header_bg_sh td,
	.layout-account-orders .table_header_bg_sh td { background: #f5f5f5; height: 39px !important; vertical-align: middle; }

#cart-items td { vertical-align: middle;}
#cart-items .submit_button_bg { text-align: center; }
#cart-items .item_img_frame { display: block; text-align: center; }

.layout-cart .evenrowbg { border-bottom: 1px solid #e5e5e5; padding: 2px 0 !important; margin: 0 !important; position:relative; }
.layout-cart .evenrowbg td { height: 52px; line-height: 52px;  white-space: nowrap; }
.cart-items { padding:0; margin:0; }
.cart-items li { list-style:none; }
.cart-items #btn_delete { position:absolute; bottom: 1px;
right: 0;
top: 0px;
line-height: 43px; }

.cart_table_img { width:2em; padding:0.5em 0 0.5em 0.5em; }
.cart_table_item { padding:0.5em 0 0 0.5em; }
.cart_table_price { width:6em; }
.cart_table_qty { width:1em; }
.cart_table_qty_error { width:1em; text-align:center; }
.cart_table_total { width:1em; padding:0 7.5em; }
.layout-cart-wrapper p { margin:0.5em; }

.cart_price_box { width: 180px; float: right; }
.cart_price_box td { height:25px; }
.cart_price_name { width: 80px; }
.cart_price_price { font-weight:bold; text-align:right; }
.cart_price_box_clear { clear:right; }

#taxDisplay td { font-size: 10px; padding: 25px 0; }
#taxDisplay td[width="10"] { display: none !important; }
#taxDisplay #btn_update_f { text-align: right; }

	#btn_freight_estimator_f { margin: 25px auto; }
	
		#btn_freight_estimator {
				background-color: #f5f5f5;
				background-image: -webkit-linear-gradient(top,#f5f5f5, #eeeeee); 
				background-image: -moz-linear-gradient(top,#f5f5f5, #eeeeee); 
				background-image: -ms-linear-gradient(top,#f5f5f5, #eeeeee); 
				background-image: -o-linear-gradient(top,#f5f5f5, #eeeeee); 
				background-image: linear-gradient(top,#f5f5f5, #eeeeee); 
				-pie-background: linear-gradient(top,#f5f5f5, #eeeeee); 
				border-color: #e5e5e5; color: #333 !important; 
		}
			#btn_freight_estimator:hover { 	
				background-image: -webkit-linear-gradient(top,#f5f5f5, #e5e5e5); 
				background-image: -moz-linear-gradient(top,#f5f5f5, #e5e5e5); 
				background-image: -ms-linear-gradient(top,#f5f5f5, #e5e5e5); 
				background-image: -o-linear-gradient(top,#f5f5f5, #e5e5e5); 
				background-image: linear-gradient(top,#f5f5f5, #e5e5e5); 
				-pie-background: linear-gradient(top,#f5f5f5, #e5e5e5); 
				border-color: #acacac; 
			}

#payment_option_display { border: 1px solid #f5f5f5; margin: 25px auto; }
#payment_option_display td { vertical-align: middle; }

.layout-cart .table_header_bg_sh { margin: 0 0 15px;}

/* Account */

.layout-account .sub_header { background: #f5f5f5; border: 1px solid #e5e5e5; border-bottom: 0; margin: 0; padding: 20px 25px 15px; }
.layout-account .sub_header ~ table { background: #f5f5f5; border: 1px solid #e5e5e5; border-top: 0; margin: 0 0 15px; padding: 0 25px 0; }
.layout-account .sub_header ~ table tr:last-child td { padding: 0 0 15px; }



.layout-account-password .sub_header { font-weight: bold; height: 29px; line-height: 29px; }
.layout-account-password fieldset, .layout-account-password dl, .layout-account-password dt, .layout-account-password dd { border: 0; margin: 0; padding: 0; }

.layout-account-password fieldset { background: #f5f5f5; border: 1px solid #e5e5e5; margin: 0 0 15px; padding: 20px 25px 15px;  position: relative; }

.layout-account-password dl { padding: 5px 0; }

.layout-account-password dt { float: left; width: 200px; }
.layout-account-password dd { margin: 0 0 0 225px; }
.layout-account-password  #newsletter { position: relative; top: 6px; }

.layout-account-password dt label { display: block; height: 27px; line-height: 27px; text-align: right; }

.layout-account-password dl:before, .layout-account-password-edit dl:after { ontent: ""; display: block; overflow: hidden; }
.layout-account-password dl:after { clear: both; }

.layout-account-password .btn_layout { position: relative; }
.layout-account-password #btn_save_f { position: absolute; right: 0; top: 0; }
.layout-account-password #btn_cancel_f { left: 0; position: absolute; top: 0; }


.layout-account-orders .evenrowbg { border-bottom: 1px solid #e5e5e5; padding: 0 0 !important; margin: 0 !important; }
.account_order_remove_btn { width: 80px; }
.account_order_details_left { float: left; width:50%; }
.account_order_details_right { float: right; width:50%; }
.border_table_info div { line-height:22px; }

.layout-account-order-detail .sub_header { font-weight: bold; height: 29px; line-height: 29px; }
.layout-account-order-detail .grid-block-north {  background: #f5f5f5; border: 1px solid #e5e5e5; margin: 0 0 15px; padding: 20px 25px 15px; }

.layout-account-order-detail .table_header_bg_sh, .layout-account-order-detail .table_header_bg_sh td { background: #f5f5f5; height: 39px !important; vertical-align: middle; }
.layout-account-order-detail .table_header_bg_sh { border: 1px solid #e5e5e5; margin: 0 0 0; overflow: hidden; }
	
.layout-account-order-detail .evenrowbg { border-bottom: 1px solid #e5e5e5; height: 39px; line-height: 39px; padding: 0 10px !important; margin: 0 !important; }
.layout-account-order-detail .evenrowbg div { float: left; height: 39px !important; line-height: 39px !important; padding: 0 !important; margin: 0 !important; }
.layout-account-order-detail .btn_layout { margin: 15px 0 0; position: relative; }
.layout-account-order-detail .grid-block-pricing { margin: 15px 0; }
.layout-account-order-detail .pagination-block td { height: 27px; line-height: 27px; }



.layout-account-addressbook {}
.layout-account-addressbook .btn_layout { margin: 15px 0 0; position: relative; }
.layout-account-addressbook #btn_add_address_f { position: absolute; right: 0; top: 0; }
.layout-account-addressbook #btn_my_account_f { left: 0; position: absolute; top: 0; }

.layout-account-addressbook .sub_header { background: #f5f5f5; border: 1px solid #e5e5e5; height: 39px; line-height: 39px; margin: 0 0 0; padding: 0 15px  }

.layout-account-addressbook .evenrowbg { border-bottom: 1px solid #e5e5e5; height: 39px; line-height: 39px; padding: 0 15px !important; margin: 0 !important; }
.layout-account-addressbook .evenrowbg div { float: left; height: 39px !important; line-height: 39px !important; padding: 0 !important; margin: 0 !important; }
.layout-account-addressbook .evenrowbg div:last-child { float: right; }


.layout-account-details .sub_header { font-weight: bold; height: 29px; line-height: 29px; }
.layout-account-details fieldset, .layout-account-details dl, .layout-account-details dt, .layout-account-details dd { border: 0; margin: 0; padding: 0; }

.layout-account-details fieldset { background: #f5f5f5; border: 1px solid #e5e5e5; margin: 0 0 15px; padding: 20px 25px 15px;  position: relative; }

.layout-account-details dl { padding: 5px 0; }

.layout-account-details dt { float: left; width: 200px; }
.layout-account-details dd { margin: 0 0 0 225px; }
.layout-account-details  #newsletter { position: relative; top: 6px; }

.layout-account-details dt label { display: block; height: 27px; line-height: 27px; text-align: right; }

.layout-account-details dl:before, .layout-account-addressbook-edit dl:after { ontent: ""; display: block; overflow: hidden; }
.layout-account-details dl:after { clear: both; }

.layout-account-details .btn_layout { position: relative; }
.layout-account-details #btn_save_f { position: absolute; right: 0; top: 0; }
.layout-account-details #btn_cancel_f { left: 0; position: absolute; top: 0; }





.layout-account-addressbook-edit .sub_header { font-weight: bold; height: 29px; line-height: 29px; }
.layout-account-addressbook-edit fieldset, .layout-account-addressbook-edit dl, .layout-account-addressbook-edit dt, .layout-account-addressbook-edit dd { border: 0; margin: 0; padding: 0; }

.layout-account-addressbook-edit fieldset { background: #f5f5f5; border: 1px solid #e5e5e5; margin: 0 0 15px; padding: 20px 25px 15px;  position: relative; }

.layout-account-addressbook-edit dl { padding: 5px 0; }

.layout-account-addressbook-edit dt { float: left; width: 200px; }
.layout-account-addressbook-edit dd { margin: 0 0 0 225px; }
.layout-account-addressbook-edit  #newsletter { position: relative; top: 6px; }

.layout-account-addressbook-edit dt label { display: block; height: 27px; line-height: 27px; text-align: right; }

.layout-account-addressbook-edit dl:before, .layout-account-addressbook-edit dl:after { ontent: ""; display: block; overflow: hidden; }
.layout-account-addressbook-edit dl:after { clear: both; }

.layout-account-addressbook-edit .btn_layout { position: relative; }
.layout-account-addressbook-edit #btn_save_f { position: absolute; right: 0; top: 0; }
.layout-account-addressbook-edit #btn_cancel_f { left: 0; position: absolute; top: 0; }


.layout-register fieldset, .layout-register dl, .layout-register dt, .layout-register dd { border: 0; margin: 0; padding: 0; }

.layout-register fieldset { background: #f5f5f5; border: 1px solid #e5e5e5; margin: 0 0 15px; padding: 20px 25px 15px;  position: relative; }

.layout-register dl { padding: 5px 0; }

.layout-register dt { float: left; width: 200px; }
.layout-register dd { margin: 0 0 0 225px; }
.layout-register  #newsletter { position: relative; top: 6px; }

.layout-register dt label { display: block; height: 27px; line-height: 27px; text-align: right; }

.layout-register dl:before, .layout-register dl:after { ontent: ""; display: block; overflow: hidden; }
.layout-register dl:after { clear: both; }

.layout-register .btn_layout { position: relative; }
.layout-register #btn_save_f { position: absolute; right: 0; top: 0; }
.layout-register #btn_cancel_f { left: 0; position: absolute; top: 0; }



.layout-forgot-password .sub_header { display: none; }
.layout-forgot-password fieldset, .layout-forgot-password dl, .layout-forgot-password dt, .layout-forgot-password dd { border: 0; margin: 0; padding: 0; }

.layout-forgot-password fieldset { background: #f5f5f5; border: 1px solid #e5e5e5; margin: 0 0 15px; padding: 20px 25px 15px;  position: relative; }

.layout-forgot-password dl { padding: 5px 0; }

.layout-forgot-password dt { float: left; width: 200px; }
.layout-forgot-password dd { margin: 0 0 0 225px; }
.layout-forgot-password  #newsletter { position: relative; top: 6px; }

.layout-forgot-password dt label { display: block; height: 27px; line-height: 27px; text-align: right; }

.layout-forgot-password dl:before, .layout-forgot-password dl:after { ontent: ""; display: block; overflow: hidden; }
.layout-forgot-password dl:after { clear: both; }

.layout-forgot-password .btn_layout { position: relative; }
.layout-forgot-password #btn_save_f { position: absolute; right: 0; top: 0; }
.layout-forgot-password #btn_cancel_f { left: 0; position: absolute; top: 0; }

.btn_layout { border-top:1px solid #E2E2E2; margin: 10px 0; padding: 10px 0; text-align:center; }
.btn_left { float: left; text-align: left; }
.btn_right { float: right; text-align: right; }
.btn_middle { display: block; width: 250px; margin: 0 auto; }


/* Favourites */

.layout-product-listing.main_content_fav .btn_layout { position: relative; }
.layout-product-listing.main_content_fav #btn_print_fav { left: 0; position: absolute; top: 0; }
 
/* Checkout */

.layout-checkout .sub_header { 
	display: none; 
}
	.layout-checkout .table_header_bg_sh, .layout-checkout .table_header_bg_sh td { 
		background: #f5f5f5; 
		height: 39px !important; 
		vertical-align: middle;
	}
	.layout-checkout .table_header_bg_sh { 
		border: 1px solid #e5e5e5;
		margin: 0 0 25px; 
		overflow: hidden; 
	}
	.layout-checkout .table_header_bg_sh b,
	.layout-checkout .table_header_bg_sh strong {
		font-weight: normal;
	}
	.layout-checkout .table_header_bg_sh ~ .btn_layout { 
		margin: 25px 0 0; 
	}
	
	.layout-checkout .table_header_bg_sel { 
		background: #1b1b1b; 
		background: #369fdf;
		color: #fff; 
		display: block; 
		height: 39px; 
		line-height: 39px; 
		position: relative; 
	}
	.layout-checkout .table_header_bg_no { 
		display: block; 
		height: 39px; 
		line-height: 39px;
		position: relative; 
	}
	
	.layout-checkout .table_header_bg_no:after { 
			content: " ";
			display: block;
			width: 0;
			height: 0;
			border-top: 20px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 20px solid transparent;
			border-left: 10px solid #323232;
			position: absolute;
			top: 0;
			left: 100%;
			z-index: 2;
	}
	
	.layout-checkout .table_header_bg_no::before {
			content: " ";
			display: block;
			width: 0;
			height: 0;
			border-top: 20px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 20px solid transparent;
			border-left: 10px solid #369fdf;
			position: absolute;
			top: 0;
			margin-left: 1px;
			left: 100%;
			z-index: 1;
	}
	
	.layout-checkout .table_header_bg_sel:after { 
			content: " ";
			display: block;
			width: 0;
			height: 0;
			border-top: 20px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 20px solid transparent;
			border-left: 10px solid #369fdf;
			position: absolute;
			top: 0;
			left: 100%;
			z-index: 2;
	}
			
	.layout-checkout .table_header_bg_sel::before {
			content: " ";
			display: block;
			width: 0;
			height: 0;
			border-top: 20px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 20px solid transparent;
			border-left: 10px solid #1b1b1b;
			position: absolute;
			top: 0;
			margin-left: 1px;
			left: 100%;
			z-index: 1;
	}
	
	.form_names, .form_names + td { height: 27px !important; vertical-align: middle; }
	.sub_header_alt, .sub_header { height: 27px; line-height: 27px; font-weight:bold; font-weight:13px; }
	
	.layout-checkout #pay td[width="30"] { vertical-align: middle; }
.checkoutRow { margin-bottom:5px; }
.moduleRow {
	cursor: pointer;
	background: none;
	border:solid 1px transparent;
}
.moduleRowOver {
	cursor: pointer;
	background:#ffffe6;
	border:solid 1px #E2E2E2;
}
.moduleRowSelected {
	cursor: pointer;
	border:solid 1px #E2E2E2;
	background:url(/shop/images/ok2.png) no-repeat right #EDFAED;
}

.checkout_sel_option input[type="radio"] { display:none; }
	
	.layout-checkout .grid-west-column, .layout-checkout .grid-east-column { }

	.layout-checkout .grid-block { 
		min-height: 220px;
		padding: 20px 25px 15px;
		position: relative;
		width: -webkit-calc(100% - 7.5px);
		width: calc(100% - 7.5px);
		width: 470px;
	}
	
	.layout-checkout .grid-north-west, .layout-checkout .grid-south-west { float: left; }
	.layout-checkout .grid-north-east, .layout-checkout .grid-south-east { float: right; }
	
	.layout-checkout .grid-north-west, .layout-checkout .grid-north-east { margin: 0 0 15px; }
	.layout-checkout .grid-south-west, .layout-checkout .grid-south-east { }
	
	.layout-checkout .sub_header_alt a { display: inline-block; position: relative; }
	.layout-checkout .sub_header_alt a:after { 
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGtJREFUeNqEzs0NwCAIBlAUifNx6z4dpjN0kA7jCcEUmzT+fCeEFyGJCPzDzF7aMFgRYR7JOTueQkfgOA7WduTRd4g7ZDeWUr7VK9Rv3KEGFV12wwpZEhEd2nxeLCPUftQAIp46vGfIUgUYAIgtLiD1NQaJAAAAAElFTkSuQmCC);
		background-repeat: no-repeat; 
		background-position: center; 
		content: " "; 
		display: block; 
		left: 103%; 
		position: absolute; 
		top: -6px; 
		height: 27px; 
		width: 10px; 
	}
	
	#discount_form fieldset, #discount_form dl, #discount_form dt, #discount_form dd { margin: 0; padding:0; }
	#discount_form fieldset { margin: 0 0 15px; }
	#discount_form dt { float: left; }
	#discount_form dd { margin: 0 0 0 178px;}
	
	.order_price:nth-child(3) {
		display: none;
	}

	.checkout_billing { float:left; width:50%; }
	.checkout_delivery { float: right; width:50%; }
	.checkout_btn_container { text-align:center; padding-top:10px; }
	
	.checkout_note { margin: 10px 0; font-size: 14px; }
	
	.checkout_address_table b { display:inline-block; width:50%; line-height: 20px; }

	#pay fieldset { border:0; margin-left: 30px; }
	#pay dl { clear: left; margin: 0 0 10px 0; }
	#pay fieldset dt { 
		float: left; 
		width: 175px;
		line-height:25px;
	}
	#pay fieldset dt:only-child { float: none; width: auto; }
		#pay label.required:before {
			display: inline-block;
			color: #b75034;
			content: "*";
			padding: 0 5px 0 0;
		}
		#pay label.requiredText {
			display: inline-block;
			color: #b75034;
			padding: 3px 0;
		}
	#pay fieldset dd { margin: 0 0 0 180px; }

	#pay .dt_long { width: 260px; }
	
	.sub-layout-view-orders fieldset { border:0; margin-left: 30px; }
	.sub-layout-view-orders dl { clear: left; margin: 0 0 10px 0; }
	.sub-layout-view-orders fieldset dt { 
		float: left; 
		width: 175px;
		line-height:25px;
	}
	.sub-layout-view-orders fieldset dt:only-child { float: none; width: auto; }
		.sub-layout-view-orders label.required:before {
			display: inline-block;
			color: #b75034;
			content: "*";
			padding: 0 5px 0 0;
		}
		.sub-layout-view-orders label.requiredText {
			display: inline-block;
			color: #b75034;
			padding: 3px 0;
		}
	.sub-layout-view-orders fieldset dd { margin: 0 0 0 180px; }

	.sub-layout-view-orders .dt_long { width: 260px; }

.clear10 {
	display: block;
	position: relative;
	height:10px;
}
/* ==|== primary styles =====================================================
   Contact Styling :
   ========================================================================== */
	 
.page-contact .im_cat_menu_panel {
	display: none;
}

.page-contact #MainBG-page {
	float: none;
	width: auto;
}
	 
#contact .sub_header {
	display: none;
}

.page-contact-form-table { 
	border-collapse: collapse; 
	border-spacing: 0;
	margin: 0;
	padding: 0;
	position: relative;
	width: 960px !important;
}
.contact-form-cell-field, 
.contact-form-cell-field-bottom {  
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 320px !important; 
}
.contact-form-cell-field fieldset,
.contact-form-cell-field dl,
.contact-form-cell-field dt,
.contact-form-cell-field dd {
	margin: 0;
	padding: 0;
}
.contact-form-cell-field fieldset {
	padding: 15px 0;
}
.contact-form-cell-field dt {
	line-height: 0;
}
.contact-form-cell-field dt label {
	display: block;
	line-height: normal;
	margin: 0 0 5px;
}
.contact-form-cell-field fieldset {
	height: 100%;
	padding-bottom: 35px;
}
/*
.page-contact-form-table:after, .page-contact-form-table:before {
	-webkit-mask-box-image: -webkit-linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.1) 100%);
	background-color: transparent;
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.2),transparent);
	background-image: -moz-linear-gradient(top,rgba(0,0,0,.2),transparent);
	background-image: -ms-linear-gradient(top,rgba(0,0,0,.2),transparent);
	background-image: -o-linear-gradient(top,rgba(0,0,0,.2),transparent);
	background-image: linear-gradient(top,rgba(0,0,0,.2),transparent);
/*	border-top: 1px solid rgba(0, 0, 0, 0.4);*
	border-left: 1px solid rgba(0,0,0,0.4);
	bottom: 0;
	content: " ";
	display: block;
	left: 320px;
	margin: 0;
	position: absolute;
	top: 0;
	width: 10px;
	z-index: 999;
}
*/
.page-contact-form-table:before {
	left: 640px;
}

.contact-form-cell-field dl {
	margin: 0 30px 10px 30px;
}
.contact-form-cell-field input[type=text], .contact-form-cell-field textarea {
	box-sizing: border-box; 
	width: 100% !important; 
}

/*

	.contact-form-cell-field input[type=text], 
	.contact-form-cell-field textarea {
		background-color: white;
		border-color: #D8D8D8;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset;
		color: black;
		float: left;
		font-size: 100%;
		outline: medium none;
		padding: 6px 5px;
		text-align: left;
		overflow: auto;
	}
	.contact-form-cell-field input[type=text] {
		height: 25px !important;
		line-height: 25px !important;
		padding: 0 15px 0 15px !important;
	}
	.contact-form-cell-field textarea {
		height: 155px;
	}
*/
	
.contact-form-cell-map, .contact-form-cell-map-bottom { 
	margin: 0;
	padding: 0;
	position: static !important;
	vertical-align: top;
	width: 640px !important; 
}

.contact-form-cell-map #googleMap {
	bottom: 2px;
	height: auto !important;
	left: 320px;
	margin: 1px;
	min-height: inherit !important;
	position: absolute;
	top: 0;
	width: 318px;
}
.contact-form-cell-map-bottom {

}
.contact-form-details {
	left: 640px;
	padding: 30px 15px 15px 15px;
	position: absolute;
	top: 0;
}
	.line {
		display: none;
	}
	.page-contact .btn_layout td {
		height: 0 !important;
		line-height: 0 !important;
	}
	
	.page-contact #btn_send_f {
		bottom: -50px;
		left: 30px;
		position: absolute;
	}

.cd-left, .cd-right {
	background: url(../images/default/phone.png) left top no-repeat;
	padding-left: 72px;
}

.cd-left {
	background-image: url(../images/default/location.png);
	margin-bottom: 30px;
}

.cd-right {
}

	.cd-cl {
		float: left;
		width: 50px;
	}
	
	.cd-cr {
		font-weight: bold;
	}

.contact-form-details .sub_header {
	color: #2A2A2A;
	display: block !important;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


#googleMap { margin: 5px; min-height: 319px; height: 100%; position: relative; }
#gmap { height: 100%; width: 100%; }
#gmap .ovarlayView { background: url(/images/marker.png) center bottom no-repeat; }
#gmap .photo, #gmap .photo a, #gmap .photo a:hover { margin: 0; padding: 0; visibility: hidden; }	


.faux-signup {
	background: #fff;
	display: block;
	height: 26px;
	line-height: 26px;
	margin-right: 15px;
	padding: 0 5px;	
	position: relative;
}

.faux-signup:after {
	background: #000;
	content: "Send";
	color: #c7c7c7;
	display: block;
	padding: 0 10px;
	position: absolute;
	right: 0;
	top: 0;
}

.faux-signup:before {
	border-bottom: 13px solid transparent;
	border-top: 13px solid transparent;
	border-left: 13px solid #000;
	bottom: 0;
	content: " ";
	font-size: 0;
	height: 0;
	line-height: 0;
	position: absolute;
	right: -13px;
	top: 0;
	width: 0;
	margin: 0;
}

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after,
.shop_main_frame:before, .shop_main_frame:after { content: ""; display: table; }
.clearfix:after, 
.shop_main_frame:after { clear: both; }
.clearfix,
.shop_main_frame { *zoom: 1; }

.zoom_open {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	left: 0;
	z-index: 1000;
	cursor: pointer;
}
.zoom_open:before {
	content: "m";
	font-family: 'icons';
	font-size: 16px;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.zoom_bg { background:#000; opacity:0.8; position:fixed; top:0; bottom:0; left:0; right:0; z-index:299; }
.zoom_container { width:530px; position:fixed; top:100px; margin:0 auto; z-index: 300; }
.zoom_img_container { overflow:hidden; background:#fff; padding: 10px; }
.zoom_img_box { float:left; width:400px; margin-right: 10px; cursor: move; }
.zoom_img_box img { width:400px; }
.zoom_img_series { float:right; width:100px; }
.zoom_img_series img { width:100px; }
.zoom_img_series .zoom_img { display: block; padding-bottom: 5px; }
.zoom_close { background:url(/shop/images/close.png) no-repeat bottom right; height: 33px; cursor:pointer; opacity: 0.7; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


.order_feeds {
	margin-top:55px;
}
.order_feeds_frame { border-left: 1px dotted #333; }
.of_date { font-size:18px; padding-left: 50px; }
.of_feed {
	border-top: 1px solid #333;
	padding-left: 41px;
	position:relative;
	margin: 25px 0;
	margin-left: 5px;
}
.of_feed:before {
	content: "";
	height: 7px;
	width: 7px;
	position: absolute;
	background: #333;
	left: -9px;
	top: -4px;	
}
.of_feed .of_comment {
	background: #fff;
	margin-top: -10px;
	padding-left: 4px;
	font-size:11px;
}
.of_feed .of_comment span { font-weight:bold; }
.of_comment_date { color:#999; font-style:italic; }
.order_feeds textarea { width:100%; }

.newsletter_frame { padding:0 !important; }
.newsletter_frame h1 { background:#49baff; color:#fff; margin: 0;
height: 35px;
line-height: 35px;
margin-bottom: 10px;
}

.contact_right { float:right; width:48%; }
.contact_left { float:left; width:48%; }


.sort_menu .SortBgTop:after {
	content: "";
	position: absolute;
	top: 10px;
	right: 5px;
	width: 0px;
	height: 0px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #000;
}

.nav_btn_container {
	float:none;
	margin-bottom: 20px;
	padding: 10px;
	height: 20px;
}
.nav_page { display:inline-block; float: right; height: 27px; line-height: 27px; }
.sort_menu {
	display:inline-block;
	position:absolute;
	cursor:pointer;
	width: 154px;
	font-size: 12px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	padding-right: 20px;
	z-index: 10;
	line-height: 25px;
	padding-left: 10px;
	background:#fff;
	margin-left: 64px;
}

.sort_menu:before {
	content:"SORT BY: ";
	position: absolute;
	top: 0;
	left: -63px;
	font-size: 12px;
	text-transform: uppercase;
}
.sort_menu .sort_name { 
	display:none;
	height: 30px;
	line-height: 30px;
	padding: 0;
}

.sort_menu:hover .sort_name { display:block; }

.nav_btn_info_container {
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}