/* ================================ BASE CSS (based on blueprintcss.org) ======================================== */
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */
body {font-size:75%;color:#4f4f4f;background:#fff;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#004071;}
h1 {font-size:2em;line-height:1;margin-bottom:1em;}
h2 {font-size:1.16em;font-weight:bold;}
h3 {font-size:1em; color: #111;font-weight: bold;}
h4 {font-size:1.08em;font-weight: bold; line-height:1.25;margin-bottom:0.1em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
p.intro {color: #a34529; font-size: 1.33em;}
p.intro span {color: #462c28;font-weight: bold;}
a:focus, a:hover {color:#ce181f;}
a {color:#004071;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;color:#222;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:10px;line-height:1.2em;}
.large {font-size:1.2em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;border-right:none;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.notice { color: #8e1818!important; }
.hidden { display: none; }
.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft { float: left; margin: 0 1em 1em 0; }


a.pdf { background: url('images/icons/pdf.png') no-repeat left center; padding-left: 17px; padding-right: 0; }

ul.blocks, ul.blocks li { list-style: none; margin: 0; padding: 0; }
ul.blocks li { margin: 0 0 2em; }

ul.standard li { margin-bottom: 1.5em; }

.message, .form-error { background: #fdf5c9; padding: 10px; border: 2px solid #ffd800; color: #111; font-weight: bold; margin: 0 0 1em; width: 75%; }
.error, .form-error { border-color: #D31145; }

/* cssform */
form.cssform { width: 360px; }
.cssform input[type="text"],
.cssform textarea { border: 1px solid #ddd; color: #666; float: left; padding: 4px; width: 350px; }
.cssform textarea { height: 75px; }
.cssform input[type="text"].textsm { width: 200px; float: right; }
.cssform input.required { color: #000; font-weight: bold; }
.cssform input[type="text"]:focus, 
.cssform textarea:focus { background-color: #faf9cc; }
.cssform select.state { float: left;}
.cssform input[type="submit"] {	margin: 10px 0 0; }
.cssform label { display: block; float: left; line-height: 1; margin: 4px 20px 0 0; padding: 1px 0; text-align: right; width: 150px; }
.cssform label.labelsm { width: 75px; }
.cssform div { overflow: hidden; margin: 0 0 1em; }


/* contact form */
form.cpform
{
	display: block;
}

form.cpform input[type="text"],
form.cpform textarea
{
	background: #E8F0F9;
	border: none;
	color: #000;
	display: block;
	font-size: 16px;
	margin: 0;
	padding: 8px;
	width: 334px;
	
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

form.cpform textarea
{
	height: 200px;
	overflow: hidden;
	width: 400px;
}

form.cpform input[type="text"]:focus,
form.cpform textarea:focus
{
	background: #0071BC;
}

form.cpform div
{
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}

form.cpform div.spaced
{
	margin-top: 20px;
	margin-bottom: 20px;
}

form.cpform label
{
	color: #000;
	font-size: 16px;
	float: left;
	margin-right: 16px;
}

form.cpform label.blocklabel
{
	border-bottom: 1px dotted #ddd;
	display: block;
	float: none;
	margin: 0 0 5px;
	width: 350px;
}

form.cpform .fortext span
{
	display: block;
	position: relative;
}

form.cpform .fortext label
{
	color: #000;
	cursor: text;
	float: none;
	left: 8px;
	line-height: 1;
	margin: 0;
	position: absolute;
	right: auto;
	top: 8px;
	z-index: 99;
}

form.cpform .fortext label.hasfocus
{
	color: #000;
}

form.cpform .forradio span,
form.cpform .forcheck span
{
	color: #555;
	cursor: pointer;
	float: left;
	font-size: 14px;
	margin: 0 15px 0 0;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

form.cpform a.radiobtn
{
	background: url('images/buttons/radio.png') no-repeat left top;
	display: block;
	float: left;
	height: 15px;
	margin: 3px 5px 0 0;
	outline: none;
	width: 15px;
}

form.cpform a.radiochecked
{
	background-position: left bottom;
}

form.cpform a.checkbtn
{
	background: url('images/buttons/checkbox.png') no-repeat left bottom;
	display: block;
	float: left;
	height: 18px;
	margin: 0px 2px 0 0;
	outline: none;
	width: 18px;
}

form.cpform a.checkchecked
{
	background-position: left top;
}

form.cpform div.forselect,
form.cpform p.forselect
{
	color: #000;

	overflow: visible;
	z-index: 200;
}

form.cpform div.cpselect-container
{
	overflow: visible;
	margin: 0;
	z-index: 200;
}

form.cpform div.selectbox
{
	border: 1px solid #ddd;
	cursor: pointer;
	background: #E8F0F9 url('images/backgrounds/select.png') no-repeat left top;
	margin: 0;
	padding: 1px;
	width: 350px;
}

form.cpform div.selectbox span
{
	cursor: pointer;
	float :none;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	padding: 0 0 0 7px;
	position: absolute;
	white-space: nowrap;
}

form.cpform div.selectbox a
{
	background: #fff url('/images/contact/buttons/selectarrow.png') no-repeat center center;
	display: block;
	float: right;
	height: 26px;
	width: 26px;
}

form.cpform ul.selectlist,
form.cpform ul.selectlist li
{
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

form.cpform ul.selectlist
{
	background: #fff;
	border: 1px solid #ddd;
	border-top: none;
	display: none;
	height: 150px;
	overflow: auto;
	padding: 1px;
	position: absolute;
	top: 30px;
	width: 350px;
	z-index: 200;
}

form.cpform ul.selectlist a
{
	display: block;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	padding: 0 8px;
	text-decoration: none;
}

form.cpform ul.selectlist a:hover
{
	background: #eee;
}

form.cpform input[type="radio"],
form.cpform input[type="checkbox"],
form.cpform select{	display: none;}
form.cpform div.forcontainer
{
	overflow: visible;
	z-index: 200;
}

form.cpform div.forcontainer div.fortext,
form.cpform div.forcontainer div.forselect
{

	overflow: visible;
}


/* ================================ MAIN CSS ======================================== */
body
{
	text-align: center;
}

#header-inner,
#main,
#footer-inner
{
	margin: 0 auto;
	text-align: left;
	width: 960px;
}

#wrapper
{
	background: #fff url('images/backgrounds/main.png') repeat-x left top;
}

/* header */
#header
{
	background: #fafcfd url('images/backgrounds/header.png') repeat-x left top;
	border-bottom: 1px solid #80b8de;
}

#header-inner
{
	position: relative;
	min-height: 175px;
}

#header h1,
#header a#logo img 
{ 
	float: left;
	line-height: 1; 
	margin: 0; 
}

#header a#logo img 
{ 
	display: block; 
	margin: 25px 0 0;
}

ul#nav,
ul#nav li,
ul#utilnav,
ul#utilnav li,
ul#accountnav,
ul#accountnav li,
ul#sidenav,
ul#sidenav li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#utilnav
{
	background: transparent url('images/backgrounds/utilnav.png') repeat-x left top;
	border: 1px solid #bddbed;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	position: absolute;
	right: 0;
	top: 0;
}

ul#utilnav li
{
	float: left;
}

ul#utilnav a
{
	border-left: 1px solid #b1b5b7;
	color: #292929;
	line-height: 1;
	padding: 0 10px;
	text-decoration: none;
}

ul#accountnav
{
	float: right;
	font-size: 11px;
	margin: 78px 0 0;
}

ul#accountnav li
{
	float: left;
	line-height: 1;
}

ul#accountnav a 
{ 
	border-right: 1px dotted #bababa;
	text-decoration: none; 
	height: 0.92em;
	line-height: 1;
	padding: 0 10px;
}

ul#accountnav li#oplink 
{ 
	margin: 0; 
}

ul#accountnav li#oplink a { border-right: none; }

ul#accountnav li#oplink img { position: relative; top: -5px; }

ul#accountnav a.cartlink
{
	background: url('images/icons/cart.gif') no-repeat 12px center;
	padding-left: 24px;
}

ul#nav
{
	float: left;
}

#nav-container
{
	bottom: 0;
	padding: 0;
	position: absolute;
	right: 0;
	width: 960px;
}

ul#nav li
{
	display: block;
	float:left;
	font-size: 12px;
	text-transform: uppercase;
	z-index: 99;
}

ul#nav a
{
	background: transparent url('images/backgrounds/navitem.png') repeat-x left -9999px;
	color: #668daa;
	cursor: pointer;
	overflow: hidden;
	display: block;
	line-height: 1;
	padding: 10px 20px;
	text-decoration: none;
}

ul#nav li.current a,
ul#nav li a:hover
{
	background-position: left bottom;
	border: 1px solid #80b8de;
	border-bottom: none;
	color: #005596;
	padding: 10px 19px;
	margin-top: -1px;
}

ul#nav li.current a { font-weight: bold; }

ul#utilnav li:first-child a,
ul#accountnav li:first-child,
ul#nav li:first-child { border-left: 0; }

/* sub nav */

ul#nav li ul
{
	left: -9999px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: auto;
	width: 960px;
	z-index: 2;
}
ul#nav li.pushLeft ul
{
	left:0;
}
ul#nav li.current ul{left:0;}
body.nojs ul#nav li ul
{
	display: none;
}

body.nojs ul#nav li.current ul,
body.nojs ul#nav li:hover ul,
body.nojs ul#nav li.current ul
{
	display: block;
}

body.nojs ul#nav li.current,
body.nojs ul#nav li.current ul
{
	z-index: 0;
}

ul#nav li li
{
	border: none;
	float: left;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-transform: none;
}

ul#nav li li.last
{
	border: none;
	margin: 0;
}

ul#nav li li a,
ul#nav li.current li a
{
	background: none;
	border: none;
	color: #004071;
	display: block;
	font-weight: normal;
	height: 38px;
	line-height: 38px;
	height: auto;
	margin: 0;
	padding: 0;
}

ul#nav li.current li a:hover { height: 38px; margin:0; }

ul#nav li li a:hover { color: #66aad7; border: none; padding: 0; margin: 0; }

ul#nav li li.selected a
{
	color: #ed1c24;
	font-weight: bold;
}

ul#nav li ul li.last a,
ul#nav li.current ul li.last a
{
	margin: 0;
}

ul#nav li li span
{
	border-left: 1px solid #c6deee;
	padding: 0 12px;
}

ul#nav li li:first-child span { border-left: none; padding-left: 0; }

/* side nav */
ul#sidenav li
{
	margin-bottom: 0.5em;
}

ul#sidenav a 
{
	color: #4f4f4f;
	text-decoration: none;
}

ul#sidenav a:hover,
ul#sidenav a.current { color: #ce181f; }

ul#sidenav a.current { font-weight: bold; }

/* main */
p#intro
{
	font-size: 15px;
	margin: 0 0 1.17em;
	color: #004071;
}

p#intro strong { color: #004071; }

#main
{
	overflow: hidden;
	padding-top: 38px;
}

/* ads */
ul#homeads,
ul#homeads li
{
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

ul#homeads
{
	background: #ce181f url('images/backgrounds/promo.png') repeat-x left top;
	color: #fff;
}

ul#homeads li
{
	float: left;
	font-size: 14px;
	padding: 25px 25px 20px;
	text-align: center;
	width: 270px;
}

ul#homeads li p { margin: 0 0 5px; }

ul#homeads li a { color: #fff; font-size: 11px; font-weight: normal; }

ul#homeads li strong { color: #fff; }

ul#homeads li#plus { font-weight: bold; }

ul#homeads li#plus h3,
ul#homeads li#refer h3
{
	background: url('images/logos/pluspackage.png') no-repeat center center;
	height: 76px;
	margin: 0 auto;
	line-height: 1;
	overflow: hidden;
	text-indent: -9999px;
	width: 243px;
}

ul#homeads li#refer h3
{
	background-image: url('images/logos/tellafriend.png');
	height: 70px;
	width: 270px;
}


ul#homeads li#newsletter
{
	background: url('images/logos/newsletter.png') no-repeat center 25px;
}

ul#homeads li#newsletter form,
ul#homeads li#newsletter #newsletterthankyou
{
	margin: 32px 0 0 80px;
	text-align: left;
}

ul#homeads li#newsletter h3 { display: none; }

ul#homeads li#newsletter p { font-size: 11px; }

ul#homeads li#promo a
{
}

li#promo a span
{
}

li#promo a strong,
li#refer strong
{
}

ul#homeads li#promo a:hover strong
{
}

ul#homeads li#refer span
{
}

li#refer span
{
}

ul#homeads li form.cssform { width: auto; }

li#newsletter .cssform input[type="text"]
{
	border: 1px solid #ede9d8;
	float: left;
	height: 21px;
	line-height: 21px;
	margin: 0 3px 0 0;
	width: 198px;
}

li#newsletter .cssform input[type="submit"]
{
	background: transparent url('images/buttons/bluebtn.png') no-repeat left top;
	border: none;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	vertical-align: middle;
	width: 80px;
}

li#newsletter h4
{
}

li#newsletter p
{
}

li#newsletter .cssform div
{
	margin: 0 0 5px;
}

/* home page featured */
.navi 
{ 
	background: #2790d4 url('images/backgrounds/navi.png') repeat-x left top; 
	height: 27px;
	padding: 0 28px;
}

.navi a
{	
	background: transparent url('images/icons/navi.png') no-repeat left top;
	cursor: pointer;
	display: block;
	float: left;
	margin: 8px 8px 0 0;
	height: 12px;
	width: 11px;
}

.navi a.active { background-position: left bottom; }

#featured,
#featured-items
{ 
    position:relative; 
    overflow:hidden; 
    width: 960px; 
    height: 274px; 
}

#featured { height: auto; }
 
.scrollable .items 
{ 
    width:20000em; 
    position:absolute; 
    clear:both; 
}

#featured .items img
{
	display: block;
}

#featured-products-container
{
	background: #fff url('images/backgrounds/featured.png') repeat-x left top;
	border-bottom: 1px solid #e27479;
	border-top: 1px solid #b2c6d4;
	margin: 10px 0 0;
	overflow: hidden;
}

#featured-products-container h2
{
	background: transparent url('images/logos/ezfeatured.png') no-repeat center center;
	height: 38px;
	margin: 30px 0 10px 20px;
	overflow: hidden;
	text-indent: -9999px;
	width: 213px;
}

#featured-products-container .title
{
	overflow: hidden;
	float: left;
	position: relative;
	height: 292px;
	width: 260px;
}

#featured-products-container .title div 
{
	bottom: 0;
	left: 0;
	position: absolute;
}

#featured-products-container .title div img { display: block; }


#featured-products-container .title p
{
	color: #a3a3a3;
	font-size: 11px;
	line-height: 1.25;
	margin-left: 20px;
}

#featured-products 
{ 
	float:left;
	height: 272px;
	margin: 20px 0 0;
	overflow:hidden;
	position:relative;
	width: 662px;
}

#featured-products-container .items div
{ 
	background: #fff;
	border: 1px solid #f0f0f0;
    float:left;
    height: 211px;
    margin: 0 10px 0 0;
    position: relative;
    padding: 18px;
    text-align: center;
    width:174px;
    color:#333; 
}

#featured-products-container .items .img-container
{
	border: none;
	left: 18px;
	height: 140px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 20px;
	width: 174px;
}

#featured-products-container .items .img-container img
{
	display: block;
	margin: 0 auto;
	max-height: 140px;
	max-width: 174px;
}

#featured-products-container .items h3
{
	color: #666;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25;
	margin: 180px 0 0;
}

#featured-products-container .items h3 a
{
	text-decoration: none;
}

#featured-products-container .items p
{
	margin: 0;
}
#featured-products-container .items p.description
{
	color: #666;
	font-size: 0.833em;
	line-height: 1.3;
}

#featured-products-container .items p.shopnow
{
	line-height: 1.75;
}

#featured-products-container .items p.shopnow a
{
	text-decoration: none;
}

#featured-products-container .items p.shopnow a:hover
{
	text-decoration: underline;
}

#featured-products-container a.nextPage,
#featured-products-container a.prevPage
{
	background: url('images/buttons/arrows.png') no-repeat right 50%;
	cursor: pointer;
	float: left;
	display: block;
	margin: 71px 5px 0 0;
	height: 145px;
	width: 9px;
}

#featured-products-container a.nextPage 
{ 
	background-position: left 50%; 
	float: left;
	margin-right: 0;
}


p#productintro
{
	font-size: 15px;
}

/* content */
.content
{
	background: #fff;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 24px;
}

.nopad-top { padding-top: 0; }

.content-side
{
	float: left;
	padding: 24px 0;
	width: 200px;
}

.content-side h2,
.content-side h1
{
	font-size: 1.66em;
	font-weight: normal;
	margin: 0 0 0.5em;
	line-height: 1.25;
}

.content-main
{
	float: right;
	margin-left: -1px;
	padding: 24px 0 24px 24px;
	width: 687px;
}

.content-main h1
{
	font-size: 2em;
	margin: 0 0 1em;
	line-height: 1.25;
}

/* cart */
#easycart
{
	background: #fff;
	border-top: 1px solid #ddd;
	margin-top: 24px;
	overflow: hidden;
	padding: 24px 24px 0;
	position: relative;
}

#easycart h4
{
	font-size: 15px;
	margin: 0 0 15px;
}

#easycart h4 a { text-decoration: none; }
#easycart h4 a:hover { text-decoration: underline; }

#ecmeta
{
	float: left;
	width: 160px;
}


#easycart #emptycart,
#easycart #emptycart input[type="submit"]
{
	margin: 0;
}

#easycart #emptycart
{
	bottom: 24px;
	margin: 0;
	position: absolute;
	right: 24px;
	width: auto;
}

ul#ecitems,
ul#ecitems li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#ecitems
{
	float: right;
	padding-right: 83px;
	width: 652px;
}

ul#ecitems li
{
	float: left;
	height: 120px;
	margin: 0 17px 0 0;
	padding: 0 0 24px;
	width: 200px;
}

ul#ecitems h5
{
	color: #020201;
	margin: 0;
}

ul#ecitems .ecproduct
{
	margin: 0 0 10px;
	overflow: hidden;
}

.ecproduct img
{
	float: left;
	margin: 0 10px 0 0;
	max-width: 88px;
}

.ecproduct form.cssform
{
	display: block;
	float: left;
	width: auto;
}

.ecproduct form div { line-height: 1; margin: 0 0 3px; }

.ecproduct form div.fortext
{
	overflow: hidden;
}

.ecproduct input[type="text"]
{
	border: 1px solid #999;
	float: left;
	margin: 0 5px 0 0;
	text-align: center;
	width: 20px;
}

.ecproduct label
{
	color: #999;
	display:block;
	float: left;
	font-size: 10px;
	line-height:1;
	margin:4px 20px 0 0;
	padding:1px 0;
	text-align: left;
	width: auto;
}

.ecproduct input[type="submit"],
#promo input[type="submit"]
{
	background: #fff;
	border: none;
	border-bottom: 1px solid #bbb;
	color: #999;
	cursor: pointer;
	font-size: 10px;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* ===== product pages ===== */
.crumbs
{
	color: #999;
	font-size: 0.93em;
	font-weight: normal;
	margin: 0 0 1.5em;
}

.crumbs a
{
	text-decoration: none;
}

.crumbs a:hover
{
	text-decoration: underline;
}

ul.productlist,
ul.productlist li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.productlist li
{
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	padding: 0 0 1.5em;
	margin: 0 0 1.5em;
}

ul.productlist li.last
{
	border: none;
}

div.product
{
	margin: 0 0 20px;
	overflow: hidden;
}


ul.productlist h2,
div.product h1
{
	font-size: 1.33em;
	font-weight: bold;
}

div.product h1
{
	font-weight: normal;
}

#main div.product h1
{
	font-size: 1.66em;
	font-weight: bold;
	line-height: 1.1;
	margin: 0;
	padding: 0 0 5px;
}

#main ul.productlist h2 { line-height: 1.1; margin: 0 0 1em; }

ul.productlist h2,
ul.productlist h2 a,
div.product h1,
div.product h1 a,
div.product h2
{
	text-decoration: none;
}

ul.productlist h2 a:hover,
div.product h1 a:hover
{
	text-decoration: underline;
}

ul.productlist h2 span,
div.product h1 span
{
	color: #999;
	font-weight: normal;
	font-size: 70%;
}

ul.productlist h2 strong,
div.product h1 strong { color: #999; }

div.product h1 span
{
	font-size: 60%;
}

ul.productlist .image-container,
div.product .image-container
{
	float: left;
	padding: 1px 40px 1px 20px;
	text-align: center;
	width: 185px;
}

div.product .image-container
{
	width: 240px;
}

ul.productlist .image-container img,
div.product .image-container img.product_image
{
	display: block;
	margin: 0 auto 5px;
	max-width: 185px;
}

div.product .image-container img.product_image
{
	max-width: 240px;
}

.image-container a:focus
{
	outline: none;
}

div.product .detail-image
{
	margin: 0 0 10px;
}

div.product .detail-image a
{
	text-decoration: none;
}

div.product .detail-image a:focus,
div.product .detail-image-thumbs-container a:focus
{
	outline: none;
}

div.product .detail-image-thumbs-container ul,
div.product .detail-image-thumbs-container ul li
{
	list-style: none;
	margin: 0;
	padding: 0
}

div.product .detail-image-thumbs-container ul li
{
	margin: 0 6px 0 0;
	float: left;
	width: 76px;
}

div.product .detail-image-thumbs-container ul li.last
{
	margin: 0;
}

div.product .detail-image-thumbs-container ul li img
{
	width: 76px;
}

div.product h2
{
	border-bottom: 1px solid #ccc;
	margin: 0;
}

div.product .productinfo-container
{
	float: left;
	overflow: hidden;
	width: 611px;
}

div.product h1 span, div.product h1 strong { color: #999; }

ul.productlist .productinfo,
div.product .productinfo
{
	border-right: 1px solid #ccc;
	float: left;
	padding: 0 20px 20px 0;
	width: 426px;
}

div.product .productinfo
{
	border: none;
	border-bottom: 1px solid #ccc;
	float: none;
	padding: 10px 0;
	width: auto;
}

ul.productlist .productprices,
div.product .productprices
{
	border-left: 1px solid #ccc;
	float: left;
	margin: 0 0 0 -1px;
	overflow: hidden;
	padding: 0 0 20px 20px;
	width: 200px;
}

div.product .productprices
{
	border: none;
	float: none;
	margin: 0;
	padding-left: 0;
	padding-top: 10px;
	width: auto;
}

.productprices .terms,
.productprices .addtocart
{
	float: left;
	padding: 0 20px 0 0;
	width: 240px;
}
.productprices .terms
{
	margin-bottom: 60px;
}

.productprices h3
{
	font-size: 1.17em;
	margin: 0 0 0.5em;
}

ul.productlist .productprices p
{
	margin: 0;
	overflow: hidden;
}

ul.productlist .productprices p.bottom
{
	margin: 5px 0 0;
}

ul.productlist .productprices input[type="radio"],
div.product .productprices input[type="radio"]
{
	display: block;
	clear: both;
	float: left;
}

ul.productlist .productprices label,
div.product .productprices label
{
	display: block;
	float: left;
	font-weight: bold;
	padding: 0 0 10px 5px;
}

ul.productlist .productprices label span,
div.product .productprices label span
{
	color: #666;
	font-size: 0.92em;
	font-weight: normal;
}

.rpd
{
	margin: 50px 0 0 300px;
	padding: 0 50px 0 0;
}

.rpd h6 { color: #999; }

.rpd p
{
	color: #999;
	font-size: 0.85em;
	margin: 0 0 1em;
}

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

.pagination
{
	clear: both;
	font-size: 93%;
	margin: 0 0 24px;
}

.pagination a
{
	padding: 4px 6px;
	margin: 0 4px 0 0;
	line-height: 1;
	border: 1px solid #ddd;
	text-decoration: none;
}

.pagination a.current,
.pagination a:hover
{
	background-color: #668daa;
	color: #fff;
}

/* View Cart Button
________________________________*/

#nav-cart
{
	border-top: 1px dotted #474220;
	margin: 12px 0 0;
	padding: 10px 0 11px;
}

#nav-cart p
{
	font-size: 85%;
	padding-left: 10px;
}

/* End View Cart Button _____*/
#checkout-nav
{
	margin: 8px 0 10px;
	padding: 5px;
}

#checkout-nav ul
{
	margin: 0;
	padding: 0;
	text-align: center;
}

#checkout-nav ul li
{
	display: inline;
	margin: 0px;
	padding: 8px;
}

#checkout-nav ul li.last { border-right: medium none; }

#checkout-nav ul li a
{
	background: #eee;
	color: #999;
	display: inline;
	margin: 0;
	padding: 5px;
}

#checkout-nav ul li a:hover { text-decoration: none; }

#checkout-nav ul li a.current
{
	background: #F90;
	/*border: 1px solid  #000;*/
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#checkout-nav ul li a.complete
{
	background: #FC0;
	/*border: 1px solid  #999;*/
	color: #333;
	text-decoration: none;
}

/* Progress Bar
-------------------------------------------------------------- */

ul#progress
{
	width: 465px;
	height: 50px;
	background: url(images/buttons/progress.gif) top no-repeat;
	margin: 0 0 20px;
	padding: 0;
	position: relative;
}

ul#progress li
{
	font-size: .9em;
	margin: 0;
	padding: 45px 0 0 5px;
	list-style: none;
	position: absolute;
	top: 0;
	text-align: right;
}

ul#progress li, #progress a
{
	height: 25px;
	display: block;
	outline: none;
}

ul#progress li a
{
	color: #333;
	font-size: 10px;
	padding: 50px 0 0 0;
	text-decoration: none;
	outline: none;
}

#pg1
{
	left: 0px;
	width: 75px;
}

#pg2
{
	left: 75px;
	width: 118px;
}

#pg3
{
	left: 192px;
	width: 117px;
}

#pg4
{
	left: 308px;
	width: 122px;
}

#pg1.complete { background: transparent url(images/buttons/progress.gif) 0 -50px no-repeat!important; }
#pg2.complete { background: transparent url(images/buttons/progress.gif) -75px -50px no-repeat!important; }
#pg3.complete { background: transparent url(images/buttons/progress.gif) -192px -50px no-repeat!important; }
#pg4.complete { background: transparent url(images/buttons/progress.gif) -308px -50px no-repeat!important; }

/* Small Shopping Cart
-------------------------------------------------------------- */
#left {
	float: left;
	margin: 0;
	padding: 0;
	width: 275px;
}

#right {
	float: right;
	margin: 0;
	padding: 0;
	width: 600px;
}
.checkout #left
{
}

table.nav-basket
{
	border: 1px solid #ddd;
	padding: 0;
	margin: 0;
	/*width: 155px;*/
}

.nav-basket th
{
	font-size: 12px;
	line-height: 12px;
	padding: 10px 4px;
	vertical-align: top;
	white-space: normal;
	text-align: left;
	background: #eee;
}

.nav-basket th.top { background-color: #ffd800; }

.nav-basket td
{
	border-top: 1px solid #ddd;
	font-size: 11px;
	line-height: 11px;
	empty-cells: show;
	padding: 10px 5px;
	vertical-align: top;
	white-space: normal;
	text-align: left;
}

.nav-basket td.first, .nav-basket th.first
{
	/* border-left: 1px solid #ccc;*/
	text-align: left;
}

.nav-basket td.last,
.nav-basket th.last
{
	white-space: no-wrap;
	text-align: right;
}

.nav-basket .ta /* text alignment class */ 
{ text-align: right!important; }

/* Shopping Cart 
-------------------------------------------------------------- */

table.cart
{
	border-top: 5px solid #004071;
	border-bottom: 5px solid #004071;
	width: 100%;
	padding: 0;
	margin: 0 0 2em;
}

table.myaccount { border-bottom: none; }

.cart td, .cart th, .cart tr { border: none; }

.myaccount td
{
	border-top: 1px solid #ddd;
}
.cart .quantity { text-align: center; }

.cart td.quantity { line-height: 1; }

.cart td.quantity input { margin-bottom: 3px; }

.cart td.quantity input[type="text"]
{
	text-align: center;
	width: 26px;
}

.cart td input[type="text"]:focus { background-color: #FFFF33; }

.cart tr td,
.cart tr th
{
	background: #fff;
	border-bottom: 1px solid #ddd;
	padding: 15px 30px 15px 15px;
	margin: 0;
}

.cart tr th { color: #999; }

.cart tr.row1 td
{
	background: #eee;
}

.cart .item-total
{
	color: #cc2131;
	font-weight: bolder;
}

.cart .price-terms
{
	color: #36393D;
	font-weight: bolder;
}

.cart tr.last-row { padding: 0 10px; }

.cart .cartItems { width: 30%; }
.cart .cartThumbs { width: 20%; }
/*.cart .priceTerms { width: 30%; }*/
.cart .quantity { width: 100px; }
/*.cart .itemTotal { width: 10%; }*/

.cartItems a { color: #111; text-decoration: none; }
.cartItems a:hover { text-decoration: underline; }

.cart h5 { margin: 0; }

.cart td.itemTotal { color: #004071; font-weight: bold; }

/* Start Review Styles */
.cart .deliveryInfo { width: 30%; }

.cart .itemEdit
{
	text-align: right;
}

.cart .itemEdit p a { color: #ddd; text-decoration: underline; }

div.review { padding: 0; }
div.review p { margin: 0; }

.cart td.review-bottom
{
	border-bottom: none;
	border-top: none;
	text-align: right;
	padding: 10px 0;
	margin: 0 10px;
}

.cart td.review-bottom2 p
{
	text-align: left;
	padding: 5px 0 5px 0;
	margin: 0 10px;
	border-top: 1px solid #ccc;
}

.cart td.reviewAddress,
.cart td.reviewSummary { border-top: none; }

.cart td.itemTitle,.cart .priceTerms
{
}

/* End Review Styles */
div#price-container
{
	width: auto;
	margin-left: 10px;
}

/* Begin Price Total Div */
div#total-price
{
	border: none;
	float: right;
	width: 330px;
	padding: 10px 10px 0 0;
	margin: 0;
}

div#total-price p { text-align: right; }

div#total-price label
{
	font-size: 12px;
	font-weight: bolder;
	color: #36393D;
}

.btncont
{
	float: left;
	width: 125px;
	margin: 10px 0 0 10px;
}

.btncheckout
{
	float: right;
	margin: 5px 0 0;
}

/* Begin Price Total TAble */
#cartmeta
{
	font-size: 10px;
	margin: 0 0 3em 0;
	overflow: hidden;
}

#promo
{
	float: right;
	text-align: right;
	width: 330px;
}

#promo input[type="text"]
{
	width: 155px;
	border: 1px solid #ccc;
	padding: 0;
	margin: 0 0 5px 5px;
	font-size: 12px;
	color: #000;
}

#promo input[type="submit"] { margin-right: 35px; }

.totalPrice td input:focus { background-color: #FFFF33; }

.totalPrice tr.last-row
{
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
}

.totalPrice td p
{
	font-size: 12px;
	font-weight: bolder;
	color: #36393D;
	text-align: right;
	padding: 0 0 5px 0;
	margin: 0 10px;
}


.subtotal
{
	overflow: hidden;
	margin-bottom: 2em;
}

.subtotal div
{
	float: right;
	padding: 0 40px 0 0;
	text-align: right;
}

.subtotal span
{
	color: #222;
	display: block;
	font-size: 1.5em;
	font-weight: bold;
}

.subtotal div p
{
	color: #999;
	font-size: 10px;
	margin: 0;
}

div#contshopping
{
	float: left;
	text-align: left;
}

.subtotal div#emptycart 
{ 
	float: left; 
	padding: 15px 0 0;
	text-align: left;
}

.subtotal div#emptycart div
{
	padding: 0;
	text-align: left;
}

#promo { overflow: hidden; }

#promo form { float: right; }

/* Checkout Form Styles */
.form-error
{
}

.checkout
{
	margin: 0;
	padding: 0;
}

.checkout fieldset
{
	margin: 0 0 10px 0;
	padding: 15px;
}

.checkout fieldset p
{
	clear: both;
	color: #36393D;
	margin: 0 0 8px 0;
	padding: 0;
}

.checkout label
{
	color: #36393D;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
}

.required { color: red; }

p.required
{
	margin: 0 0 0 15px;
	text-align: center;
}

input:focus, textarea:focus { background: #eee; }

.checkout input.text
{
	margin: 0;
	padding: 0;
	width: 250px;
	/*border: 1px solid #ccc;*/
}

.checkout input.text2
{
	padding: 0;
	width: 250px;
	/*border: 1px solid #ccc;*/
	margin: 8px 0 0 0;
}

.checkout select
{
	margin: 0;
	padding: 0;
}

.checkout label.check
{
	float: left;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0;
	width: 250px;
}

.checkout label.checkwide
{
	width: 90%;
}

.checkout input.checkbox
{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.checkout .checkout-title
{
	width: auto;
	height: 12px;
	line-height: 1;
	padding: 7px 0 7px 10px;
	margin: 0;
	color: #36393D;
	background-color: #e9eef2;
}

.checkout .form-container
{
	float: left;
	margin: 1px 25px 0 0;
	padding: 0;
	width: 320px;
}

.checkout .form-container-small
{
	width: 240px;
}

.checkout .form-container-wide
{
	width: 420px;
}

.checkout .logintip
{
	float: right;
	background: #F9FCC4;
	border: 1px solid #eee;
	font-size: 11px;
	margin: 20px 0 0;
	padding: 5px;
	width: 150px;
}

.checkout .form-container .dis { opacity: 0.3; }

.form-container h3, .full-layout-container h3
{
	background: #e8e8e8;
	padding: 5px 5px 5px 10px;
}

.checkout p.zip, p.state
{
	clear: none!important;
	float: left;
	width: 130px;
}

.checkout p.state { margin: 0 10px 10px 0!important; }

.checkout p.card, p.number
{
	clear: none!important;
	display: block;
	float: left;
	width: 150px;
}

.checkout p.card-ex, .checkout p.card-ex
{
	clear: none!important;
	display: block;
	float: left;
	width: 110px;
}

.checkout p.card-ex label { margin: 0 0 2px 0!important; }

.checkout #card-ex-y, .checkout #card-ex-m
{
	margin: 0 0 5px 0;
	width: 100px!important;
}

.checkout .card-ex-y, .checkout .card-ex-m
{
	margin: 0 0 5px 0;
	width: 100px!important;
}

.checkout p.number { margin: 0 10px 0 0!important; }

.checkout p.password
{
	clear: none!important;
	display: block;
	float: left;
	width: 250px;
	margin: 0 10px 5px 0;
}

.checkout p.password-float
{
	width: 200px;
}

.checkout fieldset.ref-layout
{
	float: left;
	width: 310px;
	margin: 10px 25px 10px 0!important;
	padding: 0 0 0 10px!important;
}

.checkout .form-container-wide fieldset.ref-layout
{
	width: 380px;
}

.checkout fieldset.full-layout
{
	margin: 10px 0 0 0!important;
	padding: 0 0 10px 10px!important;
}

.full-layout-container h5
{
	margin-bottom: 0.5em;
}

.checkout .full-layout-container
{
	margin: 0;
	overflow: hidden;
	padding: 10px 0 10px 0;
	clear: both;
	width: 690px;
}

/* End Checkout Form Styles */



/* Locations */
ul.locations,
ul.locations li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.locations { margin-bottom: 1.5em; }

ul.locations li ul
{
	clear: both;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	margin: 0;
	padding: 15px 0;
}

ul.locations li li
{
	float: left;
	padding: 0 10px 0 0;
	width: 156px;
}

ul.locations li li.address
{
	width: 304px;
}

ul.locations li li.map
{
	padding-right: 0;
	text-align: right;
	width: 40px;
}

ul.locations li li span { color: #999; }

ul.locations li li strong { color: #004071; }

/* careers */
table.jobs { margin-top: 1.5em; }

th.job-header { border-bottom: 1px solid #ddd; }

/* google map */
.gmnoprint,
.gmnoprint a,
.gmnoprint h3
{
	color: #000;
}

#map
{
	border: 10px solid #fff;
	float: left;
	margin: 0 30px 0 0;
}
#sidebar_1
{
	float: left;
	width: 300px;
}

/* current flyer */
#promoteaser img
{
	display: block;
}

.promo-image
{
	clear: both;
	border: 1px solid #999;
	max-width: 682px;
}

.pdf-viewer-nav
{
	overflow: hidden;
	padding: 0 240px 0 0;
}

.pdf-viewer-nav .pdf
{
	float: right;
}

/* footer */
#footer
{
	margin: 0 auto 20px;
	padding: 30px 0;
	width: 960px;
}

body.home #footer { background: url('images/backgrounds/footer.png') repeat-x left top; }


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

#footer ul { margin: 0 0 10px; }

#footer li
{
	border-left: 1px solid #ddd;
	display: inline;
	font-size: 11px;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
}

#footer li:first-child { border-left: none; padding-left: none;}

#footer li a
{
	text-decoration: none;
}

#footer li a:hover { text-decoration: underline; }

p#copyright
{
	color: #a3a3a3;
	clear: both;
	font-size: 0.83em;
	margin: 10px 0;
}

p#copyright a { color: #a3a3a3; }

/* === LIGHTBOX CSS === */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}

/* new clearfix */
#header:after,
#featured-products:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}