/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 26 Feburary 2009 @ 16:10 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html {
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
   color: #9D8A6C;
}
body {
   padding: 40px 0;
   background-color: #FFF;
}
   a {
		color: #9D8A6C;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #685B48; }
   	a img { border: 0; }

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.5em;
	line-height: 1.25em;
	font-weight: normal;
}
   h1 { font-size: 2.1em; }
      .store h1 { margin-top: 0.6em; }
	h2 { font-size: 1.8em; }
	h3, h2.dialog_title { font-size: 1.5em; }
	h4, h3.ProductTitle { font-size: 1.3em; }
	h5 { font-size: 1.1em; }
	h6 { font-size: 0.9em; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	background: #8A8278 no-repeat scroll center;
}
	div.hr hr {
		display: none;
	}

#wrapper {
	position: relative;
	width: 980px;
	margin: 0 auto;
	border: 3px solid #9D8A6C;
}

pre { color: #FFF; }

/** Header
-------------------------- **/
/** @group header */
#header {}
#header #banner { 
   height: 155px; 
   padding-bottom: 6px;
   padding-top: 8px;
}
   #header #banner a, 
   #header #banner a:visited {
   	position: absolute;
   	display: block;
   	background: url("../images/logo.gif") 0 0 no-repeat;
   	text-indent: -10000px;
   	width: 130px;
   	height: 145px;
   	text-decoration: none;
   	overflow: hidden;
   	top: 8px;
   	left: 17px;
   	z-index: 2;
   }

/** @group globalNav */
#globalNav {
   width: 330px;
   position: absolute;
   top: 130px;
   right: 265px;
}
   #globalNav ul { list-style:  none; }
      #globalNav ul li { display: inline; }
      #globalNav ul li a {
         float: left;
         padding: 3px 70px 3px 10px;
         text-decoration: none;
         font-size: 1.3em;
      }
         #globalNav ul li a:hover { text-decoration: underline; }
/* @end globalNav **/
/** @group search */
#search {
   position: absolute;
   right: 10px;
   top: 121px;
}
   #search label {
      font-size: 1.3em;
      padding-right: 20px;
   }
   #search input { 
      border: 1px solid #CEC2B1;
      padding: 2px;
   }
   #search button {
      border: 0;
      background-color: transparent;
      vertical-align: bottom;
   }
/* @end search **/


/** @group topNavigation */
#header #topNavigation {
   background-color: #9D8A6C;
   height: 40px;
}

#header #topNavigation ul {
	padding-left: 210px;
	list-style: none;
}

#header #topNavigation ul li {}

#header #topNavigation ul li a {
	display: block;
	color: #D4CCBE;
	padding: 10px 35px;
	float: left;
	font-size: 1.6em;
	text-decoration: none;
}
   #header #topNavigation ul li a:hover { text-decoration: underline; }

/* @end topNavigation **/
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   background: transparent url('../images/bg_content.gif') left top repeat-y;
   min-height: 450px;
}
/** @group contentSlot */
#contentSlot {
   width: 794px;
   float: right;
   overflow: hidden;
   background: transparent url('../images/bg_contentSlot.gif') left top no-repeat;
   padding-top: 41px;
}
   #layout { padding: 20px; }
      h1.title { margin-top: 0; font-weight: bold; }
      .store #layout { padding-top: 0; }
   #layout.content { 
      font-size: 1.2em;
      line-height: 1.5em;
   }
/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   width: 186px;
   float: left;
}
/** @group menu */
.menu_hdr {
   text-align: center;
   font-size: 1.3em;
   padding: 13px;
   border-bottom: 4px solid #FFF;
   height: 15px;
}
   .menu_hdr:hover,
   .menu_hdr.hover,
   .menu_hdr.active {
      background-color: #777;
      color: #E0D8CE;
      cursor: pointer;
   }
.menu_content_inside {
   padding: 10px;
   background-color: #9D8A6C;
}
.menu_content_inside ul {
   list-style: none;
   padding-top: 5px;
   padding-left: 20px;
}
   .menu_content_inside ol { 
      list-style: decimal;
      padding-top: 5px;
      padding-left: 20px;
      color: #FFF; 
   }
   .menu_content_inside li { margin-bottom: 0.8em; }
   .menu_content_inside li a,
   .menu_content_inside li a:visited {
      font-size: 1.1em;
      color: #FFF;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      text-decoration: none;
   }
      .menu_content_inside ul li a:hover { text-decoration: underline; }
/* @end menu **/
/* @end sideBar **/
/* @end contentWrapper **/

/** @group store */
.store #promo { margin-left: -20px; }
.store .search_input { width: 90%; }
/** @group store sideBar menu_hdr */
/*.store #sideBar .menu_hdr, .store #sideBar .no_toggle {
   width: 234px;
   height: 33px;
   text-indent: -10000px;
   overflow: hidden;
   background-position: left top;
   background-repeat: no-repeat;
   background-color: transparent;
}
.store #sideBar .menu_hdr {
   cursor: pointer;
   cursor: hand;
}*/

/*.store #sideBar .menu_content_inside { padding: 8px; }
   .store #sideBar .menu_content_inside ul { padding-left: 25px; list-style: none; }
      .store #sideBar .menu_content_inside ul li { margin-bottom: 0.5em; }
      .store #sideBar .menu_content_inside ul li a { color: #FFF; }

.store #sideBar .menu_inside { padding: 5px 8px; }*/

.store .content a { position: static; }
.store form, .store .content form div { margin: 0; }
.store .content form #products_details div.product_option { margin-bottom: 0.5em; }


.store .content form #products_details div#add_to_cart { margin-top: 10px; }
.store .content form #products_details div#wish_list { margin-top: 25px; }
.store #add_to_cart div,
.store #wish_list div { background-color: transparent; padding: 0; float: none; margin: 0; position: static; }
.store #add_to_cart a,
.store #wish_list a {
   display: inline-block;
   border: 0;
   background-color: #FFF;
   color: #9D8A6C;
   text-transform: uppercase;
   letter-spacing: 0.1em;
   font-weight: normal;
   text-align: left;
   padding: 8px 35px 8px 0;
   background: #FFF url("/images/btn_go_search.gif") right 50% no-repeat;
}

.store #wish_list a { text-decoration: none; padding-left: 5px; }

#nav_container ul li { margin-right: 3px; }

.store .title { padding: 5px 0; height: 20px; overflow: hidden; font-size: 1.1em;}
/* @end store .menu_hdr **/ 

/* @end store **/

/** Footer
-------------------------- **/
/** @group footer */
#footer {
   position: relative;
	text-align: center;
	padding: 60px 5px 5px 5px;
	line-height: 1.25em;
	background: transparent url('../images/bg_footer.gif') left top no-repeat;
}
   #footer ul {
      position: absolute;
      top: 68px;
      left: 300px;
      list-style: none;
      font-size: 1.2em;
   }
   #footer ul li { display: inline; }
      #footer ul li a { 
         float: left;
         padding: 3px 10px;
      }
      #footer ul li a, #footer a {
         color: #9D8A6C;
         text-decoration: none;
      }
         #footer a:hover { text-decoration: underline; }
/** @group copyright_siteby */
#copyright_siteby {
   text-align: left;
   padding: 5px;
   padding-top: 40px;
   font-size: 0.95em;
}
/* @end copyright_siteby **/
/* @end footer **/


/** @group formContent */
#formContent  input.input, #formContent textarea.textarea, #formContent select { border-color: #CEC2B1; }
#formContent input.submit {
   background-color: #937857;
   border: 1px solid #735D44;
   border-left-color: #A88864;
   border-top-color: #A88864;
   color: #D4CCBE;
}
/* @end formContent **/


/** Class Styles
-------------------------- **/

.hidden {
	display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}