/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 23 March 2009 @ 11:55 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #6F706D;
}
body { padding: 0 10px 20px; background: #D7F1E6 url(../images/bg_body.jpg) repeat center top; }
   a {
		color: #c54443;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #c54443; }
   	a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
   	line-height: 1.25em;
   	font-weight: normal;
   	color: #fa5655;
   }
   	h1, .content h1 { font-size: 1.8em; }
   	h2, .content h2 { font-size: 1.5em; }
   	h3, .content h3 { font-size: 1.4em; }
   	h4, .content h4 { font-size: 1.2em; }
   	h5, .content h5 { font-size: 1.0em; }
   	h6, .content 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; }

.clearafter:after {
	content: "";
	display: block; 
	height: 100%;
	clear: both;
	visibility: hidden;
	}

#wrapper {
	position: relative;
	width: 976px;
	margin: 0 auto;
}

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header { 
	position: relative;
	height: 125px;
	font-size: 1.2em;
	}

#header #masthead a, 
#header #masthead a:visited {
	position: absolute; display: block;
	top: 0; left: 0;
	background: url("../images/logo.png") 0 0 no-repeat;
	text-indent: -10000px;
	width: 403px; height: 125px;
	text-decoration: none;
	overflow: hidden;
	z-index: 2;
}

#search {
	position: absolute;
	top: 87px; right: 5px;
	margin: 0; padding: 0;
	}
	#search label {
		display: none;
		}
	#search input, #search button, #store #search a {
		font-size: 1.2em;
		}
	#search input {
		float: left; display: inline;
		margin-right: 5px; padding: 5px 5px 0;
		width: 218px; height: 19px;
		background-color: #b9e6d5;
		border-width: 1px;
		border-style: solid;
		border-color: #5C736A #8EB0A3 #8EB0A3 #5C736A;
		background: url(../images/bg_search_field.gif) no-repeat left top;
		}
	#search button, #store #search a {
		float: left;
		padding: 0 8px;
		height: 26px; line-height: 26px;
		background-color: #fa5655;
		border: 1px solid #c54443;
		color: #fff;
		cursor: pointer;
		}
		   #store #search div.button_container { float: left; }
		      #store #search div.button_container * { margin: 0; }
	#search button:hover, #store #search a:hover { background-color: #c54443; }
	
#userLinks {
	position: absolute;
	top: 62px; right: 0;
	margin: 0 -10px 0 0; padding: 0;
	list-style: none;
	}
	#userLinks li {
		float: left; display: inline;
		padding-top: 2px;
		background: url(../images/bg_hlist_divider.gif) no-repeat left center;
		}
	#userLinks li.cart {
		background: url(../images/bg_cart_icon.gif) no-repeat left top;
		}
	#userLinks li.cart a {
		padding-left: 25px;
		}
	#userLinks li a {
		display: block;
		padding: 0 18px;
		line-height: 15px;
		color: #351602;
		text-decoration: none;
		}
	#userLinks li a:hover { text-decoration: underline; }

/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
	padding: 5px;
	border: 1px solid #9a9a9a;
	background-color: #fff;
	}
	
	#contentWrapperInner { background: url(../images/bg_subnav.gif) repeat-y left top; }
	#contentWrapperInner2 { background: url(../images/bg_subnav_palm.gif) no-repeat left bottom; min-height: 450px; }

#topNavigation {
   width: 962px;
	margin-bottom: 5px;
	background-color: #fa5655;
	border: 1px solid #c54443;
	}
/*    #topNavigation ul {
      margin: 0; padding: 0;
      list-style: none;
   }
   #topNavigation li {
      float: left;
      }
   #topNavigation li a {
      display: block;
      padding: 0 26px;
      text-align: center;
      font-size: 1.5em;
      color: #fff;
      line-height: 34px;
      text-decoration: none;
      }
   #topNavigation li a:hover {
      background-color: #c54443;
   }*/

#feature {margin-bottom: 5px;}

#columns .column {
	float: left; display: inline;
	height: 126px;
	background-color: #cbc8c0;
   padding: 22px 15px 0 125px;
   overflow: hidden;
	}
	#columns a { text-decoration: none; }
	#columns a:hover { text-decoration: underline; }
	#columns h1, #columns h2, #columns h3 {
		margin: 0 0 8px; padding: 0;
		font-size: 2em; font-family: Georgia;
		line-height: .9em;
		color: #c54443;
		}
	#columns p {
		margin-top: 0;
		font-size: 1em; line-height: 1.5;
		}
	#columns #column1 {
	    padding: 22px 15px 0px 100px;
		width: 135px;
		color: #806f61;
		background: #cbc8c0 url(../myimages/col1b.jpg) no-repeat left top;
		}
		#column1 h3 span { margin-left: -15px; }
	#columns #column2 {
		margin-left: 7px;
		width: 173px;
		padding-left: 162px;
		color: #dad4d0;
		background: #351602 url(../myimages/col2.jpg) no-repeat left top;
		}
	#columns #column3 {
		margin-left: 7px;
		width: 173px;
		padding-left: 162px;
		color: #806f61;
		background: #cbc8c0 url(../myimages/col3.jpg) no-repeat left top;
		}
   #columns #column4 { display: none; }
/* @end contentWrapper **/


/** contentSlot
-------------------------- **/
/** @group contentSlot */
#contentSlot {
	float: right; display: inline;
	width: 712px;
	font-size: 1.2em;
}
   #default h1, #default #layout { padding: 0 15px; }
      #default h1 { padding-top: 8px;}
/* @end contentSlot **/


/** sideBar
-------------------------- **/
/** @group sideBar */
#sideBar {
	float: left; display: inline;
	padding-bottom: 180px;
	width: 246px;
	font-size: 1.3em;
	}
	#sideBarNav ul, 
	#storemenu {
		margin: 0; padding: 1px 2px;
		list-style: none;
		}
		   #sideBarNav,#storemenu { border-top: 1px solid #96bbad; }
	#sideBarNav li {
		margin-bottom: 1px;
		}
	#sideBarNav li a, 
	#storemenu .menu_hdr {
		display: block;
		padding: 6px 28px 5px;
		text-decoration: none;
		color: #351602;
		border: 1px solid #b9e6d5;
		}
	#sideBarNav li a:hover, 
	#sideBarNav li.lvl1 li.selected a,
	#storemenu .selected {
		color: #fff;
		background: #fa5655 url(../images/bg_subnav_bullet.gif) no-repeat 5px center;
		border: 1px solid #c54443;
	   }
	   #storemenu .menu_content { border-top: 0; }
	   #storemenu .selected .menu_hdr { border-left: 0; border-right: 0; }

#storemenu .menu_content_inside { padding: 3px 28px; }
   #storemenu .selected .menu_content_inside { background-color: #D9F0E6; }
/* @end sideBar **/

/** Footer
-------------------------- **/
/** @group footer */
#footer { 
	padding: 10px 12px;
	font-size: 1.2em;
	}
	#footer, #footer a { color: #351602; }
	#footer a { text-decoration: none; }
	#footer a:hover{ text-decoration: underline; }
	#footerLinks {
		margin: 0 0 5px 0; padding: 0;
		list-style: none;
		}
	#footerLinks li {
		float: left; display: inline;
		background: url(../images/bg_hlist_divider.gif) no-repeat left center;
		}
	#footerLinks li.first {
		background: none;
		}
		   #footerLinks li.first a { padding-left: 0; }
		   #footerLinks li a {
		      display: block;
      		padding: 0 12px;
		   }
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent input.input, #formContent textarea.textarea { border: 1px solid #2B0B00; }
#formContent input.submit {
   background-color: #2B0B00;
   border: 1px solid #2B0B00;
   border-left-color: #7A2002;
   border-top-color: #7A2002;
   color: #FFF;
}
/* @end formContent **/


/** Class Styles
-------------------------- **/
.hidden, .printOnly, #search input.hidden {
	display: none;
}

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