/**
 * Stylesheet for the public area of the website
 *
 * @package		accessorwise.ro
 * @author		Valentin VALCIU, Lunatech
 * @version		$Id: style.css 54 2010-09-03 15:38:21Z axiac $
 */

html, body { margin: 0; padding: 0; height: 100%; background-color: #808080; }
a { color: #6d2f85; }

/* Main page sections */
#valign-helper { float: left; width: 100%; height: 50%; margin-top: -307px; }
#container { clear: left; margin: 0 auto; width: 1024px; height: 615px; background-color: #f4f4f3; }
#admin-area { position: absolute; left: 0; top: 0; width: 100%; height: 30px; line-height: 30px; background-color: white; opacity: 0.9; text-align: center; color: black; font-weight: bold; font-size: 14px; }
  #admin-area span { color: red; font-size: 16px; }
  #admin-area span.hidden { color: inherit; font-size: 16px; }
.hidden { outline: red dashed 2px; }


/* Type 1: homepage, lists of products, contact/info/etc */
.type1 { }
.type1 #header { height: 110px; overflow: hidden; }
  #logoAccessorwise { float: left; display: inline; margin-right: -175px; width: 175px; height: 100%; position: relative; }
    #logoAccessorwise h1 { position: absolute; left: 0; bottom: 0; width: 100%; height: 23px; margin: 0 0 5px 0; padding: 0; text-align: center; font-size: 23px; line-height: 23px; }
  #above-body { margin-left: 280px; /*175+280*/; height: 100%; }
    .arrow-up-down { display: block; margin-left: 306px; width: 68px; height: 48px; padding: 0; background: transparent url('images/arrowsUpDown.png') no-repeat; }
	  .arrow-up-down span { display: none; }
    #go-up { margin-top: 49px; background-position: 0 0; }
    #go-up:hover { background-position: -68px 0; }
#sidebar { float: left; display: inline; margin-right: -175px; padding-top: 20px; width: 175px; height: 485px; position: relative; background-color: #fcb830; }
  ul#categories { margin: 0; padding: 0; width: 100%; }
    #categories li { list-style: none outside; display: block; margin: 0; padding: 0 0 1px 0; text-indent: 0; background: transparent url('images/bgCategory.png') no-repeat 23px 2px; min-height: 21px; line-height: 2px; }		/* ! border-bottom-color */
    #categories li:first-child { background-image: none; }
      #categories li span { float: left; display: block; margin: 0; padding-left: 13px; height: 6px; line-height: 6px; font-size: 5px; }
      #categories li a { clear:left; display: block; padding-left: 13px; height: 15px; font: bold 13px/15px Arial, Tahoma, sans-serif; color: black; }
      #categories li a.expanded,
      #categories li a:hover { background-color: #6d2f85; color: white; text-decoration: none; }
    #categories ul { margin: 0; padding: 0; text-indent: 0; line-height: 14px; }
      #categories ul li { margin: 1px 0; padding: 4px 0 2px; text-indent: 0; background-image: none; height: 14px; line-height: 14px; min-height: 14px; }
        #categories ul li a { height: 14px; font: bold 13px/14px Arial, Tahoma, sans-serif; color: #6d2f85; }
        #categories ul li a.expanded,
        #categories ul li a:hover { color: white; background-color: transparent; }
  #logoClockwise { position: absolute; left: 0; bottom: 0; padding: 0 0 23px 13px; font: bold 13px/15px Arial, Tahoma, sans-serif; color: black; }
#body { margin: -1px 63px -1px 279px; width: 682px; height: 387px; background: white; overflow: hidden; }
  #promo { width: 680px; height: 385px; border: 1px solid #bfbfbf; position: relative; z-index: 3; text-align: center; line-height: 383px; }
  .scroller { border: 0 !important; width: 680px !important; height: 385px !important; padding: 0 !important; }
  .section { border: 0 !important; width: 680px !important; height: 385px !important; padding: 0 !important; }
#below-body { margin-left: 280px; padding-top: 13px; height: 107px; position: relative; z-index: 1; }
  #go-down { background-position: 0 -48px; }
  #go-down:hover { background-position: -68px -48px; }
  #below-body ul#links { position: absolute; left: 0; bottom: 0; margin: 0; padding: 0; }
    ul#links li { float: left; display: inline; margin: 0 2px 0 0; padding: 0; text-indent: 0; width: 74px; height: 18px; text-align: center; line-height: 18px; font-size: 14px; }
      #links a { display: block; width: 74px; height: 18px; background: #a0a1a3 url('images/bgTabs.png') no-repeat; }
      #links a:hover { text-decoration: none; }
      #links a span { display: none; }
      #links a#contact { background-position: 0 0; }
      #links a#info { background-position: -76px 0; }
      #links a#blog { background-position: -151px 0; }
      #links a#facebook { background-position: -226px 0; }
      #links a#contact:hover { background-position: 0 -18px; }
      #links a#info:hover { background-position: -76px -18px; }
      #links a#blog:hover { background-position: -151px -18px; }
      #links a#facebook:hover { background-position: -226px -18px; }
    #ANPC { position: absolute; right: 63px; bottom: 0; height: 16px; line-height: 16px; font: normal 11px Arial, Helvetica, sans-serif; }

table#prod-list { margin: -5px; border-collapse: separate; border-spacing: 5px; border: 0; width: 690px; /*height: 395px; */background-color: #f4f4f3; }
  #prod-list td { border: 0; padding: 0; width: 132px; height: 125px; background: #f4f8f9 url('images/bgProdIcon.jpg') no-repeat; text-align: center; line-height: 125px; }
    #prod-list td a { display: block; width: 100%; height: 100%; color: black; }
    #prod-list td a:hover { color: #6d2f85; font-weight: bold; text-decoration: none; }
	#prod-list td a span.no-lightbox { display: block; padding-top: 50px; line-height: 1.2em; }

img#imgContact { border: 0; } /* IE6 doesn't understand "img[usemap]" */


/* Type 2: product details */
.type2 { }
.type2 #top { padding: 0 140px 0 56px; height: 80px; }
  #top #bg { height: 80px; background: transparent url('images/hr.png') repeat-x left bottom; overflow: hidden; }
    #prod-name { float: left; display: inline; margin-right: 20px; padding: 27px 0 0 2px; height: 53px; font: normal 34px/53px Arial, Tahoma, sans-serif; color: #6d2f85; }
    #maker-name { float: right; display: table-cell; padding: 12px 0 0; height: 54px; font-size: 46px; line-height: 54px; vertical-align: bottom; text-align: right; overflow: visible; }
      #maker-name img { line-height: 56px; vertical-align: bottom; }
      #maker-name span { font-size: 32px; }
    #price { float: left; display: inline; padding: 47px 0 9px; }
      a#buy-now { font: normal 24px/24px Arial, Tahoma, sans-serif; color: #9d00df; }
	  span#no-price { font: normal 24px/24px Arial, Tahoma, sans-serif; color: #707070; }
.type2 #middle { height: 421px; overflow: hidden; }
  #middle #btn-back { float: left; display: inline; width: 56px; height: 100%; background: transparent;/* IE6-do not remove */ }
    #btn-back a { float: left; display: inline; width: 24px; height: 95px; margin-top: 180px; }
  #middle #info { float: left; display: inline; width: 796px; height: 100%; overflow: hidden; background: transparent;/* IE6-do not remove */ }
    .image-large { float: left; display: inline; border: 1px solid black; width: 350px; height: 350px; background-color: white; text-align: center; line-height: 350px; vertical-align: middle; overflow: hidden; }
      .image-large img { line-height: 350px; }
      .image-large span { color: #666; }
    #pdf { float: left; display: inline; padding-top: 150px; width: 92px; text-align: center; }
  #middle #photos { float: left; display: inline; padding: 71px 29px 0 60px; width: 83px; height: 350px; background: transparent url('images/bgPhotos.png') no-repeat 15px 71px; overflow: hidden; }
    #photos a { display: block; margin-bottom: 6px; width: 83px; height: 83px; background-color: white; text-align: center; line-height: 83px; }
      #photos a img { /*vertical-align: middle; */}
.type2 #bottom { width: 100%; height: 114px; }
  #bottom #colors { float: left; display: inline; margin-right: -590px; padding: 15px 0 15px 56px; width: 534px; height: 83px; background: transparent url('images/bgColors.png') no-repeat 35px 50%; overflow: hidden; }
    #colors a { float: left; display: inline; margin-right: 6px; width: 83px; height: 83px; background-color: white; text-align: center; line-height: 83px; }
      #colors a img { /*vertical-align: middle; */ }


/* Order Form */
/*.GB_Window .close span { display: none !important; }*/
#order-container { width: 100%; height: 100%; background-color: #333; color: white; }       /* ! background-color */
#order-form, #order-confirmation { margin: 0 auto; width: 490px; padding: 5px; }
  #order-form table { border-collapse: collapse; }
form th { padding: 2px 10px; width: 180px; text-align: right; }
caption { padding: 15px; text-align: center; color: white; font-weight: bold; font-size: 14px; }
  label { color: white; font-size: 11px; font-weight: bold; }
form td { padding: 2px 0; width: 300px; text-align: left; }
  input.text { width: 250px; border: 1px solid silver; padding: 0 2px; }
  input[readonly] { background-color: #ddd; }
  select { width: 255px; border: 1px solid silver; padding: 0 0 0 2px; }
td.submit { padding: 10px; text-align: center; }
  td.submit input { border: 2px solid #ddd; padding: 5px 15px; background-color: white; color: #9d00df; font-weight: bold; text-align: center; }
#order-confirmation { padding-top: 50px; }
  #order-confirmation p { margin: 10px; }
#errors { padding: 5px 10px; background-color: white; font-size: 9px; line-height: 1.1em; color: red; }


/* Info and product lists have scroll arrows */
#scroll-container { width: 680px; height: 385px; border: 1px solid #bfbfbf; position: relative; z-index: 3; overflow: auto; /* this is temporary here - > */overflow: hidden; }
  #scroll-content { overflow: hidden; }