/* 
   HeelysSale.co.uk : Master Stylesheet
   ===================================
   DUSZA February 09
   
   RESET DEFAULT STYLING + FOUNDATIONS                                RESET DEFAULT STYLING + FOUNDATIONS ::
------------------------------------------------------------------------------------------------------------ */

@import url("reset.css");

body
{
  height:           100%;
  background:       #C2C2C2 url("../img/bg.jpg") no-repeat 50% 0;
  font:             normal 62.5% Arial, Helvetica, sans-serif;
  color:            #EEE;
  text-align:       center;
  }
div.wrapper
{
  width:            980px;
  margin:           0 auto;
  text-align:       left;
  }
div.frame
{
  float:            left;
  position:         relative;
  width:            980px;
  }
div#container
{
  min-height:       1050px;
  height:           auto !important;
  height:           1050px; /* FIX IE <= 6 */
  background:       #2E2E2E url("../img/frame_bg.jpg") no-repeat 50% 0;
  }
a
{
  text-decoration:  none;
  color:            #04B5FF;
  }
a.skiplink, .hidden
{
  display:          none;
  }

/* HEADER                                                                                          HEADER ::
------------------------------------------------------------------------------------------------------------ */
div#header
{
  height:              106px;
  background:    	   url("../img/header_bg.jpg") no-repeat 0 0;
  }
#logo a
{
  position:         absolute;
  top:              0;
  left:             -2px;
  width:            179px;
  height:           160px;
  background:       transparent url("../img/logo.jpg") no-repeat 0 0;
  z-index:          50;
  text-indent:      -9999px;
  }
#logo a:hover
{
  background-position: -179px 0;
  }
div#header ul
{
  display:          block;
  position:         absolute;
  top:              61px;
  left:             184px;
  }
div#header li
{
  float:            left;
  }
div#header li a
{
  float:            left;
  text-indent:      -9999px;
  }
div#header li#mail_btn a
{
  margin:              2px 0 0;
  width:               40px;
  height:              33px;
  background-image:    url("../img/mail_btn.jpg");
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
div#header li#mail_btn a:hover { background-position: -40px 0; }

div#header li#tel_btn a
{
  margin:              0 0 0 5px;
  width:               34px;
  height:              34px;
  background-image:    url("../img/tel_btn.jpg");
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
div#header li#tel_btn a:hover { background-position: -34px 0; }

div#header li#info_btn a
{
  margin:              0 0 0 9px;
  width:               19px;
  height:              34px;
  background-image:    url("../img/info_btn.jpg");
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
div#header li#info_btn a:hover { background-position: -19px 0; }

div#header li#faq_btn a
{
  margin:              0 0 0 10px;
  width:               27px;
  height:              34px;
  background-image:    url("../img/faq_btn.jpg");
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
div#header li#faq_btn a:hover { background-position: -27px 0; }

div#header h2#fastDeliv a
{
  position:         absolute;
  top:              18px;
  left:             339px;
  width:            114px;
  height:           39px;
  background:       transparent url("../img/fast_uk_delivery.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  }
div#header h2#fastDeliv a:hover
{
  background-position: -114px 0;
  }
div#header h2#onlineTracking a
{
  position:         absolute;
  top:              59px;
  left:             339px;
  width:            151px;
  height:           39px;
  background:       transparent url("../img/online_order_tracking.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  }
div#header h2#onlineTracking a:hover
{
  background-position: -151px 0;
  }
div#header h2#customerHotline
{
  position:         absolute;
  top:              17px;
  left:             489px;
  width:            151px;
  height:           84px;
  background:       transparent url("../img/customer_hotline.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  }
div#header a#specialOffer
{
  float:            right;
  width:            325px;
  height:           105px;
  overflow:         hidden;
  }

/* NAVIGATION                                                                                  NAVIGATION ::
------------------------------------------------------------------------------------------------------------ */
ul#nav
{
  float:            left;
  width:            980px; /* FIX IE <= 6 */
  w\idth:           851px;
  margin:           7px 0 0;
  padding:          0 0 0 129px;
  background:       transparent url("../img/nav_bg.jpg") no-repeat 0 0;
  }
ul#nav li
{
  float:            left;
  position:         relative;
  z-index:          99;
}
ul#nav a
{
  display:          block;
  padding:          8px 10px;
  font-size:        1em;
  font-weight:      bold;
  text-transform:   uppercase;
  color:            #AAA;
  }
ul#nav a.current, body#home a#navHome
{
  color:            #FFF;
  }
ul#nav a:hover, body#home a#navHome:hover
{
  color:            #FFF; /* FIX IE <= 6 */
  }
ul#nav li ul a
{
  width:            180px; /* FIX IE <= 6 */
  w\idth:           160px;
  padding:          4px 10px;
  font-size:        1.1em;
  font-weight:      normal;
  text-transform:   none;
  }
ul#nav li:hover, ul#nav li.sfHover, ul#nav li ul a, ul#nav li ul li.sfHover ul a, ul#nav li ul li li.sfHover ul a, ul#nav a:hover
{
  background-color: #333;
  opacity:          0.98;
  -moz-opacity:     0.98;
  }
ul#nav li:hover a, ul#nav li.sfHover a
{
  border-bottom:    0 solid #333; /* FIX IE */
  color:            #EEE;
  }
ul#nav li ul a:hover, ul#nav li ul li.sfHover a, ul#nav li ul li li.sfHover a, ul#nav li ul li.sfHover ul a:hover
{
  background-color: #1E1C1D;
  }
ul#nav a span
{
  font-size:        .8em;
  font-weight:      bold;
  color:            #04B5FF;
  }
ul#nav ul
{
  position:         absolute;
  top:              -999em;
  width:            180px;
  }
ul#nav ul li
{
  width:            180px;
  }

ul#nav li:hover ul,
ul#nav li.sfHover ul
{
  left:             0;
  top:              27px;
  }
ul#nav li:hover li ul,
ul#nav li.sfHover li ul
{
  top:              -999em;
  }
ul#nav li li:hover ul,
ul#nav li li.sfHover ul
{
  top:              0;
  left:             180px;
  }

/* SHOWCASE                                                                                      SHOWCASE ::
------------------------------------------------------------------------------------------------------------ */
div#showcase
{
  margin:           11px 0 0;
  height:           160px;
  background:       transparent url("../img/showcase_bg.jpg") no-repeat 0 0;
  }
div#showcase ul
{
  float:            left;
  width:            980px;
  }
div#showcase li, div#showcase h3, div#showcase a
{
  float:            left;
  height:           160px;
  cursor:           pointer;
  }
div#showcase li img
{
  cursor:           pointer;
  }
div#showcase li.navTwo
{
  margin-left:      326px;
  display:          inline;
  }
div#showcase li.navFour
{
  margin-left:      164px;
  display:          inline;
  }
div#showcase li.navFive
{
  margin-left:      80px;
  display:          inline;
  }

/* DIVIDE - MEMBER LOGIN                                                            DIVIDE - MEMBER LOGIN ::
------------------------------------------------------------------------------------------------------------ */
div#divide
{
  margin:           11px 0 0;
  height:           32px;
  background:       #FFF url("../img/divide_edge_right.jpg") repeat-y right 0;
  }
form#memberLogin, div#userInfo
{
  float:            left;
  width:            640px;
  padding:          0 0 1px;
  height:           32px;
  background:       url("../img/divide_edge_left.jpg") no-repeat left 0;
  }
div#userInfo p
{
  margin:           8px 0 8px 19px;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #222;
  }
div#userInfo p small
{
  font-size:        .8em;
  }
div#userInfo p small a
{
  color:            #222;
  }
form#memberLogin fieldset
{
  float:            left;
  width:            640px;
  margin:           4px 0 0;
  }
form#memberLogin h4
{
  float:            left;
  width:            180px; /* FIX IE <= 6 */
  w\idth:           162px;
  padding:          5px 0 0 18px;
  text-transform:   uppercase;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #222;
  }
form#memberLogin p
{
  float:            left;
  width:            130px;
  padding:          4px 0 0;
  text-align:       center;
  line-height:      1.4em;
  font-size:        1em;
  font-weight:      bold;
  color:            #555;
  }
form#memberLogin p a
{
  color:            #555;
  }
form#memberLogin p a:hover
{
  color:            #222;
  }
form#memberLogin ol
{
  float:            left;
  width:            262px;
  }
form#memberLogin li
{
  float:            left;
  position:         relative;
  width:            130px;
  }
form#memberLogin label
{
  text-transform:   uppercase;
  font-size:        1em;
  color:            #222;
  }
form#memberLogin label.overlabel-apply
{
  position:         absolute;
  top:              6px;
  left:             10px;
  z-index:          1;
  cursor:           text;
  }
form#memberLogin label.overlabel-wrapper
{
  position:         relative;
  }
form#memberLogin input
{
  float:               left;
  width:               125px; /* FIX IE <= 6 */
  w\idth:              117px;
  margin:              0 0 0 5px;
  padding:             3px 4px;
  border:              1px solid #444;
  border-width:        1px 0 0 1px;
  background-color:    #EEE !important;
  font-size:           1.3em;
  color:               #222;
  }
form#memberLogin input:focus
{
  border-color:        #000;
  background-color:    #E0E0E0 !important;
  }
form#memberLogin button
{
  float:               right;
  width:               57px; /* FIX IE <= 6 */
  w\idth:              56px;
  margin:              2px 0 4px;
  padding:             3px 0 2px 1px;
  border:              1px solid #FFF;
  background-image:    url("../img/member_login_btn.gif");
  background-repeat:   no-repeat;
  background-position: 37px 2px;
  text-transform:      uppercase;
  text-align:          left;
  font-family:         Arial, Helvetica, sans-serif;
  font-size:           .9em;
  color:               #444;
  }
form#memberLogin button:hover
{
  cursor:           pointer;
  background-image: url("../img/member_login_btn_over.gif");
  border-color:     #CCC;
  color:            #222;
  }
div#divide h5
{
  float:            left;
  width:            116px; /* FIX IE <= 6 */
  w\idth:           106px;
  padding:          9px 10px 0 0;
  text-align:       right;
  text-transform:   uppercase;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #222;
  }
div#divide img
{
  float:            right;
  width:            196px;
  height:           19px;
  margin:           7px 25px 0 0;
  display:          inline; /* FIX IE <= 6 */
  }

/* BREADCRUMB                                                                                  BREADCRUMB ::
------------------------------------------------------------------------------------------------------------ */
p#breadcrumb
{
  float:            left;
  width:            981px;
  w\idth:           962px;
  padding:          8px 0 4px 19px;
  text-transform:   uppercase;
  font-size:        .8em;
  word-spacing:     2px;
  color:            #999;
  }
p#breadcrumb a
{
  font-size:        1.2em;
  word-spacing:     0px;
  color:            #FFF;
  }
p#breadcrumb a:hover
{
  color:            #BBB;
  }
p#breadcrumb a.current
{
  color:			#04B5FF;
  }
p#breadcrumb a.current:hover
{
  color:            #1981CA;
  }

/* CONTENT                                                                                        CONTENT ::
------------------------------------------------------------------------------------------------------------ */
div#content
{
  padding:          0 0 40px;
  }
div#primary
{
  float:            left;
  width:            616px;
  margin:           0 0 0 184px;
  display:          inline; /* FIX IE <= 6 */
  }
div.sidebar
{
  float:            left;
  width:            180px;
  }
div#secondary
{
  margin-left:      -800px;
  }
  
div#primary div.homepageFooter {
	float:				left;
	margin:			10px 0 0 0;
} 

div#primary div.homepageFooter h3{
	font-size:		2em;
	margin:			20px 0 10px 0;
}

/* PRIMARY - PRODUCTS                                                                  PRIMARY - PRODUCTS ::
------------------------------------------------------------------------------------------------------------ */
div#primary h1, div#primary h2.products
{
  margin:           1px 4px 0 0;
  padding:          6px 15px 3px;
  background-color: #D71F1F;
  font-size:        2em;
  text-transform:   uppercase;
  }
div#primary h2.products
{
  clear:			left;
  }
div#primary h2.products a
{
  color:			#FFF;
  }
div#primary h2.products.aggressive
{
  background:		#FF6C00;
  }
div#primary h2.products.heelys
{
  background:		#04B5FF;
  }
div#primary h2.products.ice
{
  background:		#55D5FF;
  }
div#primary h2.products.retro
{
  background:		#DF0DE2;
  }
div#primary h2.products.skateboard
{
  background:		#D91F1F;
  }
div.catDesc
{
  float:            left;
  width:            612px;
  w\idth:           582px;
  margin:           1px 0 0;
  padding:          15px;
  font-size:        1.2em;
  line-height:      1.6em;
  background-color: #111;
  opacity:          0.60;
  -moz-opacity:     0.60;
  filter:           alpha(opacity=60);
  }
div.catDesc form, div.catDesc form fieldset, div.catDesc form ol
{
  float:            left;
  position:         relative;
  width:            582px;
  }
div.catDesc form
{
  margin:           10px 0 0;
  }
div.catDesc form ol
{
  width:            512px;
  }
div.catDesc legend
{
  display:          none;
  }
div.catDesc form ol li
{
  float:            left;
  width:            256px;
  margin:           0;
  }
div.catDesc form ol li.margin
{
  width:            246px;
  margin-left:      10px;
  }
div.catDesc label
{
  text-transform:   uppercase;
  font-size:        .8em;
  color:            #FFF;
  }
div.catDesc label em
{
  font-size:        .8em;
  color:            #AAA;
  }
div.catDesc span.warning
{
  display:          block;
  text-transform:   uppercase;
  font-size:        .8em;
  color:            #F00;
  }
div.catDesc select
{
  float:            left;
  width:            246px;
  margin:           5px 0 0;
  padding:          5px 4px;
  border:           3px double #000;
  background-color: #AAA !important;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.2em;
  color:            #000;
  }
div.catDesc button
{
  position:         absolute;
  right:            0;
  bottom:           0;
  width:            50px;
  padding:          5px 0 6px;
  border:           3px double #000;
  background-color: #555;
  text-transform:   uppercase;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1em;
  color:            #FFF;
  }
div.catDesc button:hover
{
  cursor:           pointer;
  background-color: #00B413;
  color:            #000;
  }
div.catDesc h2 {
	font-size:		1.4em;
	margin-bottom:	10px;
}
div#primary ul.products
{
  float:            left;
  width:            616px;
  margin:			0 0 4px;
  }
div#primary ul.products li
{
  float:            left;
  position:         relative;
  width:            150px;
  margin:           4px 4px 0 0;
  padding:          20px 0 0;
  background-color: #FFF;
  display:          inline; /* FIX IE <= 6 */
  }
div#primary ul.products li div.image
{
  float:            left;
  width:            150px;
  height:           150px;
  overflow:         hidden;
  }
div#primary ul.products li div.image span
{
  width:            150px;
  height:           150px;
  text-align:       center;
  display:          table-cell;
  vertical-align:   middle;
  }
div#primary ul.products li div.image span img
{
  float:            left;
  }
div#primary ul.products li div.desc
{
  float:            left;
  width:            150px;
  padding:          4px 0 2px;
  overflow:         hidden !important;
  overflow:         visible;
  }
div#primary ul.products h3
{
  position:         absolute;
  top:              0;
  right:            0;
  padding:          2px 5px 4px;
  background-color: #D71F1F;
  text-transform:   uppercase;
  text-align:       center;
  font-size:        1.1em;
  color:            #FFF;
  overflow:         hidden;
  }
div#primary ul.products li.alt h3
{
  background-color: #AF1112;
  }
div#primary ul.products h3 span
{
  line-height:      1em;
  font-size:        1.5em;
  color:            #FDDA02;
  }
div#primary ul.products h3 span.flash
{
  font-size:		1em;
  color:			#FFF;
  }
div#primary ul.products h3 small
{
  clear:            left;
  display:          block;
  margin:           2px 0 0;
  padding:          1px 4px;
  background-color: #444;
  text-transform:   none;
  font-size:        .7em;
  }
div#primary ul.products h2, div#primary ul.products h4, div#primary ul.products h5, div#primary ul.products p
{
  padding:          0 8px;
  }
div#primary ul.products h2
{
  line-height:      1em;
  font-size:        1.2em;
  color:            #D71F1F;
  }
div#primary ul.products h2 a
{
  color:            #D71F1F;
  }
div#primary ul.products h2 a:hover
{
  color:            #9F1319;
  }
div#primary ul.products h4, div#primary ul.products h5, div#primary ul.products p
{
  margin:           6px 0 0;
  line-height:      1em;
  font-size:        1em;
  font-weight:      normal;
  color:            #333;
  }
div#primary ul.products h5
{
  font-weight:      bold;
  }
div#primary ul.products h5 strong
{
  color:            #D71F1F;
  }
div#primary ul.products h6 a
{
  float:            left;
  width:            138px;
  padding:          8px 6px 6px;
  background:       #D71F1F url("../img/checkout.gif") no-repeat 130px 5px;
  text-transform:   uppercase;
  text-align:       left;
  font-family:      Arial, Helvetica, sans-serif;
  font-weight:      bold;
  color:            #FFF;
  margin-top:		36px;
  }
div#primary ul.products h6 a:hover
{
  background:       #AF1112 url("../img/checkout_over.gif") no-repeat 130px 5px;
  }
div#primary ul.products li.alt h6 a
{
  background:       #AF1112 url("../img/checkout_over.gif") no-repeat 130px 5px;
  }
div#primary ul.products li.alt h6 a:hover
{
  background:       #9F1319 url("../img/checkout_alt_over.gif") no-repeat 130px 5px;
  }
div#primary ul.products form, div#primary ul.products fieldset, div#primary ul.products form ol
{
  float:            left;
  width:            150px;
  }
div#primary ul.products form
{
  margin:           8px 0 0;
  background-color: #E6E6E6;
  padding-bottom:   2.3em;
  }
div#primary ul.products form ol
{
  padding:          0 0 8px;
  }
div#primary ul.products form ol li
{
  margin:           0;
  padding:          5px 0 0;
  background-color: #E6E6E6;
  }
div#primary ul.products form label
{
  float:            left;
  width:            45px; /* FIX IE <= 6 */
  w\idth:           40px;
  padding:          4px 5px 0 0;
  font-size:        .9em;
  text-align:       right;
  color:            #333;
  }
div#primary ul.products form select
{
  float:            left;
  width:            100px;
  border:           1px solid #CCC;
  border-width:     1px 0 0 1px;
  background-color: #FFF !important;
  font-size:        1em;
  color:            #333;
  }
div#primary ul.products form button
{
  position:         absolute;
  bottom:           0;
  float:            left;
  width:            150px;
  padding:          6px;
  background:       #D71F1F url("../img/checkout.gif") no-repeat 130px 5px;
  text-transform:   uppercase;
  text-align:       left;
  font-family:      Arial, Helvetica, sans-serif;
  font-weight:      bold;
  color:            #FFF;
  }
div#primary ul.products form button:hover
{
  cursor:           pointer;
  background:       #AF1112 url("../img/checkout_over.gif") no-repeat 130px 5px;
  }
div#primary ul.products li.alt form button
{
  background:       #AF1112 url("../img/checkout_over.gif") no-repeat 130px 5px;
  }
div#primary ul.products li.alt form button:hover
{
  background:       #9F1319 url("../img/checkout_alt_over.gif") no-repeat 130px 5px;
  }

/* HOME PAGE CONTENT                                         HOME PAGE CONTENT ::
------------------------------------------------------------------------------------------------------------ */
div#homeContent
{
  float:			left;
  margin:			20px 0 0 5px;
  width:			612px;
  }
div#homeContent h2
{
  font-size:		1.6em;
  margin:			0 0 10px;
  }
div#homeContent p
{
  font-size:		1.2em;
  margin:			0 0 10px;
  }

/* ARTICLES                                                                                      ARTICLES ::
------------------------------------------------------------------------------------------------------------ */
div#articles
{
  float:            left;
  width:            612px;
  margin:           30px 0 0 !important;
  margin:			30px -3px 0 0; /* FIX IE */
  background:		#0D0D0D;
  }
div#articles h3
{
  padding:          6px 15px 3px;
  font-size:        1.8em;
  background:		#222;
  }
div#articles h3 a
{
  color:			#979797;
  }
div#articles ul
{
  float:            left;
  width:            612px;
  border-width:     1px 0;
  padding:          12px 0 15px;
  }
div#articles li
{
  float:            left;
  width:            202px;
  margin:           0 0 5px;
  overflow:			hidden;
  }
div#articles li a
{
  float:            left;
  width:            202px;
  padding:          4px 10px 4px 20px;
  font-size:        1.2em;
  color:            #979797;
  }
div#articles li a:hover
{
  color:            #FFF;
  }

/* PRODUCT PAGE                                                                              PRODUCT PAGE ::
------------------------------------------------------------------------------------------------------------ */
div.productDetails
{
  float:            right;
  width:            312px;
  margin:           4px 0 0;
  }
div.heading, div.description
{
  float:            left;
  width:            300px;
  w\idth:           288px;
  padding:          6px;
  background-color: #D91F20;
  }
div.description
{
  background:       none;
  border:           1px solid #FFF;
  border-width:     1px 0;
  margin:           12px 0 0;
  padding:          8px 6px;
  }
div#primary div.heading h1
{
  margin:           0;
  padding:          0;
  font-size:        1.8em;
  }
div.heading h2, div.heading h3
{
  margin:           2px 0 0;
  font-size:        1.3em;
  }
div.heading h3
{
  text-transform:   uppercase;
  }
div.description p
{
  font-size:        1em;
  font-weight:      bold;
  line-height:      1.4em;
  }
div#primary div.productDetails form, div#primary div.productDetails fieldset, div#primary div.productDetails ol, div#primary div.productDetails li
{
  float:            left;
  width:            300px;
  }
div#primary div.productDetails form
{
  margin:           12px 0 0;
  }
div#primary div.productDetails fieldset
{
  position:         relative;
  }
div#primary div.productDetails ol
{
  padding:          0 0 12px;
  border-bottom:    1px solid #FFF;
  }
div#primary div.productDetails li
{
  margin:           3px 0;
  }
div#primary div.productDetails form label
{
  float:            left;
  width:            94px;
  margin:           5px 0 0;
  text-align:       right;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #FFF;
  }
div#primary div.productDetails form select
{
  float:            right;
  width:            201px;
  padding:          3px;
  border:           1px solid #777;
  border-width:     1px;
  background-color: #232323 !important;
  font-size:        1em;
  color:            #AAA;
  opacity:          0.60;
  -moz-opacity:     0.60;
  }
div#primary div.productDetails form p
{
  position:         absolute;
  top:              13px;
  left:             6px;
  font-size:        1.3em;
  font-weight:      bold;
  color:            #999;
  }
div#primary div.productDetails form p.sale
{
  text-transform:   uppercase;
  top:				7px;
  font-size:        1.6em;
  line-height:      1.8em;
  color:            #D91F20;
  }
div#primary div.productDetails form p.wasPrice
{
  top:              70px;
  font-size:        1.3em;
  font-weight:      bold;
  color:            #999;
  }
div#primary div.productDetails form p strong
{
  display:          block;
  font-size:        2.6em;
  color:            #FFF;
  }
div#primary div.productDetails form p.sale strong
{
  font-size:        2.1em;
  }
div#primary div.productDetails form button
{
  float:            right;
  width:            150px;
  margin:           35px 0;
  padding:          6px;
  background:       #D71F1F url("../img/checkout.gif") no-repeat 130px 5px;
  text-transform:   uppercase;
  text-align:       left;
  font-family:      Arial, Helvetica, sans-serif;
  font-weight:      bold;
  color:            #FFF;
  }
div#primary div.productDetails form button:hover
{
  cursor:           pointer;
  background:       #AF1112 url("../img/checkout_over.gif") no-repeat 130px 5px;
  }
div.furtherInfo
{
  float:            left;
  width:            300px;
  }
div.furtherInfo h4
{
  width:            300px;
  w\idth:           276px;
  padding:          10px 12px 6px;
  background-color: #232323;
  font-size:        1.3em;
  color:            #999;
  }
div.furtherInfo h2, 
div.furtherInfo h3, 
div.furtherInfo p
{
  padding:          0 12px 12px;
  font-size:        1.1em;
  margin:           0;
  background-color: #222;
  opacity:          0.60;
  -moz-opacity:     0.60;
  }
div.furtherInfo ul
{
  float:			left;
  font-size:        1.1em;
  width:			260px;
  padding:			0 12px 12px 30px;
  }
div.furtherInfo ul li
{
  list-style-type:	disc;
  width:			260px !important;
  color:			#FFF;
  }
div.furtherInfo p.intro
{
  padding-top:      12px;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #CCC;
  }
dl.productImages
{
  float:            left;
  width:            304px;
  margin:           4px 0 0;
  }
dl.productImages dt, dl.productImages dd, dl.productImages ul
{
  float:            left;
  width:            289px;
  background-color: #AAA;
  }
dl.productImages dt
{
  position:         relative;
  }
dl.productImages dt img
{
  float:            left;
  padding:          5px;
  }
dl.productImages dt img.superimpose
{
  z-index:          10;
  position:         absolute;
  bottom:           5px;
  left:             5px;
  }
dl.productImages li
{
  float:            left;
  }
dl.productImages li img
{
  display:          block;
  padding:          5px 0 0 5px;
  }

div.video, ol.relatedItems
{
  clear:            left;
  float:            left;
  width:            304px;
  margin:           15px 0 0;
  }
div.video object
{
  margin:           5px 0 0;
  }
ol.relatedItems li, ol.relatedItems h5, ol.relatedItems a
{
  float:            left;
  width:            289px;
  }
ol.relatedItems h4
{
  padding:          10px 12px 6px;
  text-transform:   uppercase;
  font-size:        1.4em;
  background-color: #232323;
  color:            #04B5FF;
  }
ol.relatedItems h5
{
  border-top:       1px dotted #666;
  padding:          8px 0;
  background-color: #222;
  opacity:          0.60;
  -moz-opacity:     0.60;
  }
ol.relatedItems h5:hover
{
  opacity:          0.90;
  -moz-opacity:     0.90;
  }
ol.relatedItems a:hover
{
  cursor:           pointer;
  }
ol.relatedItems em
{
  float:            left;
  width:            35px;
  height:           35px;
  overflow:         hidden;
  margin-left:      12px;
  border:           2px solid #FFF;
  }
ol.relatedItems a:hover em
{
  border-color:     #04B5FF;
  }
ol.relatedItems img
{
  float:            left;
  width:            35px;
  }
ol.relatedItems big, ol.relatedItems strong, ol.relatedItems span
{
  float:            right;
  width:            227px;
  }
ol.relatedItems big
{
  text-transform:   uppercase;
  line-height:      1em;
  font-size:        1.4em;
  color:            #FFF;
  }
ol.relatedItems a:hover big
{
  color:            #CCC;
  }
ol.relatedItems strong
{
  font-size:        1.5em;
  line-height:      1em;
  color:            #04B5FF;
  }
ol.relatedItems span
{
  line-height:      1em;
  color:            #AAA;
  }
ol.relatedItems a:hover span
{
  color:            #777;
  }

/* LIGHTBOX                                                                                      LIGHTBOX ::
------------------------------------------------------------------------------------------------------------ */
#jquery-overlay
{
  position:         absolute;
  top:              0;
  left:             0;
  z-index:          100;
  width:            100%;
  height:           500px;
  }
#jquery-lightbox
{
  position:         absolute;
  top:              0;
  left:             0;
  width:            100%;
  z-index:          100;
  text-align:       center;
  line-height:      0;
  }
#jquery-lightbox a img
{
  border:           none;
  }
#lightbox-container-image-box
{
  position:         relative;
  background-color: #FFF;
  width:            250px;
  height:           250px;
  margin:           0 auto;
  }
#lightbox-container-image
{
  padding:          10px;
  }
#lightbox-loading
{
  position:         absolute;
  top:              40%;
  left:             0%;
  height:           25%;
  width:            100%;
  text-align:       center;
  line-height:      0;
  }
#lightbox-nav
{
  position:         absolute;
  top:              0;
  left:             0;
  height:           100%;
  width:            100%;
  z-index:          10;
  }
#lightbox-container-image-box > #lightbox-nav
{
  left:             0;
  }
#lightbox-nav a
{
  outline:          none;
  }
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext
{
  width:            49%;
  height:           100%;
  zoom:             1;
  display:          block;
  }
#lightbox-nav-btnPrev
{
  left:             0; 
  float:            left;
  }
#lightbox-nav-btnNext
{
  right:            0; 
  float:            right;
  }
#lightbox-container-image-data-box
{
  font:             10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin:           0 auto;
  line-height:      1.4em;
  overflow:         auto;
  width:            100%;
  padding:          0 10px 0;
  }
#lightbox-container-image-data
{
  padding:          0 10px;
  color:            #666;
  }
#lightbox-container-image-data #lightbox-image-details
{
  width:            70%;
  float:            left;
  text-align:       left;
  }
#lightbox-image-details-caption
{
  font-weight:      bold;
  }
#lightbox-image-details-currentNumber
{
  display:          block;
  clear:            left;
  padding-bottom:   1em;
  }
#lightbox-secNav-btnClose
{
  width:            66px;
  float:            right;
  padding-bottom:   .7em;
  }

/* STANDARD CONTENT                                                                      STANDARD CONTENT ::
------------------------------------------------------------------------------------------------------------ */

div#standard_content
{
  float:            left;
  display:          inline;
  width:            576px;
  min-height:       600px;
  height:           auto !important;
  height:           600px;
  margin:           0 20px 0;
  padding:          0 0 20px;
  background-color: #111;
  opacity:          0.60;
  -moz-opacity:     0.60;
  filter:           alpha(opacity=60);
  }
dl#articleImages,dl#articleImages dt,dl#articleImages dd,dl#articleImages ul
{
  float:            left;
  width:            398px;
  }
dl#articleImages
{
  margin:           30px 109px 0;
  }
div.articleVideo
{
  float:            left;
  clear:            left;
  width:            398px;
  margin:           30px 109px 0;
  }

div#primary h1.area
{
  margin:           0 20px;
  padding:          6px 0 3px 25px;
  background-color: #D71F1F;
  font-size:        2em;
  text-transform:   uppercase;
  }
div#standard_content h1
{
  margin:           1.5em 25px 0;
  font-size:        2.5em;
  clear:            left;
  background-color: transparent;
  padding:          0;
  text-transform:   none;
  }
div#standard_content h2
{
  margin:           1.5em 25px 0;
  font-size:        2em;
  line-height:      1.5em;
  clear:            left;
  }
div#standard_content h3
{
  margin:           1.5em 25px 0;
  font-size:        1.6em;
  line-height:      1.5em;
  clear:            left;
  }
div#standard_content h5
{
  margin:           20px 25px 0;
  font-size:        1.2em;
  clear:            left;
  }
div#standard_content p
{
  margin:           .8em 25px .3em;
  font-size:        1.3em;
  line-height:      1.5em;
  }
div#standard_content a:hover
{
  color:            #666;
  }
div#standard_content ul, div#standard_content ol
{
  float:            left;
  clear:            left;
  margin:           10px 0 20px 35px !important;
  margin:           10px 0 0 18px; /* FIX IE */
  display:          block;
  padding-right:    20px;
  list-style-type:  disc;
  }
div#standard_content ol
{
  list-style-type:  decimal;
  }
div#standard_content ul.sitemap, div#standard_content ol.terms
{
  float:            left;
  clear:            left;
  font-size:        1.2em;
  width:            auto !important;
  width:            460px;
  }
div#standard_content ul.sitemap
{
  margin-top:       20px !important;
  }
div#standard_content ul.sitemap li, div#standard_content ol.terms li
{
  clear:            left;
  }
div#standard_content ul.sitemap li ul, div#standard_content ol.terms li ul
{
  margin:           5px 20px !important;
  font-size:        1em;
  }
div#standard_content ul.sitemap li ul li ul
{
  margin:           5px 20px !important;
  font-size:        1em;
  }
div#standard_content ul.sitemap li ul li ul li ul
{
  margin:           5px 20px !important;
  font-size:        1em;
  }
div#standard_content form
{
  width:            430px;
  float:            left;
  display:          inline;
  margin:           20px 0 20px 73px;
  }
div#standard_content form fieldset
{
  float:            left;
  width:            430px;
  }
div#standard_content legend
{
  float:            left;
  padding:          5px 0 10px;
  font-size:        2em;
  }
div#standard_content form ol
{
  list-style-type:  none;
  margin:           0 !important;
  }
div#standard_content form ol li
{
  float:            left;
  width:            430px;
  position:         relative;
  padding:          0 0 15px;
  margin:           0;
  }
div#standard_content label
{
  text-transform:   uppercase;
  font-size:        1em;
  color:            #FFF;
  }
div#standard_content label em
{
  font-size:        .8em;
  color:            #AAA;
  }
label strong
{
  line-height:      .3em;
  font-size:        1.8em;
  color:            #F00;
  }
div#standard_content input, div#standard_content textarea
{
  float:            left;
  width:            430px; /* FIX IE <= 6 */
  w\idth:           416px;
  margin:           5px 0 0;
  padding:          5px 4px;
  border:           3px double #000;
  background-color: #AAA !important;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.6em;
  color:            #000;
  }
div#standard_content textarea
{
  overflow:         auto;
  }
div#standard_content input:focus, div#standard_content textarea:focus
{
  background:       #CCC !important;
  }
div#standard_content dl.inputgroup
{
  float:            left;
  margin:           0;
  padding:          0;
  width:            350px;
  }
div#standard_content dl.inputgroup dt
{
  float:            left;
  width:            20px;
  clear:            left;
  }
div#standard_content dl.inputgroup dd
{
  float:            left;
  width:            270px;
  margin:           2px 0 5px;
  }
div#standard_content dl.inputgroup label
{
  float:            left;
  width:            410px;
  }
div#standard_content dl.inputgroup label:hover
{
  cursor:           pointer;
  color:            #CCC;
  }
div#standard_content dl.inputgroup input
{
  border:           0;
  float:            left;
  width:            20px;
  margin:           3px 0 5px;
  }
div#standard_content form h2
{
  font-size:        1.2em;
  }
div#standard_content form h2 span.warning
{
  display:          block;
  margin:           -20px 0 5px;
  }
div#standard_content button
{
  float:            right;
  margin:           10px 0 0;
  padding:          8px 12px;
  border:           3px double #000;
  background-color: #555;
  text-transform:   uppercase;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1em;
  color:            #FFF;
  }
div#standard_content button:hover
{
  cursor:           pointer;
  background-color: #00B413;
  color:            #000;
  }
div#standard_content span.warning
{
  float:            left;
  width:            430px;
  padding:          2px 0 0;
  text-transform:   uppercase;
  font-size:        .9em;
  color:            #F00;
  }
div#standard_content div.alert
{
  float:            left;
  width:            410px;
  w\idth:           380px;
  margin:           -10px 0 20px;
  padding:          15px;
  border:           10px solid #444;
  text-align:       center;
  text-transform:   uppercase;
  line-height:      1.5em;
  font-size:        1em;
  color:            #F00;
  }
div#standard_content div.success
{
  color:            #00AF0F;
  }
div#standard_content form h2
{
  margin:           10px 0 20px;
  }

/* SECONDARY SIDEBAR - PRODUCT SEARCH                                  SECONDARY SIDEBAR - PRODUCT SEARCH ::
------------------------------------------------------------------------------------------------------------ */
form#search, form#search fieldset, form#search ol
{
  float:            left;
  width:            180px;
  }
form#search
{
  padding:          10px 0;
  }
form#search li
{
  float:            right;
  width:            161px;
  }
form#search h4
{
  float:            left;
  width:            130px; /* FIX IE <= 6 */
  w\idth:           112px;
  padding:          0 0 0 18px;
  text-transform:   uppercase;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #FFF;
  }
form#search button
{
  float:            right;
  margin:           -1px 0 0;
  text-transform:   uppercase;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #FFF;
  }
form#search button:hover
{
  cursor:           pointer;
  color:            #D91F1F;
  }
form#search label
{
  float:            left;
  text-indent:      -9999px;
  font-size:        0;
  line-height:      0;
  height:           0;
  }
form#search input
{
  float:               left;
  width:               157px; /* FIX IE <= 6 */
  w\idth:              133px;
  margin:              3px 0 0;
  padding:             2px 4px 4px 20px;
  border:              1px solid #CCC;
  border-width:        1px 0 0 1px;
  background-color:    #FFF !important;
  background-image:    url("../img/search.gif");
  background-repeat:   no-repeat;
  background-position: 3px 5px;
  font-size:           1.3em;
  color:               #333;
  }

/* SECONDARY SIDEBAR - PRODUCT FILTER                                  SECONDARY SIDEBAR - PRODUCT FILTER ::
------------------------------------------------------------------------------------------------------------ */
form#filter, form#filter fieldset, form#filter ol, form#filter li
{
  float:            left;
  width:            180px;
  position:         relative;
  }
form#filter
{
  background:       #EFEFEF url("../img/filter_bg.jpg") repeat-y;
  }
form#filter fieldset.submit
{
  height:           28px;
  }
form#filter h4
{
  float:            right;
  width:            162px; /* FIX IE <= 6 */
  w\idth:           159px;
  margin:           4px 3px 6px 0;
  padding:          0 0 2px 3px;
  border-bottom:    1px solid #CCC;
  text-transform:   uppercase;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #444;
  }
form#filter li
{
  padding:          0 0 4px;
  }
form#filter label
{
  float:            left;
  width:            60px; /* FIX IE <= 6 */
  w\idth:           57px;
  padding:          4px 3px 0 0;
  font-size:        .9em;
  text-align:       right;
  color:            #333;
  }
form#filter select
{
  float:            left;
  width:            117px;
  border:           1px solid #CCC;
  border-width:     1px 0 0 1px;
  background-color: #FFF !important;
  font-size:        1em;
  color:            #333;
  }
form#filter button
{
  position:            absolute;
  top:                 0;
  right:               0;
  width:               42px; /* FIX IE <= 6 */
  w\idth:              41px;
  margin:              2px 3px 4px 0;
  padding:             3px 0 2px 1px;
  border:              1px solid #EFEFEF;
  background-color:    #EFEFEF;
  background-image:    url("../img/filter_go_btn.gif");
  background-repeat:   no-repeat;
  background-position: 22px 2px;
  text-transform:      uppercase;
  text-align:          left;
  font-family:         Arial, Helvetica, sans-serif;
  font-size:           .9em;
  color:               #333;
  }
form#filter button:hover
{
  cursor:           pointer;
  background-image: url("../img/filter_go_btn_over.gif");
  border-color:     #CCC;
  }

/* SECONDARY SIDEBAR - SOCIAL BOOKMARKS                          SECONDARY SIDEBAR - SOCIAL BOOKMARKS ::
------------------------------------------------------------------------------------------------------------ */

div.bookmarks
{
  float:			left;
  margin:			0 0 6px 20px;
  }
div.bookmarks a
{
  float:			left;
  margin:			0 2px 0 0;
  }

/* SECONDARY SIDEBAR - BASKET                                                  SECONDARY SIDEBAR - BASKET ::
------------------------------------------------------------------------------------------------------------ */
div#rail
{
  float:            left;
  position:         relative;
  width:            180px;
  }
div#basket
{
  position:         absolute;
  width:            180px;
  }
div#basket h4
{
  float:            left;
  width:            180px; /* FIX IE <= 6 */
  w\idth:           162px;
  padding:          16px 0 6px 18px;
  text-transform:   uppercase;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #FFF;
  }
div#basket ul, div#basket ul li, div#basket ul h5, div#basket p, div#basket ul a
{
  float:            left;
  width:            180px;
  }
div#basket p
{
  w\idth:           170px;
  border:           1px solid #666;
  border-width:     1px 0;
  padding:          6px 0 6px 10px;
  font-size:        1.1em;
  }
div#basket p strong
{
  margin-left:      8px;
  font-size:        1.5em;
  }
div#basket p.red
{
  color:            #fff;
  background:       #D71F1F;
  font-weight:      bold;
  }
div#basket ul a:hover
{
  cursor:           pointer;
  }
div#basket ul li
{
  position:         relative;
  border-top:       1px dotted #666;
  padding:          8px 0;
  }
div#basket ul a.del
{
  float:               right;
  position:            relative;
  z-index:             100;
  right:               5px;
  margin-top:          -20px;
  width:               15px;
  height:              16px;
  background-image:    url("../img/delete_from_basket.gif");
  background-repeat:   no-repeat;
  background-position: 0 0;
  text-indent:         -9999px;
  }
div#basket ul a.del:hover
{
  background-position: -15px 0;
  }
div#basket ul em
{
  float:            left;
  width:            60px;
  text-align:       center;
  }
div#basket ul img
{
  width:            35px;
  border:           2px solid #FFF;
  }
div#basket ul a:hover img
{
  border-color:     #04B5FF;
  }
div#basket ul strong, div#basket ul ins, div#basket ul span
{
  float:            right;
  width:            120px;
  }
div#basket ul strong
{
  font-size:        1.1em;
  color:            #FFF;
  }
div#basket ul a:hover strong
{
  color:            #CCC;
  }
div#basket ul ins
{
  font-size:        1em;
  color:            #04B5FF;
  }
div#basket ul span
{
  line-height:      2.4em;
  font-size:        1.2em;
  color:            #AAA;
  }
div#basket ul a:hover span
{
  color:            #888;
  }
div#basket a.checkout
{
  float:            right;
  width:            170px; /* FIX IE <= 6 */
  w\idth:           158px;
  margin:           10px 0;
  padding:          6px;
  background:       #D71F1F url("../img/checkout.gif") no-repeat 150px 5px;
  text-transform:   uppercase;
  font-weight:      bold;
  color:            #FFF;
  }
div#basket a.checkout:hover
{
  background:       #AF1112 url("../img/checkout_over.gif") no-repeat 150px 5px;
  }

/* SECONDARY SIDEBAR - NEW DEALS JUST IN!                          SECONDARY SIDEBAR - NEW DEALS JUST IN! ::
------------------------------------------------------------------------------------------------------------ */
h2#newDealsJustIn
{
  float:             left;
  width:             180px;
  height:            98px;
  margin:            10px 0 0;
  background-image:  url("../img/new_deals_just_in.jpg");
  background-repeat: no-repeat;
  text-indent:       -9999px;
  }

/* TERTIARY SIDEBAR - MAILING LIST SIGN UP!                      TERTIARY SIDEBAR - MAILING LIST SIGN UP! ::
------------------------------------------------------------------------------------------------------------ */
h2#mailingListSignUp a
{
  float:             left;
  width:             180px;
  height:            111px;
  margin:            10px 0 0;
  background-image:  url("../img/mailing_list_signup.jpg");
  background-repeat: no-repeat;
  text-indent:       -9999px;
  }
h2#giftFinder a
{
  float:             left;
  width:             172px;
  height:            108px;
  margin:            -15px 0 0 5px;
  background-image:  url("../img/giftFinder.jpg");
  background-repeat: no-repeat;
  text-indent:       -9999px;
  }
h2#giftFinder a:hover
{
  background-position: -172px 0;
  }

/* TERTIARY SIDEBAR - DEALS OF THE WEEK!                            TERTIARY SIDEBAR - DEALS OF THE WEEK! ::
------------------------------------------------------------------------------------------------------------ */
h2#dealsOfTheWeek
{
  float:             left;
  width:             180px;
  height:            98px;
  margin:            10px 0 0;
  background-image:  url("../img/deals_of_the_week.jpg");
  background-repeat: no-repeat;
  text-indent:       -9999px;
  }

ol.deals, ol.deals li, ol.deals h5, ol.deals a
{
  float:            left;
  width:            180px;
  }
ol.deals a:hover
{
  cursor:           pointer;
  }
ol.deals li
{
  margin:           8px 0 0;
  border-top:       1px dotted #666;
  padding:          8px 0 0;
  }
ol.deals em
{
  float:            left;
  width:            60px;
  text-align:       center;
  }
ol.deals img
{
  width:            39px;
  border:           2px solid #FFF;
  }
ol.deals a:hover img
{
  border-color:     #04B5FF;
  }
ol.deals big, ol.deals strong, ol.deals span
{
  float:            right;
  width:            120px;
  }
ol.deals big
{
  text-transform:   uppercase;
  line-height:      1em;
  font-size:        1.4em;
  color:            #FFF;
  }
ol.deals a:hover big
{
  color:            #CCC;
  }
ol.deals strong
{
  font-size:        1.5em;
  line-height:      1em;
  color:            #04B5FF;
  }
ol.deals a:hover strong
{
  color:            #AF1112;
  color:			#1981CA;
  }
ol.deals span
{
  line-height:      1em;
  color:            #AAA;
  }
ol.deals a:hover span
{
  color:            #777;
  }

/* TERTIARY SIDEBAR - CURRENTLY OFFERING                            TERTIARY SIDEBAR - CURRENTLY OFFERING ::
------------------------------------------------------------------------------------------------------------ */
ul#currentlyOffering
{
  float:            left;
  width:            180px;
  margin:           20px 0 0;
  }
ul#currentlyOffering li
{
  float:            left;
  width:            140px;
  margin:           10px 20px;
  display:          inline;
  }
ul#currentlyOffering li h2
{
  font-size:        1.1em;
  margin:			0;
  }
ul#currentlyOffering li h2 strong
{
  text-transform:   uppercase;
  }
ul#currentlyOffering a:hover
{
  color:            #FFF;
  }
ul#currentlyOffering li p
{
  margin:           5px 0 0;
  font-size:        1em;
  color:            #CCC;
  }

/* FOOTER                                                                                          FOOTER ::
------------------------------------------------------------------------------------------------------------ */
div#footer
{
  float:            left !important;
  float:            none; /* FIX IE */
  clear:            left;
  width:            100%;
  background:       #C2C2C2 url("../img/footer_bg.jpg") no-repeat 50% 0;
  }
div#footnotes
{
  height:           194px;
  margin:			120px auto 0;
  }
div#footnotes p
{
  position:         absolute;
  bottom:           47px;
  left:             184px;
  text-transform:   uppercase;
  font-size:        1.1em;
  line-height:      1.6em;
  color:            #111;
  }
div#footnotes p a
{
  color:            #111;
  font-size:        .9em;
  }
div#footnotes p a:hover
{
  border-bottom:    1px dotted #111;
  }
a#dusza
{
  position:         absolute;
  bottom:           16px;
  left:             17px;
  width:            144px;
  height:           70px;
  background:       #C2C2C2 url("../img/dusza.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  }
a#dusza:hover
{
  background-position: -144px 0;
  }