
/* ----- body & background ----- */


body {
    /*background:#e2e3dd url(../graphics/brown/body_bg.gif) repeat-x 0 0;
    */background:#FFFFFF;
    color: #522D13;
    font: 70% "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-align:center;
    line-height:150%;
    margin:0;
    padding:0;
  }

/* ----- tables ----- */


table, td, input, textarea, select, li {
    font: 100% "Helvetica Neue", Arial, Helvetica, sans-serif;
    color:#000;
  }


th {
    background:#ddd;
    padding:5px;
  }


td {
    padding:5px;
  }

/* ----- global links ----- */


a:link, a:visited {
    color:#522D13;
    text-decoration:none;
  }

a:hover {
    color:#555;
    text-decoration:none;
  }

a:active, a:focus {
    color:#522D13;
    text-decoration:none;
    outline: 0;
  }


#content a:link, #content a:visited, #content a:active {
    color:#522D13;
    text-decoration:none;
  }


#content a:hover {
    color:#555;
    border-bottom:1px dotted #522D13;
  }


#content li {
    color:#777;
  }

/* ----- global paragraphs, headers & horizontal rules ----- */


p, h1, h2, h3, h4, h5, h6 {
    margin:1em 0;
  }


h1 {
    font-size:140%;
  }


h2 {
    font-size:130%;
  }


h3 {
    font-size:120%;
  }


h4, h5 {
    font-size:100%;
  }


hr {
    display:none;
  }

/* ----- global images ----- */


img {
    border:none;
  }

/* ----- hidden items ----- */


#skip {
    display:none;
  }


.hidden {
    display:none;
  }

/* ----- float left / right classes ----- */


.left {
    float:right;
    margin-right:.3em;
  }


.right {
    float:right;
    margin-left:.3em;
  }

.clear {
	clear:both;
}

/* ----- company contact details ----- */


address {
    font-style:normal;
    margin:1em 0;
  }


#frmContact {
    margin-bottom:.5em;
  }


#ThisForm {
    margin-bottom:.5em;
  }

/* ----- container size & positioning ----- */


#container {
    margin:0 auto;
    width:98%;
    text-align:left;
    /*background:url(../graphics/brown/page_bg.gif) repeat-y 0 0;
    */position:relative;
  }

/* ----- header area ----- */


#header {
    height:244px;
    position: relative;
    margin:0;
    padding: 0px 0px 10px 0px;
/*     background:url(../graphics/brown/curvedbrown_bl.gif) no-repeat bottom left; */
/*     background-color: #522D13; */
	background-color: #FFF;
  }

/* ----- company logo & strapline ----- */


#logo {
    position:absolute;
    margin:0;
    padding:0;
    top:0px;
    left:0px;
    display: block;
    height: 200px;
    width: 100%;
    background:url(../graphics/brown/ep_logo_white_450x200.png) no-repeat center center;
    background-color: #FFF;
    text-indent:-9999px;
    overflow: hidden;
/*     border-bottom: 1px solid #A38069; */
  }


#tagline {
    position: absolute;
    margin:0;
    padding:0;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
  }

/* ----- shopping basket info ----- */

#info {
    position:absolute;
    margin:0;
    padding:0;
    top:175px;
    right:30px;
    z-index:10;
    color:#000;
    text-align:center;
  }


#info a {
    color:#000;
    text-decoration:none;
  }


#info a:hover {
    color:#555;
    border-bottom:1px dotted #a49b8c;
  }

/* ----- optional mid div (useful for more complex backgrounds) ----- */


#mid {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-top: 1px solid #A38069;
/*     background: url(../graphics/brown/curvedbrown_tr_inside.gif) no-repeat top right; */
  }


#mid .inner {
	padding: 0px 0px 5px 00px;
/* 	background: url(../graphics/brown/curvedbrown_br_inside.gif) no-repeat bottom right; */
	background-color: #FFF;
}

#mid .inner .inner {
	padding: 0px;
/* 	background-image: none; */
}

/* ----- breadcrumb trail ----- */


#breadcrumbs {
    /*float:left;*/
    display: block;
    padding: 0 0 0 0px;
    margin: 10px 0px 2px 0px;
    background: #FFF;
/*     border-bottom: 1px solid #A38069; */
    color: #999;
    line-height: 20px;
  }


#breadcrumbs a {
    color:#522D13;
    text-decoration:none;
  }


#breadcrumbs a:hover {
    border-bottom:1px dotted #522D13;
  }

/* ----- search box ----- */


#search {
    /* @annotation: Moving search box into banner. */
    position: absolute;
    top: 40px;
    right: 30px;
    border-width: 1px;
    border-color: #522D13;
    border-style: solid;
    /* End of change */
    margin:0;
    margin-bottom:1em;
    padding:5px 20px 10px 20px;
    background:#EDE7DB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }


#search label {
    display:block;
  }

/*
#search{
	margin:0;
	margin-bottom:1em;
	padding:3px 0 0 0;
	background:#fff;
}
#search label{display:none;} */


#searchKeyword {
    border:1px solid #e2e3dd;
    color:#777;
    padding:3px 0 3px 3px;
    width:155px;
  }


#searchSubmit {
    background:#522D13;
    color:#fff;
    border:0px solid #234959;
    width:30px;
    height:22px;
    margin-bottom:-1px;
    margin-left:5px;
  }


#searchSubmit:hover {
    cursor:pointer;
  }

/* ----- side navigation ----- */


#navDept, #navDept ul, #navDept li, .navStatic, .navStatic ul, .navStatic li {
    margin:0;
    padding:0;
    list-style:none;
  }


#navDept /*, .navStatic*/ {
    padding:1px 1px 0 1px;
    background:#EDE7DB;
    border:1px solid #e1e1e1;
    color:#999;
    margin-bottom:1em;
  }


#navDept li a:link, #navDept li a:active, #navDept li a:visited/*, .navStatic li a:link, .navStatic li a:active, .navStatic li a:visited*/ {
    display:block;
    width:100%;
    background:#EDE7DB url(../graphics/brown/nav_icon.gif) no-repeat 8px 50%;
    color:#999;
    border-bottom:1px solid #fff;
  }


#navDept li a:hover, .navStatic li a:hover {
    background:#EDE7DB url(../graphics/brown/nav_icon.gif) no-repeat 8px 50%;
  }


#navDept li a.selected/*, .navStatic li a.selected */{
    background-color : #C2C6D3;
    background-image : url(../graphics/brown/nav_icon_on.gif);
    background-position : 8px 50%;
    background-repeat : no-repeat;
    color : #333;
  }


#navDept li a span, .navStatic li a span {
    display:block;
    padding:5px 20px;
  }

/* MLW -- Notices -- */
.navStatic {
	border: 0px;
	margin: 0;
	margin-bottom: 1em;
/* 	background-color: #EDE7DB; */
}

/* ----- subdepartment navigation ----- */


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


#navSubDept {
    margin:1em 0;
    padding:3px 10px;
    /*background:#EAECE3;
    border:1px solid #C2C6D3;
    */ color:#522D13;
  }


#navSubDept li {
    float: left;
    width: 310px;
    min-height: 140px;
    margin: 0.5em 1em 0.5em 0em;
    line-height:150%;
    padding: 11px;
    /*padding-left:20px;
    */ list-style:none;
/*     background:#EDE7DB; */
/*     border:1px solid #C2C6D3; */
    /*background:url(../graphics/brown/arrow3.gif) no-repeat 0 .6em;
    */
  }
  
#navSubDept li:hover {
	border: 1px solid #522D13;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#navSubDept li a {
    display: block;
    margin: 0px;
    color: #522D13;
  }


#navSubDept li a img {
    float: left;
    padding: 1px;
    margin: 0;
    margin-right: 1em;
/*     border: 1px solid #C2C6D3; */
  }


#navSubDept li a:hover, #navSubDept li a.selected {
    color:#000;
    text-decoration:none;
/*     border: 1px solid #C2C6D3; */
    /*background-color: #C2C6D3;
    */ /*border:1px dotted #777;
    */
  }


#navSubDept li .subDeptDesc {
    /*position: relative;
    top: 40px;
    */font-size: 1.2em;
    line-height: 150%;
  }


#navSubDept li h3 {
    /*position: relative;
    top: 40px;
    */margin-top: 0em;
    color: #000;
  }

/* ----- main navigation ----- */


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


#navTools {
/* display: block; */
    position: absolute;
    top: 200px;
    left: 0px;
    width: 100%;
    height: 11px;
    text-align: center;
    padding-top: 32px;
    background: url(../graphics/brown/torn_tile3.gif) repeat-x -100px 0px;
  }

/*
#navTools ul {
    margin: 0 auto 0 auto;
    padding: 0;
    list-style:none;
  }*/


#navTools li {
/*     float:left; */
    display: inline;
    margin:0;
    padding:0;
    font-size:130%;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    background:url(../graphics/brown/navtools_divider.gif) no-repeat left 50%;
/*     background-color: #522D13; */
/*     z-index:1; */
  }


#navTools li.first {
    background: none;
  }


#navTools li a:link, #navTools li a:active, #navTools li a:visited {
/*     float:left; */
    padding:0px 8px 0px 12px;
    text-decoration:none;
    color:#C27524;
    background: no-repeat bottom right;
  }


#navTools li a:hover {
    color:#522D13;
  }

#navTools li a.selected {
	color: #522D13;
}

#navTools li a span {
  }

/* ----- nav titles ----- */


.navStaticTitle, #navDeptTitle {
/*     background-image: url(../graphics/brown/curvedbrown_tr.gif); */
/*    background-position: top right;
    background-repeat: no-repeat;*/
    margin:0;
    padding:7px 13px 3px 13px;
    margin-bottom:1px;
    background-color:#522D13;
    color:#000;
    font-weight:normal;
    text-transform:uppercase;
    font-size:100%;
/*     border-bottom: 4px solid #000000; */
  }
  
.navStaticTitle {
	font-size: 1.1em;
	padding-bottom: 9px;
/* 	letter-spacing: 1px; */
	font-weight: bold;
	background: url(../graphics/brown/menu_sep.gif) no-repeat bottom right;
}


#navDeptTitle {
	display: none;
}


#navToolsTitle {
    display:none;
  }

/* ----- side navigation column ----- */


#side {
    float:left;
    display:inline;
    width: 19%;
    margin: 0px;
    padding: 0px;
	padding-left: 10px;
  }

/* ----- main content area ----- */


#main {
    float: right;
    display:inline;
    width: 78%;
    margin: 0;
  }

#main .inner {
    background: #FFF url(../graphics/brown/large_hand.gif) no-repeat center center;
    min-height: 610px;
}

#main h2 {
    font-weight:normal;
    padding:0;
    color:#522D13;
    font-size:160%;
    clear:both;
  }


#main h2#pageTitle {
    font-weight:bold;
    padding:0;
    margin:0;
    margin-top: 1em;
    margin-bottom:1em;
    color:#522D13;
    font-size:180%;
  }


.note {
    font-size:110%;
  }


.highlight {
    font-size:140%;
  }


.module1 {
    float:left;
    width:250px;
  }


.module2 {
    float:right;
    width:250px;
  }

/* ----- r area ----- */


#footer {
/*     background: url(../graphics/brown/curvedbrown_tl.gif) no-repeat top left; */
    background-color:/*#522D13*/#EDE7DB;
    padding: 10px;
    margin-top: 0em;
    border-top: 1px solid #A38069;
    border-bottom: 1px solid #A38069;
  }


#footer p {
    margin:0;
  }


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


#footer li {
    display:inline;
    margin-right:.5em;
  }


#footer a {
    color:#522D13;
  }


#footer a:hover {
    font-weight: bold;
/*     border-bottom:1px dotted #999; */
  }


#footer #credits {
    float:right;
    margin-top:-1.5em;
  }

/* ----- pagination (page 1/2 etc.) ----- */


#pagination {
    margin:1em 0;
  }


#pagination li {
    margin:0;
/*     height:16px; */
/*     line-height:16px; */
/*     float:left; */
  }


#pagination a {
/*     display:block; */
/*     float:left; */
/*     width:9px; */
/*     height:1em; */
    margin-left:6px;
    margin-right: 6px;
/*     margin-top:3px; */
/*     text-indent:-8000px; */
    overflow:hidden;
  }


#pagination a#firstPage {
/*     background:url(../graphics/brown/ico_first.gif) no-repeat 0 0; */
  }


#pagination a#prevPage {
/*     background:url(../graphics/brown/ico_prev.gif) no-repeat 0 0; */
  }


#pagination a#nextPage {
/*     background:url(../graphics/brown/ico_next.gif) no-repeat 0 0; */
  }


#pagination a#lastPage {
/*     background:url(../graphics/brown/ico_last.gif) no-repeat 0 0; */
  }

/* ----- product thumbnail list ----- */


.products {
    margin: 1em 1em 1em 0em;
  }


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


.products li {
/*     background-color : #FFF; */
    /*border-bottom-color : #C2C6D3;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #C2C6D3;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #C2C6D3;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #C2C6D3;
    border-top-style : solid;
    border-top-width : 1px;*/
    color : #522D13;
    margin-bottom : 1em;
    padding: 11px;
  }

.products li:hover {
/*     background:#EDE7DB; */
    border:1px solid #522D13;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }


.products li h3 {
    margin-top: 0px;
    margin-bottom:1em;
    margin-left:0px;
    padding:0;
    font-size:110%;
    display:block;
  }


.products li h3 a {
    color:#000;
  }


.products li h3 a:hover {
    color:#999;
  }


.products .image {
    float:left;
    margin:0;
    margin-top:0px;
    margin-right:10px;
    margin-bottom:0px;
  }


.products .image a img {
/*     border:1px solid #C2C6D3; */
	padding: 1px;
  }


.products .image a:hover img {
    border:1px solid #d7d7d7;
    padding: 0px;
  }


.products .price {
    margin:1em 0;
    line-height:180%;
    color:#522D13;
    font-size:110%;
    font-weight:bold;
  }


.products .quantity {
    clear:both;
    margin:1em 0;
    text-align:right;
    line-height:180%;
  }

.products p.product_details {
	text-align: right;
	margin-bottom: 0px;
}

.products h2 {
	display: none;
}

.products .desc {
	font-size: 110%;
}

/* ----- individual products ----- */


#product {
    margin:1em 0;
  }


#product .image {
    float:left;
    margin-bottom:1em;
  }


#product .image p {
    margin:.5em 0;
  }


#product .image img {
    border:1px solid #FFF;
  }


#product .info {
    float:right;
    width:270px;
  }


#product .price {
    color:#522D13;
    font-size:120%;
  }


#product .info p {
    margin:0;
    margin-bottom:.2em;
  }


#product .info h3 {
    margin:0;
    margin-bottom:.2em;
  }


#product .actions {
    border-top:1px solid #e1e1e1;
    clear:both;
  }


#product #addBasket {
    border-top:1px solid #e1e1e1;
    padding-top:1em;
  }


#product #addWishlist a {
  }

/* ----- featured articles ----- */


#articles {
	margin-top: 30px;
  }
  
#articles h2 {
	margin-bottom: 0.1em;
}


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


#articles ul {
    margin: 0 0 1em 0;
    padding:3px 10px;
    /*background:#EDE7DB;
    border:1px solid #C2C6D3;*/
    color:#522D13;
  }


#articles ul li {
    margin:.5em 0;
    line-height:150%;
    font-size: 120%;
    padding:0;
    padding-left:20px;
    list-style:none;
    background:url(../graphics/brown/arrow3.gif) no-repeat 0 .6em;
  }


#articles  ul li a {
    color:#522D13;
  }


#articles  ul li a:hover {
    color: #C27524;
    text-decoration:none;
/*     border-bottom:1px dotted #777; */
  }

/* ----- customer reviews ----- */


#reviews {
  }


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


#reviews ul {
    margin:1em 0;
    padding:3px 10px;
    background:#EDE7DB;
    border-top :1px solid #A38069;
    border-bottom :1px solid #A38069;
    color: #A38069;
  }


#reviews ul li {
    margin:.5em 0;
    line-height:150%;
    padding:0;
    padding-left:20px;
    list-style:none;
    background:url(../graphics/brown/arrow3.gif) no-repeat 0 .6em;
  }


#reviews ul li a {
    color: #522D13;
  }


#reviews ul li a:hover {
    color: #C27524;
    text-decoration:none;
/*     border-bottom:1px dotted #777; */

  }
  
#reviews .global-form {
	color: #522D13;
}

#reviews .global-form table {
	background-color: #EDE7DB;
	border: 1px solid #A38069;
	margin-bottom: 2px;
}

#reviews .global-form td {
	background-color: #EDE7DB;
}

#reviews .global-form label {
	color: #522D13;
}

/* ----- site map ----- */


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


#sitemap {
    margin:1em 0;
  }


#sitemap li {
    margin:.5em 0;
  }


#sitemap li h3 {
    margin:.2em 0;
  }


#sitemap ul {
    padding-left:20px;
  }

/* ----- tables and forms ----- */


fieldset {
    border:none;
    padding:0 1em;
    margin:1em 0;
    background-color:#FFF;
    border:1px solid #522D13;
  }


legend {
    font-weight:normal;
    padding:0 8px;
    margin:0;
    color:#1b4556;
    font-size:120%;
    clear:both;
  }


fieldset h3, fieldset h3 {
    margin:1em 0 0 0;
  }

#content {
	font-size: 110%;
}

#content table {
/*     width:100%; */
    margin:.5em 0;
    border-collapse:collapse;
    line-height:150%;
	border: 1px solid #522D13;
  }

#content fieldset table {
	border: 0px;
}

th {
    border:0;
    background:#EDE7DB;
    color:#777;
    padding:5px;
  }


td {
    background:#fff;
    border:0;
    padding:5px;
    vertical-align:top;
    color:#777;
  }


.formField, .formSelect {
    background:#fff;
    border:1px solid #e1e1e1;
    width:200px;
  }


.formFieldShort, .formFieldMedium {
    background:#fff;
    border:1px solid #e1e1e1;
    width:20px;
    margin-right:5px;
  }


.formFieldMedium {
    width:96px;
  }


table .price {
    color:#522D13;
    font-size:110%;
    font-weight:bold;
  }


.formFieldProduct {
    width:150px;
  }


table .price {
    color:#522D13;
    font-size:110%;
    font-weight:bold;
  }


.formRadio {
    vertical-align:middle;
  }


.formButton {
    background:#522D13;
    color:#fff;
    border:none;
    padding-top:3px;
    padding-bottom:3px;
  }


.formButton:hover {
    cursor:pointer;
  }


label span {
    color:#b00;
    font-size:110%;
    font-weight:bold;
  }


p span {
    color:#b00;
  }


input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus {
    background: #fff;
    border: 1px solid #bbb;
  }
  
/* MLW -- Payments form */

form.payments-form legend {
	display: none;
}

form.payments-form table#paypalTbl {
	border: 1px solid #112445;
	background-color: #EEE;
}

form.payments-form table#paypalTbl td {
	width: 60%;
	background-color: #EEE;
}

form.payments-form table#paypalTbl img {
	float: left;
	padding-right: 1em;
}

/* Hide payment selector when only one payment option available */
form.payments-form input#paypal {
	display: none;
}

/* ----- shopping cart ----- */


#total {
    margin:1em 0;
    padding:0;
    width:375px;
    font-size:110%;
  }


#total dt {
    width:280px;
    float:left;
    font-weight:bold;
  }


#total dd {
    margin-left:281px;
    text-align:right;
  }


.actions {
    clear:both;
    margin:0;
    padding:.5em 0;
  }

/* ----- first table data style ----- */


td.first {
    width:40%;
  }

/* ----- float fix ----- */


.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }


.inner, .products, .products li, #pagination, #total, .modules {
    display:block;
  }

/*  \*/


.inner, .products, .products li, #pagination, #total, .modules {
    min-height:1%;
  }


* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {
    height:1%;
  }

/*  */
/* ----- end float fix ----- */
/* MLW -- Account administration styles */

#navAccDetail {
	float: left;
	width: 80%;
	margin: 0 0 1em 0;
	padding: 0px;
	list-style: none;
}

#navAccDetail li {
	float: left;
	width : 20%;
	margin: 0px 5px;
	padding: 2px 5px 2px 5px;;
	text-align: center;
	background: #522D13;
	color: #FFF;
	/*border: 1px solid #C2C6D3;*/
}

#navAccDetail li a span {
	color: #FFF;
}

#accHeading3 {
	clear: both;
}

.para-data, .vol-disc {
	border: 1px solid #522D13;
	width: 55%;
}


.global-form {
	clear: left;
	width: 60%;
}

#ThisForm {
	width: auto;
}

table.products {
	border: 1px solid #522D13;
}

table#shippingoptions {
	font-size: 105%;
	
}

.shipheader {
	font-size: 120%;
	color: #522D13;
	font-weight: bold;
}