body {
background: url(../images/bcgrLeft.jpg) no-repeat #647743;
font: 100%/1.4em Georgia, serif;
margin: 0;
padding: 0;
color: #344121;
}
body#shop {background-image:none;}
ul, li { list-style: none; padding: 0; margin: 0;
}
.clear { clear: both; height: 1px; line-height: 1px;
}
a:link, a:visited, a:hover { text-decoration: none;
}
h1.imageText, p.skipNav { position: absolute; width: 20em; left: -999em; margin-top: 0; top: 0;
}
/*---MENU OPACITY----------------------------*/
a span { display: inherit; width: inherit; height: inherit;
}
a.opacity span{ background: url(../images/trp15b.png);
}

#wrapper{
width: 912px;
}

#logo { 
position: relative; top: 0; left: 0;
margin: 0 0 0 76px;
width: 835px; height: 140px;
}
#logoImg { display: block; }

h2 { margin: 1em 0 1em 0; font-size: 1.2em;
}
h2.first { margin-top: 0; }

#topMenu { position: absolute; left: 359px; top: 8px; width: 452px; height: 30px;  margin: 0; font-size: 75%; color: #ffd490; text-align: right; font-family: Verdana, sans-serif; }
#topMenu a:link, #topMenu a:visited { color: #ffd490; padding: 0 4px; }
#topMenu a:hover { text-decoration: underline; }

body#info #topMenu a:link, body#info #topMenu a:visited { color: #e8cea6; padding: 0 4px; }
body#info #topMenu a:hover { text-decoration: none; cursor: default;}


#viewcart { display: inline;}
#viewcart input {vertical-align:text-top;}

#viewcart input:hover { border-bottom: 1px solid #ffd490; }


#menuMain { position: absolute; left: 359px; top: 45px;
height: 34px; width: 530px; background: url(../images/menu.gif) 0 0 no-repeat transparent; }

#menuMain li{ float: left; width: 111px;}

#menuMain li.shop {width: 109px;}
#menuMain li.about {width: 140px;}
#menuMain li.contact {width: 110px;}

#menuMain li a{
display: block;
height: 34px;
width: inherit;
text-indent: -999em;
background: url(../images/menu.gif) 0 -68px  no-repeat;
}

body#index #menuMain li.index a, #menuMain li.index a:hover {background-position: 0 -34px;}
body#shop #menuMain li.shop a, #menuMain li.shop a:hover {background-position: -111px -34px;}
body#about #menuMain li.about a, #menuMain li.about a:hover  {background-position: -220px -34px;}
body#contact #menuMain li.contact a, #menuMain li.contact a:hover {background-position: -360px -34px;}

body#index #menuMain li.index a:hover,
body#shop #menuMain li.shop a:hover,
body#about #menuMain li.about a:hover,
body#contact #menuMain li.contact a:hover {
cursor: default }


/*---CONTENT-----------------------------*/
#content {
width: 800px; position: relative; 
margin-left: 111px;
background-color: #3e4d28;
}
#welcome img { display: block; padding: 16px 0; margin-left: -10px; }
#welcome {width: 472px; }
/*---INDEX-----------------------------*/
#contentLeft { width: 500px; background-color: #cbcb98; min-height: 640px;}
#contentLeft div { padding: 16px 28px 28px; }
#contentLeft div#welcome { padding: 16px 0 0 24px; }
#contentLeft div#contentLeft1 { padding-top: 6px; }

#contentLeft2 { background-color: #c9c18e; }

.contentRight { width: 300px; position: absolute; top: 0; left: 500px; background-color: #3e4d28;}
body#about .contentRight { width: 258px; padding: 0 21px; top: -26px; color: #ffe6bf; }

#set0, #set1, #set2 { display: none; }

.contentRight .top {margin-top: 6px; }
.featured { margin: 0 0 0 35px; width: 237px; background: url(../images/featuredBcgr.jpg) no-repeat transparent; clear: both; }
.featured img, .oneCard img { display: block; border: 0; padding-bottom: 6px;}
.featured p  { float: left; width: 159px; color: #e0a852; height: 2em; overflow: hidden;}
.featured .buy { float: left; text-align: right; width:72px; height: 18px; overflow: hidden;}
.featured .buy:hover {border-bottom: 1px solid #e0a852;}


.contentRight a:link, a.enlarge:link, .contentRight a:visited, a.enlarge:visited { color: #e0a852;}
.contentRight a:hover, a.enlarge:hover { text-decoration: underline;}

h1, h2 { font-size: 1em; color: #344121; }
body#links h1 { margin-top: 0; padding: 20px 0 0 90px; }

body#about .contentRight h2 { color: #ffd087; margin-bottom: 0.2em; }

#content p { margin: 0; padding: 0; }
body#about #content p { margin-bottom: 0.4em; }

#content p.readmore {
width: 95%; padding: 4px 0;
text-align: right; font-weight: bold; font-size: 90%;
}
#contentLeft a:link, #contentLeft a:visited, body#links #content a:link, body#info #content a:link, body#info #content a:visited {
color: #75380f; padding: 0 4px;
}
body#links #content a:visited { color: #84451c; padding: 0 4px; }
#contentLeft a:hover, body#links #content a:hover, body#info #content a:hover { color: #cbcb98; background-color: #116e0e; padding: 0 4px;}

#signt { display: block; padding-left: 70px;}


/*---SHOP-----------------------------*/
.oneRow { float: left;  clear: both; width: 784px; margin-left: 24px; margin-bottom: 18px;}

.oneCard {
float: left; width: 196px; background: url(../images/shopCardBcgr.gif) no-repeat transparent; color: #ffe6bf; }

.oneCard p { width: 164px; line-height: 1.2; }
.oneCard p.enl { float: left; width: 92px; color: #e0a852; height: 1.6em; padding-top: 2px;}
.oneCard .buy { float: left; width: 72px; overflow: hidden; height:18px; }
.oneCard .buy:hover {border-bottom: 1px solid #e0a852;}
.oneCard p.cTitle { clear: both; }
p.cSize, p.cPrice { font-size: 75%;}
#content p.cSize { margin-top: 6px; }

body.jsOff #shopPage { display: none; }
body.jsOn #shopPage2 { display: none; }

#shopPage2, #shopPage1 { background-color: #3e4d28; }

#shopPage { width: 78px; height: 16px; position: absolute; left: 734px; top: 120px; background: url(../images/shopPages.gif) 0 0 no-repeat #3e4d28; font-size: 6px;}
#shopPage:hover { cursor: pointer; }
#shopPage.pageOne { background-position: 0 -16px;}

.oneFirst, .secondFirst { margin-top: 40px; }
body.jsOff .secondFirst { margin-top: 0px; }

/*---LINKS-----------------------------*/
body#links #content p { padding: 0 0 0 90px; }

/*---INFO-----------------------------*/
body#info #content { background-color: #cbcb98; min-height: 640px; text-align: center; }
body#info h3 { margin-top: 0; padding-top: 20px; }
body#info #content #popUpArea table {text-align: left; }

/*---FOOTER-----------------------------*/
#footer {
position: relative;
width: 100%;
background-color: #344121;
font-size: 75%;
padding: 20px 0 10px;
color: #aea597;
height: 40px; 
}
#footerCont { margin-left: 111px; width: 800px; text-align: center; }
#footer p, #footer ul {
width: 800px; 
}

#footer li {
display: inline;
margin: 0 7px 0 0px;
}
#footer a, #footer p {
color: #9a8e7d;
}
#footer li a {
border-left: 1px #9a8e7d solid;
padding: 0 0px 0 10px;
}
#footer a:hover {
color: #ddb981;
}
body#index #footer li.index a:hover, 
body#about #footer li.about a:hover,
body#shop #footer li.shop a:hover,
body#links #footer li.links a:hover,
body#contact #footer li.contact a:hover {
color: #9a8e7d; cursor: default;
}

#footer li.index a {
border-left: none;
padding-left: 0;
}
p#copyright {
margin: 0;padding: 0; line-height: 1.1;
}

a:link img { border: 0; }
a:focus, a:active, a:visited { outline: none; }


/*---CONtacT-----------------------------*/
body#contact #content, body#links #content {
width: 800px; height: 600px; position: relative;
margin-left: 111px;
background-color: #cbcb98;
}

body#contact form {
position: absolute;
left: 170px; top: 40px; margin: 0;
height: 270px; width: 466px;
color: #000; 
background: url(../images/contactBcgr.jpg) no-repeat 0 0 ;
}

body#contact form * {
font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
}
body#contact form fieldset { margin: 0; padding: 0; border: 0; }
body#contact form legend, body#contact form label { display: none; }

#nameErr, #emailErr  {
font-size: 12px; 
display: none;
color: #ffd087; background-color: #197b16; padding-left: 4px;
font-style: italic;
position: absolute; left: 72px; width: 300px; top: 44px; text-align: left;
}
#emailErr { top: 88px; }

body#contact input { 
position: absolute; top: 19px; left: 128px; width: 242px; height: 25px; 
margin: 0; border: 0; background-color: transparent;  padding: 0 0 0 4px;
font-size: 12px;}

body#contact textarea:focus, body#contact input:focus, body#contact input.safari:focus, body#contact input.ieFocus, body#contact textarea.ieFocus { background-color: #f6f8d6; }

body#contact input#email { top: 61px; }

body#contact textarea { 
position: absolute; top: 106px; left: 128px; width: 307px; height: 141px;
margin: 0; border: 0; background-color: transparent; padding: 0 0 0 4px; overflow: auto;
font-size: 12px;}

body#contact input.safari { 
background-color: #fef9f6; width: 248px; height: 27px; top: 17px;  left: 127px;
}
body#contact input#email.safari { top:59px; }
body#contact textarea.safari { width: 314px; height: 142px;}

body#contact form button {
position: absolute; left: 37px; top: 221px; width: 68px; height: 28px; 
background: url(../images/submitBtn.gif) no-repeat #3e4d28; 
margin: 0;  padding: 0; border: 0; cursor: pointer; 
}
body#contact button:hover, body#contact button.over { background-position: 0 -28px; }
body#contact button:active { background-position: 0 -28px; outline: none;  }

#thankYou, #thankYouError { position: absolute; left: 166px; top: 50px; height: 240px; width: 466px; text-align: center; font-size: 1.3em; line-height: 1.5; color: #000; background-color: #cbcb98; }
#thankYouError { font-size: 1.2em; }
body.jsOn #thankYou {display: none;}

#contactText { position: absolute; top: 330px; left: 206px; }
#contactText.after { top: 130px;  }


/*---POPUP-----------------------------*/

html, body { height: 100%; }
#popUpWindow {
  position: fixed;
  background-color: #fff;
  width: 500px; height: 360px;  top:50%;
  padding: 0; margin: 0;
  margin-left: 260px;
  z-index: 102;
  display:block;
  text-align:left;
}

#popUpWindow #popUpClose { width: 16px; height: 16px; background: url(../images/close_bnt.gif) no-repeat 0 0; position: absolute; top:1px; right: 1px;}
#popUpWindow #popUpClose.hover { cursor: pointer; }

#popUpArea { width: 500px; margin: 0 auto;}
#popUpArea.wholesale { text-align: center; }
#popUpArea.wholesale p { margin: 0 30px; }

#popUpArea.returns, #popUpArea.wholesale { padding-top: 25px; }

#popUpArea h3, #popUpArea h4, #popUpArea p { width: 410px; margin-left: 30px; margin-right: 30px; margin-bottom: 10px;}
#popUpArea p { margin-top: 0; margin-bottom: 0; }
#popUpArea table { width: 255px; margin-left: 130px; }

#popUpArea  a:link, #popUpArea  a:visited { color: #344121; }
#popUpArea  a:hover { text-decoration: underline; }
#popUpArea.wholesale a:link, #popUpArea.wholesale a:visited { color: #0066ff; }


#popUpOverlay {position: fixed; z-index:100; top: 0px; left: 0px; width: 100%; height: 100%; background-color:#000; padding: 0; margin: 0;}
#popUpLoad{ position: fixed; top: 50%; height:100px; width:100px; z-index:103; padding: 0; margin: -50px 0 0 430px;}
#popUpHideSelect{ z-index:99; position:absolute; top: 0; left: 0; background-color:#fff; border:none; padding: 0; margin: 0; }