/* Colours 

pink: #EE3374;
l.grey: #353535;
d.grey: #161617;

*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

html {
 	background: #000;
    overflow: -moz-scrollbars-vertical;
}

body {
	font-size: small;
	font-family: Arial, sans-serif;
	color: #FFF;
	background: #000;
}

img {
	border: none;
}

h1, h2 {
	display: none;
}

h3 {
	margin: 15px 0 15px 0;
	color: #FFF;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
}

h4 {
	margin: 20px 0 10px 0;
	text-transform: uppercase;
	color: #EE3374;
}

h5 {
	margin: 20px 0 10px 0;
	font-size: 95%;
	text-transform: uppercase;
	color: #FFF;
} 

p {
	margin: 0 0 10px 0;
}

p.doubleSpace {
	margin: 20px 0 10px 0;
}

ul {
	margin: 0 0 10px 15px;
}

ol {
	margin: 0 0 10px 20px;
}

a {
	color: #FFF;
}

p.errorText {
	color: #FF0000;
}

.wrapper {
	width: 1025px;
	overflow: hidden;
}

.hidden {
	display: none;
}

a.plainLink {
	display: block;
	color: #FFF;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
}

a.plainLink span {
	float: left;
	margin: 0 5px 0 0;
}

a.plainLink img {
	float: left;
	margin: 2px 5px 0 0;
}

#page {
	margin: 20px auto 0 auto;
}

p#footNote {
	margin: 10px 20px 0 20px;
	font-size: 85%;
}

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

#headerTop {
	height: 80px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #EE3374;
}

#headerTop img#mainLogo {
	float: left;
	margin: 12px 0 0 0;
}

#headerTop ul#mainNav {
	float: left;
	margin: 45px 0 0 100px;
	list-style: none;
	overflow: hidden;
}

#headerTop ul#mainNav li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #FFF;
	text-transform: uppercase;
}

#headerTop ul#mainNav li#firstLi {
	border: none;
}

#headerTop ul#mainNav li a {
	color: #FFF;
	text-decoration: none;
}

#shoppingBag {
	float: right;
	padding: 15px;	
	border: 1px solid #353535;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -opera-border-radius-bottomleft: 10px;
    -opera-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
	background: #161617;
	overflow: hidden;
}

#shoppingBag img#bagIcon {
	float: left;
	margin: 0 10px 0 0;
}

#shoppingBag h3 {
	float: left;
	margin: 3px 0 10px 0;
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
}

#shoppingBag ul#bagNav {
	_display: inline;
	*display: inline;
	clear: left;
	margin: 0;
	list-style: none;
}

#shoppingBag li {
	float: left;
}

#shoppingBag a#viewItems {
	margin: 0 10px 0 0;
	padding: 0 5px 0 0;
	border-right: 1px solid #FFF;
}

form#promoForm input#promoCode {
	float: left;	
	width: 160px;
	height: 17px;
	padding: 3px 0 0 0;
	border: 1px solid #000;
}

form#promoForm input#submit {
	float: left;	
	margin: 1px 0 5px 5px;
}

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

#headerLower {
	margin: 0 0 15px 0;
	min-height: 55px;
	_height: 55px;
	border-bottom: 1px solid #EE3374;
	text-transform: uppercase;
}

#headerLower p,
a#backLink,
#pageNav {
	margin: 20px 0 0 0;
}

a#backLink img {
	margin: 0 5px 0 0;
	_margin: 2px 5px 0 0;
}

#pageNav {
	margin: 0 0 0 355px;
}

#pageNav a {
	text-decoration: none;
}

/* ----- Product Thumbnails ----- */

ul.thumbNails {
	margin: 10px 0 15px 0;
	list-style: none;
	overflow: hidden;
}

ul.thumbNails li {
	float: left;
	width: 90px;
	margin: 0 10px 10px 0;
}

ul.thumbNails li a {
	display: block;
	text-decoration: none;
}

ul.thumbNails li a img.productThumb {
	width: 86px;
	height: 122px;
	border: 2px solid #353535;
	margin: 0 0 5px 0;
}

ul.thumbNails li img.moreInfo {
	margin: 0 0 0 5px;
}

	#test ul.thumbNails {
		position: relative;
		margin: 10px 0 15px 0;
		list-style: none;
	}
	
	#test ul.thumbNails li {
		float: left;
		width: 90px;
		height: 126px;
		margin: 0 10px 10px 0;
	}
	
	#test ul.thumbNails li a img.productThumb {
		border: 2px solid #353535;
	}

.press {
	float: left;
	width: 200px;
	margin: 0 30px 0 0;
	overflow: hidden;
}

.press h4 {
	font-size: 110%;
}

/* ----- Content Structure ----- */

#content {
	z-index: 0;
	position: relative;
	top: 0;
	left: 0;
	min-height: 399px;
	_height: none;
}

#primaryContent {
	display: inline;
	float: left;
	width: 700px;
	margin: 0 0 0 10px;
	overflow: hidden;
}

#primaryContent h4.catName {
	clear: both;
	margin: 10px 10px 0 0;
	padding: 15px 0 0 0;
	font-weight: normal;
	font-size: 110%;
	color: #EE3374;
	text-transform: uppercase;
	border-top: 1px solid #353535;
}

#primaryContent #leftColumn {
	z-index: 0;
	position: relative;
	float: left;
	width: 330px;
}

#primaryContent #rightColumn {
	float: right;
	width: 355px;
}

#secondaryContent {
	float: right;
	width: 300px;
	overflow: hidden;
}

#secondaryContent ul#sideNav {
	margin: 0 0 0 15px;
	font-size: 110%;
}

#secondaryContent ul#sideNav li {
	margin: 0 0 10px 0;
}

#secondaryContent ul#sideNav li a {
	text-decoration: none;
}
			
#footer {
	margin: 15px 0 20px 0;
	font-size: 75%;
	border-top: 1px solid #EE3374;
}

#footer ul {
	float: left;
	margin: 15px 0 0 0;
	list-style: none;
	overflow: hidden;
}

#footer ul li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #FFF;
	text-transform: uppercase;
}

#footer ul li.last {
	border: none;
}

#footer ul li a {
	color: #FFF;
	text-decoration: none;
}

#footer p#copy {
	float: right;
	margin: 15px 0 0 0;
	text-transform: uppercase;
}

/* ----- Index Page ----- */

#primaryContentIndex {
	display: inline;
	float: left;
	width: 698px;
	height: 399px;
	border: 1px solid #353535;
	margin: 0 15px 0 10px;
	overflow: hidden;
}

#primaryContentIndex .leftColumn {
	float: left;
	width: 194px;
	padding: 0 10px 0 30px;
}

#primaryContentIndex .rightColumn {
	float: right;
	width: 464px;
}

#primaryContentIndex .leftColumn h3 {
	margin: 80px 0 20px 0;
	font-size: 180%;
	font-family: Georgia, Times New Roman, serif;
	text-transform: none;
}

#primaryContentIndex .leftColumn p {
	margin: 0 0 20px 0;
}

ul#slideMenu {
	float: right;
	width: 288px;
	height: 400px;
	margin: 0 10px 15px 0;
	border: 1px solid #353535;
	border-top: none;
	list-style: none;
	overflow: hidden;
}

ul#slideMenu li {
	width: 288px;
	height: 79px;
	border: none;
	border-top: 1px solid #353535;
	background: #000;
	overflow: hidden;
}

ul#slideMenu li#navCuff {
	background: url('../images/slide_menu_cuff.jpg') top left no-repeat #000;
}

ul#slideMenu li#navCrafts {
	background: url('../images/slide_menu_crafts.jpg') top left no-repeat #000;
}

ul#slideMenu li#navPack {
	background: url('../images/slide_menu_pack.jpg') top left no-repeat #000;
}

ul#slideMenu li#navPromo {
	background: url('../images/slide_menu_promo.jpg') top left no-repeat #000;
}

ul#slideMenu li#navLook {
	background: url('../images/slide_menu_look.jpg') top left no-repeat #000;
}

ul#slideMenu li a.slideHeader {
	display: block;
	width: 278px;
	height: 24px;
	padding: 6px 0 0 10px;
	font-size: 90%;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/slide_box_header.gif) top center no-repeat;
}

ul#slideMenu li p.intro {
	margin: 15px 10px 0 10px;
	font-size: 110%;
	font-family: Georgia, Times New Roman, serif;
}

ul#slideMenu li .expand {
	display: none;
}

ul#slideMenu li .expand p {
	margin: 190px 10px 0 10px;
	font-size: 90%;
	font-family: Georgia, Times New Roman, serif;
	text-align: right;
}

.areaBlock {
    display: none;
}

/* ----- Product List ----- */

.promoBox {
	width: 248px;
	margin: 0 0 15px 0;
	padding: 20px 20px 20px 20px;	
	font-size: 90%;
	border: 1px solid #353535;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -opera-border-radius-bottomleft: 10px;
    -opera-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
	background: #161617;
	overflow: hidden;
}

.promoBox h4 {
	margin: 0 0 10px 0;
	font-size: 110%;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
}

.promoBox p.errorText {
	margin: 10px 0 0 0;
	font-size: 110%;
}

.promoBox form#newsForm {
	display: inline;
	overflow: hidden;
}

.promoBox form#newsForm dl {
	float: left;
}

.promoBox form#newsForm dl dd input {
	width: 160px;
	height: 17px;
	padding: 3px 0 0 0;
	border: 1px solid #000;
}

.promoBox form#newsForm input#submit {
	float: right;
	margin: 16px 0 0 0;
}

#secondaryContent form#filterForm {
	width: 248px;
	margin: 10px 0 20px 0;
	padding: 20px 20px 20px 20px;	
	font-size: 90%;
	border: 1px solid #353535;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -opera-border-radius-bottomleft: 10px;
    -opera-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
	background: #161617;
	overflow: hidden;
}

#secondaryContent form#filterForm dl {
	overflow: hidden;
}

#secondaryContent form#filterForm dl dt {
	float: left;
	margin: 0 0 20px 0;
	_margin: 5px 0 15px 0;
	text-transform: uppercase;
}

#secondaryContent form#filterForm dl dd {
	float: right;
	margin: 0 0 15px 0;
}

#secondaryContent form#filterForm dl dd select {
	width: 180px; /* Also set in 'js/custom-form-elements.js' */
}

#secondaryContent form#filterForm dl dd span.select {
	position: absolute;
	width: 170px;
	height: 17px;
	margin: -3px 0 0 0;
	padding: 3px 0 0 10px;
	background: url(../images/filter_select_bg.gif) no-repeat;
	overflow: hidden;
}

#secondaryContent form#filterForm input#search {
	clear: right;
	float: right;
}

#secondaryContent form#filterForm input#reset {
	clear: left;
	float: left;
}

/* ----- Product Detail ----- */

#leftColumn h3,
#rightColumn h3 {
	margin: 15px 0 0 0;
}

#zoomViewfinder {
    position: absolute;
    border: 1px solid black;
    cursor: crosshair;
    background: #FFF;
    opacity: 0.5;
}
    
#leftColumn #viewer {
    width: 330px;
    height: 470px;
}

#leftColumn #zoom {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#leftColumn img#zoomThumb {
	z-index: 1;
	border: 1px solid #353535;
}

#leftColumn img.zoomIcon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    _bottom: 2px;
    *bottom: 3px;
}

#rightColumn p span {
	font-size: 95%;
}

#rightColumn p#detailPrice {
	margin: 0 0 5px 0;
	padding: 15px 0 0 0;
	font-size: 130%;
	border-top: 1px solid #EE3374;
}

#rightColumn p#detailPrice span {
	font-size: 70%;
}

#rightColumn #addToBag {
	float: left;
	clear: left;
	margin: 0 0 27px 0;
	font-size: 120%;
	text-transform: uppercase;
}

#rightColumn #addToBag a {
	color: #EE3374;
}

#rightColumn #showLink {
	float: left;
	clear: left;
	margin: 0 0 20px 0;
}

#rightColumn h4 {
	clear: both;
	display: block;
	margin: 0 0 10px 0;
	padding: 15px 0 0 0;
	font-size: 110%;
	color: #FFF;
	border-top: 1px solid #EE3374;
	overflow: hidden;
}

#secondaryContent ul.thumbNails {
	margin: 24px 0 0 0;
	width: 300px;
}

/*-------------------------- Recommend Pop-Up --------------------------*/

#simplemodal-overlay {
    background: #FFF;
}

#simplemodal-container {
	background: #000;
	width: 500px;
    min-height: 200px;
	padding: 30px;
	color: #000;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#simplemodal-container a.modalCloseImg {
	background: url(../images/icon_close.png) no-repeat; /* adjust url as required */
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: 15px;
	right: 10px;
	cursor: pointer;
}

#simplemodal-container h3 {
	margin: 0 0 15px 0;
}

#simplemodal-container form {
	color: #FFF;
	overflow: hidden;
}

#simplemodal-container form dl#name {
	float: left;
	margin: 0 0 10px 0;
}

#simplemodal-container form dl#email {
	float: right;
	margin: 0 0 10px 0;
}

#simplemodal-container form dl#name input,
#simplemodal-container form dl#email input {
	width: 230px;
	height: 19px;
	margin: 5px 0 0 0;
	padding: 3px 0 0 0;
}

#simplemodal-container form dl#message {
	clear: both;
	margin: 0 0 25px 0;
}

#simplemodal-container form dl#message textarea {
	margin: 5px 0 0 0;
	width: 500px;
	height: 80px;
	border: none;
}

#simplemodal-container form input#submit {
	float: right;
}

/*-------------------------- Basket Page --------------------------*/

#content .orderForm table#basketDetail {
	width: 640px;
	margin: 30px auto 0 auto;
	text-align: center;
	overflow: hidden;
}

#content .orderForm table#basketDetail th {
	padding: 0 0 5px 0;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #EE3374;
}

#content .orderForm table#basketDetail td {
	padding: 15px 0;
	border-bottom: 1px solid #2D2D2F;
}

#content .orderForm table#basketDetail td.miniThumb img {
	border: 1px solid #353535;
}

#content .orderForm table#basketDetail td.productTitle {
	text-align: left;
}

#content .orderForm table#basketDetail td input.removeButton {
	margin: 0 0 0 5px;
}

#content .orderForm table#basketDetail tr#delTotal td {
	padding: 25px 0;
	border: none;
}

#content .orderForm table#basketDetail tr#grandTotal td {
	font-size: 110%;
	border-top: 1px solid #EE3374;
	border-bottom: 1px solid #353535;
}

#content .orderForm table#basketDetail tr#lastRow td {
	padding: 20px 0 30px 0;
	border: none;
}

/* ----- Log In/Register ----- */

#content .orderForm {
	width: 698px;
	font-size: 95%;
	border: 1px solid #353535;
	background: #161617;
	overflow: hidden;
}

#content .orderForm form {
	overflow: hidden;
}

#content .orderForm h3 {
	width: 688px;
	height: 24px;
	margin: 0;
	padding: 5px 0 0 10px;
	font-size: 100%;
	background: url(../images/order_form_header_bg.gif) repeat-x;
}

#content .orderForm .formWrapper {
	clear: both;
	width: 610px;
	margin: 0 auto;
	overflow: hidden;
}

#content .orderForm .formWrapper ul#accOptions {
	margin: 0 0 20px 15px;
	color: #EE3374;
}

#content .orderForm .formWrapper ul#accOptions li {
	margin: 0 0 5px 0;
}

#content .orderForm .formWrapper ul#accOptions li a {
	color: #FFF;
}

#content .orderForm .warningText {
	margin: 0;
	padding: 10px 44px 0 44px;
	font-size: 105%;
	background: url(../images/warning_icon.gif) 10px 8px no-repeat #353535;
}

#content .orderForm .hr {
	margin: 20px auto;
	padding: 25px 0 0 0;
	border-top: 1px solid #49494A;
}

#content .orderForm .formLeft {
	float: left;
	width: 280px;
	overflow: hidden;
}

#content .orderForm .formRight {
	float: right;
	width: 280px;
	overflow: hidden;
}

#content .orderForm .formLeft p {
	margin: 0 0 20px 0;
}

#content .orderForm .formNote {
	width: 248px;
	margin: 0 0 15px 0;
	padding: 15px;
	border: 1px solid #49494A;
	background: #2D2D2F;
}

#content .orderForm #formFooter {
	margin: 30px 0 0 0;
	padding: 15px 45px 15px 45px;
	text-align: right;
	background: #2D2D2F;
}

#content .orderForm #formFooter img {
	float: left;
}

#content .orderForm #formFooter p {
	margin: 0;
}

#content .orderForm #formNoFooter {
	margin: 0 auto 30px auto;
	background: none;
	text-align: right;
}

#content .orderForm h4 {
	margin: 30px 0 20px 0;
	padding: 0 0 5px 0;
	color: #FFF;
	font-size: 110%;
	border-bottom: 1px solid #EE3374;
	border-top: none;
}

#content .orderForm ul#orderStage {
	margin: 30px 0 20px 0;
	padding: 0 0 5px 0;
	color: #49494A;
	border-bottom: 1px solid #EE3374;
	list-style: none;
	overflow: hidden;
}

#content .orderForm ul#orderStage li {
	display: inline;
	margin: 0 40px 0 0;
	font-size: 110%;
	text-transform: uppercase;
}

#content .orderForm ul#orderStage li.selected {
	color: #FFF;
}

#content .orderForm dl {
	width: 280px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#content .orderForm dl span {
	font-size: 90%;
}

#content .orderForm dl dt,
#content .orderForm dl dd {
	margin: 0 0 5px 0;
	overflow: hidden;
}

#content .orderForm dl dt input.radio,
#content .orderForm dl dt input.checkbox {
	margin: 0 5px 0 0;
}

#content .orderForm dl dd input.text {
	width: 273px;
	height: 20px;
	padding: 3px 0 0 5px;
	border: 1px solid #000;
}

#content .orderForm dl#postcode {
	float: left;
	width: 105px;
	margin: 0 15px 0 0;
}

#content .orderForm dl#country {
	float: left;
	width: 160px;
}

#content .orderForm dl#postcode dd input {
	width: 103px;
}

#content .orderForm dl#country dd input {
	width: 158px;
}

#content .orderForm dl#valid,
#content .orderForm dl#issue,
#content .orderForm dl#expiry {
	float: left;
	width: 75px;
	margin: 0 15px 10px 0;
}

#content .orderForm dl#valid dd input,
#content .orderForm dl#expiry dd input,
#content .orderForm dl#issue dd input,
#content .orderForm dl#cv2 dd input {
	width: 73px;
}

#content .orderForm img.edit {
	margin: 0 0 20px 0;
}

#content .orderForm p#orderRef {
	margin: 25px 0;
	font-size: 120%;
}