@charset "utf-8";
/* CSS Document MAIN/GENERAL Elements */

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: ""; display: block; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */

body {
	background: #0b4594;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ---------------------------- */
/* PAGE ELEMENTS                */
/* ---------------------------- */

#header .menu a, #sidebar, #sidebar header, #cart-nav, #cart-nav .menu-icon, #cart-menu > li, #cart-menu ul.sub-menu, .dropdown, .dropdown ul, .dropdown li:last-of-type a, #body-content .button, #print_v, #header .icons a.shoutcast {	behavior: url(../js/PIE.htc); }

a, a:visited, a:hover {
	text-decoration: none;
	font-size: 12px;
	color: #0b4594;
}

.clear { clear: both; }

.container {
	width: 1115px;
	margin: 0 auto;
	position: relative;
}

	/* ---------------------------- */
	/* HEADER, LOGO, SLOGAN         */
	
	#header hgroup {	
		background: url(../images/backgrounds/header-top-bg.gif) left top repeat-x;
		height: 150px;
	}
	
	.webkit #header hgroup, .moz #header hgroup {	
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0b4594), color-stop(.66, #0b4594), to(#0b3f86));
		background: -moz-linear-gradient(#0b4594 100px, #0b3f86);
	}
	
	#header h2, #header h3, #header h4, #header h5 {
		position: absolute;
	}
	
	
	#header h2 {
		color: #FFF;
		font-size: 20px;
		font-weight: normal;
		right: 85px;
		text-shadow:rgba(255,255,255,1) 0 1px 0;	
		top: 75px;
	}
	
	#header h3 { top: 30px; }
	#header h4 { right: 0; top: 50px; }
	
	#header h5 {
		height: 150px;
		left: 320px;
		text-align: center;
		width: 360px;
	}
	
	#cornice-profile-link { color: white; font-size: 11px; position: absolute; right: 5px; top: 5px; }
	
	/* ---------------------------- */
	/* MAIN NAVIGATION MENU         */
	
	#header .menu, #header .menu li, #header .icons li {
		float: left;
	}
	
	#header .menu a, #header .menu {
		position: relative;
	}
	
	#header nav {
		background: url(../images/backgrounds/header-menu-bg.gif) left top repeat-x;
		border-bottom: 1px solid #0b4594;
		border-top: 2px solid #ffcc00;
		height: 35px;
	}
	
	.webkit #header nav, .moz #header nav {
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cccccc), to(#e7e7e7));
		background: -moz-linear-gradient(#cccccc, #e7e7e7);
	}
	
		/* ---------------------------- */
		/* MAIN TEXT LINKS              */
	
		#header .menu {
			height: 36px;
			overflow: hidden !important;
			padding-right: 10px;
		}
		
			#header .menu a {
				color: #757575;
				display: block;
				font-weight: bold;
				font-size: 14px;
				height: 30px;
				line-height: 30px;
				padding: 1px 14px 0;
				text-decoration: none;
				top: 4px;	
							
				-webkit-border-radius: 8px 8px 0px 0px;
				-moz-border-radius: 8px 8px 0px 0px;
				border-radius: 8px 8px 0px 0px; 
			
				border-bottom: 1px solid #0b4594;
			}
			
			#header .menu a.active, #header .menu a:hover {
				color: #4a4a4a;;
				background: url(../images/backgrounds/header-button-bg.gif) left top repeat-x;
				border: 1px solid #0b4594;
				border-width: 1px 1px 0 1px;
				padding: 0px 13px;
			
				-webkit-box-shadow: #959695 3px 1px 5px;
				-moz-box-shadow: #959695 3px 1px 5px;
				box-shadow: #959695 3px 1px 5px;			
			}
			
			.webkit #header .menu a.active, .webkit #header .menu a:hover, .moz #header .menu a.active, .moz #header .menu a:hover {
				background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e7e6e7), color-stop(.5, #f4f3f4), to(#fefdfe));
				background: -moz-linear-gradient(#e7e6e7, #f4f3f4 50%, #fefdfe);
			}
			
			#header .menu a.active { border-bottom: 1px solid #FFF; }
			
		/* ---------------------------- */
		/* MAIN ICON LINKS              */
		
		#header .icons  { float: right; }
		
			#header .icons li {
				height: 38px;
				padding: 0 0 0 7px;
			}
			
			#header .icons a {
				display: block;
				height: 16px;
				width: 16px;
				position: relative;
				text-indent: -9999px;
				top: 10px;
			}
			
			#header .icons a.print { background: url(../images/icons/menu-print.png) no-repeat; }
			#header .icons a.email { background: url(../images/icons/menu-email.png) no-repeat; }
			#header .icons a.facebook { background: url(../images/icons/menu-facebook.png) no-repeat; }
			
			#header .icons a.shoutcast { 
				-pie-background: linear-gradient(#e7e6e7, #f4f3f4 50%, #fefdfe);
				background: #e7e6e7;
				background-image: -moz-linear-gradient(#e7e6e7, #f4f3f4 50%, #fefdfe);
				background-image: -ms-linear-gradient(#e7e6e7, #f4f3f4 50%, #fefdfe);
				background-image: -o-linear-gradient(#e7e6e7, #f4f3f4 50%, #fefdfe);
				background-image: -webkit-linear-gradient(#e7e6e7, #f4f3f4 50%, #fefdfe);
				background-image: linear-gradient(#e7e6e7, #f4f3f4 50%, #fefdfe);
				border: 1px solid #0b4594;
				border-radius: 3px 3px 0 0;
				color: #a20d0d;
				cursor: pointer;	
				font-weight: bold;
				height: 32px;
				line-height: 32px;
				padding: 0 10px;
				right: 29px;
				top: 4px;
				text-indent: 0;
				width: auto;
				
			}
	
	/* ---------------------------- */
	/* MAIN CONTENT                 */
	
	#content {
		background: #FFF;
		padding: 25px 0px;
		z-index: 2;
		position: relative;
		z-index: 0;
	}
	
	#right-column {
		position: relative;
		margin-left: 214px;
	}
	
	.main-wrapper {
/*		margin-top: 15px;*/
	}
	
		/* ---------------------------- */
		/* SIDE BAR	                    */
		
		#sidebar, #sidebar header {
			position: relative;
		}
	
		#sidebar  {
			background: #ffcc00;
			border: 1px solid #999999;

			/* Border Radius */
				-webkit-border-radius: 0 0 8px 8px;
				-moz-border-radius: 0 0 8px 8px;
			border-radius: 0 0 8px 8px;
			float: left;
			margin-top: 40px;
			width: 188px;
		}
		
			#sidebar header {
				background: url(../images/backgrounds/sidebar-header-bg.gif) left top repeat-x;
				border: 1px solid #999999;
				border-width: 1px 1px 0 1px;
				
				/* Border Radius */
					-webkit-border-radius: 8px 8px 0px 0px;
					-moz-border-radius: 8px 8px 0px 0px;
				border-radius: 8px 8px 0px 0px;
				height: 40px;
				line-height: 40px;
				margin: -1px;
				top: -40px;
			}
			
			.webkit #sidebar header, .moz #sidebar header { 
				background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0b4594), color-stop(.5, #0b4390), to(#0b3f86));
				background: -moz-linear-gradient(#0b4594, #0b4390 50%, #0b3f86);
			}
			
				#sidebar h1 {
					color: #FFF;
					text-transform: uppercase;
					font-size: 14px;
					text-indent: 15px;
				}
				
			/* ---------------------------- */
			/* SEARCH FORM   		        */	
			
			#searchbar {
				background: #ffcc00;
				height: 40px;
				margin: -15px 15px 15px;
				position: relative;
			}
			
			#searchbar .search-wrapper {
				background: url(../images/backgrounds/search-field.gif) no-repeat;
				height: 25px;
				position: relative;
			}
			
			#searchbar input, #searchbar label {
				background: none;
				border: 0;
				height: 25px;
				outline: none;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 0;
			}
			
			#searchbar .search, #searchbar label {
				-webkit-appearance: none;
				color: #666666;
				line-height: 25px;
				text-indent: 5px;
				width: 128px;
			}
			
			#searchbar label {
				line-height: 23px !important;
			}
			
			#searchbar .search:-webkit-input-placeholder {
				color: #666666;
				font-size: 21px;
				text-indent: 5px;
			}
			
			font-size: 21px; input[type="submit"] {
				cursor: pointer;
				right: 0px;
				width: 30px;
			}

			/* ---------------------------- */
			/* SELECT PERIOD 		        */
			
			#sidebar #period {
				background: #f3f4f4;
				border: 1px solid #999999;
				border-width: 1px 0;
				padding: 15px;
				position: relative;
			}
				
				#period.disable-viewby:after { background: white; display: block; content: " "; position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.3; }
				
				#period h2 {
					color: #0b4594;
					text-transform: uppercase;
					padding-bottom: 10px;
				}
			
				#period p a {
					color: #4a4a4a;
					font-size: 10px;
					white-space: nowrap;
				}
			
				#period nav { padding: 0 0 10px; }
				
			/* ---------------------------- */
			/* CATEGORIES MENU 		        */
			
			#categories { padding: 15px; }
			
			#categories a,#categories a:hover {
				color: #333333;
				font-size: 14px;
				height: 25px;
				line-height: 25px;
				position: relative;
			}
			
			#categories a:hover { white-space: nowrap; }
			
			#categories a.active {
				color: #333333;
				display: block;
				font-weight: bold;
				text-indent: 10px;
			}
						
			#categories span {
				border-top:4px solid transparent;  /* left arrow slant */ 
				border-bottom:4px solid transparent; /* right arrow slant */ 
				border-left:4px solid #584600; /* bottom, add background color here */
				display: inline-block;
				font-size:0px;
				height:0px;
				left: 0px;
				line-height:0px;
				margin: -4px 0 auto;
				position: absolute;
				top: 50%;
				visibility: hidden;
				width:0px;
			}
			
			#categories a.active span {	visibility: visible; }
			
	
		/* ---------------------------- */
		/* CART MENU                    */
		
		#cart-nav, #cart-menu > li {
			position: relative;
		}
		
		#cart-nav {
			background: #f3f4f4;
			border: 1px solid #dbdddd;
			/* Border Radius */
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
			border-radius: 8px;
			height: 39px;
			line-height: 40px;
			margin-bottom: 15px;
		}
		
			/* ---------------------------- */
			/* GENERAL CART ELEMENTS        */
		
			#cart-nav .menu-icon {
				background: #ffcc00;
				height: 23px;
				width: 23px;
				position: absolute;
				top: 8px;
				left: 10px;
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
			}
			
			#cart-nav p {
				color: #0b4594;
				font-size: 12px;
				font-weight: bold;
				float: left;
				left: 15px;
				position: relative;
				text-indent: 30px;
				text-transform: uppercase;
			}
		
		/* ---------------------------- */
		/* ACTUAL CART MENU             */
			
		#cart-menu {
			float: right;
			position: relative;
			right: 10px;
		}
		
			#cart-menu > li {
				color: #999999;
				float: left;
				height: 39px;
				line-height: 40px;
				position: relative;
			}
			
			#cart-menu ul.sub-menu {
				visibility: hidden;
				background-color: whitesmoke;
				-pie-background: linear-gradient(#FFFFFF, $F5F5F5);
				background-image: -moz-linear-gradient(white, whitesmoke);
				background-image: -ms-linear-gradient(white, whitesmoke);
				background-image: -o-linear-gradient(white, whitesmoke);
				background-image: -webkit-linear-gradient(white, whitesmoke);
				background-image: linear-gradient(white, #whitesmoke);
				border-radius: 3px;
				box-shadow: 0 1px 3px rgba(0,0,0,0.1);
				left: -8px;
				padding: 8px 0;
				position: absolute;
				top: 31px;
				width: 180px;
				z-index: 9999;
			}
			
			#cart-menu a {
				color: #999999;
				display:block;
				font-weight: bold;
				text-transform: uppercase;
				padding: 0 10px;
			}
			
			#cart-menu a:hover { color: #333; }
			
			#cart-menu .sub-menu a, #cart-menu .sub-menu a:hover, #cart-menu .sub-menu li {
				display: block;
				height: 26px !important;
				line-height: 26px !important;
			}
			
			#cart-menu a:hover { background: #F5F5FB !important; }
			
			#cart-menu > li:hover, #cart-menu > li:hover > a {
				background: #d5d5d5;
				color: #4a4a4a;
			}
			
			#cart-menu li:hover ul.sub-menu { visibility: visible; }
	
	
	/* ---------------------------- */
	/* FOOTER                       */
	
	#footer .container {
		padding: 7px 0px 25px;
		overflow: hidden;
	}

	#footer  {
		background: url(../images/backgrounds/footer-bg.gif) left top repeat-x #0b4594;
	}
	
	.webkit #footer, .moz #footer  {
/*		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0b3f86), color-stop(.1, #0b4594), to(#0b4594));
		background: -moz-linear-gradient(#0b3f86, #0b4594 10%, #0b4594);*/
	}
	
		#footer, #footer a {
			color: #FFF;
		}
		
		#footer .footer-logo {
			font-size: 9px;
			letter-spacing: 0;
			position: absolute;
			top: 15px;
			width: 190px;
			white-space: nowrap;
		}
		
		#footer  ul.footer {
			left: 214px;
			position: relative;
		}
		
		#footer ul.footer > li {
			float: left;
			margin: 0 52px 0 0;
			width: 233px;
		}
		
		#footer h5 {
			border-bottom: 1px solid #999999;
			font-size: 12px;
			height: 40px;
			line-height: 40px;
			margin: 0 0 15px;
		}
		
		#footer li a {
			display: block;
			font-size: 10px;
			height: 15px;
			line-height: 15px;
		}
		
		#footer ul.footer > li li {
			margin: 0 0 5px;
		}
		
/* ---------------------------- */
/* DROPDOWN CLASSES             */

.dropdown {
	background: #d5d5d5;
	/* Border Radius */
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
	border-radius: 8px;
	color: #4a4a4a;
	cursor: pointer;
	height: 23px;
	line-height: 23px;
	position: relative;
	text-indent: 10px;
}

	.dropdown .arrow {
		border-left: 4px solid transparent;  /* left arrow slant */ 
		border-right: 4px solid transparent; /* right arrow slant */ 
		border-top: 4px solid #555555; /* bottom, add background color here */
		display: inline-block;		
		font-size:0px;
		height: 0;
		line-height:0px;
		margin: -2px auto 0;
		position: absolute;
		right: 10px;
		top: 50%;
		width: 0;
	}
	
	.dropdown ul {
		background: #d5d5d5;
		/* Border Radius */
			-webkit-border-radius: 0px 0px 8px 8px;
			-moz-border-radius: 0px 0px 8px 8px;
		border-radius: 0px 0px 8px 8px;
		/* Box Shadow */
			-webkit-box-shadow: #959695 3px 1px 5px;
			-moz-box-shadow: #959695 3px 1px 5px;
		box-shadow: #959695 3px 1px 5px;
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 23px;
		width: 100%;
		z-index: 99;
		visibility: hidden;
	}
	
	.dropdown:hover {
		-pie-background: linear-gradient(#f3f4f4, #d5d5d5); 
		/* Border Radius */
			-webkit-border-radius:  8px 8px 0px 0px;
			-moz-border-radius: 8px 8px 0px 0px;
		border-radius: 8px 8px 0px 0px;
		/* Box Shadow */
			-webkit-box-shadow: #959695 3px 1px 5px;
			-moz-box-shadow: #959695 3px 1px 5px;
		box-shadow: #959695 3px 1px 5px;
		z-index: 99999;		
	}
	
	.webkit .dropdown:hover, .moz .dropdown:hover {
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f4f4), to(#d5d5d5));
		background: -moz-linear-gradient(#f3f4f4, #d5d5d5);
	}
	
	.dropdown:hover ul { visibility: visible; }
	
	.dropdown:hover a {
		color: #4a4a4a;
		display: block;
		height: 20px;
		line-height: 20px;
		position: relative;
		text-decoration: none;
		width: 100%;
	}
	
	.dropdown:hover a span {
		border-top:4px solid transparent;  /* left arrow slant */ 
		border-bottom:4px solid transparent; /* right arrow slant */ 
		border-right:4px solid #555555; /* bottom, add background color here */
		display: inline-block;
		font-size:0px;
		height: 0;
		line-height:0px;
		margin: -5px auto 0;
		position: absolute;
		right: 10px;
		top: 50%;
		visibility: hidden;
		width: 0;
	}
	
	 .dropdown li:last-of-type a {
		/* Border Radius */ 
			-webkit-border-radius: 0px 0px 8px 8px;
			-moz-border-radius: 0px 0px 8px 8px;
		border-radius: 0px 0px 8px 8px;
		padding: 0 0 5px;
	}
	.dropdown:hover a:hover, aside.navigation .dropdown:hover a.active {
		background: #CCC;
		margin: 2 0;
		color: #000;
	}
	
	.dropdown:hover a:hover span, .dropdown:hover a.active span { visibility: visible; }
	
/* ---------------------------- */
/* PRODUCTS / CATEGORIES        */

#print_v {
	background: #ffcc00;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: #eeeeee 1px	1px 5px;
	-webkit-box-shadow: #eeeeee 1px	1px 5px;
	box-shadow: #eeeeee 1px	1px 5px;
	padding: 4px 15px 3px;
	position: absolute;
	top: 0;
	right: 0;
}

#print_v a, #print_v a:hover {
	background: url(../images/icons/menu-print.png) left center no-repeat;
	color: #4a4a4a;
	display: block;
	padding: 0 0 0 30px;
}


table {
	border-collapse: collapse;
}
	
/* ---------------------------- */
/* GENERAL ELEMENT FOR CONTENT  */

.arrowMe {
	margin: -5px 0 5px;
}

.arrowMe li {
	position: relative;
}

.arrowMe a, .arrowMe a:hover {
	position: relative;
	left: 10px;
	height: 20px;
	line-height: 20px;
}

.arrowMe span {
	border-top:4px solid transparent;  /* left arrow slant */ 
	border-bottom:4px solid transparent; /* right arrow slant */ 
	border-left:4px solid #555555; /* bottom, add background color here */
	display: inline-block;
	font-size:0px;
	height: 0;
	line-height:0px;
	margin: -4px auto 0;
	position: absolute;
	left: -10px;
	top: 50%;

	width: 0;	
}

#body-content h1 {
	font-weight: bold;
	font-size: 34px;
	height: 40px;
	line-height: 40px;
	margin: 15px 0;
}

#body-content h2 {
	font-size: 16px;
	color: #333333;
	margin: 0 0 15px;
}

#body-content h3 {
	font-size: 14px;
	color: #0b4594;
	margin: 0 0 15px;
	padding: 15px 0 0;
}

#body-content h4, #body-content h4 a, #body-content h4 a:hover {
	font-size: 12px;
	color: #0b4594;
	margin: 0;
	padding: 0 0 5px;
	text-transform: uppercase;
}

#body-content h4 a, #body-content h4 a:hover { padding: 0; }

#body-content h1, #body-content h2, #body-content h3, #body-content p, #body-content a, #body-content a:hover {
}

#body-content .blue { color: #0b4594; }
#body-content .grey { color: #666666; }

#body-content p {
	margin: 0 0 15px;
}

.content-wrapper { position: relative; }

.columns.column111 { /* No columns just one row */ }
.columns.column112 { /* L col at 595px R col at 290px */ }
.columns.column122 { /* L col at 290px R col at 595px */ }
.columns.column123 { /* col at 290px each */ }

.columns.column111 .column-no { width: auto; }
.columns.column112 .column-left, .columns.column122 .column-right { width: 595px; float: left; }
.columns.column112 .column-right { width: 290px; float: right }
.columns.column123 .column, .columns.column122 .column-left { width: 290px; float: left; }
.columns.column112 .column-left .column-left, .columns.column122 .column-right .column-left { width: 274px; float: left; }
.columns.column112 .column-left .column-right, .columns.column122 .column-right .column-right { width: 274px; float: right; }
.columns.column122 .column-right { float: right; }

/*
.product-listings li { width: 290px; float: left; margin: 0 15px 0 0; border-bottom: 1px solid #dbdddd; }
.product-listings li:nth-child(3n) { margin: 0; clear: left} */

.product-listing {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: 0px;
	border: 0px;
}

.product-listing td {
	width: 305px;
	text-align: center;
	vertical-align: bottom;
	border: 0px;
	margin: 0;
	padding: 0 0 15px;
	border-spacing: 0px;
	border-collapse:collapse;
}

.col2 td { width: 50% !important; }

.product-listing td:nth-child(1) > div { float: left; }
.product-listing td:nth-child(2) > div { margin: 0 auto; }
.product-listing td:nth-child(3) > div { float: right; }

.col2 td:nth-child(1) > div { float: left; }
.col2 td:nth-child(2) > div { margin: 0; float: right !important; }

.col4 td { width: 16% !important; }

.col4 td:nth-child(1) > div { float: left; }
.col4 td:nth-child(2) > div { margin: 0 auto; margin-right: 5px; }
.col4 td:nth-child(3) > div { margin: 0 auto; margin-left: 5px;  }
.col4 td:nth-child(4) > div { margin: 0; float: right !important; }

.col5 td { width: 16% !important; }

.col5 td:nth-child(1) > div { float: left; }
.col5 td:nth-child(2) > div { margin: 0 auto; margin-right: 5px;}
.col5 td:nth-child(3) > div { margin: 0 auto; }
.col5 td:nth-child(4) > div { margin: 0 auto; margin-left: 5px;  }
.col5 td:nth-child(5) > div { margin: 0; float: right !important; }

.col6 td { width: 16% !important; }

.col6 td:nth-child(1) > div { float: left; }
.col6 td:nth-child(2) > div { margin: 0 auto; }
.col6 td:nth-child(3) > div { margin: 0 auto; margin-right: 5px; }
.col6 td:nth-child(4) > div { margin: 0 auto; margin-left: 5px;  }
.col6 td:nth-child(5) > div { margin: 0 auto; }
.col6 td:nth-child(6) > div { margin: 0; float: right !important; }

.product-listing td > div {
	display: block;
	border-bottom: 1px solid #dbdddd;
	min-height: 100%;
	width: 290px;
	text-align: center;
	padding: 20px 0 15px;
	position:relative;
}

.col2 td > div {
	width: 443px;
}

.col4 td > div {
	width: 226px;
}

.col5 td > div {
	width: 173px;
}

.col6 td > div {
	width: 138px;
}

#body-content .product-listing .listings.item_no {
	font-size: 16px;
	left:4px;
	margin: 0;
	padding: 0;
	position:absolute;
	text-align: center;
	top:10px;
}

#body-content .product-listing .listings.small_info {
	height:20px;
	font-size: 11px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	margin: 0 0 15px;
	padding: 0 5px 0 5px;
	position: relative;
	white-space: nowrap;
}

.product-listing a.more_info2, .product-listing a.more_info2:hover {	
	background: #DDD;
	border-color: #BBB #BBB #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	height: 16px;
	line-height: 16px;
	opacity: .5;
	margin: 0 0 0 -35px;
	left: 50%;
	padding: 0 5px;
	position: absolute;
	text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
	bottom: 10px;
	width: 55px;
	behavior: url(../js/PIE.htc);
}

.svg .product-listing a.more_info2, .svg .product-listing a.more_info2:hover {	
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRkVGRUYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0NjgpIiAvPgo8L3N2Zz4=);
}

.svg .gecko .product-listing a.more_info2, .svg .gecko .product-listing a.more_info2:hover {	
	background-image: -moz-linear-gradient(top,#fff,#efefef);
}

.no-svg .product-listing a.more_info2, .no-svg .product-listing a.more_info2:hover {	
	-pie-background: linear-gradient(top,#fff,#efefef);
}
/*
#page-id-columns .product-listing .listings.small_info {
	height: 40px;
	padding: 0 5px;
}

#page-id-columns .product-listing .listings.small_info a.more_info2 {
	top: 20px;
	left: 5px;
	right: 5px;
	text-align: center;
}
*/
.product-listing td:hover a.more_info2 {
	opacity: .8;
}

a.more_link, a.more_link {
	display: block;
	color: #0b4594;
	text-decoration: underline;
	font-size: 11px;
}

.column-no > div, .column-left > div, .column-right > div { padding: 15px 0; }
.column-no > div.full-padding, .column-left > div.full-padding, .column-right > div.full-padding { padding: 15px; }

.border, .border-T, .border-B, .border-L, .border-R { border-color: #dbdddd; border-style: solid; }

.border { border-width: 1px; }
.border-T { border-top-width: 1px; }
.border-B { border-bottom-width: 1px; }
.border-L { border-left-width: 1px; }
.border-R { border-right-width: 1px; }
.grey-background { background: #f3f4f4 }

/* Products and category bottom bar*/
.bottomBar  {
	height: 33px;
	line-height: 33px;
	padding: 0 15px;
}

	.bottomBar  a, .bottomBar  a:hover {
		display: inline-block;
		font-weight: bold;
		text-indent: 20px;
	}
	
	.bottomBar a.toTop, .bottomBar a.toTop:hover {
		background: url(../images/icons/arrow_up.png) left center no-repeat;
		color: #35af2b;
	}
	
	.bottomBar a.download, .bottomBar a.download:hover {
		float: right;
		background: url(../images/icons/page_white_acrobat.png) left center no-repeat;
		color: #666666;
	}

/* ---------------------------- */
/* FORM ELEMENTS                */
	/* Definition list layout for forms
	---------------------------------------- */
	
	fieldset {
		overflow: hidden;
		width: 100%;
		padding: 15px 0 0px;
	}
	
	fieldset.field2, fieldset.field3 { padding: 0; }
	
	fieldset dl {
		padding: 0;
		clear: both;
	}
	
	fieldset dt {
		float: left;	
		width: 101px;
		text-align: left;
		display: block;
	}
	
	fieldset.field3 dl {
		clear: none;
		float: left;
	}
	
	fieldset.field3 dl:nth-child(2) {
		padding-left: 15px;
	}
	
	fieldset.field3 dt {
		width: 75px;
	}
	
	fieldset.field3 dl:nth-child(2) dt {
		width: 60px;
	}
	
	fieldset dd {
		margin-left: 116px;
		vertical-align: top;
		margin-bottom: 15px;
	} 
	
	fieldset.field3 dd {
		margin-left: 90px; 
	}
	
	fieldset.field3 dl:nth-child(2) dd {
		margin-left: 75px;
	}
	
	fieldset.fieldRadio > dl > dt {
		width: 20px;
	}
	
	fieldset.fieldRadio > dl > dd {
		width: auto;
		margin-left: 20px;
	}
		
	/* Form elements */
	dt label {
		display: block !important;
		font-weight: bold;
		text-align: left;
		height: 23px;
		line-height: 23px;
		color: #4a4a4a;
		font-size: 12px;
		padding: 0 2px;
		white-space: nowrap;
	}
	
	fieldset.field3 label {
		font-weight: normal;
	}
	
	dd input, dd textarea {
		margin-right: 0;
	}
	
	dd select {
		width: auto;
	}
	
	/* Hover effects */
	fieldset dl:hover dt label {
		color: #0b4594;
	}
	
	fieldset.fields2 dl:hover dt label {
		color: inherit;
	}
	
	.field-search {
		margin: 0;
		padding: 5px 0 0 0;
		width: 128px;
	}
	
	.field-search dl {
		float: left;
		width: 64px;
		position: relative;
		vertical-align: top;
		height: 15px;
		line-height: 15px;
		font-size: 10px;
		margin: 0;
		padding: 0;
		clear: none;
	}
	
	.field-search dt, .field-search dd {
		float: left;
		width: 15px;
		margin: 0;
		vertical-align: middle;
	}
	.field-search dd {
		float: none;
		width: 50px;
		margin-left: 15px;
	}
	
	.field-search input[type="radio"] {
		position: relative;
		top: -5px !important;
		left: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.fieldRadio > dl:hover {
		background: #ffcc00;
	}
	
	/* Input field styles
	---------------------------------------- */
	
	.inputbox, .narrow, .medium, select {
		width:157px;
		height: 21px;
		border: 1px solid #efefef;
		border-top-color: #cfcfcf;
		outline: none;
		margin: 0px;
		padding: 2;
		cursor: text;
		color: #333333;
	}
	
	
	input.inputbox	{ width: 157px; }
	input.medium	{ width: 40px; }
	input.narrow	{ width: 20px !important; }
	input.tiny		{ width: 125px; }
	
	input.add_error, input.form_fields_error, input.form_fields_check_error, textarea.text_fields_error {
		background: #ffb6ba !important;
	}
	
	dt textarea {
		width: 268px;
		border: 1px solid #efefef;
		border-top-color: #cfcfcf;
		outline: none;
		height: 77px;
	}
	
	dt textarea:hover, .inputbox:hover {
		border: 1px solid #7f9dc4;
		border-top-color: #547cb2;
	}
	
	dt textarea:focus, .inputbox:focus {
		border: 1px solid #7f9dc4;
		border-top-color: #547cb2;
		color: #4b4b4b;
	}
	
	dt.fullBox textarea {
		width: 556px;
	}
	
	.autowidth {
		width: auto !important;
	}
	
	select {
		font-weight: normal;
		cursor: pointer;
		vertical-align: middle;
		border: 1px solid #666666;
		padding: 1px;
		background-color: #FAFAFA;
	}
	
	option {
		padding-right: 1em;
	}
	
	option.disabled-option {
		color: graytext;
	}
	
	#body-content a.button, #body-content a.button:hover {
		display: inline-block;
		line-height:25px;
		
	}
	
	#body-content .button {
		background: url(../images/backgrounds/button-bg.gif) left top repeat-x;
		border: 0;
		/* Border Radius */
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		border-radius: 10px;
		color: white;
		cursor: pointer;
		font-size: 12px;
		font-weight: bold;
		height: 25px;
		margin: 0 1em 0 0;
		position: relative;
		text-align: center;
		text-decoration: none !important;
		vertical-align: middle;
		padding: 0 8px;
		min-width: 60px;
	}
	
		.cssgradients #body-content .button {
/*			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cfcfcf), to(#5e5e5e));*/
			background: -moz-linear-gradient(#cfcfcf, #5e5e5e);
			background: -webkit-linear-gradient(#cfcfcf, #5e5e5e);
			background: linear-gradient(#cfcfcf, #5e5e5e);
		}
		
		#body-content .button:hover { background: url(../images/backgrounds/button-hover-bg.gif) left top repeat-x; }
		
		.webkit #body-content .button:hover, .webkit #body-content .button:hover {
/*			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0b4594), to(#022b62));
			background: -moz-linear-gradient(#0b4594, #022b62);*/
		}
		
.error_msg {
/*	background: url(images/okerrorgif) 15px 15px no-repeat #FFE6E6;  */
	background: #FFE6E6;
	border: 1px solid #C00;
	padding: 5px 15px;
}

.success_msg {
/*	background: url(images/) 15px 15px no-repeat #D2FFD2; */
	background: #D2FFD2;
	border: 1px solid #005826;
	padding: 5px 15px;
	width:565px;
}

span.arrow.aRight {
	border-top:4px solid transparent;  /* left arrow slant */ 
	border-bottom:4px solid transparent; /* right arrow slant */ 
	border-left:4px solid #000; /* bottom, add background color here */
	display: inline-block;
	font-size:0px;
	height:0px;
	left: 0px;
	line-height:0px;
	margin: -4px 0 auto;
	position: relative;

	visibility: hidden;
	width:0px;
}
		
/* JS Related scrips/style */

.tool-tip {
	color: #fff;
	z-index: 13000;
	background: #000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	background: #000;
}
 
.tool-text {
	font-size: 11px;
	background: #000;
}


a.nav, .nav_area {
	font-size:10px;
	color:#000;
}

.nav_area_container {
	position: absolute;
	top: 13px;
	right: 0;
}


.space-for-picture { display:none; }


.clearfix:before, .clearfix:after { content: ""; display: block; overflow: hidden; }
.clearfix:after { clear: both; }

/* FAQ
---------------------------------------- */

#faq_section {
	
}

#faq_section dl, #faq_section dt, #faq_section dd {
	margin: 0;
	padding: 0;
}

	#faq_section dl {
		padding: 5px 0 15px;
	}

		#faq_section dt {
			font-weight: bold;
			font-style: italic;
		}
			#faq_section dt:before {
				content: "Q: ";
				padding: 0 0 0 5px;
			}
		
			#faq_section dd:before {
				content: "A: ";
				padding: 0 0 0 5px;
			}
			
			.image-wrap img {
				height: 114px;
				max-height: 114px;
				display: inline-block;
				margin-right: -3px;
			}
			
#promo {
	height: 30px;
	margin: 10px 0;
	opacity: 0;
/*	overflow-y: hidden;	*/
	width: 800px;
}

.share-button { float: left; }
.share-this .b-twitter, .share-this .b-gplus { float: right; }

.item-heading { margin-bottom: 	46px !important; }
.share-this { bottom: 100%; height: 30px; left: 0; position: absolute; right: 0; }
.description + .share-this { /* bottom: 28px; */ }

.item-details { position: relative; }
.item-details .share-this { bottom: auto; left: auto; top: 4px; }

.b-email { position: absolute; right: 0; top: 0; }
.b-email a, .b-email a:hover { background: url(../images/icon-email-product-info.png) center no-repeat; display: block; height: 20px; width: 20px; }

#page-id-galler .promoDiv { height: 30px; left: 0; overflow: hidden; position: absolute; top: 460px; width: 100%; }

.radio-options { 
	cursor: pointer;
	display: block;
	margin-right: 5px;
	padding: 3px 0px 2px 20px;
	position: relative;
}

.panel {
	background: #f2f2f2;
	-pie-background: linear-gradient(top,#fcfcfc,#f2f2f2);
	background: -webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#f2f2f2));
	background: -moz-linear-gradient(top,#fcfcfc,#f2f2f2);
	background: -ms-linear-gradient(top,#fcfcfc,#f2f2f2);
	background: -o-linear-gradient(top,#fcfcfc,#f2f2f2);
	background: -webkit-linear-gradient(top,#fcfcfc,#f2f2f2);
	background: linear-gradient(top,#fcfcfc,#f2f2f2);
	border: 1px solid #d9d9d9;
	border-radius: 3px 3px 0 0;
	bottom: -1px;
	left: -141px;
	margin-left: 50%;
	position: absolute;
	text-align: center;
	opacity: 0.8;
	width: 280px;
	behavior: url(../js/PIE.htc); 
}

.col5 .panel { left: -61px; width: 140px; }
.col4 .panel { left: -91px; width: 180px; }

.panelLeft { float: left; }
.panelRight { float: right; }

td:hover .panel { opacity: 1; }

.panel a {
	background-clip: padding-box;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	display: inline-block;
	color: black;
	height: 20px;
	font-size: 10px;
	margin-right: -4px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	padding: 0 5px;
	position: relative;
	z-index: 1;
	width: auto;
	behavior: url(../js/PIE.htc); 
}

.panel a.PanelMore { display: block; margin: 0 0 0 -26px; width: 50px; position: absolute; left: 50%; }
.panel a.PanelMore.profileMode { margin-left: -61px; width: 120px; }

.panelLeft a { 	opacity: 0.5; }
.panelRight a {	opacity: 0.9; margin-left: -4px; margin-right: 0; }

.panelLeft a:first-child { border-left: 0; }
.panelRight a:last-child, .panelRight a.last-child { border-right: 0; }

.panel a:hover { 
	opacity: 1; 
	background: #e0e0e0;
	-pie-background: linear-gradient(top,#eeeeee,#e0e0e0);
	background: -webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#e0e0e0));
	background: -moz-linear-gradient(top,#eeeeee,#e0e0e0);
	background: -ms-linear-gradient(top,#eeeeee,#e0e0e0);
	background: -o-linear-gradient(top,#eeeeee,#e0e0e0);
	background: -webkit-linear-gradient(top,#eeeeee,#e0e0e0);
	background: linear-gradient(top,#eeeeee,#e0e0e0);
	border-color: #bbb;
	box-shadow: inset 0 1px 5px #ccc;
	-moz-box-shadow: inset 0 1px 5px #ccc;
	-webkit-box-shadow: inset 0 1px 5px #ccc;
	z-index: 2;
}
/*
.panel a:first-child { border-radius: 3px 0 0 0; }
.panel a:last-child { border-radius: 0 3px 0 0; }
*/
/*
.panel .panelPeriod { float: left; }
.panel .panelIcon { float: right; }
*/

.panel .panelPeriod span { display: block; height: 12px; margin-top: 4px; overflow: hidden; /*text-indent: -999px; */ width: 12px; }

.panel .panelPeriod span {
	text-align: center;
	font-size: 8px;
	line-height: 12px;
	color: white;
}

.panel .PeriodColonial span { background: #ae1a1f; }
.panel .PeriodGeorgian span { background: #096d37 }
.panel .PeriodVictorian span { background: #b2591f; }
.panel .PeriodFederation span { background: #0077ae; }
.panel .PeriodArtDeco span { background: #752b66; }
.panel .PeriodModern span { background: #c42d7d; }


.panel .PanelMore span { display: block; height: 20px; line-height: 20px; }

.panel .panelIcon span { display: block; height: 12px; margin-top: 4px; overflow: hidden; text-indent: -999px; width: 12px; }

.panel .panelWish span { background: url(/images/fav_d.png) center no-repeat; background-size: contain; }
.panel .panelCompare span { background: url(/images/compare_d.png) center no-repeat; background-size: contain; }

.panel .panelWish_d span { background: url(/images/fav.png) center no-repeat; background-size: contain; }
.panel .panelCompare_d span { background: url(/images/compare.png) center no-repeat; background-size: contain; }

.compare_specs {
	position: absolute;
	width: 550px;
	margin-left: 340px;
	min-height: 170px;
	top: 10px;
	text-align: left;
}

.hide { display:none !important; }

.compare_panel { width: 45px; top:6px; right:0; left:auto; bottom:auto; }

.compare_listing td > div { width:100%; text-align:left; }

.compare_specs h3, .compare_specs2 h3 { margin-bottom:5px !important; }

.compare_specs h4, .compare_specs2 h4 { text-transform:none !important; }

.compare_price {
	position: absolute;
	top: 0;
	left: -313px;
}
