/*-----------------------------------------------------------------------------
Storm London, http://www.stormwatches.com

version:   1.0
updated:   25-08-06
author:    marty batten
email:     marty@cd9.com, simon@cd9.com
website:   http://www.cd9.com - http://www.fuse8.com

Every time you upload this to the live site run it through the CSS cleaner: 
http://www.lonniebest.com/FormatCSS/ - REMOVES ALL COMMENTS so make sure to keep the comments in local version!
This keeps the file size down a bit.

-----------------------------------------------------------------------------*/
/* =General
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	}
.clear { /* for <span> */
	clear: both;
	display: block; 
	}
.hide, .invisible {
	display: none;
	}
img {
	border: 0;
	}
a:active { /* hides link border when clicked - border still shows if tab is used to navigate */
	outline: none; 
	}
.align_left{text-align:left;}
.float-left {
	float: left; margin-right: 30px;
	}
.float-right {
	float: right;
	}
.align-right{
	text-align:right;
	}
.margin-left{
	margin-left:25px;
	}	
.align-top { vertical-align:top;}	

/* =Typography
-----------------------------------------------------------------------------*/

body {
	font-size: small;
	text-align: center;
	background: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
body.collectors {
	background: #3a5b8e url(../../images/bground_blue.jpg) repeat-x 50% 50%;
	}
p {
	font-size: 85%;
	margin: 3px 0 15px 2px;
	line-height: 1.7em;
	}
body.global, body.global2, body.popup {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #000000;
	background-image: none;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	}

/* =Headings
-----------------------------------------------------------------------------*/

h1 {
   text-indent: -9999px;
   background-repeat: no-repeat;
   margin-bottom: 4px;
   margin-top: 7px;
   font-size:140%;
   }
body.product-details h1 {display:none;}   

h2 {
	margin: 15px 0 15px 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	}
h3 {
	margin: 3px 5px 2px 5px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	}
h3.prod {
	margin: 0 0 5px 0;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	}
h3.collectors {
	background: url(../../images/storm_collectors.png) no-repeat;
	width: 85px;
	height: 47px;
	text-indent: -9999px;
	position: relative;
	margin-left: 70px;
	margin-top: 15px;
	cursor: pointer;
	}
h2.product-list {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 90%;
	}
h2.product-list-floated {
	margin-bottom: 5px;
	margin-top: 5px;
	}

/* =Links
-----------------------------------------------------------------------------*/

a {
	color: #8C8C8C;
	text-decoration: underline;
	}
a:visited {
	color: #8C8C8C;
	}
a:hover {
	color: #fff;
	}
#content-primary a {
	color: #FF21A6;
	text-decoration: none;
	}
#content-primary a:visited {
	color: #FF21A6;
	text-decoration: none;
	}
#content-primary a:hover {
	color: #FF21A6;
	text-decoration: underline;
	}
body.collectors #content-primary a {
  color: #fff;
	}
body.global a:link,
body.global a:visited,
body.global a:active, 
body.global2 a:link,
body.global2 a:visited,
body.global2 a:active {
	text-decoration: none;
	color: #666;
	}
body.global a:hover, 
body.global2 a:hover {text-decoration:underline;}

/* =HRs
-----------------------------------------------------------------------------*/

div.hr {
	height: 1px;
	margin: 0 0 15px 0; 
	background: #978792;
	clear: both;
	}
div.hr hr {
	display: none;
	}
div.hr-products {
	height: 1px;
	margin: 10px 0 0 0;
	background: #978792;
	clear: both;
	}
div.hr-products hr {
	display: none;
	}
div.hr-title {
	height: 1px;
	margin: 0 0 15px 0;
	background: #978792;
	clear: both;
	}
div.hr-title hr {
	display: none;
	}

/* =Branding
-----------------------------------------------------------------------------*/

#main-logo {
	width: 175px; height: 101px;
	float: left;
	display: inline;
	zoom: 1;
	margin-top: 0;	
	}
img#print-logo {
	display: none;
	}
.logo { 
	background: url(../../images/logo.gif) no-repeat;
	display:block;
	width: 212px;
	height: 142px;
	text-indent: -9999px;
	position: relative;
	margin: -20px 0 0 -19px;
	cursor: pointer;
	}
body.collectors hi.logo {
	background: url(../../images/logo_collectors.gif) no-repeat;
	}

/* =Main Content
-----------------------------------------------------------------------------*/

body.global #container{
	width: 100%;
	text-align: center;
	top: 50%;
	left: 0;
	margin-top: -243px;
	position: absolute;
	}
body.global2 #container{
	width: 100%;
	text-align: center;
	top: 50%;
	left: 0;
	margin-top: -300px;
	position: absolute;
	}
#global {
	margin: 3px auto;
	}
#wrapper_container {
	color: #fff;
	}
#wrapper {
	text-align: left;
    zoom: 1;
	margin: 0 auto;
	/*background: url(../../images/backgrounds/backgrounds_01.jpg) top no-repeat;*/
	}
body#home #wrapper{background-image: none;}

/* ----------- background images ----------- */

body.collectors#inside-clear #wrapper {
	background: url(../../images/backgrounds/COLLECTORS_2.jpg) top no-repeat;
	}
#inside #wrapper {
	background: url(../../images/backgrounds/backgrounds_03.jpg) top no-repeat;
	}
#inside2 #wrapper {
	background: url(../../images/backgrounds/backgrounds_04.jpg) top no-repeat;
	}
#inside3 #wrapper {	
	background: url(../../images/backgrounds/backgrounds_05.jpg) top no-repeat;
	}
#inside4 #wrapper {	
	background: url(../../images/backgrounds/backgrounds_06.jpg) top no-repeat;
	}
#inside-bubble-lazer #wrapper {	
	background: url(../../images/backgrounds/bubble_lazer.jpg) top no-repeat;
	}
#inside-expo #wrapper {	
	background: url(../../images/backgrounds/Expo.jpg) top no-repeat;
	}
#inside-gelique #wrapper {	
	background: url(../../images/backgrounds/gelique.jpg) top no-repeat;
	}
#inside-matica #wrapper {	
	background: url(../../images/backgrounds/matica.jpg) top no-repeat;
	}
#inside-multi-sation #wrapper {	
	background: url(../../images/backgrounds/multi_sation.jpg) top no-repeat;
	}
#inside-oxygen #wrapper {	
	background: url(../../images/backgrounds/oxygen.jpg) top no-repeat;
	}
#inside-plush-gold #wrapper {	
	background: url(../../images/backgrounds/plush_gold.jpg) top no-repeat;
	}
#inside-remi #wrapper {	
	background: url(../../images/backgrounds/remi.jpg) top no-repeat;
	}
#inside-sisoro #wrapper {	
	background: url(../../images/backgrounds/sisoro.jpg) top no-repeat;
	}
#inside-surge #wrapper {	
	background: url(../../images/backgrounds/surge.jpg) top no-repeat;
	}
#inside-union #wrapper {	
	background: url(../../images/backgrounds/union.jpg) top no-repeat;
	}
#inside-vigor #wrapper {	
	background: url(../../images/backgrounds/vigor.jpg) top no-repeat;
	}
#inside-clear #wrapper {
	background: transparent;
	}

/* Content Containers */

#content-primary {
	float: right;
	}
#content-secondary { /* navbar wrapper */
	margin-top: 10px;
	width: 175px;
	float: left;
	}

/* Inside pages container & scroller */

#content-wrapper { 
	background: url(../../images/white_tile.png);
	|background: url(../../images/white_tile1.png);
	margin: 160px 0 0;
	}
body#product.product-details #content-wrapper,
body#product.product-details #wrapper { 
	background-image: none; 
	filter: none;
	}

/* Main content box */

#content {
	position: relative;
	height: auto !important;
	height: 355px;
	overflow: hidden !important;
	overflow: visible; 
	zoom: 1;
	min-height: 355px;	
	padding: 7px 15px 15px 15px;
	}

/* Content boxes - products etc */

.content-element-primary {
	display: block; /* width: 730px ('.maincontent') - 15 + 15 (margins) = 700px */
	margin: 15px 5px 10px 0;
	clear: both;
	border-bottom: 1px solid #978792;
	overflow: hidden;
	zoom: 1;
	}
.content-element-secondary {
	float: left;
	margin-left: 0;
	width: 342px;
	display: inline; /* fixes double margin bug in ie6 */
	padding-bottom: 10px;
	}
.ALTcontent-element-secondary {
	display: block;
	margin: 0 15px 0 0;
	clear: both;
	}
.content-element-secondary-2 {
	float: right;
	margin-right: 15px;
	width: 342px;
	display: inline; /* fixes double margin bug in ie6 */
	}
.ALTcontent-element-secondary-2 {
	display: block;
	margin: 15px 15px 15px 0;
	clear: both;
	}
.content-element-secondary-3 {
	display: block;
	padding: 0 15px 15px 0;
	clear: both;
	}
/* paragraph/heading 2 and 3 styles for all the different layout options */

.content-element-primary p, 
.content-element-secondary p, 
.content-element-secondary-2 p, 
.ALTcontent-element-secondary-2 p, 
.ALTcontent-element-secondary p, 
.competition-element p {
	margin: 0;
	padding: 0 0 5px 0;
	}
.content-element-primary h2, 
.content-element-secondary h2, 
.content-element-secondary-2 h2, 
.ALTcontent-element-secondary-2 h2, 
.ALTcontent-element-secondary h2 {
	margin: 0;
	padding: 0;
	}
.content-element-primary h3, 
.content-element-secondary h3, 
.content-element-secondary-2 h3,
.ALTcontent-element-secondary-2 h3,
.ALTcontent-element-secondary h3, 
.competition-element h3 {
	margin: 0;
	padding: 0;
	}

/* layout top 2 feature boxes */

img#products-img1, 
img#products-img2, 
img#products-img3, 
img#products-img4,
.topimage {
	float: left;
	margin-bottom: 15px;
	}
.product-feature {
	margin: 0 10px 15px 270px;
	}
.product-feature img{
	margin: -7px 0 0;
	}
.product-feature-small {
	margin: 0 10px 0 222px;
	}

/* layout bottom 3 feature boxes - http://stormwatches2.cd9staging.com/products */

.product-mini {
	margin: -3px 5px 0 135px;
	}
.product-mini-links {
	margin:0; 
	}
.product-mini-links-alt {
	margin: 0 0 15px 0;
	padding-bottom: 10px; 
	}
ul#product-links {
	margin: 0;
	padding: 0;
	}
ul#product-links li {
	margin: 0;
	padding: 0 0 0 15px;
	text-transform: uppercase;
	float: left;
	}
ul#product-links li a {
	color: #888888 !important;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
ul#product-links li a:hover {
	color: #fff !important;
	font-weight: bold;
	text-decoration: none;
	}
ul#product-links {
	float: left;
	border-left: 1px solid #978792;
	}
div#product-links ul {
	margin:0;
	}
div#product-links ul li {
	margin: 0;
	padding: 0 15px 0 0;
	text-transform: uppercase;
	float: left;
	}
div#product-links ul li a {
	color: #888888 !important;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
div#product-links ul li a:hover {
	color: #fff !important;
	font-weight: bold;
	text-decoration: none;
	}
div#product-links ul {
	float: left;
	}

/* competition boxes */

.competition-element {
	float: left;
	margin-left: 0;
	width: 342px;
	display: inline; /* fixes double margin bug in ie6 */
	}
.competition-element-secondary {
	float: right;
	margin-right: 15px;
	width: 342px;
	display: inline; /* fixes double margin bug in ie6 */
	}
.ALTcompetition-element-secondary {
	display: block;
	margin: 15px 15px 0 0;
	clear: both;
	}
img#comp-img1, 
img#comp-img2 {
	float: left;
	padding: 0 4px 10px 0;
	}
.image {
	margin-top: 7px;
	}
#content-element5 dl {
	margin: 10px 0 15px 0; /* top right bottom left */
	font-size: 85%;
	}
#content-element5 dt {
	float: left;
	font-weight: bold;
	margin-left: 5px;
	}
#content-element5 dd {
	margin-left: 150px;
	}
.comp-mini {
	margin: 3px 5px 0 66px; /* top right bottom left */
	}

/* =Crumb
-----------------------------------------------------------------------------*/

#crumb {
	font-size: 80%; /* hack below for ie */
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute; right: 6px; top :35px;
	width: 100%;
	text-align: right;
	text-transform: uppercase;
	zoom: 1;
	padding-right: 8px; /* this to line up with the bottom links, as they have 8px padding-right on the <a> */
	}
#home #crumb {
	display: none;
	}
#crumb span {
	display: none;
	}
#crumb a {
	text-decoration: none;
	color: #5E5E5E;
	}
#crumb a:visited {
	color: #5E5E5E;
	}
#crumb a:hover, body.collectors, #crumb a:hover {
	color: #fff;
	}
#crumb b {
	font-weight: normal;
	color: #5E5E5E;
	}
body.collectors #crumb a, 
body.collectors #crumb a:visited, 
body.collectors #crumb b {
	color: #fff;
	}
.altwrapper #crumb {
  	right: 20px;
	}

/* =Previous & Next - News
-----------------------------------------------------------------------------*/

p.next-prev {
	color: #5E5E5E;
	float: right;
	margin-top: -43px;
	}
p.next-prev a {
	color: #5E5E5E !important;
	text-transform: uppercase;
	font-size: 90%;
	}
p.next-prev a:hover {
	color: #fff !important;
	text-decoration: none !important;
	}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	clear: both;
	margin: 5px 15px 0 170px;
	padding: 0 0 20px;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
	}
.altwrapper #footer {
  	right: 20px;
	}
#footer ul {
	margin: 0;
	float: right;	
	}
#wrapper {
	position: relative;
	}
#footer li {
	float: left;
	list-style: none;
	}
#footer a {
	text-decoration: none;
	padding: 0 6px 0 6px;
	color: #666;
	}
#footer a:hover, 
body.collectors #footer a:hover,
#footer li.current a, body.collectors #footer li.current a,
body.collectors #footer a {
	color: #fff;
	}

/* =Lists
-----------------------------------------------------------------------------*/

#content-primary ul {
	font-size: 85%;
	}
#content-primary li {
	list-style: none;
	margin-left: 20px;
	}

/* =Forms
-----------------------------------------------------------------------------*/

form {
	margin: 0;
	}
table.form td {
	padding: 2px 5px;
	}
fieldset {
	border: 0 solid transparent;
	margin: 0;
	}
#search-box {
	padding: 25px 0;
	position: absolute; 
	bottom: -15px !important; 
	left: 0;
	}
#search-box br {
	display: none;
	}
#search-box legend, 
#search-box label {
	display: none;
	}
#search-box .search {
	font-size: 10px;
	width: 106px;
	padding: 0;
	font-family: Verdana;
	text-transform: lowercase;
	vertical-align: middle; margin-right:2px;
	}
#search-box .go{
	border: none;
	background: #000; 
	color: #fff;
	font-size: 10px;
	padding: 0;
	vertical-align: middle;
	text-transform: uppercase;
	width: 20px; 
	height: 16px; background: url(/images/gobtn.gif) no-repeat; text-indent: -9999em;
	}
body.collectors #search-box .go {
	background: #011750;
	}
#product-btns input {
	border: 1px solid #fff;
	background: #434343;
	color: #fff;
	font-size: 85%;
	padding: 2px;
	text-transform: uppercase;
	}
#product-btns input {
	margin-bottom: 15px;
	width: 130px;
	}
.w200{width:150px;}
.w220{width:220px;}
.w50{width:50px;}
.error{color: #f44;}

input.button{
	border: 1px solid #FBF80B;
	background: #1F1F1F;
	color: #FBF80B;
	font-size: 90%;
	padding: 2px 0;
	text-transform: uppercase;
	}
input[class].button{padding: 2px 8px;}

.credit-card-logos { 
	background: url(/images/creditCardLogos.png) no-repeat;
	width: 262px;
	height: 53px;
	text-indent: -9999px;
	overflow: hidden;
	}
.sec-text {
	position: absolute;
	top: 21.5em;
	left: 240px;
	}
.security-code { 
	background: url(/images/creditCardReverse.png) no-repeat;
	width: 249px;
	height: 157px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 7px 10px 7px 143px;
	}
	
/* =Tables
-----------------------------------------------------------------------------*/

/* =My Basket
-----------------------------------------------------------------------------*/

table#basket, 
table#basket-info { 
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	margin-left: 0;
	font-size: 85%;
	border-bottom: 1px solid #978792;
	}
h2#basket {
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	}
table#basket-info caption {
	display: none;
	}
table#basket col {
	border-right: 0;
	}
table#basket td, th {
	padding: 0.2em .4em;
	}
table#basket th {
	font-weight: normal;
	text-align: left;
	}
table#basket tr.headers th {
	border-bottom: 1px solid #978792;
	}
table#basket td {
	font-weight: bold;
	}
table#basket-info td {
	padding-top: 5px;
	}
table#basket td a{font-weight:normal;}
table#basket-info {
	margin-top: 10px;
	border-bottom: 0;
	}
.basket-image {
	vertical-align: middle;
	margin-right: 5px;
	}
td.countries {
	font-weight: bold;
	}
td.right {
	text-align: right;
	}
td.money, td.items {
	font-weight: bold;
	}
table#basket-info input,
input.apply-btn{
	border: 1px solid #FBF80B;
	background: #1F1F1F;
	color: #FBF80B;
	font-size: 90%;
	padding: 2px;
	text-transform: uppercase;
	width: 130px;
	}
	
input.apply-btn {
	width:auto;
	font-size:0.9em;
	padding-left:5px;
	padding-right:5px;
	}
	

td.promotion-left {
	width:480px;
	}
	
td.promotion-right {
	vertical-align:top;
	}
		td.promotion-right input{
			float:left;
			display:inline;
			
			}
			
		td.promotion-right input.text {
			height:15px;
			line-height:1.8em;
			padding-top:2px;
			}
	



#basket td.basket-link {
	padding:0; 
	text-align:right;
	}
.basket-link input {
	border: none;
	color: #FF21A6;
	background: none;
	display: block;
	margin: 2px;
	width: 65px;
	text-align: left;
	cursor: hand;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	}
.basket-link input:hover{text-decoration:underline;}
.basket-link input.grey{
	color: #5e5e5e;
	text-align: right;
	}
.basket-link input.grey:hover{
	color:#fff; 
	text-decoration:none;
	}
.basket-link a,
#basket-link-shop a {
	color: #5E5E5E;
	}
.basket-link a:visited,
#basket-link-shop a:visited {
	color: #5E5E5E;
	}
.basket-link a:hover,
#basket-link-shop a:hover {
	color: #fff;
	text-decoration: none;
	}
table#basket select{width: 60px;}
table#basket select.size-s{width: 40px;}
input.text-quantity {
	line-height: 100%; 
	width: 20px;
	}
.see_also {
	margin:20px 0;
	width:33.3%; 
	float:left;
	font-size:85%;
	padding:10px 0;
	}
#wrapper #content .see_also a {
	float: left;
	text-decoration: none;
	}
.see_also a:hover span {
	text-decoration: underline;
	}
.see_also input {
	width: 80px;
	float: left;
	|margin-top: 5px;
	}
	
* html #basket  img,
* html .see_also  img
{
    behavior: url(/assets/stylesheets/pngbehavior.htc);
}

/* =Homepage Boxes
-----------------------------------------------------------------------------*/
#flashcontent {
	height: 405px;
	margin-left: 20px;
	position: relative;
	background: url(/images/backgrounds/backgrounds_01.jpg) 50% 0 no-repeat;
	}
#content-primary .boxer {
	width: 213px !important;
	padding: 0 7px;
	height: 90px;
	}
#content-primary .boxer p, 
#content-primary .collectors p {
	margin: 3px 0 5px; /* top right bottom left */
	}
#boxer01, 
#boxer02 {
  	position: absolute; 
	bottom: 10px;
	margin: 0;
	background-image: url(../../images/white_tile1.png);
	}
#boxer01, 
#boxer03 {
	font-size: 85%;
	}
#boxer01 h3, 
#boxer03 h3 {
	font-size: 114%;
	}

/* Blue "Storm Collectors" box */

.boxer ul {
	margin:0; 
	padding:0;
	list-style:none;
	}
#content-primary .boxer h3 {
	margin: 7px 0 3px;
	}
#content-primary .boxer ul li{
	margin:0;
	padding:0;
	list-style:none;
	}
#storm-collectors { /* width for browsers running 800x600*/
	width: 224px;
	height: 90px;
	position: absolute;
	ackground: url(../../images/collectors_tile.png) repeat-x;
	cursor: pointer;
	}

/* =Product details page
-----------------------------------------------------------------------------*/

#products {
	width: 320px;
	float: right;
	margin-top: 0; 
	}
#products p {
	margin: 0;
	}
#price-info {
	clear: both;
	float: right;
	width: 320px;
	}
#price-info .tabs {
	float: right;
	width: 37px;
	}
#price-info .sale-tab {
	float: left;
	margin-left:0 !important;
	}
#price-info .tabs .new,
#price-info .tabs .sale {
	width: 37px;
	height: 14px;
	padding: 0;
	background: url(/images/new_short.gif) no-repeat top left;
	}
#price-info .tabs .sale{
	background: url(/images/sale_short.gif) no-repeat top left;
	margin-top: 5px;
	position:relative;
	}
#product-btns {
	text-align: right; 
	clear: both;
	width: 320px;
	}
#price-info input {
	border: 1px solid #FBF80B;
	background: #000000;
	color: #FBF80B;
	font-size: 85%;
	padding: 2px;
	text-transform: uppercase;
	width: 130px;
	margin: 0;
	cursor: pointer;
}
#price-info input.wish-add{
	border: 1px solid #C0C0C0; 
	bottom: 0;
	right: 0;
	top: auto;
	left: auto;
	width: 130px; 
	color: #c0c0c0;
	position: absolute;
	}
#price-info input.buy-add{
	position:absolute;
	right:0;
	top:-15px;
	}
#price-info span#BuyButton input.pre-order{ 
	bottom:0; 
	left:0;
	position:absolute;
	}
#price-info #email input {
	color: #000;
	font-size: 12px;
	padding: 2px; 
	text-transform: none;
	width: 256px;
	margin: 0; 
	border: 1px solid #fff; 
	background: #fff;
	cursor: pointer; float: left;
	}
#global a#add-email-ref  {
	color: #fff; 
	border: 1px solid #fff; 
	padding: 3px; 
	line-height: 100%; 
	float: right;
	}
#global input#add-email-submit {
	background:#000;
	border:1px solid #FFF;
	color:#FFF;
	cursor:pointer;
	font-size: 12px;
	line-height:12px;
	margin:0;
	padding:1px;
	text-transform:uppercase;
	float:right;
	width:59px;
	w\idth:53px;
	}
#Availability{
	float: right;
	margin-top: -15px;
	}
#price-info .buy {
	position: relative;
	height:auto;	
	width:320px;
	float:left;
	padding:5px 0 27px 0;
	}
body[class] #price-info .buy{height:auto} 	
#price-info .buy.left{
	float: left;
	margin:20px 0 0 10px;
	}
#price-info h4 {
	float: left;
	font-size: 90%;
	margin-top: 20px;
	}
#price-info h4.left{
	margin-left:0;
	width:317px;
	}
#price-info .swatch {
	margin: 0 3px 0 3px;
	}
p.results {
	padding-bottom: 30px;
	}
p.side {
	margin-bottom: 20px;
	}
p.threesixty {
	margin-bottom: 20px;
	}
#product-image {
	float: left;
	margin:0 0 0 -20px;
	}
img.prod-details {
	float: left;
	}
p.stage{
	float: right; 
	padding-top:10px; 
	margin-bottom:0;
	color: #5e5e5e
	}
p.stage b{color: #fff;}

div.hr-prod {
  	height: 1px;
  	background: #978792;
	margin-top: 15px;
	width: 320px;
	}
div.hr-prod hr {
	display: none;
	}
.prodalt {
	right: 20px;
	}
.prodmain {
	right: 30px;
	}

/* product list pages */

.prod-wrapper {
	margin-left: 0;
	clear: both;
	}
.prod-list {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	margin-top: 10px;
	}
.small .prod-list {
	width: 269px; 
	}
.wide .prod-list {
	width: 228px;
	}
.prod-list p {
	float: left;
	width: 80px;
	margin-left: 5px;
	}
.prod-list p strong {
	display: block;
	}
.prod-list p em {
	display: block;
	font-style: normal;
	}
.prod-list img {
	float: left;
	width: 121px;
	height: 121px;
	margin-bottom: 10px;
	}
.prod-list .tabs {
	display: block;
	padding: 10px 0 5px 0;
	}
.prod-list .tabs .sale,
.prod-list .tabs .new {
	display: block;
	width: 37px;
	height: 13px;
	margin-bottom: 3px;
	background: url(/images/sale_short.gif) no-repeat top left;
	}
.prod-list .tabs .new {
	background: url(/images/new_short.gif) no-repeat top left;
	}
#display a {
	color: #999 !important;
	}
.prod-display {
	font-size: 85%;
	font-weight: normal;
	margin-top: 4px;
	margin-left: 0;
	}
.prod-display strong {
	font-weight: normal;
	margin-right: 10px;
	}
.prod-display span {
	font-weight: normal;
	margin-right: 10px;
	}
.prod-display span span{
	margin-right: 0;
	}

/* "you may be interested in..." images & copy */

.basket-extra {
	width: 230px;
	float: left;
	margin: 0;
	padding: 0;
	}
.basket-extra p {
	float: left;
	margin-top: -55px;
	padding-left: 80px;
	}
.basket-extra span {
	display: block;
	font-weight: bold;
	}
.basket-extra img {
	margin-left: 0;
	float: left;
	}

/* news 
layout top 2 feature boxes */

img.news-img {
	float: left;
	margin-bottom: 15px;
	}
.news-feature {
	margin: 0 10px 0 196px;
	width: 300px;
	}
.news-feature-small {
	margin: 0 0 0 64px;
	width: 75%;
	}
.news-element {
	float: left;
	width: 49.95%;
	display: inline; /* fixes double margin bug in ie6 */	
	min-height: 120px;
	height: 120px;
	overflow: hidden;
	}
.news-element p {
	margin:0;
	padding: 0 0 10px 0;
	}
.news-element h2 {
	margin: 0;
	padding: 0;
	}
.news-element h3 {
	margin: 0;
	overflow: hidden;
	padding: 0;
	}
.news-element p{
	margin-right: 5px;
	}
.news-archive {
	position: absolute;
	top: 23px;
	margin-left: 595px;
	}
.news-archive-alt {
	margin-left: 0;
	}
#news a, #news a:visited {
	text-transform: uppercase;
	font-size: 85%;
	color: #fff;
	}
#news a:hover {
	color: #fff;
	}

/* =Site Map
-----------------------------------------------------------------------------*/

#sitemap a, 
#sitemap a:visited {
	color: #FFF;
	}
#sitemap a:hover{color:#FF21A6;}
#sitemap ul {
	font-size: 100%;
	}
#sitemap ul li ul {
	font-size: 85%;
	}
#sitemap ul li ul li ul {
	font-size: 100%;
	}
#sitemap ul li ul li ul li ul {
	font-size: 100%;
	}

/* =2 box + 3 small layout
/* =Page used: http://stormwatches2.cd9staging.com/jewellery
/* =ASCX Page: display-pages-3col.ascx
-----------------------------------------------------------------------------*/

.prod-wrapper {
	margin-left: 0;
	}
.prod-list-page2 {
	float: left;
	width: 233px;
	padding-bottom: 10px;
	}
.prod-list-page2 p {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	width: 150px;
	margin-left: 5px;
	}
.prod-list-page2 p strong {
	display: block;
	}
.prod-list-page2 p em {
	font-style: normal;
	}
.prod-list-page2 img {
	float: left;
	width: 56px;
	}


/* =Stockists
-----------------------------------------------------------------------------*/

table.stock { 
	border-collapse: collapse;
	width: 100%;
	font-size: 85%;
	border-top: 1px solid #978696;
	margin-bottom: 20px;
	}
table.listing{font-size:100%; margin:0 0 0 10px;}
table.listing td{padding:0 10px 0 0;}
table.stock td {
	padding: 10px 0 0;
	vertical-align: top;
	}
table.stock-open { 
	border-collapse: collapse;
	border: 1px solid #978792;
	border-spacing: 0;
	margin-right: 50px;
	}
table.stock-open td { 
	border-collapse: collapse;
	border: 1px solid #978792;
	border-spacing: 0;
	padding: 2px 4px 2px 4px;
	}

/* =Contact STORM
-----------------------------------------------------------------------------*/

table.contact { 
	border-collapse: collapse;
	width: 40%;
	font-size: 85%;
	border: 0;
	}

/* =Specifications
-----------------------------------------------------------------------------*/

body.popup {
	color:#fff; 
	text-align:left; 
	padding:10px 40px;
	}
body.popup h4 {
	width: 300px; 
	padding-bottom: 10px; 
	border-bottom: 1px solid #fff; 
	text-align: left;
	margin: 20px 0 10px 0;
	}
body.popup table {
	border: none;
	width: 250px;
	}
body.popup table td{
	padding:5px 20px 0 0; 
	vertical-align:top; 
	font-size: 85%;
	}
body.popup table td:first-child {
	font-weight: bold;
	}
body.popup table td {
	font-weight: expression(previousSibling == null ? 'bold' : 'normal');
	}
.comp-image {
	float: left;
	padding: 0 4px 10px 0;
	}
.ad_img {
	float: left; 
	width: 33.3%; 
	text-align: center;
	margin: 20px 0;
	}
.ad_img img {
	margin: 0 auto;
	}
span.news-archive {
	position:static;
	margin: 5px 0;
	float: right;
	}
select.w200 {
	width: 154px;
	}
select.color-select {
	width: 120px;
	}
.radio {
	margin-right: 5px;
	vertical-align: middle;
	}
table#basket  select.long_sel {
	width: 95%;
	}
.collections h4,
a.gsx-title {
	display: block;
	font-size: 110%;
	height: 30px; 
	text-indent: -9999em;
	background-repeat: no-repeat;
	}
.collections li {
	margin-bottom: 20px;
	clear: both;
	}
.collections p {
	font-size: 100%;
	margin-top: 0;
	}
.collectionp {
	margin: 0 0 0 160px;
	}
.collections img {
	float: left; 
	margin: 0 10px 10px 0;
	width:150px;
	}
img.collections-details {
	margin: 0 10px 0 0;
	width: 150px;
	}
#product-btns {
	float:right;
	min-height:150px;
	height:150px;
	}
div[id] #product-btns {height:auto;}

#prod_spec {
	display: none;
	}
textarea {
	font-family: sans-serif; font-size: 100%;
	}
#online-contact-form textarea.w200 {
	width: 400px; 
	height: 200px;
	}
.email-when-in-stock-submit{
	border: 1px solid #fff;
	color: #fff; background: #000; padding: 2px;
	}
.email-when-in-stock {
	width: 170px;
	margin-right: 5px;
	}
#product-spec .error {
 	display: block;
	}
#product-spec .email-when-in-stock-submit {
	float:right;
	margin: -22px 0 0;
	}
.ssl-img {
	position: absolute;
	bottom: 15px;
	right: 15px;
	}
#access-key {
    display: none;
	}

/* FAQ */
#content-primary table.white_link td a.white{color:#fff;}
#content-primary table.white_link td a.white:hover{color:#FF21A6;}

/* wishlist */
fieldset {
	border: 0 solid transparent;
	margin: 0;
}
#wisth-list {
	margin:15px 0;
	}
#wisth-list br{
	display: none;
	}
#wisth-list .wish {
	font-size:10px;
	width:106px;
	padding:0;
	font-family: Verdana;
	text-transform: lowercase;
	vertical-align: middle; 
	margin-right:2px;
	}
#wisth-list .subbut{
	border: none;
	background: #000; 
	color: #fff;
	font-size: 10px;
	padding: 0;
	vertical-align: middle;
	text-transform: uppercase;
	width: 20px; height: 16px; 
	background: url(/images/wishBtn.gif) no-repeat; text-indent: -9999em;
	}
.wishlist-send tr td{
	vertical-align:bottom; 
	width:322px;
	}
.wishlist-send tr td.padding{
	padding:0 20px 0 0;
	width:342px;
	w\idth:322px;
	}
.wishlist-send label{display:block;}
.wishlist-send label,
.wishlist-send textarea {width:318px;}
.wishlist-send textarea{height:160px;}
.wishlist-send .button, 
.button.top-margin {
	margin:10px 0 0 0; 
	float:right;
	}
#wish-list-title label{
	width:154px; 
	display:block; 
	float:left;
	}
input.settings{width:154px;} 
#wish-list-addres span{
	display:block; 
	margin: -15px 0 0 154px;
	}
input.search-address{
	border: none;
	background: #000; 
	color: #fff;
	font-size: 10px;
	padding: 0;
	margin:-2px 0 0 5px;
	vertical-align: middle;
	text-transform: uppercase;
	width: 75px; 
	height: 16px; 
	background: url(/images/addressBtn.gif) no-repeat; text-indent: -9999em;
	}
body.collectors #search-box .go {
	background: #011750;
	}
.wishlist-view select.select{
	width:154px; 
	margin: 0 10px 0 0; 
	float:left;
	}
.wishlist-view br{display:none;}
div#wisth-list fieldset span.error{
	display:block;
	}
/* help styles */
.left{float:left;}
.right{float:right;}

/* additional */

a.info {
	position:absolute;
	top:8px;
	right:8px;
	display:block;
	width:18px;
	height:18px;
	text-align:center;
	line-height:18px;
	border:1px solid #c7c7c7;
	/* -moz-border-radius:3px; */
	color:#c7c7c7 !important;
	font-weight:bold;
	background:#1a1a1a;
	}
	a.info:hover {
		text-decoration:none !important;
		} 
html.js,
html.js body {
	height:auto !important;
	height:100%;
	min-height:100%;
}
		
html.js .flash-outer {
	text-align:center;
	position: fixed;
	z-index:1000;
	top:0;
	left:0;
	background-color:#000;
	height: 100%;
	width: 100%;
	margin:0;
	}
	
* html.js .flash-outer { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
     
	html.js #flash {
		width:790px;
		height:400px;
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-395px;
		margin-top:-200px;		
		}
	.flash-outer a.skip {
		visibility:hidden;
		}
	html.js .flash-outer a.skip {
		color:#666;
		text-decoration:none;
		visibility:visible;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:220px;
		margin-left:-25px;
		}
	html.js .flash-outer a:hover {
		text-decoration:underline;
		}
#ShowInLightbox {
	display:none;
	}

/* =Country-select
--------------------------------------------------------------------------------*/

#country-select{
	float:right;
	margin:9px 14px 0 0;
}

* html #country-select{
	float:right;
	margin:9px 7px 0 0;
}

#country-select input{border:none;
	height:20px;
	width:26px;
	text-indent:-9999em;
	text-transform:uppercase;
	color:#fff;
	margin:0;
	background:transparent url(/images/gobtn-selector.gif) no-repeat left top;}


/*
#country-select select{
	background: #ffffff url('') no-repeat 3px center;
	padding-left:21px;
	outline:none !important;
	overflow:hidden;
}
#country-select select option{
	clear:both;
	outline:none !important;
}
#country-select select option img{
	padding:0 1px 0 4px;
}
html.safari #country-select select{
	background:#ffffff none !important;
}
html.safari #country-select select option{
	margin-left:20px;
	text-indent:20px;
}
*/


/* =Promotions
-----------------------------------------------------------------------------*/
.promotion-remove-btn {
	width:120px;
	}