/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body  { color: #555; font: 14px Helvetica,Arial,Sans-serif; line-height: 1.5; }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: "Lucida Grande", Helvetica, Arial, Sans-serif; }
h1  {font-size: 30px;} h2  {font-size: 24px;} h3  {font-size: 20px;} h4  {font-size: 18px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p  {margin: 0;}

hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }
div.hr { margin: 20px 0; height:2px; background: url(images/bg-hr.png) repeat-x;}
div.hr hr { display: none; }

/* 1.2 Hyperlinks */

a:link, a:visited  { text-decoration: none; }
a:hover  { text-decoration: underline; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: underline; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

/* 2.2 Navigation */
#navigation  { height: 38px; width: 886px; padding: 0 26px; margin-bottom: 20px; font-size: 11px; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Sans-serif; text-transform: uppercase; border: 1px solid #fff; background: #fff url(images/navtile.jpg) repeat-x left top; }

#navigation .search  { float: right; margin: 0; width:215px; }
#navigation .search #searchform  { margin: 7px 0 0 0; }
#navigation .search input#s  { float: left; width: 176px; padding: 6px 0 6px 10px; background: url(images/searchinput.png) no-repeat left top; border: none; color:#777; }
#navigation .search input.submit  { float: right; padding: 6px 0 0 8px; }

#nav  { float: left; width: 650px; height: 36px; }
#nav, #nav ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
#nav a  { display:block; z-index:100; padding:0 10px; line-height:28px; color: #999; line-height: 38px; }
#nav a:hover, #nav .current_page_item a  { color: #333; text-decoration: none; }
#nav li  { float:left; width: auto; margin: 0 14px 0 0; }

/* 2.2.1 Drop-down menus */
#nav li ul  { position: absolute; left: -999em; width: 170px; border: 1px solid #F7F6F6; }
#nav li ul li  {  background: #fff url(images/navtile.jpg) repeat-x left top; border-width: 0 1px 1px; margin:0; padding:0; }
#nav li ul li a  { width:160px; line-height:30px; font-size:10px; color:#555; }
#nav li ul li a:hover  {background: #e8e8e8; }
#nav li ul ul  { margin: -32px 0 0 170px; }
#nav li ul ul li a  {  }
#nav li ul li ul li a  {  }

#nav li:hover,#nav li.hover  { position:static; }

#nav li:hover ul ul, #nav li.sfhover ul ul,
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul,
#nav li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul { left:-999em; }
#nav li:hover ul, #nav li.sfhover ul,
#nav li li:hover ul, #nav li li.sfhover ul,
#nav li li li:hover ul, #nav li li li.sfhover ul,
#nav li li li li:hover ul, #nav li li li li.sfhover ul  { left:auto; }

/* 2.4 Featured Slider */


#loopedSlider  { position: relative; z-index: 1; margin:0 auto;  }
#loopedSlider .alignright {margin: 0 0px 8px 20px;float: right;}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}
#loopedSlider li#p { position:absolute; top:70px; left:-30px; }
#loopedSlider li#n { position:absolute; top:70px; right:-30px; }

#loopedSlider .container { width:940px; min-height:250px; height:250px; overflow:hidden; position:relative;  font-size: 16px; color: #919191; background: #f7f7f7;}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div.slide { position:relative; top:0; padding:20px 40px 15px; width:860px; display:none; }
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative; z-index: 2;}

#loopedSlider .button  { margin: 10px 10px 0 0; padding: 8px 14px 8px; line-height:16px; }

.slider-nav  { position: relative; z-index: 0; text-align: center; width: 930px; height: 49px; }
.slider-nav ul li  { display: inline; }
.slider-nav ul li a  { z-index: 9999;position: relative; margin: 0 20px; padding: 19px 0 16px 0; line-height: 47px; font-weight: bold; font-size: 10px; font-family: "Lucida Grande", Helvetica, Arial, Sans-serif; }
.slider-nav ul li.active a, .slider-nav ul li a:hover  { color: #fff; background: url(images/slider-nav-active.png) no-repeat center top; }

#featured  { margin-bottom: 30px; }
#featured h2  { margin: 0 0 10px 0; font-size: 35px; color: #434343;  }
#featured h4 { font-size:18px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:22px; letter-spacing:1px; }
#featured p { font-size:14px; color:#666; line-height:20px; margin-bottom:20px;}

#loopedSlider .slides ol, #loopedSlider .slides ul { line-height: 18px; }
#loopedSlider .slides ul { padding-left: 20px; }
#loopedSlider .slides ul li { list-style: dot; padding: 3px 0; }
#loopedSlider .slides ol { padding-left: 20px; }
#loopedSlider .slides ol li { list-style: decimal; padding: 3px 0; }