@import "reset.css";

body {
  background-color: black;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1em;
}

table td { font-size: 1em; }

p {
  padding-bottom: 0.5em;
}

li {margin-left: 24px;}

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

.clear { clear: both; height: 1px; }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%;} /* fix ie6 */



#container {
  position: absolute;
  width: 900px;
  left: 50%;
  margin-left: -450px;  /* must be half the width */
  background-color: black;
  color: white; 
}

#pageHeader, #pageMenu, #pageContent, #pageFooter { clear: both; }


#pageHeader { height: 256px; background: black top right no-repeat; border-bottom: 2px solid #E6BE03;  }
#logo { margin-left: 13px; margin-top: 15px; }
#toplinks { position: absolute; top: 24px; right: 24px; color: #fff000;font-weight: bold; font-size: 0.8em;  }
#toplinks a { color: #fff000; }

#pageMenu { font-size: 0.7em; }
#pageMenu { font-size: 0.75em; # } /* safari 1+2 */
@media screen and (-webkit-min-device-pixel-ratio:0){   /* Safari 3.0 and Opera 9 rules here */
  #pageMenu { font-size: 0.7em; }
}

#pageMenu a { display: block; padding: 2px 21px 3px 17px;  background: black url(../stylesheets/menu_seperator.gif) 2px right no-repeat; font-weight: bold; }
#pageMenu ul li ul li a { display: block; width: 166px; padding: 2px 14px 3px 12px; background: black none no-repeat; font-weight: bold; }
#pageMenu ul { list-style: none; }
#pageMenu ul, #pageMenu li { margin: 0; padding: 0;}
#pageMenu ul li { list-style: none; float: left; position: relative; }
#pageMenu .last a { background-image: none; }


/* sub menu items */
#pageMenu ul li ul { position: absolute; display: none; text-align: left; background-color: black; left: 0; top: 1.5em; width: 166px; filter:alpha(opacity=85); opacity: 0.85; -moz-opacity:0.85; }
#pageMenu ul li ul li { filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; }
#pageMenu li > #pageMenu ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; }
#pageMenu ul li:hover ul, #pageMenu .sfhover ul { display: block;  }

#pageMenu a { color: white;  }
#pageMenu a:hover { color: #fff000; text-decoration: none; }



/* page content styles */

#pageContent { background-color: #FFF000; color: black; font-size: 0.75em;  }

#pageContentLeft { float: left; width: 216px; background: #fff000 top left no-repeat; }
* html #pageContentLeft { width: 216px; }

/* stretchy middle-column styles : */
#pageContentMiddle { margin-left: 216px; margin-right: 200px; padding: 4px 12px 0px 0px; background-color: #FFF000; }
#pageContentFull { margin-left: 220px; padding: 12px 12px 0px 0px; background-color: #FFF000; }
#pageContentRight { float: right; width: 200px; padding: 4px 0px 0px 0px; background-color: #FFF000; }
* html #pageContentRight { width: 200px; }



#promobox1 { margin-top: 298px; }
#promobox2 { margin-top: 2px; }


#locations { width: 196px; overflow: hidden; background-color: black;  color: #fff000; font-weight: bold; font-size: 0.9em; }
#locations p { text-align: right;  margin-right: 4px; padding: 8px 8px 24px 6px; background-color: black; }


#locationlist {  list-style: none; width: 196px; background: black url(../stylesheets/bg_location_list.gif) bottom left repeat-x; padding-bottom: 0px; padding-left: 0; font-weight: bold; }
#locationlist li { margin-left: 0; list-style: none; background: black url(../stylesheets/bg_location_list.gif) top left repeat-x; color: white; padding: 8px 12px 8px 26px; }
#locationlist li.selected {  background: #E6BE03 url(../stylesheets/bg_location_list_selected.gif) top left repeat-x;  padding: 8px 12px 7px 26px; color: black; }
#locationlist li a {  color: white; }
#locationlist li a:hover {  color: #ccc; }
#locationlist li.selected a {  color: black; }
#locationlist li.selected a:hover {  color: #444; }


.news { list-style: none; padding: 0; margin: 0; }
.news li { background-color: white; margin-bottom: 12px; padding: 4px; } 
.news li .profileimage, .news li .iconimage { width: 58px; height: 58px; background-color: #fdd; float: left; margin-right: 4px; }
.news li .iconimage { margin-right: 12px; }
.news li h3 {font-size: 1.0em; padding-bottom: 4px; }
.news li div { margin-left: 132px; background-color: white; }


.eventDetails h3 { padding: 8px 0 8px 0; }
.eventDetails p { padding-bottom: 8px; line-height: 1.4em;}
.eventDetails .event-image { background: #aaa; display: block; height: 80px; margin-top: 12px; line-height: 80px; text-align: center; width: 650px; }
.eventDetails div { padding-bottom: 12px; }
.eventDetails .dates { font-weight: bold; }
.eventDetails table { margin-left: 24px; margin-bottom: 24px; }
.eventDetails td { padding: 4px 6px; }
.eventDetails .footnote p { color: #666;  }
.eventDetails .price { font-weight: bold; text-align: right; }



.collections-list, .collections-list li { padding: 0; margin: 0; list-style: none; }
.collections-list { overflow: auto; height: 1%; padding-top: 12px; margin-left: 48px; margin-top: 12px; } 
.collections-list li { float: left; margin: 0 12px 12px 12px; }
.collections-list img { width: 148px; height: 171px; margin: 2px;}



h3.line { border-bottom: 1px solid #888; padding-bottom: 6px; margin-top: 18px; margin-bottom: 6px; }

.product-list, .product-list li { padding: 0; margin: 0; list-style: none; }
.product-list { overflow: auto; height: 1%; padding-top: 12px; color: #444; }
.product-list li { float: left; width: 160px; min-height: 104px; margin: 0 1em 1em 1em; padding: 8px 10px 8px 120px; position: relative; line-height: 1.3em; background: #ff9; border: 1px solid #ccc; }
.product-list li.odd { clear: left; }
.product-list li {  -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; }
.product-list li img { position: absolute; left: 8px; width: 100px; height: 100px; border: 2px solid black;}
.product-list li .view-more { padding-top: 4px; float: right;}
.product-list li .view-more img { position: static; width: auto; height: auto; border: none; }
.product-list li .ref { padding: 0; margin: 0; font-weight: bold; font-size: 0.9em; } 
.product-list li .desc { padding: 0; margin: 0; font-size: 0.9em; }
.product-list li h4 { padding: 0; margin: 0; }

.product-details, .product-details li { padding: 0; margin: 0; list-style: none;}
table td .product-image { margin: 6px 12px; border: 1px solid #666;  }
.product-details { vertical-align: top; padding-top: 6px; }
.product-details ul { padding-top: 6px; }
.product-details ul li { padding: 0 0 6px 112px; position: relative;}
.product-details strong { position: absolute; left: 8px; }

.variations-buy-table { margin-left: 4%; margin-bottom: 18px; }
.variations-buy-table td { padding: 3px 0px }

.breadcrumbs { font-size: 0.9em; padding-bottom: 12px; color: #999; }
.breadcrumbs a { color: #666; text-decoration: none;  }
.breadcrumbs a:hover { text-decoration: underline; color: #F79021 } 


/* footer styles */

#pageFooter { padding: 4px 12px 4px 12px; font-size: 0.6em; text-align: center; border-bottom: 10px solid #FFF000; }
#pageFooter p { padding-bottom: 4px;} 
#pageFooter a { color: #ccc; }
#pageFooter a:hover { color: white; }h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-weight: bold;

}