/* ---------------------------------------------------------------------------------
   
   Domani Shoes - Master Stylesheet 
   Author: Feris Technologies
   Website: www.feris.com.au 

--------------------------------------------------------------------------------- */

body { margin: 0; padding: 0; background: #dcd4c6; font-family: arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.4em 0; text-transform: uppercase; }
h1, h2, h3 { font-family: "Times New Roman", Times, serif; }
h1 { text-transform: uppercase; font-size: 2.2em; }
h1 span { font-weight: normal; }
h1 a { color: #000; text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h2 { font-size: 1.8em; font-weight: normal; color: #3d3d3d; }
h3 { font-weight: normal; color: #979083; font-size: 1.3em; margin: 0 0 0.2em 0; }
h3 a { color: #000; text-decoration: none; }
h3 a:hover { text-decoration:underline; }
a img { border: none; }
p { color: #3d3d3d; font-size: 0.95em; line-height: 1.4em; margin: 0 0 1.2em 0; }
p a, li a { color: #979083; }
p a:hover, li a:hover { color: #b9030f; }
li { font-size: 0.95em; color: #3d3d3d; line-height: 1.4em; }

hr { display: none; }

#topBar-wrap { width: 100%; height: 51px; background: #000; float: left; }
#topBar { width: 984px; margin: 0 auto; height: 51px; }
#home #topBar { background: url(../images/bg-topBar.jpg) no-repeat 82px 0; }

#main-wrap { width: 100%; background: #fff; float: left; }
#main { width: 960px; margin: 0 auto; padding: 0 12px; }
#left { width: 271px; float: left; padding: 22px 0 250px 0; }
#right { padding: 20px 0; width: 665px; float: right; }

/* ---------------------------------------------------------------------------------
   NAVIGATION
--------------------------------------------------------------------------------- */

#navigation { margin: 0; padding: 0; float: right; }
#navigation li { float: left; font-size: 0.8em; list-style-type: none; text-transform: uppercase; font-weight: bold; position: relative; }
#navigation li a { color: #fff; text-decoration: none; float: left; display: block; padding: 28px 12px 0px 12px; height: 23px; }
#navigation li:hover a, #navigation li a:hover { background: #f4ebda; color: #000; }

#contentPage #navigation { float: left; }

#navigation li:hover ul, #topBar li.over ul {
   display: block;
}
#navigation li ul {
   margin: 0px;
   padding: 0px;
}
#topBar .subuls {
   display: none;
   position: absolute;
   top: 51px;
   left: 0px;
   z-index: 20;
}
#topBar .subuls li {
   float: left;
   clear: both;
}
#topBar .subuls li a {
   float: left;
   display: block;
   padding: 8px 12px;
   width: 83px;
   font-size: 12px;
   height: auto;
   background: url(../images/dropdown-divider.gif) no-repeat center 0 #f4ebda !important;
   color: #000;
   text-align: center; 
}
#topBar .subuls li a:hover { background-color: #e8dfcf !important; }


/* ---------------------------------------------------------------------------------
   HOME - HEADER
--------------------------------------------------------------------------------- */

#header-wrap { float: left; width: 100%; height: 417px; background: url(../images/bg-header.jpg) no-repeat center 0 #fff; min-width: 984px; }
#header { width: 984px; margin: 0 auto; }

#content-wrap { float: left; width: 100%; background: url(../images/bg-contentwrap.gif) repeat-x 0 0 #fff; padding-bottom: 50px; }
#content { width: 960px; margin: 0 auto; padding: 0 10px; }
#home #content { background: url(../images/bg-feet.jpg) no-repeat 81px 0; min-height: 300px; }

#subLinks { float: right; margin: 0; padding: 8px 6px 0 0; height: 28px; }
#subLinks li { list-style-type: none; font-size: 0.8em; float: left; text-transform: uppercase; font-weight: bold; padding: 0px 6px; }
#subLinks li a { color: #000; float: left; text-decoration: none; }
#subLinks li a:hover { text-decoration: underline; }
#subLinks .divider { border-right: solid 1px #ccc; }
#header #logo { margin: 0; width: 677px; height: 111px; margin-top: 120px; background: url(../images/logo.gif) no-repeat 0 0; display: block; float: right; clear: both; text-indent: -5000px; }

#contentPage #subLinks { float: right; margin-top: 20px; height: auto; }
#contentPage #subLinks li a { color: #979083; }
#contentPage #subLinks .divider { border-right: solid 1px #656057; }

#seasons { margin: 0 12px 0 0; color: #000; height: 50px; overflow: hidden; float: right; clear: both; display: inline; font-family: "Times New Roman", Times, serif; font-size: 3.0em; text-transform: uppercase;  }
#seasons a { color: #000; text-decoration: none; }
#seasons a:hover { color: #b4ac9f; }


/* ---------------------------------------------------------------------------------
   LEFT
--------------------------------------------------------------------------------- */

#left ul { margin: -8px 0 0 0; padding: 0; font-family: "Times New Roman", Times, serif; }
#left ul li { list-style-type: none; font-size: 1.4em; text-transform: uppercase; float: left; width: 100%; }
#left ul li a { color: #979083; text-decoration: none; padding: 4px 0; border-bottom: solid 1px #777; float: left; width: 100%;  display: block; }
#left ul li a:hover { color: #000; }
#left .noUnderline a { border: none; }

/* ---------------------------------------------------------------------------------
   CONTENT
--------------------------------------------------------------------------------- */

#h2-newarrivals { background: url(../images/h2-newarrivals.gif) no-repeat 0 bottom; height: 23px; text-indent: -5000px; margin: 0; float: right; display: block; width: 151px; }

#productSlide { float: left; width: 960px; display: inline; padding: 11px 0 0 0; height: 166px; background: url(../images/bg-productSlide.jpg) no-repeat 0 bottom; }
#productSlide ul { margin: 0; padding: 0; float: left; }
#productSlide ul li { list-style-type: none; float: left; padding: 0 20px; }
#productSlide ul li a { border: solid 2px #fff; float: left; }
#productSlide ul li a:hover { border: solid 2px #ddd4c6; }

#slideArea { float: left; height: 138px; overflow: hidden; width: 890px;  }
.slides { float: left; }
#slideShift { padding-left: 33px; }

#proPrev, #proNext { float: left; width: 29px; height: 82px; padding: 0; margin-top: -80px; }
#proPrev { width: 33px; }
#proNext { float: right; }
#proPrev span, #proNext span { width: 29px; height: 53px; display: block; text-indent: -5000px; outline: none; cursor: hand; cursor:pointer; position: relative; z-index: 100; }
#proPrev span { background: url(../images/arrow-left.gif) no-repeat 0 0;  }
#proNext span { background: url(../images/arrow-right.gif) no-repeat 0 0; }
#proPrev span:hover, #proNext span:hover { background-position: 0 bottom; }

#myController { display: none; }
#info { float: left; width: 957px; padding: 46px 0 0 0; }
.imgRight { float: right; margin-left: 25px; }

#h1-welcome { font-size: 2.2em; line-height: 0.7em; }
#h1-welcome span { display: block; font-size: 0.9em; }

#top { border-bottom: solid 1px #777777; height: 81px; float: left; width: 100%; }
#mainInner { width: 100%; float: left; background: url(../images/bg-mainInner.jpg) no-repeat 0 bottom; padding: 0 0 20px 0; }
#top #logo { margin: 26px 0 0 0; float: left; }
#top #logo a { width: 272px; height: 44px; background: url(../images/logo-content.gif) no-repeat 0 0; display: block; text-indent: -5000px; outline: none; }

#right ul { margin: 0 0 1.2em 0; padding: 0; }
#right ul li { padding: 0 0 0 20px; list-style-type: none; background: url(../images/arrow-li.gif) no-repeat 0 6px; }
#right table { width: 100%; margin: 0 0 1.2em 0; }
#right table th, #right table td { font-size: 0.95em; border: solid 1px #fff; border-collapse: collapse; padding: 3px 5px; }
#right table th { background: #dcd4c6; text-align: left; font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-size: 1.2em; font-weight: normal; }
#right table td { background: #f9f1e7; border: solid 1px #fff; color: #3d3d3d; }
#right table td span { color: #000; }

/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */

#footer-wrap { float: left; width: 100%; padding: 16px 0; }
#footer { width: 960px; padding: 0 10px; margin: 0 auto; }
#footer p { font-size: 0.8em; color: #7b756a; }
#footer p a { color: #625d54; text-decoration: none; }
#footer p a:hover { text-decoration: underline; color: #000; }
.fLeft { float: left; background: url(../images/footer-logo.gif) no-repeat 0 0; padding: 5px 0 20px 70px; }
.fRight { float: right; text-align: right; padding: 5px 0 0 0; }