/* ######################################################################## */
/* #################### BLUEPRINT RESET, FONTS ANG GRID  ################## */
/* ######################################################################## */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #000; 
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 30pt; line-height: 1; margin-bottom: 0.50pt; }
h2 { font-size: 20pt; margin-bottom: 0.750pt; }
h3 { font-size: 15pt; line-height: 1; margin-bottom: 10pt; }
h4 { font-size: 12pt; line-height: 1.25; margin-bottom: 12.5pt; }
h5 { font-size: 10pt; font-weight: bold; margin-bottom: 15pt; }
h6 { font-size: 10pt; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 15pt; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc;  }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 0px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: 8pt; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 12pt; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* -------------------------------------------------------------- 
  
  BLUEPRINT CSS
   * Filename:        grid.css
   * Version:         0.6 (2007-09-21) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/
  
  Generated by:
   * Blueprint CSS Grid Generator (2007-12-04) [http://kematzy.com/blueprint-generator/]
  
  Based on work by:
   * Olav Bjorkoy      [bjorkoy.com]
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
  
  == STRUCTURE: ========================
   * Page width:            950 px
   * Number of columns:     32
   * Column width:          20 px
   * Margin width:          10 px
  ======================================
   
  By default, the grid is 950px wide, with 32 columns 
  spanning 20px, and a 10px margin between columns.
  
  If you need fewer or more columns, use this formula to calculate
  the new total width: 
  
  Total width = (number_of_columns * column_width) - margin_width
  
  Read more about using a grid here:
  * subtraction.com/archives/2007/0318_oh_yeeaahh.php
  
  
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
}


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 10px;
}


/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 20px;}
.span-2  { width: 50px;}
.span-3  { width: 80px;}
.span-4  { width: 110px;}
.span-5  { width: 140px;}
.span-6  { width: 170px;}
.span-7  { width: 200px;}
.span-8  { width: 230px;}
.span-9  { width: 260px;}
.span-10 { width: 290px;}
.span-11 { width: 320px;}
.span-12 { width: 350px;}
.span-13 { width: 380px;}
.span-14 { width: 410px;}
.span-15 { width: 440px;}
.span-16 { width: 470px;}
.span-17 { width: 500px;}
.span-18 { width: 530px;}
.span-19 { width: 560px;}
.span-20 { width: 590px;}
.span-21 { width: 620px;}
.span-22 { width: 650px;}
.span-23 { width: 680px;}
.span-24 { width: 710px;}
.span-25 { width: 740px;}
.span-26 { width: 770px;}
.span-27 { width: 800px;}
.span-28 { width: 830px;}
.span-29 { width: 860px;}
.span-30 { width: 890px;}
.span-31 { width: 920px;}
.span-32 { width: 950px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 30px;}
.append-2  { padding-right: 60px;}
.append-3  { padding-right: 90px;}
.append-4  { padding-right: 120px;}
.append-5  { padding-right: 150px;}
.append-6  { padding-right: 180px;}
.append-7  { padding-right: 210px;}
.append-8  { padding-right: 240px;}
.append-9  { padding-right: 270px;}
.append-10 { padding-right: 300px;}
.append-11 { padding-right: 330px;}
.append-12 { padding-right: 360px;}
.append-13 { padding-right: 390px;}
.append-14 { padding-right: 420px;}
.append-15 { padding-right: 450px;}
.append-16 { padding-right: 480px;}
.append-17 { padding-right: 510px;}
.append-18 { padding-right: 540px;}
.append-19 { padding-right: 570px;}
.append-20 { padding-right: 600px;}
.append-21 { padding-right: 630px;}
.append-22 { padding-right: 660px;}
.append-23 { padding-right: 690px;}
.append-24 { padding-right: 720px;}
.append-25 { padding-right: 750px;}
.append-26 { padding-right: 780px;}
.append-27 { padding-right: 810px;}
.append-28 { padding-right: 840px;}
.append-29 { padding-right: 870px;}
.append-30 { padding-right: 900px;}
.append-31 { padding-right: 930px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 30px;}
.prepend-2  { padding-left: 60px;}
.prepend-3  { padding-left: 90px;}
.prepend-4  { padding-left: 120px;}
.prepend-5  { padding-left: 150px;}
.prepend-6  { padding-left: 180px;}
.prepend-7  { padding-left: 210px;}
.prepend-8  { padding-left: 240px;}
.prepend-9  { padding-left: 270px;}
.prepend-10 { padding-left: 300px;}
.prepend-11 { padding-left: 330px;}
.prepend-12 { padding-left: 360px;}
.prepend-13 { padding-left: 390px;}
.prepend-14 { padding-left: 420px;}
.prepend-15 { padding-left: 450px;}
.prepend-16 { padding-left: 480px;}
.prepend-17 { padding-left: 510px;}
.prepend-18 { padding-left: 540px;}
.prepend-19 { padding-left: 570px;}
.prepend-20 { padding-left: 600px;}
.prepend-21 { padding-left: 630px;}
.prepend-22 { padding-left: 660px;}
.prepend-23 { padding-left: 690px;}
.prepend-24 { padding-left: 720px;}
.prepend-25 { padding-left: 750px;}
.prepend-26 { padding-left: 780px;}
.prepend-27 { padding-left: 810px;}
.prepend-28 { padding-left: 840px;}
.prepend-29 { padding-left: 870px;}
.prepend-30 { padding-left: 900px;}
.prepend-31 { padding-left: 930px;}



/* Border on right hand side of a column. */
.border{
  padding-right:4px;
  margin-right:5px;
  border-right:1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right:16px;
  margin-right:15px;
  border-right:1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */
.pull-1 { margin-left: -30px;}
.pull-2 { margin-left: -60px;}
.pull-3 { margin-left: -90px;}
.pull-4 { margin-left: -120px;}


.push-0  { margin: 0 0 0 18px; float: right; } /* Right aligns the image. */
.push-1 { margin: 0 -30px 0 18px; float: right;}
.push-2 { margin: 0 -60px 0 18px; float: right;}
.push-3 { margin: 0 -90px 0 18px; float: right;}
.push-4 { margin: 0 -120px 0 18px; float: right;}

.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }



/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label { font-weight: bold; }


/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }










/* ########################################################################## */
/* #################### ALANDRA-SPECIFIC STYLE STARTS HERE ################## */
/* ########################################################################## */

html,body { 
  color: #000; 
  background-color: #000;
  font-family: Tahoma, Geneva, sans-serif; 
  font-size: 11px;
  padding: 0;
  margin: 0;	
  background-image: url('/img/body-bg.jpg');
  background-repeat: repeat;
  background-position: left top;
}

h1,h2,h3,h4,h5,h6 { 
  color: #000;
  font-family: Trebuchet MS, Helvetica, sans-serif; 
}

h1 {
	font-size: 28pt;
	font-weight: normal;
	color: #000;
}

h2 {
	font-size: 20pt;
}

h3 {
	font-size: 14pt;
	font-weight: bold;
}

h1.underlined {
	border-bottom:1px solid #2E2E2E;
	padding-bottom:12pt;
}

h2.in-form {
	font-size: 16pt;
	margin-bottom: 0;
}

input, textarea, select,button { 
  font-family: Tahoma, Geneva, sans-serif; 
  font-size: 11pt;
}

input, textarea, 
select, select:active, select:hover, select:focus,
textarea, textarea:active, textarea:hover, textarea:focus
{
	background-color: #2e2e2e !important;
	border-left: 2px solid #2c2c2c;
	border-top: 2px solid #2c2c2c;
	border-right: 2px solid #373737;
	border-bottom: 2px solid #373737;
	color: #fff;
}

label { font-weight: normal; }


select option {
	background-color: #2e2e2e;
	color: #fff;
}

.cleaner {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

.hidden {
	display: none !important;
	width: 0px !important;
	height: 0px !important;
	line-height: 0px !important;
	font-size: 0px !important;
	border: 0 !important;
}

img {
	margin: 0;
	border: 0;
}

a:link, a:visited {
	color: #fff;
	text-decoration: none;
}

a:active, a:hover {
	color: #CF617F;
	text-decoration: none;
}

a.pink-under:link, a.pink-under:visited {
	color: #CF617F;
	text-decoration: none;
}

a.pink-under:active, a.pink-under:hover {
	color: #CF617F;
	text-decoration: underline;
}

a.arrow:link, a.arrow:visited {
	background: url(/img/arrow-pink-right.gif) no-repeat right center;
	padding-right: 13px;
	color: #fff;
	text-decoration: none;
}

a.arrow:active, a.arrow:hover {
	background: url(/img/arrow-pink-right.gif) no-repeat right center;
	color: #CF617F;
	text-decoration: none;
}

.pink {
	color: #CF617F;
}

/* #################### Generic Forms   ################## */

form.generic {
	padding:0;
	margin: 0;
}

form.generic fieldset {
	width: 350px;
	padding: 0;
	margin: 0 0 1em 0;
	border: 0;
	display: block;
	line-height: 22px;
}

form.generic label {
	float: left;
	width: 150px;
	padding-right: 10px;
	text-align: right;
	display: block;
}

form.generic input, 
form.generic select, 
form.generic textarea {
	float: left;
	width: 170px;
	display: block;
	margin: 2px 0;
}

form.generic select {
	width: 176px;
}

form.generic textarea {
	width: 160px;
	height: 150px;
	overflow: auto;
}
/* safari hack */
body:last-child:not(:root:root) form.generic textarea {
	width: 180px;
}

form.generic #salutation {
	width: 60px;
	margin-right: 120px;
}

form.generic .narrowbutton,
.narrowbutton {
	width: 76px;
	height: 23px;
	line-height: 23px;
}

form.generic .widebutton,
.widebutton {
	width: 140px;
	height: 23px;
	line-height: 23px;
}

form.generic .semiwidebutton,
.semiwidebutton {
	width: 130px;
	height: 23px;
	line-height: 23px;
}

form.generic .superwidebutton,
.superwidebutton {
	width: 149px;
	height: 23px;
	line-height: 23px;
}

form.generic .extrasuperwidebutton,
.extrasuperwidebutton {
	width: 183px;
	height: 23px;
	line-height: 23px;
}

.img-submit {
	background: transparent !important;
	border: 0;
}

form.generic #submit.narrowbutton {
	float: left;
	padding: 0;
	margin-left: 258px;
}

.divider {
	float: left;
	width: 580px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 20px 0 5px 0;
	border-bottom: 1px solid #1e1e1e;
}

.form-intro {
	color: #fff;
}

/* Lists */

ul.arrow-underline {
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 2em;
}

ul.arrow-underline li {
	padding-left: 0;
	padding: 0.1em 0 0.1em 0;
	line-height: 1.62em;
	border-bottom: 1px solid #111;
}

#topTen li{
	min-height: 2.5em;
	line-height: 2.5em;
}

ul.arrow-underline a:link, ul.arrow-underline a:visited {
	padding-left: 15px;
	background: url(/img/arrow-pink-right.gif) no-repeat left center;
	color: #959595;
}

ul.arrow-underline a:active, ul.arrow-underline a:hover {
	background: url(/img/arrow-white-right.gif) no-repeat left center;
	color: #CF617F;
}

ul.arrow-underline li.current a:link, ul.arrow-underline li.current a:visited {
	background: url(/img/arrow-white-right.gif) no-repeat left center;
	color: #CF617F;
}

/* Lists in item index divs */

ul.item-links {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.item-links li {
	padding-left: 0;
	font-size: 10px;
	
	line-height: 1.8em;
	border-bottom: 1px solid #333;
}

ul.item-links a:link, ul.item-links a:visited {
	display: block;
	padding-right: 10px;
	background: url(/img/arrow-pink-right.gif) no-repeat right center;
	color: #959595;
}

ul.item-links a:active, ul.item-links a:hover {
	background: url(/img/arrow-white-right.gif) no-repeat right center;
	color: #CF617F;
}

ul.item-links li.current a:link, ul.item-links li.current a:visited {
	background: url(/img/arrow-white-right.gif) no-repeat right center;
	color: #CF617F;
}

ul.item-links li.last {
	border-bottom: 0;
	padding-bottom: 5px;
}

/* Generic product index item */

.item {
	padding: 0;
	margin: 0 0 20px 0;
	float: left;
	width: 193px;
	background: url(/img/item-border.jpg) no-repeat right top;
	border-top: 1px solid #1e1e1e;
	border-bottom: 1px solid #2e2e2e;
}

.item .thumb {
	height: 172px;
	line-height: 172px;
	text-align: center;
	position: relative;
}

.item .thumb img {
	margin-top: 0px;
	vertical-align: middle;
}

* html .item .thumb img {
	margin-top: expression(( 172 - this.height ) / 2); 
}

.item .desc {
	padding: 0 16px;
	margin: 0 1px;
	background: url(/img/item-bg.jpg) repeat-x left bottom;
}

.item .desc .price {
	display: block;
	line-height: 22px;
	height: 22px;
	font-weight: bold;
	color: #fff;
}

/* Pager element */

.pager {
	text-align: right;
	padding-top: 14px;
}

.pager span {
	padding-right: 16px;
}

.pager a.current {
	color: #CF617F;
}

.pager .back:link, 
.pager .back:visited {
	background: url(/img/arrow-white-left.gif) no-repeat right center;
	padding-right: 15px; 
}

.pager .back:hover, 
.pager .back:active {
	background: url(/img/arrow-pink-left.gif) no-repeat right center;
}

.pager .next:link, 
.pager .next:visited {
background: url(/img/arrow-white-right.gif) no-repeat left center;
	padding-left: 15px; 
}

.pager .next:hover, 
.pager .next:active {
background: url(/img/arrow-pink-right.gif) no-repeat left center;
}





/* #################### OUTER LAYOUT ################## */
/* #################################################### */

#main-container { 
	width: 920px;
	background: #000;
}

/* Header */

#header {
	float: left;
	width: 880px;
	background: inherit;
	padding-left: 20px;
	padding-right: 20px;
	height: 100px;
	border-bottom: 1px solid #1e1e1e;
}

#header #logo {
	float: left;
	width: 180px;
	height: 100px;
	background: inherit;
}

#header #logo img {
	margin-top: 15px;
	margin-left: 10px;
}

#header #user-nav {
	display: none;
	float: left;
	width: 700px;
	height: 50px;
	padding-top: 10px;
	padding-bottom: 11px;
	background: inherit;
	font-size: 10px;
	text-align: right;
}

/* Main navigation */

ul#main-tabs {
	display: none;
	padding: 0;
	width: 700px;
	height: 29px;
	margin: 0 !important;
	float: left;
	/* Need this to stop tabs from disappearing sometimes */
	position: relative;
}
	ul#main-tabs li {
		float: right;
		list-style: none;
		background: url(/img/tabs/norm_li_bg.gif) no-repeat left top;
		margin: 0 0 0 2px;
		padding: 0 0 0 11px;
		height: 29px;
		cursor: pointer;
		position: relative;
		top: 0px;
	}
		ul#main-tabs li a {
			background: url(/img/tabs/norm_a_bg.gif) no-repeat right top;
			display: block;
			float: left;
			outline: none;
			padding: 0 11px 0 0;
			line-height: 29px;
			text-decoration: none;
			color: #fff;
			font-size: 11px;
			font-weight: bold;
		}
		ul#main-tabs li a:hover {
			text-decoration: none;
			color: #CF617F;
		}
			ul#main-tabs li.current,
			ul#main-tabs li.sel,
			ul#main-tabs li.over {
				background: url(/img/tabs/sel_li_bg.gif) no-repeat left top;
				top: 0px;
			}
				ul#main-tabs li.current a,
				ul#main-tabs li.sel a,
				ul#main-tabs li.over a {
					background: url(/img/tabs/sel_a_bg.gif) no-repeat right top;
					padding: 0 11px 0 0;
					color: #CF617F;
				}


/* Subheader */

#subheader {
	display: none;
	float: left;
	width: 880px;
	padding-left: 20px;
	padding-right: 20px;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #1e1e1e;
}

#main-search {
	vertical-align: middle;
	font-size: 10px;
	float: left;
	width: 440px;
	color: #fff;
}

* html #main-search form { padding-top: 5px;}

#main-search #search-submit {
	margin-bottom: -3px;
}

#main-search #search-keywords {
	width: 150px;
}

#basket-bar {
	float: left;
	width: 440px;
}

#basket-bar a {
	display: block;
	background: url(/img/button-basket.gif) no-repeat left top;
	float: right;
	width: 108px;
	height: 23px;
	line-height: 23px;
	margin-top: 3px;
	padding-left: 9px;
	font-weight: bold;
	font-size: 10px;
}

/* Left sidebar */

#sidebar-left {
	display: none;
	float: left;
	width: 125px;
	padding-left: 20px;
	padding-right: 25px;
	padding-top: 18px;
}

/* Right sidebar */

#sidebar-right {
	display: none;
	float: left;
	width: 125px;
	padding-left: 25px;
	padding-right: 20px;
	padding-top: 18px;
}

#sidebar-left h3,
#sidebar-right h3 {
	margin-bottom: 0.8em;
}


/* Content */

.content {
	float: left;
	width: 580px;
	padding-top: 18px;
	padding-bottom: 18px;
}


.content ul{
list-style: none;
padding: 0;
margin:0;
}

.content li{
padding-left: 0;
margin-left:0;
}


/* Footer */

#footer {
	float: left;
	width: 880px;
	padding-left: 20px;
	padding-right: 20px;
	height: 32px;
	border-top: 1px solid #1e1e1e;
	line-height: 32px;
}

#footer a:link, #footer a:visited {
	color: #959595;
}

#footer a:active, #footer a:hover {
	color: #CF617F;
}

#footer-left {
	float: left;
	width: 440px;
	text-align: left;
}

#footer-right {
	float: left;
	width: 440px;
	text-align: right;
}



/* #################### HOME PAGE  ################## */

#home {
	
}

#home #intro {
	background: url(/img/home-intro-bg.jpg) no-repeat right bottom;
	border-bottom: 1px solid #0c0c0c;
	height: 438px;
}

#home #intro h1 {
	line-height: 1.3em;
	padding-top: 125px;
	color: #CF617F;	
}

#home #featured h2 {
	padding-top: 20px;
	margin-bottom: 0.5em;
}


#home #most-popular h2 {
	margin-bottom: 0.5em;
	padding-bottom: 5px;
	border-bottom: 1px solid #1e1e1e;
}

#home #most-popular ul {
	float: left;
	width: 280px;
	margin-right: 20px;
}

#home #most-popular ul li {
border-bottom:1px solid #1E1E1E;
clear:both;
height: 1.9em; 
padding:0pt 0.5pt;
}


#home #most-popular ul a {
	float: left;
	display: block;
	
}

#home #most-popular ul .top-price {
	float: right;
	display: block;
	width: 45px;
	text-align: right;
}

#home #most-popular ul.last {
	margin-right: 0;	
}

/* #################### TERMS AND CONDITIONS  ################## */

#terms_and_conditions h2{
	font-size: 1.1em;
	margin-bottom: 5px;
	margin-top: 15px;
	font-weight:bold;
	color: #999999;
	
}


/* #################### PRODUCT INDEX  ################## */

#product-index {
	
}


#product-index h1 {
	border-bottom: 1px solid #2e2e2e;
	padding-bottom: 12px;
}
#product-index h2 {
	border-bottom: 1px solid #2e2e2e;
	padding-bottom: 7px;
}

#product-index .item {
	margin-bottom: 5px;
}

#product-index .item .desc {
	/* border-bottom: 1px solid #2e2e2e; */
}

#product-index .item .title {
	display: block;
	font-weight: bold;
	color: #fff;
	padding-bottom: 2px;
	border-bottom: 1px solid #333;
}

#product-index .item .title {
  /* border: 1px solid orange; */
}

#product-index .item .title table,
#product-index .item .title table td {
   padding: 0;
   margin: 0;
}

#product-index .item .title table td {
   height: 34px;
   vertical-align: bottom;
}

#product-index .item .price,
#product-index .item .more {
	background: transparent;
	float: left;
	display: block;
	height: 20px;
	line-height: 16px;
}

#product-index .item .price {
	color: #CF617F;
	width: 100px;
}

#product-index .item .more:link, 
#product-index .item .more:visited {
	background: url(/img/arrow-pink-right.gif) no-repeat right center;
	padding-right: 10px;
	width: 49px;
	text-align: right;
	color: #959595; 
}

#product-index .item .more:hover, 
#product-index .item .more:active {
	background: url(/img/arrow-pink-right.gif) no-repeat right center;
	text-align: right;
	color: #CF617F;
}


/* #################### CATEGORY INDEX  ################## */

#category-index {
	
}

#category-index h1 {
	border-bottom: 1px solid #2e2e2e;
	padding-bottom: 12px;
	margin-bottom: 0;
}

#category-index #category-banner {
	width: 580px;
	height: 220px;
	padding-bottom: 10px;
}

#category-index .item {
	margin-bottom: 5px;
}

#category-index .item .desc {
	/* border-bottom: 1px solid #2e2e2e; */
}

#category-index .item .title {
	display: block;
	font-weight: bold;
	color: #fff;
	padding-bottom: 2px;
	border-bottom: 1px solid #333;
}

#category-index .item .more:link, 
#category-index .item .more:visited {
	background: transparent;
	display: block;
	height: 18px;
	line-height: 16px;
	font-size: 10px;
	background: url(/img/arrow-pink-right.gif) no-repeat right center;
	padding-right: 10px;
	text-align: left;
	color: #959595; 
}

#category-index .item .more:hover, 
#category-index .item .more:active {
	background: url(/img/arrow-pink-right.gif) no-repeat right center;
	color: #CF617F;
}


/* #################### PRODUCT DETAIL  ################## */

#product-detail {
	
}



#product-detail h1 {
	border-bottom: 1px solid #2e2e2e;
	padding-bottom: 12px;
}

#product-detail h2 {
	margin-bottom: 0.5em;
}

#product-detail h4 {
	margin-top: 36px;
	margin-bottom: 4px;
	text-align: center;
	font-size: 16px;
}

#product-detail #photo-container {
	float: left;
	width: 274px;
	/* height: 450px; */	
	margin-right: 33px;
}

#product-detail #photo-container .enlarge:link,
#product-detail #photo-container .enlarge:visited {
	background: url(/img/enlarge.gif) no-repeat left top;
	width: 94px;
	height: 16px;
	line-height: 16px;
	color: #fff;
	display: block;
	margin-left: 80px;
	margin-top: 10px;
	padding-left: 10px;
}

#product-detail #photo-container .enlarge:active,
#product-detail #photo-container .enlarge:hover {
	background: url(/img/enlarge-selected.gif) no-repeat left top;
}

#product-detail #photo-frame {
	background: url(/img/product-detail-photo-bg.jpg) no-repeat left top;
	width: 271px;
	height: 256px;
	line-height: 256px;
	text-align: center;
}
#product-detail #photo-frame img {
	margin-top: 15px;
	display: inline;
}

#product-detail #details {
	float: left;
	width: 271px;
}

#product-detail #details td {
	padding:2px 10px 2px 0pt;
	border-bottom: 1px solid #282828;
}

#product-detail #details .detail {
	color: #fff;
}

#product-detail #details .detail #select_qty {
	width: 45px;
}

#product-detail #details #subtitle {
	color: #fff;
	width: 200px;
}

#product-detail #details #add-to-basket {
	display: block;
}

#product-detail #details #back-to-products:link,
#product-detail #details #back-to-products:visited {
	display: block;
	background: url(/img/buttons/back-to-products.gif) no-repeat left top;
	color: #fff;
	margin-top: 7px;
	text-indent: -1000em;
}

#product-detail #details #back-to-products:active,
#product-detail #details #back-to-products:hover {
	background: url(/img/buttons/back-to-products-selected.gif) no-repeat left top;
}

#product-detail #details #add-wishlist:link,
#product-detail #details #add-wishlist:visited {
	display: block;
	background: url(/img/buttons/add-wishlist.gif) no-repeat left top;
	color: #fff;
	margin-top: 7px;
	text-indent: -1000em; 
}

#product-detail #details #add-wishlist:active,
#product-detail #details #add-wishlist:hover {
	background: url(/img/buttons/add-wishlist-selected.gif) no-repeat left top;
}

/* 'Related products' carousel */

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 120px;
    height: 160px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-alandra.jcarousel-container {
    background: #000;
    border-top: 1px solid #111;
	border-bottom: 1px solid #111;
}

.jcarousel-skin-alandra.jcarousel-container-horizontal {
    width: 250px;
    padding: 7px 15px;
}

.jcarousel-skin-alandra .jcarousel-clip-horizontal {
    width:  250px;
    height: 162px;
}

.jcarousel-skin-alandra .jcarousel-item {
   width: 120px;
   height: 160px;
	border: 1px solid #0c0c0c;
}

.jcarousel-skin-alandra .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-alandra .jcarousel-item-placeholder {
    background: #000;
    color: #fff;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-alandra .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 0px;
    width: 14px;
    height: 18px;
    cursor: pointer;
    background: transparent url(/img/jcarousel/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-alandra .jcarousel-next-horizontal:hover {
    /* background-position: -32px 0; */
}

.jcarousel-skin-alandra .jcarousel-next-horizontal:active {
    /* background-position: -64px 0; */
}

.jcarousel-skin-alandra .jcarousel-next-disabled-horizontal,
.jcarousel-skin-alandra .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-alandra .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-alandra .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: -4px;
    width: 14px;
    height: 18px;
    cursor: pointer;
    background: transparent url(/img/jcarousel/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-alandra .jcarousel-prev-horizontal:hover {
     /* background-position: -32px 0; */
}

.jcarousel-skin-alandra .jcarousel-prev-horizontal:active {
    /* background-position: -64px 0; */
}

.jcarousel-skin-alandra .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-alandra .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-alandra .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/* ##################  Thickbox Settings    ######################## */


#TB_window {
	font: 11px verdana, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 11px verdana, sans-serif;
	color:#666666;
}

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(http://brilliantdev.brilliant/images/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #000;
	z-index: 102;
	color: #959595; 
	display:none;
	border: 1px solid #333;
	text-align:left;
	top:50%;
	left:50%;
	padding: 10px 20px 10px 20px;
}

* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

*:first-child+html #TB_window { 
	padding-top: 40px;
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

} /* ie7 hack */ 

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: inherit;
	border-bottom: inherit;
	border-top: inherit;
	border-left: inherit;
	/* border: 1px solid orange; */
}

#TB_caption{
	display: none;
	height:25px;
	padding:11px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:6px;
	width: 22px;
	padding:10px 18px 10px 0;
	position: absolute;
	top: 0;
	right: 4px;
	overflow: hidden;
}

#TB_closeWindowButton {
		border: 1px solid #333;
		padding: 2px 4px;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* #################### ABOUT US  ################## */

#about-us {
	 background: transparent url(/img/about-us-bg.jpg) no-repeat right bottom;
	 min-height: 530px;
	 
}
* html #about-us {
	height: 530px;
}

#about-us p {
	 width: 360px;
}

/* #################### TRADE REGISTER  ################## */

#trade-register {
	
}

#trade-register h1 {
	border-bottom:1px solid #2E2E2E;
	padding-bottom:12px;
}

#trade-register form.generic fieldset {
	width: 320px;
}

#trade-register form.generic label {
	width: 120px;
}

#trade-register form.generic #submit.narrowbutton {
	float: none;
	display: block;
	clear: both;
	margin: 0 0 0 228px;
	padding: 0;
}



/* #################### REGISTER  ################## */

#register {
	
}

#register h1 {
	border-bottom:1px solid #2E2E2E;
	padding-bottom:12px;
}


#register form.generic fieldset {
	width: 350px;
}

#register form.generic label {
	width: 110px;
}

#register form.generic #submit.narrowbutton {
	float: none;
	display: block;
	clear: both;
	margin: 0 0 0 218px;
	padding: 0;
}

#register .divider {
	position: relative;
}

#register .divider a:link,
#register .divider a:visited {
	display: block;
	position: absolute;
	top: -110px;
	right: 10px;
	width: 228px;
	height: 92px;
	background: url(/img/buttons/trade-register.gif) no-repeat left top;
}

#register .divider a:active,
#register .divider a:hover {
	background: url(/img/buttons/trade-register-selected.gif) no-repeat left top;
}



/* #################### MY ACCOUNT  ################## */

#my-account {
	
}

#my-account form.generic fieldset {
	width: 580px;
}


#my-account form.generic label {
	clear: both;
	width: 120px;
}

#my-account #addresses-left {
	width: 260px;
	padding: 15px 10px 0 0;
	margin: 0;
	float: left;
	border-top: 1px solid #1e1e1e;
	background: url(/img/item-border.jpg) no-repeat right top;
}
#my-account #addresses-right {
	width: 300px;
	padding: 15px 0 0 10px;
	margin: 0;
	float: left;
	margin-right: 0;
	border-top: 1px solid #1e1e1e;
}

#my-account #addresses-right h2 {
	padding-left: 7px;
}

#my-account #account-update-form fieldset {
	width: 260px;
}
#my-account #account-update-form label {
	width: 70px
}

#my-account #delivery-update-form fieldset {
	width: 300px;
}
#my-account #delivery-update-form label {
	width: 110px
}

#my-account #username-update-form  #submit-username-update.widebutton,
#my-account #password-update-form  #submit-password-update.widebutton {
	float: left;
	clear: none;
	display: block;
	margin: 0 0 0 50px;
	padding: 0;
}

#my-account #delivery-update-form  #submit-delivery-update.widebutton {
	float: none;
	display: block;
	clear: both;
	margin: 0 0 0 154px;
	padding: 10px 0 0 0;
}


#my-account #account-update-form  #submit-account-update.widebutton  {
	float: none;
	display: block;
	clear: both;
	margin: 0 0 0 114px;
	padding: 10px 0 0 0;
}



/* #################### CHECKOUT PROGRESS BAR  ################## */

#checkout-progress {
	/* width: 500px; */
	padding-right: 80px;
	border-bottom:1px solid #2E2E2E;
	padding-top: 2px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	position: relative;
	padding-top: 20px;
	height: 25px;
}



#checkout-progress #progress-bar {
	height: 9px;
	margin: 0;
	width: 530px;
	position: absolute;
	top: 0;
	left: 22px;
}

#checkout-progress .on-basket {
	background: url(/img/checkout-progress/new/1.gif) no-repeat left top;
}
#checkout-progress .on-sign-in {
	background: url(/img/checkout-progress/new/2.gif) no-repeat left top;
}
#checkout-progress .on-delivery {
	background: url(/img/checkout-progress/new/3.gif) no-repeat left top;
}
#checkout-progress .on-payment {
	background: url(/img/checkout-progress/new/4.gif) no-repeat left top;
}
#checkout-progress .on-confirm {
	background: url(/img/checkout-progress/new/5.gif) no-repeat left top;
}
#checkout-progress .on-checkout {
	background: url(/img/checkout-progress/new/6.gif) no-repeat left top;
}

#checkout-progress span {
	color: #fff;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 18px;
}

#checkout-progress span.done {
	color: #CF617F;
}

#checkout-progress span#basket {
	left: 0;
}

#checkout-progress span#sign-in {
	left: 95px;
}

#checkout-progress span#delivery {
	left: 185px;
}

#checkout-progress span#payment {
	left: 308px;
}

#checkout-progress span#confirm {
	left: 400px;
}

#checkout-progress span#checkout {
	left: 490px;
}




/* #################### BASKET  ################## */

#shopping-basket {
	
}

.basket-contents {
	width: 99.9%;
}

.basket-contents a {
	text-decoration: underline;
}

.basket-contents th {
	color: #CF617F;
	font-size: 14px;
	font-weight: normal;
}
.basket-contents th,
.basket-contents td {
	padding:9px 10px 9px 0pt;
	border-bottom: 1px solid #1e1e1e;
}

.basket-contents .product {
	width: 50%;
}

.basket-contents .qty select {
	width: 45px;
}

.basket-contents .promocode {
	text-align: right;
}

.basket-contents .total { 
	
	text-align: right;
}
.basket-contents .total span {
	color: #CF617F;
}

#shopping-basket #button-checkout:link,
#shopping-basket #button-checkout:visited {
	display: block;
	float: right;
	background: url(/img/buttons/button-proceed-checkout.gif) no-repeat left top;
	text-indent: -1000em;
}

#shopping-basket #button-checkout:hover,
#shopping-basket #button-checkout:active {
	background: url(/img/buttons/button-proceed-checkout-selected.gif) no-repeat left top;
}


.basket-contents #update-basket {
	/*margin-bottom: -6px;
	margin-left: 5px;*/
	margin-right: -10px;
	padding-right: 0;
	margin-top: 8px;
}

.basket-contents .promocode .text_input {
   margin-right: -12px;
}

/* #################### SIGN IN CHECKOUT  ################## */	

#sign-in-checkout {
	
}

#sign-in-checkout #button-login {
	margin-top: 5px;
	float: right;
	padding-right: 15px;
}

#sign-in-checkout .forgot-pass {
	clear: both;
	text-align: right;
	padding-right: 15px;
	padding-top: 3px;
}

#sign-in-checkout #new-cust-intro {
	width: 380px;
}

#sign-in-checkout #button-register:link, 
#sign-in-checkout #button-register:visited {
	display: block;
	float: right;
	padding-right: 15px;
	background: url(/img/buttons/button-register.gif) no-repeat left top;
	text-indent: -1000em;
}

#sign-in-checkout #button-register:hover, 
#sign-in-checkout #button-register:active {
	background: url(/img/buttons/button-register-selected.gif) no-repeat left top;
}



/* #################### BILLING DELIVERY  ################## */	
 
#billing-delivery {
	
}

#billing-delivery h2 {
	font-size: 16px;
	clear: both;
}

#billing-delivery .divider {
	width: 580px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	
}

#billing-delivery .details em,
#samedelivery em  {
	display: block;
	float: left;
	background: none;
	font-style: normal;
	width: 110px;
	text-align: right;
}
#billing-delivery .details span,
#samedelivery span {
	display: block;
	float: left;
	margin-left: 15px;
	width: 300px;	
}

#billing-delivery #button-billing:link,  
#billing-delivery #button-billing:visited {
	display: block;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	background: url(/img/buttons/button-billing.gif) no-repeat left top;
	text-indent: -1000em;
}

#billing-delivery #button-billing:hover, 
#billing-delivery #button-billing:active {
	background: url(/img/buttons/button-billing-selected.gif) no-repeat left top;
}

#billing-delivery #button-confirm:link,  
#billing-delivery #button-confirm:visited {
	display: block;
	float: left;
	margin-left: 8px;
	margin-top: 10px;
	background: url(/img/buttons/button-proceed-confirm.gif) no-repeat left top;
	text-indent: -1000em;
}

#billing-delivery #button-confirm:hover, 
#billing-delivery #button-confirm:active {
	background: url(/img/buttons/button-proceed-confirm-selected.gif) no-repeat left top;
}


#billing-delivery #button-delivery:link, 
#billing-delivery #button-delivery:visited {
	display: block;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	background: url(/img/buttons/button-delivery.gif) no-repeat left top;
	text-indent: -1000em;
}

#billing-delivery #button-delivery:hover, 
#billing-delivery #button-delivery:active {
	background: url(/img/buttons/button-delivery-selected.gif) no-repeat left top;
}



/* #################### CONFIRM ORDER  ################## */	

#confirm-order {
	
}

#confirm-order h2 {
	font-size: 16px;
	margin-bottom: 0.5em;
}

#confirm-order #billing-addr,
#confirm-order #delivery-addr {
	float: left;
	width: 280px;
}

#confirm-order .basket-contents {
	clear: both;
}

#confirm-order #button-checkout:link, 
#confirm-order #button-checkout:visited {
	display: block;
	float: right;
	background: url(/img/buttons/confirm-order.gif) no-repeat left top;
	text-indent: -1000em;
	margin-right: -10px;
}

#confirm-order #button-checkout:hover, 
#confirm-order #button-checkout:active {
	background: url(/img/buttons/confirm-order-selected.gif) no-repeat left top;
}

#confirm-order #button-basket:link, 
#confirm-order #button-basket:visited {
	display: block;
	float: right;
	background: url(/img/buttons/back-basket.gif) no-repeat left top;
	text-indent: -1000em;
	margin-right: 15px;
}

#confirm-order #button-basket:hover, 
#confirm-order #button-basket:active {
	background: url(/img/buttons/back-basket-selected.gif) no-repeat left top;
}


/* #################### WISH LIST  ################## */

#wishlist {
	
}

#wishlist #total { 
	color: #CF617F;
}

#wishlist #total,
#wishlist #pager-top { 
	width: 290px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #1e1e1e;
	border-top: 1px solid #1e1e1e;
	margin-bottom: 0.8em;
}

#wishlist .pager a {
	text-decoration: none;
}


#wishlist-contents {
	width: 99.9%;
	clear: both;
}

#wishlist-contents a {
	text-decoration: underline;
}

#wishlist-contents th {
	color: #CF617F;
	font-size: 14px;
	font-weight: normal;
}
#wishlist-contents th,
#wishlist-contents td {
	padding:9px 10px 9px 0pt;
	border-bottom: 1px solid #1e1e1e;
}

#wishlist-contents .product {
	width: 50%;
}

#wishlist-contents .product b {
	color: #fff;
}

#wishlist-contents .available,
#wishlist-contents .basket,
#wishlist-contents .delete {
	text-align: center;
}

/* #################### DELIVERY  ################## */

#deliveryTerms{
list-style-image:url(../img/bullet.gif);
}



/* #################### Login Overlay   ################## */

#modalOverlay {
  height:100%;
  width:100%;
  position:fixed;
  left:0;
  top:0;
  z-index:3000;
  background-color:#464646;
  /* cursor:wait; */
}

#modalContainer {
  height:199px;
  width:306px;
  position:fixed;
  left:50%;
  top:30%;
  margin-left:-153px;
  z-index:3100;
  background-color: transparent;
}
#modalContainer #shadow {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 306px;
	height: 199px;
	background: url('../img/login-overlay-shadow.png') no-repeat;
}

#modalContainer #login-container {
	text-align: left;
	padding: 0;
	margin: 0;
	width: 306px;
	height: 199px;
	background:url('../img/login-container-bg.gif') no-repeat;
	position: relative;
}

#modalContainer #login-container h3 {
	height: 32px;
	line-height: 32px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 2px;
	margin-bottom: 0;
}

#modalContainer #login-container p {
	clear: both;
	padding: 5px 0;
	margin: 0 0px 0 30px;
	width: 250px;
	height: 24px;
	line-height: 24px;
	/* background-color: orange; */
}

#modalContainer #login-container .fields {
	padding: 3px 0;
}

#modalContainer #login-container form input {
	position: relative;
	display: inline;
	width: 170px;
	float: left;
}

#modalContainer #login-container form label {
	width: 60px;
	padding-right: 10px;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
   font-size: 11px;
   text-align: right;
}

#modalContainer #login-container .buttons {
	padding-top: 6px;
	height: 21px;
	line-height: 21px;
}

#modalContainer #login-container #login-submit {
	float: right;
	display: block;
	width: 76px;
	height: 23px;
	line-height: 23px;
	margin: 0 0 0 10px;
	padding: 0 5px 0 0;
}

#modalContainer a.modalCloseImg {
  display: none;
}

#modalContainer .links {
   padding-bottom: 0;
   margin-bottom: 0;
}

#modalContainer #link-forgotpass {
   padding-left: 45px;
}

#modalContainer #login-container #login-message {
	height: 16px;
	line-height: 16px;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 11px;
	width: 260px;
}

#modalContainer .login_error {
	color: #D12F19;
}

#modalContainer #login-close-button {
	position: absolute;
	right: 20px;
	top: 13px;
	text-decoration: none;
	color: #CF617F;
}

#modalContainer #login-close-button:active,
#modalContainer #login-close-button:hover {
	color: #fff;
} 

/* #################### ORDER HISTORY   ################## */

#order-history {
	
}

#order-history .pager { 
	padding: 0;
	margin-top: -8px;
}

#order-history #pager-top { 
	padding: 0;
	margin-top: 0px;
	margin-bottom: 8px;
}

#order-history #order-search { 
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #1e1e1e;
	border-top: 1px solid #1e1e1e;
	margin-bottom: 0.8em;
}

#order-history #order-search input {
		margin-right: 40px;
}
#order-history #order-search select {
	margin-right: 20px;
}

#order-history #order-search #number { 
	width: 120px;
}
#order-history #order-search #year { 
	width: 80px;
}
#order-history #order-search #month { 
	width: 90px;
}

#order-history #order-search #submit-order-search {
	margin-bottom: -7px;
	margin-right: 0px;
	margin-left: 5px;
}

#order-history .pager a {
	text-decoration: none;
}


#order-history-contents {
	width: 99.9%;
	clear: both;
}

#order-history-contents a {
	text-decoration: underline;
}

#order-history-contents th {
	color: #CF617F;
	font-size: 14px;
	font-weight: normal;
}
#order-history-contents th,
#order-history-contents td {
	padding:9px 10px 9px 0pt;
	border-bottom: 1px solid #1e1e1e;
}

#order-history-contents p {
	margin-bottom: 0.5em;
}

#order-history-contents .general {
	width: 202px;
}

#order-history-contents .details {
	width: 282px;
	
}
#order-history-contents .actions {
	padding-bottom: 1.2em;
}
#order-history-contents .align-bottom {
	vertical-align: bottom;
}

#order-history-contents .actions .collapse-trigger {

}

#order-history-contents b {
	color: #fff;
}


/* damian: live hotfixes 20080306 */
/* ------------------------------ */

fieldset {
	border: 0;
}

.text-button {
	color: #fff;
	border-right: 2px solid #202020;
	border-bottom: 2px solid #202020;
	border-left: 2px solid #373737;
	border-top: 2px solid #373737;
}

.continue-button {
	display: block;
	width: 76px !important;
	height: 23px;
	line-height: 23px;
	padding-left: 0;
	margin-left: 0px;
	margin-top: 10px;
}

.credit-account-button {
	display: block;
	width: 149px !important;
	height: 23px;
	line-height: 23px;
	padding-left: 0;
	margin-left: 0px;
	margin-top: 10px;
}

#addresses-left {
	background: none !important;
	border: 0 !important;
}

#addresses-left fieldset {
	width: 260px !important;
}
#addresses-left label {
	width: 60px !important;
}
#addresses-left #submit-account-update {
	margin-left: 105px !important;
}	

td.contact_label {
	width: 60px;
	padding-right: 10px;
	text-align: right;
	
}

.warning {
	color: red; 
	font-weight: bold;
}

#vieworder-billing-addr {
	width: 280px;
	padding-right; 20px;
	float: left;
}

#vieworder-delivery-addr {
	width: 240px;
	padding-right; 0px;
	float: left;
}

.instr {
   color: #fff;
   font-weight: bold;
}

#apply-wholesaler-link,
#wholesaler-login-link  {
   display: block;
	width: 183px;
	height: 23px;
	line-height: 23px;
	text-indent: -1000em;
}

#apply-wholesaler-link:link, #apply-wholesaler-link:visited {
   background: url('../img/buttons/apply-wholesaler.gif') no-repeat;
}

#apply-wholesaler-link:hover, #apply-wholesaler-link:active {
   background: url('../img/buttons/apply-wholesaler-selected.gif') no-repeat;
}

#wholesaler-login-link:link, #wholesaler-login-link:visited {
   background: url('../img/buttons/login-wholesale.gif') no-repeat;
}

#wholesaler-login-link:hover, #wholesaler-login-link:active {
   background: url('../img/buttons/login-wholesale-selected.gif') no-repeat;
}

.boldwhite {
   font-weight: bold;
   color: #fff;
}
#button-register,
#button-login-myaccount,
#button-apply-trade  {
   display: block;
	height: 23px;
	line-height: 23px;
	text-indent: -1000em;
}

#button-register:link, #button-register:visited {
	background: url('../img/buttons/register-alandra.gif') no-repeat;
}

#button-register:active, #button-register:hover {
	background: url('../img/buttons/register-alandra-selected.gif') no-repeat;
} 
#button-login-myaccount:link, #button-login-myaccount:visited {
	background: url('../img/buttons/login-myaccount.gif') no-repeat;
}

#button-login-myaccount:active, #button-login-myaccount:hover {
	background: url('../img/buttons/login-myaccount-selected.gif') no-repeat;
} 

#button-apply-trade:link, #button-apply-trade:visited {
	background: url('../img/buttons/apply-trade.gif') no-repeat;
}

#button-apply-trade:active, #button-apply-trade:hover {
	background: url('../img/buttons/apply-trade-selected.gif') no-repeat;
} 

.ralated-prod-title{
	font-size: 9px;
	text-align: center;
}

.related-prod-img {
	height: 130px;
	text-align: center;
}

.related-prod-img img {
	display: inline;
}