/* do not include this in the template it will strip off the # ID tags */
/*******************************************************************/
/***  Cascading Style Sheet for ShopSite Lulu Burgess ***/
/*******************************************************************/

/* From Design */
* { /* global Reset */
margin:0;
paddin:0;
}

body {
  background-image: url('../media/themesmedia/Lulu_Background.jpg');
  text-align:center; /*center hack*/
  font-size: 10pt;
  color: black;
}

#outer {
  width: 730px;
  /*width:80%;*/
  margin:0 auto; /*center hack*/
  /*height:95%;*/
  height: 100%;
}
#inner {
  text-align: center;
  background: transparent;
}
#content {
 background: transparent;
 padding: 0 5 10 5;
}
/* Needed to expand the content section for ie */
/* Firefox did not like height:100% height:1% hack */
/* Hides from IE-mac \*/
* html .clearfix {height: 100%; height: 1%;}
/* End hide from IE-mac */

div.dropshadow {
  background: url('../media/themesmedia/Box_Shadow_4slice_tl.gif') no-repeat 0 0;
  padding: 0;
  margin: 0;
}
div.dropshadow div  {
  background: url('../media/themesmedia/Box_Shadow_4slice_tr.gif') no-repeat 100% 0;
}
div.dropshadow div div {
  background: url('../media/themesmedia/Box_Shadow_4slice_bl.gif') no-repeat 0 100%;
}
div.dropshadow div div div {
  background: url('../media/themesmedia/Box_Shadow_4slice_br.gif') no-repeat 100% 100%;
  padding: 1px 5px 1px 2px; /* needed to line up borders correctly */
  /*width:100% !important;
  width: 1% !important;*/
}
#header {
  background: url('../media/themesmedia/lulub_DarkBrown.gif') repeat 0 0;
  width: 100%;
  height: 100px;
  margin:0px 0px 1px 0px;
  padding:0;/* needed */
}
/* My Account & Shopping Bag */
#topnav {
  font-size: 8pt; 
  line-height: 17px; 
  font-family: Arial, sans-serif; 
  margin : 0em 0em 0em 0em; 
  color: #ffffff; 
  text-align: right;
  background: url('../media/themesmedia/lulub_DarkBrown.gif') repeat 0 0;/* needed to override inheritance*/
}
#menubar {
  background: url('../media/themesmedia/lulub_LightBrown.gif') repeat 0 0;
  width: 100%;
  margin:1px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
.menu {
  text-decoration: none;
  /*background-image: url('./media/themesmedia/lulub_LightBrown.gif');*/
  background-color:#ffffff;
  background-color:#806B4E;
  padding: 0px;
  margin: 0px;
}
.menu:hover {
  background-color: #ffffff;
}

#copyright {
  clear: both;
  float: left;
  font-size: 11pt; 
  font-family: Arial, sans-serif; 
  margin : -8px 1em 0em 0em; /* brings up under shadow - does not affect extra corner*/
  color: #ffffff; 
}
#copyright a:link { 
  text-decoration: none;
  color: white;
}
#copyright a:hover { 
  text-decoration: underline;
  color: white;
}
#lownav {
  float: right;
  font-size: 11pt; 
  font-family: Arial, sans-serif; 
  text-align: right;
  padding: 0;
  margin : -8px 10px 0px 0px; 
  color: #ffffff; 
}
#lownav a:link,#lownav a:active,#lownav a:visited,#topnav a:link,#topnav a:visited,#topnav a:active { 
  text-decoration: none;
  color: white;
}
#lownav a:hover,#topnav a:hover { 
  text-decoration: underline;
  color: white;
}
#spacer50 {
  margin:50px;
  width:50px;
  padding:0;
  /* needed to override inheritance
  background: url('../media/themesmedia/lulub_DarkBrown.gif') repeat 0 0; */
  background: transparent; 
}
div.reset {
  padding:0;
  margin:0;
  postion:absolute;
}
/***********************/
/***  Page Defaults  ***/
/***********************/
body, p, h1, h2, h3, td, div, ol, ul, dl, input {
  font-family: Arial, Verdana, Helvetica, sans-serif;
}
td {
  font-size: 10pt;
}

[-- IF MiniCart --]
  [-- INCLUDE lulub_Minicart.css PROCESS --]
[-- END_IF --]

/********************/
/***  Page Links  ***/
/********************/
a.link:link { 
  text-decoration: none;
  color: [-- VAR.PageLinkColor --];
}
a.link:visited { 
  text-decoration: none;
  color: [-- VAR.PageLinkColor --];
}
a.link:hover { 
  text-decoration: underline;
  color: [-- VAR.PageLinkColor --];
}
a.link:active { 
  text-decoration: underline;
  color: [-- PAGE.ActiveLinkColor --];
}

a.selected_link:link { 
  text-decoration: none;
  color: [-- VAR.ThisPageFontColor --];
}
a.selected_link:visited { 
  text-decoration: none;
  color: [-- VAR.ThisPageFontColor --];
}
a.selected_link:hover { 
  text-decoration: underline;
  color: [-- VAR.ThisPageFontColor --];
}
a.selected_link:active { 
  text-decoration: underline;
  color: [-- PAGE.ActiveLinkColor --];
}

/******************************/
/***  Gift Certificate Link ***/
/******************************/
a.giftcertlink:link { 
  text-decoration: none;
  color: [-- VAR.PageLinkColor --];
}
a.giftcertlink:visited { 
  text-decoration: none;
  color: [-- VAR.PageLinkColor --];
}
a.giftcertlink:hover { 
  text-decoration: underline;
  color: [-- VAR.PageLinkColor --];
}
a.giftcertlink:active { 
  text-decoration: underline;
  color: [-- PAGE.ActiveLinkColor --];
}

[-- IF PAGE.NumProducts 0 --]
# skip this section
[-- ELSE --]
/*******************/
/***  Products   ***/
/*******************/
[-- INCLUDE Product.css PROCESS --]

/***********************/
/***  Product Links  ***/
/***********************/
a:link { 
  color: [-- PAGE.LinkColor --];
}
a:visited { 
  color: [-- PAGE.VisitedLinkColor --];
}
a:hover { 
  color: [-- PAGE.LinkColor --];
}
a:active { 
  color: [-- PAGE.ActiveLinkColor --];
}
[-- END_IF --]

/*************************/
/***  View Cart Links  ***/
/*************************/
a.viewcart:link { 
  text-decoration: none;
  color: [-- VAR.ViewCartColor --];
}
a.viewcart:visited { 
  text-decoration: none;
  color: [-- VAR.ViewCartColor --];
}
a.viewcart:hover { 
  text-decoration: underline;
  color: [-- VAR.ViewCartColor --];
}
a.viewcart:active { 
  text-decoration: underline;
  color: [-- PAGE.ActiveLinkColor --];
}

/***********************/
/***  Headings       ***/
/***********************/
h1 {
  font-size: 18pt;
  margin-top: 10px;
  margin-bottom: 0pt;
}

h2 {
  font-size: 16pt;
  margin-top: 8px;
  margin-bottom: 0pt;
}

h3 {
  font-size: 14pt;
  margin-top: 8px;
  margin-bottom: 0pt;
}


/**************/
/*** Search ***/
/**************/
td.search {
  font-size: 9pt;
  color: [-- VAR.ThisPageFontColor --];
  font-weight: bold;
}

/**************/
/***  Tabs  ***/
/**************/
td.tab, td.tabselected {
  font-size: 10pt;
  font-weight: bold;
  color: [-- PAGE.LinkColor --];
  text-align: center;
}

td.tabselected {
  background-image: url(/media/themsmedia/tab_blue_selected_middle.gif);
}

/****************/
/***  Footer  ***/
/****************/
div.footer {
  margin-top: 50px;
  width: 470px;
}

p.Space {
  font-size: 6pt;
  margin-left: 0em;
  margin-top: 0em;
  margin-bottom: 0em;
}

/*****************************/
/*** Multi Page Navigation ***/
/*****************************/
span.currentpage, span.prevnext {
  padding-left: 1pt;
  padding-right: 1pt;
}

/*************************/
/***  Font Formatting  ***/
/*************************/
small, Small {
  font-size: smaller;
}

Big {
  font-size: larger;
}

b {
  font-weight: bold;
}

i {
  font-style: italic;
}

tt {
  font-family: monospace;
}


/* Products List */
div.spacer {
 clear: both;
/* height: .5em;*/
/* white.gif missing */
/* background: url('/media/themesmedia/lulub_DarkBrown.gif') no-repeat 0 0; */
}
div.prodcont {
 border: 1px dashed #666;
 background-color: #f9f9f9;
}
div.prodfloat {
 width: 120px;
 padding: 10px;
 float: left;
}

div.prodfloat img {
 margin-left: 5px;
}
div.prodfloat p {
 font-size: 9px;
 text-align: center;
}
/* Title and More Pages Bars */
#pagetitle {
 background: transparent; 
 line-height: 21pt;
 border-top: thin solid #D0CBC3;
 border-bottom: thin solid #D0CBC3;
 margin: 5px 0 5px 0;
}
#pagetitle hr {
 clear: both;
 height: 1px;
 line-height: 5px;
 color: #D0CBC3;/*was 996633*/
 background: white;
 border:0;
}
#pagetitle h1 {
 font-family: "Times New Roman", serif;
 font-size: 21pt;
 margin: 0;
 padding: 0;
 float: left;
 color: #D0CBC3;/*was 996633*/
 background: white;
}
#pagetitle h2 {
 font-family: "Times New Roman", serif;
 font-size: 10pt;
 margin: 0;
 padding: 5px 0 0 0;
 float: left;
 color: #D0CBC3;/*was 996633*/
 background: white;
}
#pagetitle span.right,#pagebottom span.right {
 float: right;
 font-family: Arial, sans-serif; font-size: 12pt;
 text-align: right;
 color: #D0CBC3;/*was 996633*/
}
#prodbottom {
 background: white; 
 font-family: Arial, sans-serif; font-size: 12pt;
 color: #D0CBC3;/*was 996633*/
 border-top: thin solid #D0CBC3;
 border-bottom: thin solid #D0CBC3;
 margin: 5px 0 0 0;
 text-align: right;
}
#prodbottom hr {
 clear: both;
 height: 1px;
 color: #D0CBC3;/*was 996633*/
}

td.banner{
 text-align: right;
 padding:0;
 margin:0;
}
table.tabletext1 {
 border-collapse: collapse;
 padding: 0;
 margin: 0;/* this also affects page header border because of the 100%*/
}
td.text1 {
 font-family: "Times New Roman", serif;
 font-size: 16pt;
 line-height: 20pt;
 color: #A29F8D; /* was #996633 */
 background: url('/media/themesmedia/lulub_FeatureBack.gif') repeat 0 0; 
 padding:5 10 5 10;
 margin: 0;
}

td.text2, td.text3 {
 font: 12pt Arial, sans-serif; 
 color: #A29F8D; /* was #996633 */
 background: white; */
 padding:5 10 5 10;
 margin: 0;
}
/* Product list */

td.prodcontainer {
 width: 160px; /* 4 across */
 /*float: left;
 background: white; */
 line-height: 1em; 
 font: 12pt Arial, sans-serif; 
 text-align: center; /* needed to center images in ie */
 margin:0;
 padding:0;
}
.prodcontainer img.prodimg {
 display: block
 margin-left: auto;/* this and below centers images in other browsers */
 margin-right: auto; 
 }
.prodcontainer h1 {
 line-height: 1em; 
 font: 12pt Arial, sans-serif; 
 text-align: center;
 color: #666666;
}
.prodcontainer p {
 text-align: center;
 color: #666666;
}

.prodcontainer a:link,.prodcontainer a:visited,.prodcontainer a:active,#pagetitle a:link,#pagetitle a:visited,#pagetitle a:active,#prodbottom a:link,#prodbottom a:visited,#prodbottom a:active,#moreinfocontainer a:link,#moreinfocontainer a:visited,#moreinfocontainer a:active,#contact a:link,#contact a:visited,#contact a:active { 
 text-decoration: none;
 color: #666666;
}
.prodcontainer a:hover,#prodbottom a:hover,#pagetitle a:hover,#moreinfocontainer a:hover,#contact a:hover { 
 text-decoration: underline;
 color: #666666;
}
/* moreinfo page */

#moreinfoleft {
 float: left;
 background: white; 
 font: 12pt Arial, sans-serif; 
 width: 250px;
 margin-top: 40; 
 margin-bottom: 40;
}
#moreinfoleft img {
}
#moreinforight {
 float: right;
 text-align: left;
 width: 400px;
 background: white; 
 margin-top: 40;
 margin-bottom: 40;
}
#moreinforight h1 {
 line-height: 1em; 
 font: 16pt "Times New Roman", serif;
 color: #666666;
 margin: 5px 0px 10px 0px;
}
#moreinforight p {
 font: 12pt Arial, sans-serif; 
 color: #666666;
}
#moreinforight p.prodprice {
 font: 14pt Arial, sans-serif; 
 color: #666666;
 margin-top: 10px;
 margin-bottom: 10px;
}
#moreinforight p.prodqty, #moreinforight p.tellfriend {
 font: 11pt Arial, sans-serif; 
 color: #666666;
 margin-top: 10px;
 margin-bottom: 10px;
}


div.spacer { /* used to put a non float item so the container has space */
  clear: both;
/*  background: white;*/ /* needed for background inheritance issue*/
}
#content div.spacerwhite { /* used to put a non float item so the container has space */
  clear: both;
  background: white; /* needed for background inheritance issue*/
  padding:0;
  margin:0;
  line-height:0;
}
/* Shopping Cart Other css not included in sc_cart.css */
#content div.messages {
  background: white; /* needed for background inheritance issue*/
  font: 11pt Arial, sans-serif; 
  color: #666666;
  margin:0;
  padding:0;
/*  margin-top: 10px; */
  vertical-align: middle;
}
#content div.cust_name {
  background: transparent;
}