/**************************************************************************************
******* COMMON STYLES
***************************************************************************************/
body {
	background: #e6e6e6;
	font: normal 14px/1 Arial, Helvetica, sans-serif;
}
a, a:link, a:visited {text-decoration: none;}
a:hover, a:focus, a:active {}
.right {
	display: block;
	float: right;
	margin: 0 0 1.3em 1.3em;
}
.left {
	display: block;
	float: left;
	margin: 0 1.3em 1.3em 0;
}
.centered {
	display: block;
	margin: 0 auto 1.5em;
}
.column {margin: 0;}
.half {width: 475px;}
sup {vertical-align: text-top;}
.content-wrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

/**************************************************************************************
******* TOOLBAR AREA STYLES
***************************************************************************************/
#toolBar {
	background: #fff url(/elements/images/global/toolBarBG.gif) 0 0 repeat-x;
	border-bottom: 1px solid #bfbfbf;
	font-size: 0.85em;
	height: 37px;
	text-align: right;
}
	#myCart {
		background: transparent url(/elements/images/icons/shopping-cart.gif) left center no-repeat;
		color: #333;
		float: right;
		font-weight: bold;
		line-height: 35px;
		padding-left: 25px;
	}
	#myCart:hover, #myCart:visited {color: #333;}
	#toolBar form {
		float: right;
		margin: 8px 15px;
	}
		#toolBar form input {
			display: block;
			float: left;
			margin: 0 2px;
			padding: 0;
		}
		#toolBar form input.text {
			background: #fff;
			border: 1px solid #ccc;
			color: #999;
			font-size: 0.9em;
			height: 14px;
			padding: 2px 5px;
			width: 170px;
		}
		#toolBar form input.submit {
			background: transparent url(/elements/images/icons/whiteArrowOnBlueGradient.gif) 0 0 no-repeat;
			border: 1px solid #018fbf;
			height: 20px;
			width: 20px;
		}
	#toolBar a.button {
		background: #000 url(/elements/images/global/blackGradientBG.gif) 0 0 repeat-x;
		border: 1px solid #000;
		color: #fff;
		display: block;
		float: right;
		font-size: 0.9em;
		height: 18px;
		font-weight: bold;
		line-height: 20px;
		margin: 8px 0;
		padding: 0 10px;
		text-transform: uppercase;
	}
	#toolBar a.button:hover {background-position: 0 -18px;}
	#myWelcome {
		color: #333;
		float: left;
		font-weight: bold;
		line-height: 35px;
		padding-left: 25px;
		margin-right: 15px;
	}
	#myWelcome a, #myWelcome a:hover { color:#5382A1; }

/**************************************************************************************
******* CONTENT AREA STYLES
***************************************************************************************/
#middle {
	background: #fff;
	padding: 20px 0;
}
	#header {
		height: 50px;
		position: relative;
		z-index: 9999;
	}
		#header .logo {
			display: block;
			height: 50px;
			left: 0;
			position: absolute;
			top: 0;
			width: 200px;
		}
		#header ul.navigation {
			bottom: 0;
			display: block;
			left: 0;
			position: absolute;
			text-align: right;
			width: 960px;
			z-index: 9999;
		}
			#header ul.navigation li {
				display: inline;
				margin: 0 0 0 30px;
				padding: 0 0 10px;
				position: relative;
				z-index: 9999;
			}
				#header ul.navigation li a {
					/*color: #28a2cb;*/
					color: #5382A1;
					font: bold italic 1.25em/1em "Times New Roman", Times, serif;
					padding: 0 10px;
				}
				#header ul.navigation li:hover a,
				#header ul.navigation li.current a {color: #bfbfbf;}
				#header ul.navigation li ul {
					background: #efefef;
					border: 1px solid #bfbfbf;
					border-bottom: none;
					left: -9999em;
					padding: 0;
					margin: 0;
					position: absolute;
					text-align: left;
					top: 19px;
					width: 150px;
					z-index: 9999;
				}
				#header ul.navigation li.hover ul,
				#header ul.navigation li:hover ul {left: 0;}
					#header ul.navigation li ul li {
						border-bottom: 1px solid #bfbfbf;
						display: block;
						font-size: 0.85em;
						font-weight: bold;
						line-height: 16px;
						margin: 0;
						padding: 5px;
					}
						#header ul.navigation li.hover ul li a,
						#header ul.navigation li:hover ul li a {
							border: none;
							color: #5382A1;
							font: bold 1em/1em Arial, Helvetica, sans-serif;
							margin: 0;
						}
						#header ul.navigation li ul li a:hover {color: #666;}
	#bannerArea {}
		#bannerArea #banner {
			border: 1px solid #bfbfbf;
			overflow: hidden;
			padding: 1px;
		}
	#primaryContent {}
		#primaryContent h1,
		#primaryContent h2,
		#secondaryContent h1 {
			color: #5382A1;
			font: bold 20px/26px "Futura Std", "Futura", Helvetica, Arial, sans-serif;
			height: 26px;
			margin: 0 0 5px;
		}
		#primaryContent h2,
		#secondaryContent h1 {
			font-size: 16px;
			height: 20px;
			line-height: 20px;
		}
		#primaryContent h2.sub {margin: -5px 0 5px;}
		#primaryContent h4 {
			font-size: 0.85em;
			font-weight: bold;
			line-height: 1.25em;
			margin: 0 0 0.333em;
		}
		#secondaryContent h1 {margin: 0 0 10px;}
		#primaryContent p,
		#primaryContent li,
		#primaryContent address,
		#primaryContent table,
		#primaryContent fieldset .section_caption {
			font-size: 0.85em;
			line-height: 1.25em;
			margin: 0 0 1.25em;
		}
		#primaryContent li * {font-size: 1em;}
		#primaryContent li ul {margin-bottom: 0;}
		#primaryContent a {
			color: #5382A1;
			font-weight: bold;
		}
		#primaryContent a:hover {text-decoration: underline;}
		#primaryContent table {
			border: 1px solid #b5b5b5;
			border-width: 1px 1px 0 0;
		}
			#primaryContent thead tr {background: #fff url(/elements/images/shop/smallGrayGradient.gif) left bottom repeat-x;}
			#primaryContent th,
			#primaryContent td {
				border: 1px solid #b5b5b5;
				border-width: 0 0 1px 1px;
				padding: 5px 10px;
			}
			#primaryContent tbody tr.even {background: #f6f6f6;}

/**************************************************************************************
******* FOOTER AREA STYLES
***************************************************************************************/
#footer {
	background: #e6e6e6 url(/elements/images/global/footerBG.gif) 0 0 repeat-x;
	border-top: 1px solid #bfbfbf;
	height: 75px;
}
	#footer ul.navigation {
		display: block;
		margin: 15px 0 10px;
	}
	 	#footer ul.navigation li {
			border-left: 1px solid #ccc;
			display: block;
			float: left;
			font-size: 0.8em;
		}
	 	#footer ul.navigation li.first {border: none;}
		 	#footer ul.navigation li a {
				color: #5382A1;
				display: block;
				padding: 0 5px;
			}
		 	#footer ul.navigation li.first a {padding: 0 5px 0 0;}
		 	#footer ul.navigation li a:hover {text-decoration: underline;}
	#footer ul.social-media {
		position: absolute;
		right: 0;
		top: 0;
	}
		#footer ul.social-media li {
			border: none;
			display: block;
			float: left;
			margin: 0 2px;
		}
			#footer ul.social-media li a {
				background-position: 0 0;
				background-repeat: no-repeat;
				display: block;
				height: 22px;
				padding: 0;
				text-indent: -9999em;
				width: 22px;
			}
			#footer ul.social-media li.email-opt-in a {background-image: url(/elements/images/icons/signup.png);}
			#footer ul.social-media li.facebook a {background-image: url(/elements/images/icons/facebook.png);}
			#footer ul.social-media li.twitter a {background-image: url(/elements/images/icons/twitter.png);}
			#footer ul.social-media li.youtube a {background-image: url(/elements/images/icons/youtube.png);}
	#footer p {
		color: #999;
		font-size: 0.8em;
		line-height: 1.33em;
	}
#sslVerificationBadge {
	background: #fff;
	border: 1px solid #bfbfbf;
	bottom: 5px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	padding: 5px;
	position: fixed;
	right: 5px;
}

body .ui-widget-overlay {
	opacity: 0.667;
}
body .ui-dialog .ui-dialog-titlebar {
	background: #5382a1 url(/elements/images/shop/smallBlueGradientButton.gif) repeat-x scroll 0 0;
	color: #fff;
	height: 25px;
	line-height: 25px;
	padding: 0 0.3em 0 1em;
}
	body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
		line-height: 25px;
		margin: 0;
	}
	body .ui-dialog h2 {
		color: #5382a1;
		font: bold 14px/20px "Futura Std", "Futura", Helvetica, Arial, sans-serif;
		margin: 0 0 5px;
	}