/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

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; 
}

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

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

/* Remove annoying border on linked images. */
a img { border: none; }


/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


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

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

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


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

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

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; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

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

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin: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;}


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

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


.modal_window,
.image_window,
.simple_window {
	background:#fff;
	padding:10px;
	border:1px solid #000;
}

.product_window {
	width:709px;
}

.popup_head {
	height:51px;
	background: transparent url(/images/popup_bg_top.png) no-repeat 0 0;
}

.popup_head .close_popup {
	position:relative;
	top:20px;
	left:-55px;
	width:44px;
	height:20px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
	float:right;
	background: transparent url(/images/popup_close.png) no-repeat 0 0;
}

.popup_body {
	background: transparent url(/images/popup_bg_mid.png) repeat-y 0 0;
}

.popup_container {
	margin: 0 18px;
	background:#ededed;
	padding: 10px;
}

.popup_nav {
	padding-top:10px;
	height:20px;
	clear:both;
}

.popup_nav a {
	text-indent:-999px;
	display:block;
	float:left;
	width:22px;
	height:20px;
	overflow:hidden;
	margin-right:5px;
	background: transparent url(/images/paging_link.png) 0 0 no-repeat;
	text-decoration:none;
}

.popup_nav a.previous {
	float:left;
	background-image: url(/images/paging_prev.png);
}

.popup_nav a.next {
	float:right;
	background-image: url(/images/paging_next.png);
}

.popup_footer {
	clear:both;
	height:25px;
	background: transparent url(/images/popup_bg_btm.png) no-repeat 0 0;
}

.popup_container .product_right {
	width:310px;
}

/* ------------------------------
 *
 * Jaluxe Public Styles
 * 
 * Lachlan Laycock
 * JacksonLaycock.com
 * 28 Dec 2008
 *
 * ---------------------------- */


/*
 * Common
 * ---------------------------- */

body {
	padding: 0 10px;
	margin:0;
	font-family:Georgia, serif;
	background: #ebebeb url(/images/bg.png) repeat-x 0 5px;
	border-top: 5px solid #1c1c1c;
}

h1 span {
	font-size:0.75em;
}

.clear {
	clear:both;
}

hr {
	border:none;
	margin:0;
}

a {
	color:#222;
}

/*
 * Header
 * ---------------------------- */

#header {
	clear:both;
	height:138px;
	overflow:hidden;
}

#logo {
	float:left;
}

#logo a.main_logo {
	display:block;
	width:346px;
	height:133px;
	background: transparent url(/images/logo.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	margin: 5px 0 0 0;
	font-family: Baskerville, Georgia, serif;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:0.2em;
	position:absolute;
	z-index:99;
}

#logo a.overlap {
	display:block;
	position:absolute;
	top:143px;
	height:45px;
	width:57px;
	text-indent:-999px;
	background: transparent url(/images/logo_overlap.png) no-repeat 0 0;
}

#banner {
	float:right;
	width:178px;
	height:53px;
	background: #fff url(/images/banner.png) no-repeat 0 0;
	text-indent:9999px;
	white-space:nowrap;
	overflow:hidden;
	margin:0 1em 0 0;
}

#header_nav {
	float:right;
	clear:right;
	text-align:right;
}

#header_nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#header_nav li {
	float:left;
	display:block;
	margin-right:1em;
	line-height:28px;
	font-size:9pt;
	font-weight:bold;
	height:28px;
}

#header_nav a {
	line-height:28px;
	color:#c01d2f;
	text-decoration:none;
}

#header_nav a:hover {
	text-decoration:underline;
}

.countries_tab {
	background:#1c1c1c;
	color:#fff;
	padding:0 0.5em;
}

.countries_tab img {
	margin-top:4px;
	vertical-align:top;
	opacity:0.5;
}

.countries_tab .current img,
.countries_tab a:hover img {
	opacity:1;
}

#header_ads {
	width:728px;
	height:90px;
	position:absolute;
	top:43px;
	right:20px;
}

/*
 * Navigation
 * ---------------------------- */

#primary_nav ul,
#secondary_nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#primary_nav li.right,
#secondary_nav li.right {
	float:right;
}

#primary_nav form,
#secondary_nav form {
	display:inline;
}

#primary_nav ul {
	margin:0 0 0 57px;
	height:38px;
}

#primary_nav li {
	float:left;
	line-height:38px;
}

#primary_nav a {
	display:block;
	line-height:38px;
	text-transform:uppercase;
	text-decoration:none;
	color:#bababa;
	font-size:10pt;
	font-weight:bold;
	padding:0 1em;
}

#primary_nav li.current a,
#primary_nav a:hover {
	display:block;
	color:#fff;
	text-decoration:underline;
	background: #303030 url(/images/pnav_bg.png) repeat-x 0 0;
}

#search_field,
#search_btn {
	margin-top:7px;
	vertical-align:top;
}

#search_field {
	border:none;
	height:15px;
	width:174px;
	background: #fff url(/images/search_field.png) no-repeat 0 0;
	padding:4px;
}

#search_btn {
	margin-left:-3px;
	vertical-align:top;
}

#secondary_nav ul {
	margin:0 0 0 57px;
	padding:0;
	height:26px;
	background: transparent url(/images/snav_bg.png) no-repeat 0 50%;
}

#secondary_nav li {
	float:left;
	line-height:26px;
	background: transparent url(/images/snav_bg.png) no-repeat 100% 50%;
}

#secondary_nav a {
	display:block;
	line-height:26px;
	text-transform:uppercase;
	text-decoration:none;
	color:#1c1c1c;
	font-size:8pt;
	font-weight:bold;
	padding:0 1em;
	margin-right:2px;
}

#secondary_nav li.current a,
#secondary_nav a:hover {
	display:block;
	color:#fff;
	text-decoration:underline;
	background: #838383;
}

#secondary_nav li.discount {
	width:184px;
	background:none;
}

#secondary_nav li.discount span {
	display:block;
	float:left;
}

#discount_chooser {
	float:left;
	width:129px;
	height:23px;
	margin:3px -3px 0 5px;
	line-height:20px;
	text-indent:10px;
	background: transparent url(/images/discount_bg.png) no-repeat 0 0;
}

#discount_chooser select {
	position:relative;
	width:125px;
	opacity:0;
	cursor:pointer;
	top:-19px;
	left:-10px;
}


/*
 * Sidebar
 * ---------------------------- */

#sidebar {
	width:305px;
	float:left;
	margin-right:15px;
}

.sidebar_list h2 {
	font-family: Baskerville, Georgia, serif;
	display:block;
	height:57px;
	line-height:75px;
	text-indent:25px;
	margin:0;
	background: transparent url(/images/categories_top.png) no-repeat 0 0;
}

.sidebar_list ul,
.sidebar_list p {
	list-style:none;
	padding:0 0 30px 0;
	margin:0 0 30px 0;
	background: transparent url(/images/categories_bg.png) no-repeat 0 100%;
}

.sidebar_list p {
	padding: 0 25px 30px 25px;
}

.sidebar_list li {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5em;
	margin-left:30px;
}

.brands_list h2 {
	background-image: url(/images/brands_top.png);
}

.brands_list ul {
	background-image: url(/images/brands_bg.png);
}

#about h2 {
	padding-top:20px;
	height:50px;
}

#signup {
	background: transparent url(/images/signup_bg.png) no-repeat 0 100%;
	height:150px;
}

#signup h2 {
	display:none;
}

#signup p {
	padding:70px 25px 0 25px;
	margin-bottom:0;
	line-height:1.1em;
}

#signup form {
	padding:10px 0 0 29px;
}

#signup input#mail {
	width:140px;
	vertical-align:middle;
}

#signup input#signup_btn {
	margin-left:3px;
	vertical-align:middle;
}

#signup_loading,
#signup_content.loading * {
	display:none;
}

.loading #signup_loading {
	display:block;
}

#sidebar_ads {
	margin-top:30px;
	padding-left:2px;
}

/*
 * Body
 * ---------------------------- */

#body,
#flash {
	clear:both;
}

#body {
	margin-top:28px;
}

#content {
	margin-left:320px;
}

/* Products List */

.product_item {
	float:left;
	width:205px;
	height:311px;
	overflow:hidden;
	background: transparent url(/images/product_bg.png) no-repeat 0 0;
	margin-right:20px;
	margin-bottom:20px;
}

.product_image {
	text-align:center;
	background: #fff url(/images/indicator.gif) no-repeat 50% 52%;
	height:256px;
}

.product_item .product_image {
	overflow:hidden;
	margin:7px auto 0 auto;
	width:187px;
}

.product_image table {
	text-align:center;
	margin:0;
	height:220px;
}

.product_image table td {
	padding:0;
	margin:0;
	text-align:center;
}

.product_item .product_image a img {
	margin-top:12px;
	vertical-align:middle;
	line-height:256px;
}

.product_actions {
	position:absolute;
	margin:13px 0 0 15px;
	width:22px;
	display:none;
}

.product_item:hover .product_actions {
	display:block;
}

.product_actions img {
	margin-bottom:7px;
}

.product_item .product_details {
	margin:0 10px;
}

.product_brand {
	display:block;
	font-weight:bold;
}

.product_item .product_price {
	position:absolute;
	height:0;
}

.product_item .product_price span {
	position:relative;
	display:block;
	float:left;
	font-size:1.5em;
}

.product_item .product_price .sale_price {
	top:-24px;
	left:-1px;
	height:24px;
	line-height:20px;
	background:#c01d2f;
	padding:0 0.5em;
	color:#fff;
}

.product_item .product_price .discount {
	position:absolute;
	top:-26px;
	left:123px;
	color:#c01d2f;
	width:60px;
	text-align:right;
}

.product_item .product_price .price {
	display:none;
}

.product_name,
.product_brand {
	display:block;
	white-space:nowrap;
	line-height:1.7em;
	overflow:hidden;
}

.pagination {
	clear:left;
	text-align:center;
}

.pagination {
	clear:left;
	text-align:center;
	margin:0 auto;
}

.pagination a,
.pagination span {
	display:block;
	float:left;
	width:22px;
	height:20px;
	overflow:hidden;
	margin-right:5px;
	background: transparent url(/images/paging_link.png) 0 0 no-repeat;
	text-decoration:none;
}

.pagination a:hover {
	background-position: 0 100%;
	font-weight:bold;
}

.pagination span.current {
	background-image: url(/images/paging_current.png);
	color:#fff;
	font-weight:bold;
}

.pagination .prev_page {
	text-indent:-999px;
	background-image: url(/images/paging_prev.png);
}

.pagination .next_page {
	text-indent:-999px;
	background-image: url(/images/paging_next.png);
}

#pagination_links,
#loading_message {
	clear:both;
}

#loading_message {
	width:400px;
	margin:0 auto;
	line-height:1.2em;
	text-indent:1.6em;
	color:#666;
	font-size:2em;
	display:none;
	background: url(/images/paging_indicator.gif) 0 80% no-repeat;
}

#loading_message span {
	line-height:1em;
	font-size:0.5em;
	display:block;
}

#pagination.loading #loading_message {
	display:block;
}

#pagination.loading #pagination_links {
	display:none;
}


/* Product Details */

h2.product_title {
	margin-bottom:0.5em;
	line-height:1.1em;
}

.product_left {
	float:left;
	text-align:center;
	margin-right:10px;
}

.product_left .product_image {
	background-position: 50% 55%;
}


.product_left .product_image img {
	margin:7px;
}


.product_right {
	width:440px;
}

.product_brand {
	font-size:1.3em;
	line-height:1.1em;
	font-weight:bold;
	margin-bottom:0.5em
}

.product_buynow {
	width:100px;
	padding: 5px 13px;
	background:#f6f6f6;
	float:right;
}

.product_right .product_price {
	text-align:right;
	margin:0;
	font-size:1.3em;
	font-weight:bold;
}

.product_right .product_price span {
	display:block;
}

.product_right .sale_price {
	border-top:2px solid #888;
	color:#c01d2f;
	font-size:1.3em;
}

a.product_redirect {
	margin:5px auto;
	font-size:1.2em;
	display:block;
	text-indent:-999px;
	overflow:hidden;
	width:95px;
	height:27px;
	background: transparent url(/images/buy_now.png) no-repeat 0 0;
}

.product_buynow .product_retailer {
	text-align:center;
font-size:1.2em;
}

.product_right .product_details {
	margin-top:1em;
}

/* Brands Details */

.brand_item {
	width:230px;
	float:left;
	margin-right:10px;
	float:left;
	height:4em;
}

.brand_name {
	font-size:1.3em;
	line-height:1em;
}

.product_description ul,
.product_right ul {
	margin:1em 1em 1em 1.5em;
}

.product_right li {
	list-style:disc;
	line-height:1em;
	margin-bottom:0.5em;
	margin-left:0em;
}

.product_sizes,
.product_colors,
.product_trend_brands {
	width:32%;
	float:left;
}

div.mojomagnify_zoom {
	position : absolute;
	width : 160px;
	height : 160px;
	overflow : hidden;
	cursor : crosshair;
}

div.mojomagnify_border {
	position : absolute;
	border : 2px solid black;
	width:156px;
	height:156px;

}

img.mojomagnify_img {
	padding : 0px;
	border : 0px;
}

/* Editors Picker */

#pick_new_items {
	margin: 0;
}

#editor_picker h3 {
	margin: 0;
	padding-top:1em;
}

#editor_picker h3,
.filter {
	clear:both;
}

.filter strong,
.filter span,
.filter a {
	display:block;
	width:15em;
	float:left;
}


/* Blog Posts */

.post_item {
	clear:left;
}

/*
 * Footer
 * ---------------------------- */

#footer {
	padding:3em 0;
	clear:both;
	text-align:center;
}