html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../fw/jquery.fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../fw/jquery.fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #FFFFFF;
	color: #FFF;
	height: 216px;
	width: 580px;
	z-index: 100;
	overflow-y: scroll;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../fw/jquery.fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../fw/jquery.fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../fw/jquery.fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../fw/jquery.fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_right.png) repeat-x;
}

#imageDiv
{
	
	position: relative;
	z-index: 0;
}
#imageDiv a
{
	float: left;
	margin: 5px 5px 5px 0;
}
#imageDiv a span
{
	display: none;
	background: transparent url(../fw/zoom.png) no-repeat left top;
	width: 48px;
	height: 48px;
	position: absolute;
	left: 15px;
	top: 15px;
}
#imageDiv img
{
}/* =RESET
   ....................................... */
html, body {
	height: 100%;
}
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, img, dl, dt, dd, ol, ul, li,
form, fieldset, input, label, legend, textarea,
table, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:  normal;
} 
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, 
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
fieldset, img {
	border: 0;
}
img {
	display: block;
}
hr {
	display:block;
	background:black;
	color:black;
	width:100%;
	height:1px;
	border:none;
	margin: 0 0 1.45em;
}
legend {
	left: -9999px;
	position: absolute;
	font-size: 0;
	height: 0;
}

/* =MISC STYLES
   ....................................... */
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0%;
	padding: 0;
	margin: 0;
}/* Used to stop floating elements in parent div from breaking boundary of parent div *//* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 HTML STYLES
	 MAIN STRUCTURE STYLES
	 HOMEPAGE &INNERPAGE STYLES
	 PAGINATION STYLES
	 
	 ....................................... */

/* =HTML STYLES
   ....................................... */
body{    
    background: #B09F74 url(../fw/bg_html.jpg) repeat-x 0 0;
}
/* =MAIN STRUCTURE STYLES
   ....................................... */
div.perimeter{
   background: transparent url(../fw/bg_body.jpg) no-repeat top center;
}
div.master {
	width: 1000px; /*main page size*/
	position: relative;
	margin: 0 auto;
	padding-bottom: 140px;
}
div.navContainer {
       background: transparent url(../fw/bg_navContainer.png) no-repeat top center;
       width: 1000px;
       height: 60px;
       margin: 0 auto;
       position: relative;
       z-index: 9;
}
div.navContainer.Inner {
       background: transparent url(../fw/bg_navContainerInner.png) no-repeat top center;
}
div.navContainer a.logo{
       background: transparent url(../fw/logo.png) no-repeat 0 0;
       position: absolute;
       height:175px;
       width: 126px;
       top: 15px;
       left:53px;
       display: block;
	  text-indent: -10000px;
}
div.navContainer.Inner a.logo{
    left: 93px;
}
div.colContainer{
    background: transparent url(../fw/bg_colContainer.png) no-repeat top center;
    width: 1000px;
    margin: 0 auto;
}
div.colContainerWrapper{
    background: transparent url(../fw/bg_colContainerTile.png) repeat-y top center;
    width: 1000px;
    margin: 0 auto;
}
div.leftCol{
    width: 268px;
    float: left;
    padding-left: 20px;
}
div.rightCol{
    float: left;
    width: 712px;
    padding-bottom: 50px;

}
div.body{
    width: 550px;
    padding: 20px 30px 20px 10px;
    margin: 0 auto;
}

/* =HOMEPAGE & INNERPAGE STYLES
   ....................................... */
div.flashArea{
    height: 297px;
    width: 1000px;
    margin: 0 auto;
    background: transparent url(../fw/flashArea.png) no-repeat 0 0;

}	 
div.brownBandTop{
    height: 30px;
    width: 980px;
    margin: 0 auto;
    background: transparent url(../fw/bg_brownBandTop.png) no-repeat top center;

}
div.brownBandMiddle{
    height: 35px;
    width: 980px;
    margin: 0 auto;
    background: transparent url(../fw/bg_brownBandMiddle.png) no-repeat top center;

}
div.brownBandMiddleInner{
    height: 35px;
    width: 984px;
    margin: 0 auto;
    background: transparent url(../fw/bg_brownBandMiddleInner.png) no-repeat top center;

}

div.brownBandBottom{
    height: 35px;
    width: 980px;
    margin: 0 auto;
    background: transparent url(../fw/bg_brownBandBottom.png) no-repeat top center;
    color: #0D0A08;
    text-align: center;
    padding-top: 11px;
    font-size: 85%;
    text-align: center;
}

div.ctaRow{
    width: 960px;
    margin: 0 auto;
    background: #02151D url(../fw/bg_ctaRow.png) no-repeat top center;

}
div.leftCol div.contactCta, div.leftCol div.storeFinderCta, div.leftCol div.featuredProductCta{
    width: 216px;
    height: 166px;
    float: none;
    margin: 30px 0 30px 18px;
    padding: 5px 0 5px 10px;
    display: block;
}
div.leftCol div.featuredProductCta {
    padding-bottom: 10px;
}
div.featuredProductCta {
    overflow: hidden;
}
div.contactCta, div.storeFinderCta, div.featuredProductCta{
    background-color: #FFFEF8;
    border: 4px solid #C4523C;
    margin: 30px 0 30px 20px;
    float: left;
    height: 156px;
    width: 266px;
    padding: 5px 10px;
    display: inline;
		position: relative;
}
div.contactCta h2, div.storeFinderCta h2, div.featuredProductCta h2{
    color: #042836;
    font-size: 177%;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    text-transform: uppercase;
    margin-bottom: 0.1em;
 /* below necessary for text to appeard above absolutely positioned image */
    position: relative;
    z-index: 2;
}
div.leftCol div.contactCta h2, div.leftCol div.storeFinderCta h2, div.leftCol div.featuredProductCta h2{
    font-size: 146%;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}
div.leftCol div.contactCta p, div.leftCol div.storeFinderCta p, div.leftCol div.featuredProductCta div.FeaturedProductDescription {
    width: 122px;
    line-height: 1.2;
}

div.contactCta p, div.storeFinderCta p {
    color: #6E4840;
    line-height: 1.25;
    font-size: 90%;
    width: 150px;
    margin:0 0 1em;
    /* below necessary for text to appeard above absolutely positioned image */
    position: relative; 
    z-index: 2;
}

div.contactCta{
    margin: 30px 0 30px 19px;   
    position: relative;
}
div.leftCol div.contactCta{
    height: 156px;
    margin-top: 157px;
}

div.contactCta img{
    position: absolute;
    top:-27px;
    right:0;
    }
div.leftCol div.contactCta img{
    right: -8px;
    top: -18px;
    }
div.storeFinderCta{
    background: #FFFEF8 url(../fw/bg_homeCtaMiddle.jpg) no-repeat top right;

    }
div.leftCol div.storeFinderCta{
    background: #FFFEF8 url(../fw/bg_innerStoreFinderCta.png) no-repeat top right;
    height: 156px;
    }

a.button {
    background: #042432 url(../fw/btn_tile.png) repeat-x 0 0;
    height: 22px;
    padding: 0px 6px;
    color: #EC7A64;
    text-transform: uppercase;
    font-size: 110%;
	font-family: Segoe UI, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    border: 2px solid #D5C292;
    float: left;
    line-height: normal;
    
}
a.button:hover{
    background-position: 0 -22px;
     color: #EC7A64;
    
}
div.featuredProductCta img{
    position: static;
	height:100px;
}
div.featuredProductImage{
    float: left;
    width: 82px;
    margin-right: 15px;
    
}
div.leftCol div.featuredProductImage{
      margin-right: 10px;
  
}  

div.featuredProductCta span.FeaturedProductPrice{
   	font-family: Segoe UI, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
    font-size: 130%;
    width: 82px;
    text-align: center;
    float: left;
}
div.featuredProductCta span.FeaturedProductTitle {
    font-family: Segoe UI, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
    font-size: 115%;
    width: 155px;
    color: #C4523C;
    float: left;
    display: block;
    line-height: 1;
    padding-bottom: 5px;
    
}
div.featuredProductCta span.FeaturedProductTitle a {
    color: #C4523C;
    text-decoration: none;
}
div.featuredProductCta span.FeaturedProductTitle a:hover {
    color: #7E0C00;
}

div.leftCol div.featuredProductCta span.FeaturedProductTitle, div.leftCol div.featuredProductCta p.FeaturedProductDescription{
    width: 114px;
}
div.featuredProductCta div.FeaturedProductDescription {
    color: #042432;
    width: 155px;
    float: left;
    line-height: 1.25;
    font-size: 85%;
}
div.featuredProductCta div.FeaturedProductDescription p {
    margin-bottom: 5px;
}
div.homeFeaturedProductCta div.featuredProductCta div.FeaturedProductDescription {
   /* color: #6E4840;*/
}/* Homepage-specific styling */

div.footer{
    background: #010D12 url(../fw/bg_footer.png) no-repeat top center;
    width: 960px;
    margin: 0 auto;
}
div.footer a.logo{
        background: transparent url(../fw/footerLogo.png) no-repeat center left;
        height: 79px;
        width: 43px;
        margin: 4px 0 0 33px; 
        display: inline;
        float: left;

}
div.footer span{
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    color: #B2A176;
    line-height: 1.25;
    font-size: 100%;
    padding-top: 8px;
    float: left;
    display: block;
    margin-left: 40px;
    margin-top: 11px;
}
div.footer span.phone{
margin-top: 22px;
}
div.footer ul{
    width: 240px;  
    margin: 11px 0 0 40px;
    list-style-type: none;
    display: block;
    float: left;

}
div.footer ul li{
float: left;
width: 120px;
margin: 0
 
}
div.footer ul a{
    color: #236274;
    font-size: 108%;
    text-transform: uppercase;
    text-decoration: none;
}
div.footer ul a:hover{
    color: #2F859D;
    text-decoration: none;
}
div.footer a.msds{
    height: 33px;
    background: transparent url(../fw/btn_msds.png) no-repeat center top;
    display: block;
    width: 182px;
    float: left;
    margin:26px 0 0 28px;
}
div.footer a.msds:hover{
    background-position: center bottom;
}
div.body img {
	border: 2px solid #124752; 
}
object#myFlash{
    outline: none;
}
/* =PAGINATION STYLES (default styles can be changed)
   ....................................... */
div.paginationDiv {
margin-bottom: 3em;
font-size: 85%;
}
div.paginationDiv a,
div.paginationDiv span {
	text-decoration: none;
	padding: 0;
	font-weight: bold;
	text-decoration: underline;
}
div.paginationDiv a:hover {
	text-decoration: none;
}


div.ecommerceCartPopupProduct, div.floatLeft{
    background-image: none;
}
a.logOut{
    color:#CD7365;
    float:left;
    font-weight:bold;
    left:-61px;
    padding:0 5px;
    position:absolute;
    text-decoration:none;
    top:1px;
    z-index:1;}/* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 GENERAL TAGS
	 HEADINGS
	 LISTS
	 LINKS
	 CLASS-SPECIFIC TEXT
	 
	 ....................................... */

/* =GENERAL TAGS
    font sizing MUST remain the same for the percentages to calculate properly
	 ....................................... */
body {
	font: 13px/1.5 Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	*font-size: small; /* for IE */
	*font: x-small; /* for IE in quirks mode */
	color: #4E372D;
	line-height: 1.5;
}
select,
input,
button,
textarea {
	font: 99% Arial, Helvetica, sans-serif; /*bump for IE*/
} 
table {
	font-size: inherit;
	font: 100%;
}
pre,
code,
kbd,
samp,
tt {
	*font-size: 108%; /*bump for IE*/
	line-height: 100%;
}
p {
	margin: 0 0 1.5em; /*default: 0 0 1.5em;*/
}
hr {
	background: #E2D1CD;
	color: #E2D1CD;
}

/* =HEADINGS
	 ....................................... */
h2,h3,h4,h5,h6 { 
	color: #C4523C;

}
h1 { 
	font-size: 246%; /*32px*/
	line-height: 1;
	margin-bottom: 0.5em;
	color: #114651;
}
h2 { 
	font-size: 185%; /*26px*/
	margin-bottom: 0.75em;
}
h3 { 
	font-size: 153.9%; /*20px*/
	line-height: 1;
	margin-bottom: 1em;
}
h4 { 
	font-size: 138.4%; /*18px*/
	line-height: 1.25;
	margin-bottom: 1.25em;
}
h5 { 
	font-size: 100%; /*13px*/
	font-weight: bold;
	margin-bottom: 1.5em;
}
h6 { 
	font-size: 100%; /*13px*/
	font-weight: bold;
}
 
/* =LISTS 
    default values can be edited
	 ....................................... */
li ul, 
li ol { 
	margin:0 1.5em; /*default: 0 1.5em;*/
}
ul, ol { 
	margin: 0 1.5em 1.5em 1.5em; /*default: 0 1.5em 1.5em 1.5em;*/
}
ul { 
	list-style-type: disc;
}
li{
    margin-bottom: 1em;
}
li ul li, li ol li{
    margin-bottom: 0;
}
ol { 
	list-style-type: decimal;
}
dl { 
	margin: 0 0 1.5em 0; /*default: 0 0 1.5em 0;*/
}
dl dt { 
	font-weight: bold;
}
dd { 
	margin-left: 1.5em; /*default: 1.5em;*/
}
blockquote{
    color: #071F23;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    line-height: 1.4;
    margin: 1em auto;
    width: 440px;
    font-size: 115.4%
 
}
/* =LINKS
   ....................................... */
a { 
	color: #114651;
	text-decoration: underline;
	cursor: pointer;
}
a:focus, 
a:hover { 
	text-decoration: none;
	color: #1F8094;
}

/* =CLASS-SPECIFIC TEXT
	 ....................................... */

/* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 FORM ASSETS
	 FORM FIELDS
	 FORM FRAMEWORK
	 FORM FRAMEWORK EXTRAS (delete if not on your site)
	 CHANGE PASSWORD STYLES
	 PROFILE STYLES
	 CONTACT FORM
	 LOGIN FORM
	 MISC. FORM STYLES
	 
	 ....................................... */

/* =FORM ASSETS
	 ....................................... */
fieldset { 
	padding: 1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}
legend {
	font-weight: bold;
	font-size: 1.2em;
}
label { 
	font-weight: bold;
}
fieldset div {
	margin: 0 0 1.1em 0;
}
input[type=radio],
input[type=radio] + label,
input[type=checkbox],
input[type=checkbox] + label { /* IE6 won't get these styles */
	cursor: pointer;
	font-weight: normal;
}

/* =FORM FIELDS (defaults can be removed)
	 ....................................... */
input.text, input.title, input.required, textarea, select, input.smallest {
	border:2px solid #CEBC8D;
}
input.text:hover, input.title:hover, input.required:hover, textarea:hover, select:hover, input.smallest:hover {
}
input.text:focus, input.title:focus, input.required:focus, textarea:focus, select:focus, input.focus {
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}
input.text, input.title, input.required, textarea, input.smallest {
	padding: 5px;
}
input.title {
	font-size:1.5em;
}

/* =FORM FRAMEWORK
   ....................................... */
div.formMaster {
	width: ; /* Change this to change the width of the entire form */
}
div.formWrapper {
}
div.formWrapper hr {
	clear: both;
	width: 97%;
}
div.formWrapper h1, div.formWrapper h2,
div.formWrapper h3, div.formWrapper h4,
div.formWrapper h5, div.formWrapper h6 {
	clear: both;
}
div.formWrapper h2 {
	color: #4E372D;
	font-size: 153.8%;
}
div.formWrapper fieldset {
	padding: 3% 3% 3% 0;
}
div.formWrapper legend {
}
div.formWrapper label.twoLine {
	display: block;
	margin-top: 1.5em;
}
div.formWrapper label.threeLine {
	display: block;
	margin-top: 3em;
}
div.formWrapper textarea {
	display: block;
}
div.formWrapper div.formWhole,
div.formWrapper div.formHalf,
div.formWrapper div.formThird {
	display: inline;
	width: 96.91%;
	margin: 0 14px 1em 0;
	float: left;}
div.formWrapper input.text,
div.formWrapper input.title,
div.formWrapper input.required,
div.formWrapper textarea {
	width: 97.87%;
}
div.formWrapper div.formHalf {
	width: 46.91%;
}
div.formHalf input.text,
div.formHalf input.title,
div.formHalf input.required,
div.formHalf textarea {
	width: 95.61%;
}
div.formWrapper select {
	height: 2.1em;
	width: 100%; /* You may have to change this to a px value to align perfectly */
}


/* =FORM FRAMEWORK EXTRAS (delete if not on your site)
   ....................................... */
div.formWrapper div.formPhoneArea,
div.formWrapper div.formPhoneThree,
div.formWrapper div.formPhoneFour,
div.formWrapper div.formExpirationMonth,
div.formWrapper div.formExpirationYear,
div.formWrapper div.formCCV {
	display: inline;
	width: auto;
	margin: 0;
}
div.formWrapper div.formPhoneThree,
div.formWrapper div.formPhoneFour {
	background: transparent url(../fw/phonedash.gif) no-repeat 4px center; /* dashes between phone fields */
	padding-left: 11px;
}
div.formWrapper div.formPhoneArea input,
div.formWrapper div.formPhoneThree input {
	width: 2.4em;
}
div.formWrapper div.formPhoneFour input,
div.formWrapper div.formExpirationMonth select,
div.formWrapper div.formHalf div.formCCV input {
	width: 3.4em;
}
div.formWrapper div.formExpirationYear select {
	width: 6em;
	margin-left: 0.5em;
}
div.formWrapper span.inputInfo {
	display: block;
	font-style: italic;
	font-size: 77%;
}

/* Divides forms into thirds */
div.formWrapper div.formThird {
	width: 30.243%;
}
div.formThird input.text,
div.formThird input.title,
div.formThird input.required,
div.formThird textarea {
	width: 93.18%;
}

/* Button Styling */
span.button {
	float: left;
}
input[type=submit],
input[type=reset],
span.button a {
	background:url(../fw/btn_tile.png) repeat-x 0 0;
	height: 26px;
	padding: 0 8px 3px 8px;
	color: #EC7A64;
	text-transform: uppercase;
	font-size: 100%;
	font-family: Segoe UI, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	border: 2px solid #D5C292;
	margin:20px 15px 0 0;
	float:right;
	cursor: pointer;
}
div.getPasswordBox input[type=submit] {
	float: left;
	margin-top: 0;
}
input[type=submit]:hover,
input[type=reset]:hover,
span.button a:hover {
	background-position: 0 -22px;
	color: #EC7A64;
}
input[type=reset],
span.button + span.button {
	margin-left: 15px;
}



/* =CHANGE PASSWORD STYLES
   ....................................... */

div.changePasswordForm div.formWhole {
	width: 260px;
}
div.changePasswordForm input[type=submit] {
	float: left;
	margin-top: 10px;
}



/* =PROFILE STYLES
   ....................................... */

span.confirmationMessage {
	display: block;
	padding-bottom: 15px;
	color: #114651;
}



/* =CONTACT FORM (& TEAL BOX STYLES)
   ....................................... */
   
div.TealBox {
	width:550px;
	background:url(../fw/tealbox_mid.jpg) repeat-y top center;
	color: #FFFFFF;
}
div.TealBoxTop {
	background:url(../fw/tealbox_top.jpg) no-repeat top center;
}
div.TealBoxBtm {
	background:url(../fw/tealbox_btm.jpg) no-repeat bottom center;
	padding:20px 10px 20px 30px;
	min-height:200px;
	height:auto !important;
	height:200px;
}
div.TealBox h1,
div.TealBox h2 {
	color:#fff;
}
div.TealBox div.RowHalf,
div.LoginBox div.RowHalf {
	float:left;
	width:255px;
	padding:10px 0;
}
div.TealBox div.RowHalf input.text,
div.TealBox div.RowHalf select,
div.LoginBox div.RowHalf input.text,
div.LoginBox div.RowHalf select {
	width:225px;
	border:2px solid #CEBC8D;
	padding:3px;
}
div.TealBox div.RowHalf select {
	padding:2px;
	margin:0;
}
div.TealBox label,
div.LoginBox label {
	color:#fff;
	display:block;
}
div.TealBox textarea {
	width:480px;
	height:135px;
	border:2px solid #CEBC8D;
	padding:5px;
}

/* Form Error Styling */

div.Error,
div.validation {
	border: 2px solid #C4523C;
	padding:10px;
	margin:0 0 10px 0;
	background:#EFCEC9;
}
div.Error h1,
div.validation h1 {
	color:#994130;
	font-size:18px;
}
div.Error ul,
div.validation ul {
	color:#994130;
	margin:0 0 0 20px;
}
div.Error ul li,
div.validation ul li {
	margin:0;
	padding:0;
}

/* =LOGIN FORM
   ....................................... */
   
div.LoginBox {
	width:267px;
	background:url(../fw/loginbox_mid.jpg) repeat-y top center;
}
div.LoginBoxTop {
	background:url(../fw/loginbox_top.jpg) no-repeat top center;
}
div.LoginBoxBtm {
	background:url(../fw/loginbox_btm.jpg) no-repeat bottom center;
	padding:10px 10px 10px 15px;
	min-height:100px;
	height:auto !important;
	height:100px;
}
div.LoginBox a,
div.LoginBox a:visited {
	color:#fff;
}



/* =MISC. FORM STYLES
   ....................................... */

div.requiredFields {
	padding: 10px 0;
	font-weight: bold;
}
/* STYLESHEET SECTIONS (STANDARD FEATURES STYLES)
   CSS Flags marked with [=]
	 	 
	SEARCH STYLES
		 SEARCH FEATURE
		 SEARCH RESULTS
		 RESULTS PAGINATION

	ECOMMERCE FEATURE
		 MASTER STYLES
		 QUICK CART
		 QUICK-ISH CART (Custom Styling)
		 BREADCRUMBS
		 FEATURED PRODUCT
		 FEATURED PRODUCTS QUICKVIEW
		 SUGGESTED PRODUCTS
		 PRODUCT CATEGORY
		 CATEGORY
		 PRODUCT INFO
		 BILLING AND SHIPPING
		 ADDRESS BOOK
		 SHOPPING CART
		 SHOPPING CART POPUP
		 CHECKOUT
		 CHECKOUT CONFIRMATION
		 MEMBER HOME
		 MEMBER LOGIN
		
	OPEN PAYMENT FEATURE
	 
	 ....................................... */
	 

/* =SEARCH STYLES
   ....................................... */

#searchtoggle {
	background:url(../fw/btn_search.png) no-repeat left top;
	position:absolute;
	width:27px;
	height:27px;
	text-indent:-9999px;
	border:0;
	left:955px;
    top:8px;
    outline: none;
}
#searchtoggle:hover{
    background-position: right top;
}
#searchtoggle.up { 
	background:url(../fw/btn_search.png) no-repeat right top; 
}
#top-search span {
	position:absolute;
	top:60px;
	right:40px;
	background: url(../fw/search_top.png) no-repeat;
	width:292px;
	height:35px;
	padding:7px 0 0 14px;
	display:none;
}
#top-search .box {
	width:195px;
	background:transparent;
	border:0;
	margin-left:5px;
	padding-top:2px;
	float:left;
}
#top-search .btn {
    margin: 0 12px 0 0;
	width:70px;
	height: 23px;
	background:transparent;
	border:0;
	text-indent:-9999px;
	cursor:pointer;
	padding: 0;
	float: right;
    font-size: 0px;
    display:block;
    line-height: 0px;
}

/* =SEARCH FEATURE
   ....................................... */



.resultsMainContainer {
	width: 300px;
	border: 1px solid #114651;
	background-color: #FFFFFF;
	line-height: 1.5em;
}
.resultsCategoryHeading {
	padding: 0;
}
.resultsCategoryHeading h1 {
	font-size: 85%;
	font-weight: bold;
	margin: 0px;
}
.resultsClose {
	float: right;
	background: url(Fw/jquery.fancybox/fancy_closebox.png) no-repeat 0 0;
	margin: -5px -5px 0 0;
}
.resultsClose a {
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	outline: none;
}
.resultsInnerContainer {
	border-left: 2px solid #114651;
	border-right: 2px solid #114651;
	border-bottom: 1px solid #114651;
	border-top: 1px solid #114651;
	padding: 10px;
	font-size: 85%;
}
.resultsInnerContainer:hover {
	background-color: #114651;
	color: #FFFFFF;
}
.resultsInnerContainer h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}
.resultsInnerContainer h2 a {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}
.resultsInnerContainer:hover h2 a {
	color: #FFFFFF;
}
.resultsFooter {
	text-align: right;
	padding: 5px 10px 5px 5px;
	background-color: #114651;
	font-weight: bold;
}
.resultsFooter a {
	color: #FFFFFF;
	text-decoration: none;
}
.resultsFooter a:hover {
	text-decoration: underline;
}

/* =SEARCH RESULTS
   ....................................... */

.searchMainContainer {
	margin: 1.5em 0;
	padding: 0 0 0 10px;
}
.searchHeading {
	font-size: 153.9%; /*20px*/
	margin: 25px 0 10px 0;
}
.searchCategory {
}
.searchPageName {
	padding: 0;
}
.searchPageName h2 {
	font-size: 116%;
	line-height: 1.2;
	margin: 0 0 2px;
}
.searchPageName a {
}
.searchPageName a:hover {
	text-decoration: underline;
}
.searchDescrip {
	padding: 0px 0 5px;
}
.searchResult {
	padding: 0.75em 0 0.75em 0;
	border-bottom: 1px solid #eee;
}
.resultURL {
	font-size: 85%;
}
span.hl {
	background-color: Yellow;
}


/* =RESULTS PAGINATION
   ....................................... */

.resultsPagination {
	height: 30px;
	padding: 0;
	margin: 12px 0;
	border-bottom:1px solid #eee;
}
.resultsPagination a:hover {
	text-decoration: underline;
}
.resultsPagination a b {
	background: #eee;
	padding: 7px 10px;
	font-weight: normal;
	cursor: default;
	color: #767263;
}
.resultsPagination a,
.resultsPagination span span {
	display:inline;
	line-height:31px;
	margin:0;
	padding:6px 10px;
	text-align:center;
	text-transform:lowercase;
}
.resultsPagination span span {
	color: #FFFFFF;
	background:#4E372D none repeat scroll 0 0;
}
.resultsPagination a.pageButton {
	font-size: 16px;
}



/* =ECOMMERCE FEATURE
   ....................................... */

.collapsed {
	display:none}

div.ecommerceMaster {
	width: 550px; /* This is the width of the ECommerce UI on every page. Every width in the ECommerce UI is derived from this number. This width should be based on the grid. */
	float: left; /* The following values are to make the ECommerce UI behave like a span element and fit into the grid */
}

/* =MASTER STYLES (Generic styles for entire ECommerce area. Specific styles can be set in their subsections.)
   ....................................... */

div.ecommerceMaster h1,
div.qvEcommerceFeaturedProduct h1 {
}
div.ecommerceMaster h2 {
	color: #4e372d;
	font-size: 153.8%;
}
div.ecommerceMaster p.ecommerceMessage {
	
}
div.ecommerceMaster hr {
	clear: both;
	margin: 1em 0 1em;
}

/* Button Styling (These styles were initially ported over from structure.css - "a.button" styles) */

span.ecommerceButton a,
span.ecommerceAddToCart a, /*Seperate these out if you want to style them seperately */
span.qvEcommerceLogin a,
span.applyCodeButton a,
span.proceedCheckoutButton a,
span.nextStepButton a,
span.previousStepButton a,
span.ContinueShoppingButton a,
span.placeOrderButton a,
div.updateButton a {
	background: #042432 url(../fw/btn_tile.png) repeat-x 0 0;
	height: 22px;
	padding: 0px 6px;
	color: #EC7A64;
	text-transform: uppercase;
	font-size: 110%;
	font-family: Segoe UI, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	border: 2px solid #D5C292;
	float: left;
	line-height: normal;
}/* Shared attributes grouped for consistency. */
span.applyCodeButton a,
span.previousStepButton a,
span.ContinueShoppingButton a {
	background: #4E372D none;
}/* Shared attributes (overrides) grouped for consistency. */
span.applyCodeButton a {
	margin-top: 3px;
}
span.proceedCheckoutButton a {
	float: right;
}
div.TealBox div.updateButton a,
div.TealBox span.nextStepButton a {
	float: right;
	margin-top: 10px;
	margin-right: 12px;
}
div.ecommerceProductInfo span.ecommerceAddToCart a {
	margin-top: 10px;
}
span.ecommerceButton a:hover,
span.ecommerceAddToCart a:hover,
span.qvEcommerceLogin a:hover,
span.applyCodeButton a:hover,
span.proceedCheckoutButton a:hover,
span.nextStepButton a:hover,
span.previousStepButton a:hover,
span.ContinueShoppingButton a:hover,
span.placeOrderButton a:hover,
div.updateButton a:hover {
	background-position: 0 -22px;
	color: #EC7A64;
}/* Shared attributes grouped for consistency. */
span.applyCodeButton a:hover,
span.previousStepButton a:hover,
span.ContinueShoppingButton a:hover {
	background: #604B42 none;
}/* Shared attributes (overrides) grouped for consistency. */
div.editAddress span.ecommerceButton a {
	float: none;
}


div.ecommerceNext,
div.ecommercePrevious {
	width: 40%;
	padding: 0;;
}
div.ecommerceNext,
div.ecommerceNext * {
	float: right;
}
div.ecommercePrevious,
div.ecommercePrevious * {
	float: left;
}
/* Master Product Styling (Styling for every instance of a product. If you need to style a specific one, style in it's subsection.) */
div.ecommerceProduct,
div.ecommerceProductDisabled {
	width: 23%; /* This width determines how many products will be in each row. Divide 100 by the number desired in each row, than subtract around 2% for padding. */
	padding: 20px 5px; /* Space between products */
	float: left;

}
a.ecommerceProductName {
	font-size: 92.3%; /*12px*/
	line-height: 120%;
	text-decoration: none;
	display: block;
	margin-top: 5px;
	min-height: 4em; /* This is to make sure Products with different length names line up. Currently supports up to 3 lines */
	height: auto !important; /* IE6 hack */
	height: 4em; /* This number should be the same as the one above */
}
a.ecommerceProductName:hover {
}
span.ecommerceProductPrice {
	font-size: 167%; /*22px*/
	display: block;
}
p.ecommerceProductDescription {
	font-size: 93%; /*12px*/
	padding: 0;
	margin: 0.1em 0;
}
/* Master Disabled Product Styling (Styling for every instance of a disabled product. If you need to style a specific one, style in it's subsection. */
/* If any of these are left blank, they will inherit the styles from the regular Master product styles */
div.ecommerceProductDisabled {
	
}
div.ecommerceProductDisabled span.ecommerceAddToCart { /* Styling for disabled message */
	font-weight: bold;
	font-size: 108%;
	display: block;
	padding: 6px 0; /* Used to align disabled message with AddToCart buttons */
}
div.ecommerceProductDisabled a.ecommerceProductName {
	
}
div.ecommerceProductDisabled a.ecommerceProductName:hover {
	
}
div.ecommerceProductDisabled span.ecommerceProductPrice {
	
}
div.ecommerceProductDisabled p.ecommerceProductDescription {
	
}
/* Product Image Align magic */
div.ecommerceProductImage {
	overflow: hidden;
	height:150px;
		max-width:114px;
max-height: 150px; /* Sets a height so that all images will align to the same bottom. Causes extra space above smaller images. */
}
div.ecommerceProductImage img {
	height:146px;
	width:110px;
	max-width:110px;
	max-height: 146px; /* Max height of all Product Images. Set this to the same height as the height above. */
}


/* =QUICK CART
   ....................................... */

div.qvEcommerceQuickCart {
	position: absolute;
	right: 5px;
	top: 5px;
}
div.qvEcommerceQuickCart span.qvEcommerceLogin {
	float: left;
}
div.qvEcommerceQuickCart p {
	float: left;
	padding: 4px;
	margin: 2px 0 0;
}
div.qvEcommerceQuickCart p.qvEcommerceQuickCartName {
	padding-left: 8px;
}
div.qvEcommerceQuickCart a.qvEcommerceQuickCartItems {
	background: transparent url(../fw/shopping-cart_small.gif) no-repeat left center; /* Small cart icon */
	display: inline-block;
	padding-left: 30px; /* Padding for small cart icon */
}
div.qvEcommerceQuickCart a.qvEcommerceQuickCartItems:hover {
	color: #171717;
	text-decoration: none;
}
div.qvEcommerceQuickCart p.qvEcommerceQuickCartTotal {
	
}

/* =Quick-ish Cart STYLES
   ....................................... */
#carttoggle {
	background:url(../fw/btn_cart.png) no-repeat right top;
	position:absolute;
	width:27px;
	height:27px;
	text-indent:-9999px;
	border:0;
	left:920px;
    top:8px;
    outline: none;
}
#carttoggle:hover{
    background-position: left top;
}
#carttoggle.up { 
	background:url(../fw/btn_cart.png) no-repeat left top; 
}
#top-cart span {
	position:absolute;
	top:60px;
	right:355px;
	background: url(../fw/bg_quickcart.png) no-repeat;
	width:155px;
	height:35px;
	display:none;
	padding-top: 7px;
}
#top-cart span a, #top-cart span p{
    float: left;
}
#top-cart span a{
    padding-left: 32px;
    margin-right: 7px
}

/* =BREADCRUMBS
   ....................................... */

div.ecommerceBreadcrumb {
	font-size: 85%;
	padding-bottom: 1em;
}
div.ecommerceBreadcrumb a {
	font-weight: bold;
}
div.ecommerceBreadcrumb a:hover {
}


/* =FEATURED PRODUCT
   ....................................... */

div.ecommerceFeatured {
	
}
div.ecommerceFeatured h1 {
	font-size: 153.8%;
	margin-top: 10px;
}
div.ecommerceFeaturedProduct {	
}
div.ecommerceFeaturedProduct img {
	float: left;
}
div.ecommerceFeaturedProductTitle {
	margin: 5px 0;
}
div.ecommerceFeaturedProduct div.floatLeft {
	padding: 0 5px 0 15px;
	width: 70%;
}
div.ecommerceFeaturedProductDescription {
	font-size: 92.3%;
}

/* Subsection Styling */
div.ecommerceFeatured a.ecommerceFeaturedProductName {
	font-weight: bold;
	text-decoration: none;
}
div.ecommerceFeatured a.ecommerceFeaturedProductName:hover {
	text-decoration: underline;
}
div.ecommerceFeatured span.ecommerceFeaturedProductPrice {
	font-weight: bold;
}
div.ecommerceFeatured p.ecommerceProductDescription {
	font-size: 85%; /*11px*/
	line-height: 1;
	margin: 0;
}
/* Disabled Styling */
div.ecommerceFeatured div.ecommerceProductDisabled {
	
}
div.ecommerceFeatured div.ecommerceProductDisabled span.ecommerceAddToCart { /* Styling for disabled message */
	
}
div.ecommerceFeatured div.ecommerceProductDisabled a.ecommerceProductName {
	
}
div.ecommerceFeatured div.ecommerceProductDisabled a.ecommerceProductName:hover {
	
}
div.ecommerceFeatured div.ecommerceProductDisabled span.ecommerceProductPrice {
	
}
div.ecommerceFeatured div.ecommerceProductDisabled p.ecommerceProductDescription {
	
}

/* =FEATURED PRODUCTS QUICKVIEW
   ....................................... */
   
div.qvEcommerceFeaturedProduct { /* Master div for quickview */
	
}
div.qvEcommerceFeaturedProduct div.ecommerceProduct {
	width: 110px; /* These divs have set widths independent of the master width as they can be located anywhere on the page */
	
	min-height: 200px; /* Smaller number because text is removed. Remove these if you choose to show Product Description. */
	height: auto !important; /* IE6 hack */
	height: 200px; /* This number should be the same as the one above */
}
/* Quickview Styling */
div.qvEcommerceFeaturedProduct a.ecommerceProductName {
	
}
div.qvEcommerceFeaturedProduct a.ecommerceProductName:hover {
	
}
div.qvEcommerceFeaturedProduct span.ecommerceProductPrice {
	
}
div.qvEcommerceFeaturedProduct p.ecommerceProductDescription { /* Hidden on quickview by default */
	display: none;
	visibility: hidden;
}
div.qvEcommerceFeaturedProduct img {
	
}  
/* Disabled Styling */
div.qvEcommerceFeaturedProduct div.ecommerceProductDisabled {
	
}
div.qvEcommerceFeaturedProduct div.ecommerceProductDisabled span.ecommerceAddToCart { /* Styling for disabled message */
	
}
div.qvEcommerceFeaturedProduct div.ecommerceProductDisabled a.ecommerceProductName {
	
}
div.qvEcommerceFeaturedProduct div.ecommerceProductDisabled a.ecommerceProductName:hover {
	
}
div.qvEcommerceFeaturedProduct div.ecommerceProductDisabled span.ecommerceProductPrice {
	
}
div.qvEcommerceFeaturedProduct div.ecommerceProductDisabled p.ecommerceProductDescription {
	
}
 
 /* =SUGGESTED PRODUCTS
   ....................................... */

div.ecommerceSuggested {
	padding-bottom: 10px;
}
div.ecommerceSuggested h1 {
	padding: 10px 0 0 0;
	color: #4E372D;
	font-size: 153.8%;
}
div.ecommerceSuggested a.ecommerceProductName {
	font-size: 85%;
	line-height: 120%;
}
div.ecommerceSuggested hr {
	display: none;
}
div.ecommerceSuggested div.ecommerceProduct {
	padding-top: 15px;
}
/* Product Image Align magic */
div.ecommerceSuggested div.ecommerceProductImage {
	height: 120px; /* Sets a height so that all images will align to the same bottom. Causes extra space above smaller images. */
}
div.ecommerceSuggested div.ecommerceProductImage img {
	max-height: 120px; /* Max height of all Product Images. Set this to the same height as the height above. */
}
div.ecommerceSuggested span.ecommerceProductPrice {
	font-size: 85%;
}
div.ecommerceSuggested span.ecommerceAddToCart {
	display: block;
	padding-top: 2px;
}
		 
 
   
/* =PRODUCT CATEGORY
   ....................................... */

div.ecommerceProductCategory {
	width: 23%; /* This width determines how many product categories will be in each row. Divide 100 by the number desired in each row, than subtract around 2% for padding. */
	padding: 5px; /* Space between product categories */
	float: left;
	min-height: 240px; /* This is to make sure Product Categories with different amounts of text line up. If you change the font-size, this may need to be adjusted */
	height: auto !important; /* IE6 hack */
	height: 240px; /* This number should be the same as the one above */
	overflow: hidden;
}
div.ecommerceProductCategory h2 {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 100%; /*13px*/
	line-height: 120%;
}
div.ecommerceProductCategory h2 a {
	text-decoration: none;
}
div.ecommerceProductCategory p {
	padding: 0;
	margin: 2px 0;
	line-height: 120%;
	font-size: 84.6%;
}


/* =CATEGORY
   ....................................... */

div.ecommerceResults {
	padding: 4px;
	text-align: right;
	background-color: #597E86;
	color: #FFFFFF;
}
div.ecommerceResults label {
	font-size: 92.3%;
	font-weight: normal;
}
div.ecommerceResults select {
	margin: 0;
	border-width: 0;
}
div.ecommerceSubcategory {
	width: 100%;
}
div.ecommerceSubcategory span.ecommerceCurrentCategory {
	display: block;
	font-size: 153.8%;
	color: #114651;
	padding-top: 1em;
}
div.ecommerceSubcategory ul.ecommerceSubcategories {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
div.ecommerceSubcategory ul.ecommerceSubcategories li {
	display: block;
	margin: 0;
	padding: 0;
}
div.ecommerceSubcategory ul.ecommerceSubcategories li a {
	display: block;
	padding: 5px 5px 0 10px;
	line-height: 120%;
	text-decoration: none;
	background: url(../Fw/arrowLink.gif) no-repeat left 65%;
}
div.ecommerceSubcategory ul.ecommerceSubcategories li a:hover {
	text-decoration: underline;
}

/* Subsection Styling */
div.ecommerceCategory a.ecommerceProductName {
}
div.ecommerceCategory a.ecommerceProductName:hover {
	
}
div.ecommerceCategory span.ecommerceProductPrice {
	
}
div.ecommerceCategory p.ecommerceProductDescription {
	
}
div.ecommerceCategory img {
	
}


/* =PRODUCT INFO
   ....................................... */

div.ecommerceProductInfo {

}
div.ecommerceProductInfo h1 {
	padding: 10px 0 0 0;
}
div.ecommerceProductInfo div.floatLeft {
	width: 49%;
}
div.ecommerceProductInfo div.floatRight {
	width: 49%;
}
div.ecommerceProductInfo div.floatRight * {
	text-align: right;
}
div.ecommerceProductInfo div.floatRight select,
div.ecommerceProductInfo div.floatRight input,
div.ecommerceProductInfo div.floatRight span.ecommerceAddToCart {
	float: right;
}
div.ecommerceProductInfo br {
	clear: both;
}
div.ecommerceProductInfo div.ecommerceMoreImages {
	margin: 3px 0;
}
div.ecommerceProductInfo div.ecommerceMoreImages span {
	display: block;
	margin-bottom: 5px;
}
div.ecommerceProductInfo div.ecommerceMoreImages a img {
	float: left;
	margin-right: 4px;
	border-width: 1px;
}
div.ecommerceProductInfo div.ecommerceMoreImages a:hover img {
	border-color: #999;
}
span.ecommerceProductOptions,
div.ecommerceProductInfo label {
	display: block;
	margin: 2px 0;
}
span.SKU {
	font-size: 85%;
}
div.ecommerceProductInfo input.smallest {
	width: 40px;
}
p.ecommerceMoreImagesTxt {
	padding-top: 10px;
}

/* Subsection Styling */
div.ecommerceProductInfo a.ecommerceProductName {
	min-height: 0;
}
div.ecommerceProductInfo a.ecommerceProductName:hover {
	
}
div.ecommerceProductInfo span.ecommerceProductPrice,
div.ecommerceProductInfor span.ecommerceProductQuantity {
	
}
div.ecommerceProductInfo p.ecommerceProductDescription {
	
}
/* Disabled Styling */
div.ecommerceProductInfoDisabled span.ecommerceAddToCart { /* Styling for disabled message */
	
}
div.ecommerceProductInfoDisabled a.ecommerceProductName {
	
}
div.ecommerceProductInfoDisabled a.ecommerceProductName:hover {
	
}
div.ecommerceProductInfoDisabled span.ecommerceProductPrice {
	
}
div.ecommerceProductInfoDisabled p.ecommerceProductDescription {
	
}

/* Volume Pricing Table Styling */

table.volumePriceChart {
	float: right;
}


/* =BILLING AND SHIPPING
   ....................................... */

div.formWrapper div label {
	
}
div.formWrapper div.formPhone input {
	padding-left: 0;
	padding-right: 0;
	float: none;
	display: inline;
}
div.formWrapper div.formPhone label {
	float: none;
	display: inline;
}
div.ecommerceSummaryContainer {
	background-color: #FFFFFF;
}
div.ecommerceBillingSummary h1,
div.ecommerceShippingSummary h1 {
    font-size: 100%;
    font-weight: bold;
    padding-top: 10px;
}
div.ecommerceBillingSummary h3,
div.ecommerceShippingSummary h3 {
	color: #4E372D;
    font-size:14px;
    font-weight:bold;
    padding-top: 10px;
}
div.ecommerceBillingSummary {
	float:left;
	padding-left:4%;
	width:46%;
}
div.ecommerceShippingSummary {
	float: right;
	width: 50%;
}
div.ecommerceProductSummary {
	padding: 15px 0;
}
div.ecommerceProductSummary table span {
	font-size: 11px; 
}
span.checkboxNoWrap input,
span.checkboxNoWrap label {
	margin-right: 4px;
	display: inline;
}




/* =ADDRESS BOOK
   ....................................... */

div.editAddress {
	clear: both;
	padding-bottom: 20px;
}
body.addressBookPage {
	background: #FFFFFF none;
}
div.addressBook {
	width: 580px;
	height: 380px;
	padding: 5px 15px 0 15px;
}
div.addressInstructions {
}
div.addresses div.addressContainer {
	float: left;
	margin: 0 20px 0 0;
	height: 210px;
}
div.addresses div.addressContainer a {
    font-size: 85%;
    text-decoration: none;
}
div.addresses div.address {
	background: #EEECE8;
	margin-bottom: 2px;
}
div.addresses div.address a.pickAddress {
	display: block;
	padding: 15px 10px;
	font-size: 100%;
	text-decoration: none;
}
div.addresses div.address a.pickAddress:hover {
	background: #F2F1EE;
	text-decoration: none;
}
div.addresses div.address p {
	margin: 0;
	padding-bottom: 10px;
}
div.addressBook h1 {
	background: none;
	padding-left: 0;    
}
div.addressinfo p {
	margin-bottom: 15px;
	padding-top: 10px;
}
div.addressContainer span.profileInfo {
	display: block;
	margin-top: 4px;
	width: 76px;
	height: 14px;
	background: url(../Fw/btn_profileInfo.gif) no-repeat left top;
	text-indent: -9999px;
}
div.addressContainer a.close {
	display: block;
	margin-top: 4px;
	width: 50px;
	height: 14px;
	background: url(../Fw/btn_delete.gif) no-repeat left top;
	text-indent: -9999px;
}
div.addressContainer a.close:hover {
	background-position: bottom;
}



/* =SHOPPING CART
   ....................................... */

div.ecommerceShoppingCart table {
	width: 100%;
	border-collapse: collapse;
}
div.ecommerceShoppingCart th {
	padding: 5px;
	font-weight: bold;
	white-space: nowrap;
}
div.ecommerceShoppingCart td {
	padding: 15px 5px;
	border-bottom: 1px solid #E2D1CD;
}
div.ecommerceShoppingCart td.ecommerceRemoveColumn {
	text-align: center;
}
div.ecommerceShoppingCart td.ecommerceCartMoneyColumn {
	text-align: right;
}
div.ecommerceShoppingCart td.ecommerceQuantityColumn {
}
div.ecommerceShoppingCart table input.text {
	width: 40px;
	text-align: right;
}
div.ecommerceShoppingCart a.cartProductImageLink {
	display: block;
	float: left;
	padding-right: 10px;
}
div.ecommerceShoppingCart a.cartProductImageLink img {
	display: block;
}
div.ecommerceShoppingCart span.ecommerceProductName {
	display: block;
	float: left;
	width: 90px;
	padding-top: 5px;
	line-height: 120%;
}
div.ecommerceShoppingCart span.SKU {
	display: block;
	padding-top: 4px;
	font-size: 85%;
}
div.ecommerceShoppingCart div.floatLeft {
	width: 45%;
	padding-top: 10px;
}
div.ecommerceShoppingCart div.couponCodeBox {
	padding: 15px 0 0 0;
}
div.ecommerceShoppingCart div.couponCodeBox div.floatLeft {
	padding-top: 0;
}
div.ecommerceShoppingCart div.floatRight {
	width: 10%;
	text-align: right;
	padding-top: 15px;
}
div.ecommerceShoppingCart div.floatLeft input {
	width: 90%;
}
div.ecommerceShoppingCart div.floatLeft span.ecommerceButton {
	margin-top: 5px;
	display: inline-block;
}
div.ecommerceShoppingCart div.floatLeft span.ecommerceTotal {
	display: block;
	text-align: right;
	font-weight: bold;
	padding: 4px 8px 0 0;
}


/* =SHOPPING CART POPUP
   ....................................... */

div#fancy_div div.ecommerceCartPopupWrapper {
}
div#fancy_div div.ecommerceCartPopup {
	background: url(../Fw/shopping-cart.jpg) no-repeat left top;
	padding-left: 130px;
	color: #4E372D;
}/* Specificity necessary for proper overwriting. */
div.ecommerceCartPopup a { 
	color: #114651;
	text-decoration: underline;
	cursor: pointer;
}
div.ecommerceCartPopup a:focus, 
div.ecommerceCartPopup a:hover { 
	text-decoration: none;
	color: #1F8094;
}
p.ecommerceCartPopupMessage {
	padding-top: 15px;
	font-size: 107.7%;
	font-weight: normal;
}
p.ecommerceCartPopupMessage a {
	font-weight: bold;
}
div.ecommerceCartPopup a.ecommerceProductName {
	min-height: 0;  
	font-size: 123.1%;
	text-decoration: none;
}
div.ecommerceCartPopupProduct span.ecommerceProductQuantity {
	font-weight: bold;
}
div.ecommerceCartPopupProduct img {
	float: left;
	border: 2px solid #124752; 
}
div.ecommerceCartPopupProduct div.floatLeft {
	width: 60%;
	padding: 0 20px 0 10px;
}
div.ecommerceCartPopupProduct p.ecommerceProductDescription { /* Hidden by default */
	display: none;
	visibility: hidden;
}
div.ecommerceCartPopupWrapper div.ecommerceCartPopup p {
	width: auto;
	font-size: 100%;
}/* Specificity necessary for proper overwriting. */



/* =CHECKOUT
   ....................................... */

div.checkoutOptions span.optionText {
}
div.checkoutOptions span.optionLink {
	text-decoration: underline;
	cursor: pointer;
}
div.checkoutOptions span.optionLink:hover {
	color: #1F8094;
}
div.login,
div.createAcct {
	padding-bottom: 30px;
}



/* =CHECKOUT CONFIRMATION
   ....................................... */
   
div.ecommerceMaster div.ecommercePrivacyNotice {
}
div.ecommerceBillingSummary p,
div.ecommerceShippingSummary p {
	margin-top: 5px;
	padding-top: 0;
	line-height: 125%;
}
a.ecommerceChange {
	text-decoration: none;
}
a.ecommerceChange:hover {
	text-decoration: underline;
}
div.ecommerceProductSummary a.ecommerceChange {
	float: left;
	width: 16%;
	margin-top: 5px; /* space that change link is down from product summary */
}
div.ecommerceCouponSummary p {
	margin-top: 0;
	padding-top: 0;
}
div.ecommerceProductSummary table {
	width: 84%;
	float: right;
}
div.ecommerceProductSummary table th {
	font-weight: bold;
	white-space: nowrap;
}
div.ecommerceProductSummary th,
div.ecommerceProductSummary td {
	text-align: right;
	padding: 5px 0 5px 10px;
}
div.ecommerceTotalSummary table {
	width: auto;
	float: right;
	margin-bottom: 10px;
	border-collapse: collapse;
}
div.ecommerceTotalSummary td {
	text-align: right;
	padding: 2px 0 2px 3em;
}
div.ecommerceTotalSummary tr.ecommerceTotal td {
	font-weight: bold;
	border-top: 1px solid #4E372D;
	padding-top: 6px;
}
div.formWrapper div.formExpirationMonth,
div.formWrapper div.formExpirationYear,
div.formWrapper div.formCCV {
	display: inline;
	width: auto;
	margin-left: 0;
}
div.formWrapper div.formExpirationMonth select {
	width: 40px;
}
div.formWrapper div.formExpirationYear select {
	width: 70px;
}
div.formWrapper div.formCCV input {
	width: 40px;
}
div.ecommerceProductInfo div.floatRight input.ComboBoxInput_Default,
div.ecommerceProductInfo div.floatRight input.ComboBoxInputHover_Default {
	float: none;
}


/* =MEMBER HOME
   ....................................... */

table.orderData {
}
table.orderData thead th {
	font-size: 153.8%;
	color: #114651;
	white-space: nowrap;
}
table.orderData tr.order td {
	padding: 4px;
	background-color: #597E86;
	color: #FFFFFF;
}
table.orderData tr.order td.orderNumber {
	font-weight: bold;
	padding-left: 10px;
}
table.orderData hr {
	display: none;
}
table.orderData div.ecommerceTotalSummary tr.ecommerceTotal td {
	padding-bottom: 30px;
}

/* =MEMBER LOGIN
   ....................................... */

#memberLoginToggle {
	background:url(../fw/btn_memberLogin.jpg) no-repeat right top;
	position:absolute;
	width:27px;
	height:27px;
	text-indent:-9999px;
	border:0;
	left:885px;
	top:8px;
	outline: none;
}
#memberLoginToggle:hover{
	background-position: left top;
}




 /* =OPEN PAYMENT FEATURE ---------------------------
------------------------------------------------------*/

div.openPayment {
}

div.openPayment div.formMaster {
}

div.openPayment h1 {
}

div.openPayment div.description,
div.openPayment div.billingSummary,
div.openPayment div.paymentSummary,
div.openPayment div.thanksMessage,
div.openPayment div.totalSummary,
div.openPayment div.confirmation,
div.openPayment div.alert {
	margin-left: 3%;
}
div.openPayment div.floatRight span.button {
	float: right;
}
div.openPayment div.confirmation p {
	font-style: italic;
	font-size: 85%;
}
div.openPayment div.paymentSummary div.floatLeft {
	width: 33%;
	margin-bottom: 1.5em;
}
div.openPayment div.paymentSummary div.floatLeft span {
	display: block;
	font-weight: bold;
}


/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
}

/* Use this class on any .span / container to see the grid. */
.showgrid { background: url(grid.png);  }


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, .span-1, .span-2, .span-3, .span-4, .span-5, 
.span-6, .span-7, .span-8, .span-9, .span-10, 
.span-11, .span-12, .span-13, .span-14, .span-15, 
.span-16, .span-17, .span-18, .span-19, .span-20, 
.span-21, .span-22, .span-23, .span-24 {
  float: left;
  margin-right: 10px; 
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 30px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-5  { width: 190px; }
.span-6  { width: 230px; }
.span-7  { width: 270px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-17 { width: 670px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24 { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px; }  
.append-2  { padding-right: 80px; } 
.append-3  { padding-right: 120px; } 
.append-4  { padding-right: 160px; } 
.append-5  { padding-right: 200px; } 
.append-6  { padding-right: 240px; } 
.append-7  { padding-right: 280px; } 
.append-8  { padding-right: 320px; } 
.append-9  { padding-right: 360px; } 
.append-10 { padding-right: 400px; } 
.append-11 { padding-right: 440px; } 
.append-12 { padding-right: 480px; } 
.append-13 { padding-right: 520px; } 
.append-14 { padding-right: 560px; } 
.append-15 { padding-right: 600px; } 
.append-16 { padding-right: 640px; } 
.append-17 { padding-right: 680px; } 
.append-18 { padding-right: 720px; } 
.append-19 { padding-right: 760px; } 
.append-20 { padding-right: 800px; } 
.append-21 { padding-right: 840px; } 
.append-22 { padding-right: 880px; } 
.append-23 { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px; }  
.prepend-2  { padding-left: 80px; } 
.prepend-3  { padding-left: 120px; } 
.prepend-4  { padding-left: 160px; } 
.prepend-5  { padding-left: 200px; } 
.prepend-6  { padding-left: 240px; } 
.prepend-7  { padding-left: 280px; } 
.prepend-8  { padding-left: 320px; } 
.prepend-9  { padding-left: 360px; } 
.prepend-10 { padding-left: 400px; } 
.prepend-11 { padding-left: 440px; } 
.prepend-12 { padding-left: 480px; } 
.prepend-13 { padding-left: 520px; } 
.prepend-14 { padding-left: 560px; } 
.prepend-15 { padding-left: 600px; } 
.prepend-16 { padding-left: 640px; } 
.prepend-17 { padding-left: 680px; } 
.prepend-18 { padding-left: 720px; } 
.prepend-19 { padding-left: 760px; } 
.prepend-20 { padding-left: 800px; } 
.prepend-21 { padding-left: 840px; } 
.prepend-22 { padding-left: 880px; } 
.prepend-23 { padding-left: 920px; } 

/* Border on right hand side of a column. */
.right_border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.col_border {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */
.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {
  float:left;
	position:relative;
}

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }

.push-1, .push-2, .push-3, .push-4, .push-5 { 
  float: right;
	position:relative;
}

/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 
	margin-top:1.5em; 
}
.append-bottom { 
	margin-bottom:1.5em; 
}/* =CMS STYLES

	 image treatments
   ....................................... */

.borderAll {
	border: 1px solid #999;
}/* STYLESHEET SECTIONS
   CSS Flags marked with [=]
	 
	 POPUP MENU STYLES
	 MAGIC STUFF - DO NOT EDIT
	 MAGIC STUFF
	 Currently supports 3 tiers.
	 MAIN MENU STYLES 
	 MAIN MENU ITEM STYLES
	 POPUP MENU STYLES - TIER 1
	 POPUP MENU STYLES - TIER 2
	 POPUP MENU STYLES - TIER 3
	 	 
	 ....................................... */

/* =POPUP MENU STYLES
	 ....................................... */
ul#ul_NavBar ul {
	position: absolute;
	display: none;

}

/* =MAGIC STUFF - DO NOT EDIT
	 ....................................... */
/* Fix IE. Hide from IE Mac \*/
* html ul#ul_NavBar li { float: left; height: 1%; }
* html ul#ul_NavBar a { height: 1%; }
/* End */

/* =MAGIC STUFF
    Currently supports 5 tiers.
	 ....................................... */
ul#ul_NavBar li:hover ul ul,
ul#ul_NavBar li:hover ul ul ul,
ul#ul_NavBar li:hover ul ul ul ul,
ul#ul_NavBar li:hover ul ul ul ul ul,
ul#ul_NavBar li.over ul ul,
ul#ul_NavBar li.over ul ul ul, 
ul#ul_NavBar li.over ul ul ul ul,
ul#ul_NavBar li.over ul ul ul ul ul
	{ display: none; } /* Hide sub-menus initially */
	
ul#ul_NavBar li:hover ul,
ul#ul_NavBar li li:hover ul,
ul#ul_NavBar li li li:hover ul,
ul#ul_NavBar li li li li:hover ul,
ul#ul_NavBar li li li li li:hover ul,
ul#ul_NavBar li.over ul,
ul#ul_NavBar li li.over ul,
ul#ul_NavBar li li li.over ul,
ul#ul_NavBar li li li li.over ul,
ul#ul_NavBar li li li li li.over ul
	{ display: block;} /* The magic */

/* =MAIN MENU STYLES 
	 ....................................... */
ul#ul_NavBar,
ul#ul_NavBar ul {
	margin:0px;
	padding:0px;
	z-index: 10;
    position:absolute;
}
ul#ul_NavBar {
	padding: 4px 10px 0;
	height: 37px;
	margin-left: 204px;
	width: 660px;
	position: relative;
}
ul#ul_NavBar li {	
	position:relative;	
	float:left;
	list-style:none;
	z-index: 11;
}

/* =MAIN MENU ITEM STYLES
	 ....................................... */
ul#ul_NavBar li a {
	display: block;	
	float:left;
	font-size: 100%;
	font-family: Segoe UI, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	color: #2E2E2E;
    text-transform: uppercase;
    text-decoration: none;
    height: 37px;
    line-height: 37px;
    outline: none;
  }
ul#ul_NavBar li a:hover {
    
}
ul#ul_NavBar a {
	/* Styles */
	display: block;
	padding: 0px 10px;
}

ul#ul_NavBar li.first:hover{
  	background: transparent url(../fw/bg_navTab.png) no-repeat -25px top;
}
ul#ul_NavBar li.second:hover{
  	background: transparent url(../fw/bg_navTab.png) no-repeat -118px top;
}
ul#ul_NavBar li.third:hover{
  	background: transparent url(../fw/bg_navTab.png) no-repeat -251px top;
}
ul#ul_NavBar li:hover,
ul#ul_NavBar li.over{
  	background: transparent url(../fw/bg_navTab.png) no-repeat -340px top;
  	border-left: 1px solid #FFF9D2;
  	border-right: 1px solid #FFF9D2;
}
ul#ul_NavBar a:hover,
ul#ul_NavBar li:hover a, /* Keeps parent tab hovered when in sublevels */
ul#ul_NavBar li.over a { /* Same as above for IE6 */
	color: #FFF9D2;
	padding: 0px 9px;

}

/* =POPUP MENU STYLES - TIER 1
	 ....................................... */

ul#ul_NavBar ul {
	/* Relative Positioning */
	left: 0px;
	position:absolute;
	z-index: 100500;
	top: 37px;
	/* Styles */
	width: 180px;
	margin:0;
	padding: 30px 0 10px 0;
	background: #7A5749 url(../fw/bg_navFirstTier.png) repeat-x -340px top;
}
ul#ul_NavBar li.first ul{
	background: #7A5749 url(../fw/bg_navFirstTier.png) repeat-x -25px top;
}
ul#ul_NavBar li.second ul{
	background: #7A5749 url(../fw/bg_navFirstTier.png) repeat-x -118px top;
}
ul#ul_NavBar li.third ul{
	background: #7A5749 url(../fw/bg_navFirstTier.png) repeat-x -251px top;
}
ul#ul_NavBar ul li {
	float: none;
	border: none;
}
ul#ul_NavBar ul li:hover{
    border: none;
    }
ul#ul_NavBar ul a{
}
ul#ul_NavBar ul a,
ul#ul_NavBar ul a:hover, /* Necessary for IE6 to override above "ul#ul_NavBar a:hover" styling */
ul#ul_NavBar li:hover ul a,
ul#ul_NavBar li.over ul a {
	background: none; /* Used because lower levels would inherit from parent hover */
	margin: 0;
	float: none;
	font-size: 100%;
	font-weight: normal;
	color: #F2F1ED;
	line-height: 120%;
	height: auto;
	padding: 5px 19px 5px 10px;
} 	
ul#ul_NavBar ul li:hover, ul#ul_NavBar ul li.over{
	background: #114651;
	border: none;

}
ul#ul_NavBar ul a:hover,
ul#ul_NavBar ul li:hover a, /* Keeps parent tab hovered when in sublevels */
ul#ul_NavBar ul li.over a { /* Same as above for IE6 */
	color: #F2F1ED;}
/* =POPUP MENU STYLES - TIER 2
	 ....................................... */
ul#ul_NavBar ul ul,
ul#ul_NavBar li.first ul ul,
ul#ul_NavBar li.second ul ul, 
ul#ul_NavBar li.third ul ul
{
	left: 180px; /* Same as width of "ul#ul_NavBar ul" */
	top: -10px;  /* Positioning vertically*/
    background: #7A5749 url(../fw/bg_navSecondTierTile.png) repeat-y left top;
    padding-top: 10px;
    z-index: 100000000;
}
ul#ul_NavBar ul ul a {
    background: none;
}
ul#ul_NavBar ul ul a:hover,
ul#ul_NavBar ul ul li:hover a,
ul#ul_NavBar ul ul li.over a { 
}

/* =POPUP MENU STYLES - TIER 3 (not fully built out)
	 ....................................... */
ul#ul_NavBar ul ul ul {
}
ul#ul_NavBar ul ul ul a {
}
ul#ul_NavBar ul ul ul a:hover { 
}#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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}
#imageData {	padding:0 10px; color: #666; }
#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;	}	
		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}