/* ---------------------------------------------------------------------------------
   
   Salon Quip - Master Stylesheet 
   Author: Feris Technologies
   Website: www.feris.com.au 

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

body { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; background: #141414; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 0.6em 0; }
h1, h2 { font-size: 1.1em; font-weight: normal; text-transform: uppercase; }
h1 span { color: #dc3f95; }
h2 { color: #dc3f95; }
h3 { font-size: 1.0em; color: #474747; }
h4, h5 { font-size: 0.8em; }
h5 { color: #dc3f95; }
p, ul li, ol li { font-size: 0.75em; color: #525252; }
p { margin: 0 0 1.2em 0; line-height: 1.35em; }
p a, ul li a { color: #000; }
p a:hover, ul li a:hover { color: #dc3f95; }
a img { border: none; }
hr { display: none; }

#topBar-wrap,
#navBar-wrap,
#homeBar-wrap,
#content-wrap,
#content-wrap2,
#content-wrap3,
#footer-wrap
{ float: left; width: 100%; }

#topBar,
#navBar,
#homeBar,
#content,
#footer
{ width: 960px; margin: 0 auto; }

#topBar-wrap { height: 54px; background: #fff; }
#navBar-wrap { background: #1b1b1b; height: 65px; border-bottom: solid 2px #d4137c; }
#homeBar-wrap { background: url(../images/bg-homeBar.gif) repeat-x center 0 #0e0e0e; height: 290px; }
#content-wrap { background: url(../images/bg.jpg) repeat-x center 0px #fff; }
#content-wrap2 { background: url(../images/bg-contentShadow.gif) repeat-y center 0; }
#content-wrap3 { background: url(../images/bg-contentWrap.jpg) no-repeat center 0; }

#logo { margin: 1px 0 0 0; float: left; }
#logo a { width: 165px; height: 64px; background: url(../images/logo.gif) no-repeat 0 0; float: left; display: block; text-indent: -5000px; }

#homeBar { height: 290px; overflow: hidden; }
#homeBar img { float: left; }
#sideBar { float: left; width: 259px; /* background: url(../images/bg-sideBar.gif) repeat-y right 0; */ margin: 30px 0px 0px 23px; display: inline; }
#right { float: right; width: 627px; padding: 0px 0px 25px 25px; margin: 30px 26px 0 0; display: inline; background: url(../images/bg-sideBar.gif) repeat-y 0 0; min-height: 450px; }


/* ---------------------------------------------------------------------------------
   TOPBAR
--------------------------------------------------------------------------------- */

#topNav { margin: 0 0 0 2px; padding: 26px 0 0 0; float: left; width: 330px; display: inline; }
#topNav li { list-style-type: none; padding: 0 6px 0 0; float: left; }
#topNav li a { height: 15px; display: block; float: left; text-indent: -5000px; padding: 0px 2px; line-height: 0.5em; border: solid 4px #fff; }
#topNav li a:hover,
.t02 #tn02,
.t03 #tn03,
.t04 #tn04,
.t05 #tn05,
.t06 #tn06
{ background-position: center -14px; }

#tn01 {  background: url(../images/tn-01.gif) no-repeat 0 0; width: 28px; padding-left: 0; border-left: none !important; }
#tn02 {  background: url(../images/tn-02.gif) no-repeat center 0; width: 44px; }
#tn03 {  background: url(../images/tn-03.gif) no-repeat center 0; width: 54px; }
#tn04 {  background: url(../images/tn-04.gif) no-repeat center 0; width: 27px; }
#tn05 {  background: url(../images/tn-05.gif) no-repeat center 0; width: 22px; }
#tn06 {  background: url(../images/tn-06.gif) no-repeat center 0; width: 50px; }

.t01 #tn01, #topNav #tn01:hover { background-position: 0 -14px; }

#loginBar { float: right; width: 336px; }
#loginBar .field, #sideBar .field, #sideBar select { font-size: 0.7em; color: #908f8f; border: solid 1px #989898; padding: 2px; float: left; margin-right: 5px; display: inline; }
#loginBar .field { width: 118px; }
#loginBar fieldset { margin: 0; padding: 0; border: none; }

#register { margin: 0; font-size: 0.7em; text-align: right; padding: 7px 5px 5px 0; }
#register a { color: #908f8f; }
#register a:hover { color: #d4137c; }

/* ---------------------------------------------------------------------------------
   PRODUCT CATEGORIES - NAVIGATION
--------------------------------------------------------------------------------- */

#navigation { margin: 12px 0 0 0; padding: 0px; float: right; width: 680px; text-align: right; }
#navigation a { color: #b4b4b4; text-decoration: none; padding: 2px 4px; text-transform: uppercase; font-size: 1.00em; line-height: 1.65em; }
#navigation a:hover { color: #d4137c; }

#p01 #n01,
#p02 #n02,
#p03 #n03,
#p04 #n04,
#p05 #n05,
#p06 #n06,
#p07 #n07,
#p08 #n08,
#p09 #n09,
#p10 #n10,
#p11 #n11,
#p12 #n12,
#p13 #n13,
#p14 #n14,
#p15 #n15,
#p16 #n16
{ background: #d4137c; color: #fff; }


/* ---------------------------------------------------------------------------------
   SIDEBAR
--------------------------------------------------------------------------------- */

.shadowBox { width: 234px; background: url(../images/bg-shadowBox.jpg) no-repeat right 0; padding: 22px 25px 22px 0; float: left; }
#sideBar ul li { font-size: 0.75em; }
#sideBar h2 span { text-transform: none; color: #666; }
#sideBar .inactive, #sideBar .inactive span { color: #ccc; }

.productList { margin: 0; padding: 0; float: left; width: 100%; }
.productList li { list-style-type: none; padding: 0; border-top: solid 1px #e989bd; }
.productList li a { color: #000; display: block; width: 100%; padding: 5px 0; text-decoration: none; }
.productList li a:hover { color: #d4137c; }

#sideBar h3 { display: block; width: 100%; height: 14px; text-indent: -5000px; margin: 0 0 10px 0; }
#h3-specials { background: url(../images/h3-specials.gif) no-repeat 0 0; }
#h3-top10 { background: url(../images/h3-top10.gif) no-repeat 0 0; }
#h3-vt { background: url(../images/h3-virtualtour.gif) no-repeat 0 0; }
#h3-facebook { background: url(../images/h3-facebook.gif) no-repeat 0 0; }
#h3-news { background: url(../images/h3-latestnews.gif) no-repeat 0 0; }
#h3-searchbrand { background: url(../images/h3-searchbrand.gif) no-repeat 0 0; }
#h3-subcats { background: url(../images/h3-subcats.gif) no-repeat 0 0; }

#sideBar fieldset { border: none; padding: 0; margin: 0; padding: 17px 0 15px 0; background: url(../images/dotted-01.gif) repeat-x 0 0; }
#sideBar .field { width: 148px; margin-right: 8px; display: inline; }
#sideBar #fBrands { width: 234px; float: left; margin: 0; }

.bottomborder { background: url(../images/dotted-01.gif) repeat-x 0 bottom; padding-bottom: 10px; }

/* ---------------------------------------------------------------------------------
   RIGHTBAR
--------------------------------------------------------------------------------- */

#right .imgReplace { display: block; width: 100%; height: 18px; text-indent: -5000px; }
#h3-newarrivals { background: url(../images/h3-newarrivals.gif) no-repeat 0 0; }
#h3-about { background: url(../images/h3-about.gif) no-repeat 0 0; }

#right .topBorder { background: url(../images/dotted-01.gif) repeat-x 0 0; float: left; padding-top: 24px; width: 100% }

#products { margin: 0 0 20px 0; padding: 0; float: left; width: 100%; }
#products .imgThumb { height: 125px; width: 189px; text-align: center; display: block; }
#products li { list-style-type: none; padding: 0; border-top: solid 1px #e989bd; border-left: solid 1px #e989bd; width: 189px; float: left; padding: 5px 11px 11px 11px; font-size: 1.0em; }
#products p { margin: 0; font-size: 0.7em; color: #666; }
#products p span { color: #d4137c; font-weight: bold; font-size: 1.05em; }
#products h2 { font-size: 0.7em; font-weight: normal; height: 15px; overflow: hidden; display: block; }
#products h2 a { color: #000; text-decoration: none; }
#products h2 a:hover { text-decoration: underline; }
#products .firstPro { padding-left: 0px; border-left: none; }
#products .btnDetails { float: right; }

#breadCrumbs { background: url(../images/dotted-01.gif) repeat-x 0 bottom; float: left; width: 100%; padding: 0 0 20px 0; margin: 0 0 15px 0; }
#breadCrumbs p { margin: 0; background: #dc3f95; color: #fff; font-size: 0.7em; text-transform: uppercase; width: 611px; padding: 4px 8px; display: block; }
#breadCrumbs p a { color: #fff; text-decoration: none; }
#breadCrumbs p a:hover { text-decoration: underline; }

#pDetail { float: left; width: 400px; }
#pDetail h3 { color: #686868; }
#h1Detail { margin: 0 0 4px 0; }
#pIMG { float: right; }
#pCode { font-size: 0.7em; margin: 0 0 30px 0; }
#pPrice { font-size: 1.2em; color: #dc3f95; margin: 0 0 10px 0; }
#pPrice span { font-size: 0.8em; }
#qtyField { color: #908f8f; border: solid 1px #989898; padding: 2px; margin-right: 5px; width: 26px; float: left; }
#qtyLabel { float: left; padding: 4px 6px 0 0; }
#add2cart { float: left; }


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

#footer { padding: 15px; }
#footer p { font-size: 0.7em; color: #676767; line-height: 1.6em; }
#footer p a { text-decoration: none; color: #676767; }
#footer p a:hover { text-decoration: underline; color: #d4137c; }
#footer p span { color: #d4137c; }

#fleft { float: left; }
#fright { float: right; }