﻿   /* Reset
    ----------------------------------------------------------------------------- */

	header, footer, section, aside, nav, article, figure { 
		display: block; padding: 0; margin: 0; 
	}

	* {	
		margin: 0;
		padding: 0;
	}
	
	*:focus {
  		outline: none;
	}
	
	body,
	html,
	div {
	     margin: 0;
	     padding:0;
	     font-family: "Open", "Lucida Grande", sans-serif;
	     font-size: 13px;
	     line-height: 1.8em;
	     color: rgb(38, 38, 38);
	     color: rgba(0, 0, 0, .85);
	     font-weight: 400;
	}
	
	table { 
		border-collapse: collapse; border-spacing: 0; 
	}
	
	iframe {
		margin: 0;
		padding: 0;
		border: 0;
	}

	hr {
		border: none;
	}

	li, ul, a, em {
		text-decoration: none;
		color: inherit;
		font-style: normal;
		list-style: none;
		float: left;
	}
	
	a, a > * {					/* 'a' & all 'a' children */
		cursor: pointer;
		letter-spacing: .1em;
		color: rgb(125, 30, 44);
		border: none;
		outline: none;
	}
	
	p {
		line-height: 1.8em;
	}
	
	input {
		float: left;
		border: none;
	}
	
	input, textarea {
		border: none;
		border-bottom: 1px dashed rgb(210, 176, 181);
		border-bottom: 1px dashed rgba(125, 30, 44, .35);
		font: inherit;
		font-size: 1.2em;
		margin: 0 0 .8em 0;
		outline: none;
		padding: .8em 3%;
		background: rgb(204, 204, 204);
		background: rgba(0, 0, 0, .08);
		vertical-align: top;
	}
	input:focus, textarea:focus, input:hover, textarea:hover {
		border-bottom-style: solid;
	}

	::-webkit-input-placeholder, input:-moz-placeholder, placeholder  { 
		font-weight: normal !important; 
		color: rgb(191, 191, 191);
		color: rgba(0, 0, 0, .25);
	}
	
	input[type="submit"], button {
		width: 100%;
		height: auto;
		padding: 1em 0;
		margin: .5em 0 0 0;
		
		background-color: rgb(125, 30, 44);
		font-weight: bold;
		text-transform: uppercase;
		font-size: 1.2em;
		font-family: inherit;
		color: white;
		cursor: pointer;
		letter-spacing: .1em;
		text-align: center;
		border: none;
		outline: none;
		position: relative;
		
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px;

		transition: background-color .15s ease-out;
		-moz-transition: background-color .15s ease-out;
		-webkit-transition: background-color .15s ease-out;
		-o-transition: background-color .15s ease-out;
	}
	input[type="submit"]:active, button:active {
		color: rgba(255, 255, 255, .5);
	}
	input[type="submit"]:hover, button:hover {
		background-color: rgb(158, 30, 44);
	}
	
	input[type="submit"].green, button.green {
		background: rgb(81, 126, 23);
	}
	input[type="submit"].green:hover, button.green:hover {
		background: rgb(99, 154, 28);
	}
	
	
	button i {
		position: absolute;
		top: 1em;
		left: 50%;
		font-size: 1em;
		color: white;
	}
	
	.dotted {
		border-bottom: 1px dotted rgb(191, 191, 191);
		border-bottom: 1px dotted rgba(255, 255, 255, .75);
	}
	.dotted:hover {
		border-bottom: 1px solid white;
	}
	
	i {
		margin: 0 .6em 0 0;
		color: rgb(38, 38, 38);
		color: rgba(0, 0, 0, .85);
	}
	
	h2 {
		width: 100%;
		display: block;
		float: left;
		
		font-family: 'Times', serif;
		font-weight: 400;
		font-style: italic;
		text-align: left;
		padding: .6em 0;
		font-size: 1.5em;
		margin: 0 0 2em 0 !important;
		border-bottom: 1px dotted rgb(229, 210, 213);
		border-bottom: 1px dotted rgba(125, 30, 44, .2);
	}
	
	section#nesting-dolls h2 {
		width: 92%;
		text-align: center;
		font-family: "Open", "Lucida Grande", sans-serif;
		font-style: normal;
		font-size: 1.2em;
		padding: .5em 4% 2em 4%;
		margin: 0;
	}
	
	h2 i {
		margin: 0 .6em 0 0;
	}
	
	q:lang(en) {
		quotes: "« " " »" "' " " '";
	}
	
	.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

	button, input, select, textarea { font-size: 100%; vertical-align: baseline; *vertical-align: middle; }
	


	/* Main classes
    ----------------------------------------------------------------------------- */
     
	*::selection, *::-moz-selection, *::-webkit-selection {
		background: rgb(210, 176, 181);
		background: rgba(125, 30, 44, .35);
		color: white;
	}
	
	#page {
	    margin: 0 auto;
		overflow:hidden;
		position:relative;
		
		width: 960px;
    	padding: 0;
    	overflow: hidden;
	}
	
	.clearfix:after {  
	    content: "";  
	    display: block;  
	    clear: both;  
	    visibility: hidden;  
	    font-size: 0;  
	    height: 0;  
	 }  
	 .clearfix {   
	   *display: inline-block;   
	   _height: 1%;  
	}  
	
	.clear {
		clear: both;
	}
	
	a.overlay > img + span {
		display: table-cell;
		vertical-align: middle;
		font-weight : bold;
		color: black;
		text-align: center;
		text-transform: uppercase;
		
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
		
		opacity: 0;
		filter : alpha(opacity=0);
		transition: opacity .25s ease-out;
		-moz-transition: opacity .25s ease-out;
		-webkit-transition: opacity .25s ease-out;
		-o-transition: opacity .25s ease-out;
	}
	
	a.overlay > img + span i {
		font-size: 2em;
		margin: 0 auto .4em auto;
	}
	
	a#backtotop {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 0;
		text-align: right;
		text-transform: capitalize;
		font-size: .8em;
		color: rgb(125, 30, 44);
		border-bottom: 1px dotted;
		border-color: rgb(125, 30, 44);
		padding: .6em 2em .4em 1em;
		
		background-color: white;
		z-index: 200;
	}
	a#backtotop:hover {
		background-color: rgb(125, 30, 44);
		color: white;
	}
	a#backtotop:hover i {
		color: white;
	}
	a#backtotop i {
		color: rgb(125, 30, 44);
		font-size: .9em;
	}

	
    /* Sortable tables
    ----------------------------------------------------------------------------- */
    
    table.sortable {
		clear: both;
		width: 100%;
		padding: 0; 
		margin: 0;
		border: none;
		cursor: default;
	}
	
	table.sortable > * {
		border: none;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	
	table.sortable thead tr th {
		padding: 1.4em 0;
		border: 1px solid white;
		background: rgb(138, 52, 65);
		background: rgba(125, 30, 44, .9);
		color: white;
	}
	table.sortable thead tr th:hover {
		cursor:pointer;
		background: rgb(151, 75, 86);
		background: rgba(125, 30, 44, .8);
	}
	
	table.sortable th > span {
	    position:relative;
	    top: -12px;
	    left: 5px;
	    width: 0px;
	    height: 0px;
	    border-left: 5px solid transparent;
	    border-right: 5px solid transparent;
	    border-bottom: 5px solid transparent;
	}
	
	table.sortable th.sorted > span {
	    border-bottom: 10px solid white;
	}
	
	table.sortable th.sorted.desc > span {
	    top: 12px;
	    border-bottom:0;
	    border-top: 10px solid white;
	}
	
	table.sortable th, table.sortable td {		
		height: auto;
		padding: 0;
		margin: 0;
		background: white;
		border: 1px solid white !important;
		
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
	}

	table.sortable tbody tr td {
		background: rgb(242, 232, 233);
		background: rgba(125, 30, 44, .1);
	}
	table.sortable tbody:hover tr td {
		background: white;
	} 

	table.sortable tbody tr td a {
		width: 96%;
		padding: 0 2%;
		border: none;
	}
	
	table.sortable tbody tr td a span {
		border-color: rgb(144, 64, 75);
		border-color: rgba(125, 30, 44, .85);
	}
	table.sortable tbody tr td a:hover span {
		border-bottom: 1px solid rgb(144, 64, 75);
		border-bottom: 1px solid rgba(125, 30, 44, .85);
	}
	
	table.sortable td > span {
		display: block;
		font-weight: 400;
		color: rgb(158, 86, 97);
		color: rgba(125, 30, 44, .75);
		text-transform: uppercase;
		font-size: .8em;
		margin: -5px 0 0 0;
	}
	
	
	
	/* Validated Forms
    ----------------------------------------------------------------------------- */
	
	ol.forms {
		width: 55%;
		float: left;
		padding: 0 5% 0 0;
		border-right: 1px solid rgb(191, 191, 191);
		border-right: 1px solid rgba(0, 0, 0, .25);
	}
	
	ol.forms li {
		width: 96%;
		padding: 0 2%;
		height: auto;	 
		overflow: hidden;
		position: relative;
	}
	
	ol.forms label {
	  display: block;
	  float: left;
	}
	
	ol.forms label em.required {
		position: absolute;
		top: 0;
		left: 14px;
		font-size: 1.2em;
		color: rgb(190, 142, 149);
		color: rgba(125, 30, 44, .5);
	}
		
	ol.forms input[type="text"] {
		width: 64%;
		height: 100%;
	}
	ol.forms input[type="text"]#name {
		text-transform: capitalize;
	}
	
	ol.forms textarea {
		width: 97%;
		min-width: 50%;
		max-width: 97%;
		height: 200px;
		min-height: 200px;
		max-height: 500px;
	}
	
	ol.forms button {
		width: 102%;
	}
	
	ol.forms em.error {
		clear: both;
		float: right;
		color: white;
		background-color: rgb(182, 86, 97);
		background-color: rgba(158, 30, 44, .75);
		display: block;
		font-size: .8em;
		padding: 0 .4em;
		margin: -12px 0 .8em 0;
		
		-webkit-border-bottom-right-radius: 1px;
		-webkit-border-bottom-left-radius: 1px;
		-moz-border-radius-bottomright: 1px;
		-moz-border-radius-bottomleft: 1px;
		border-bottom-right-radius: 1px;
		border-bottom-left-radius: 1px;
	}
	
	section.content form + div {
		float: left;
		width: 34%;
		padding: 0 0 0 5%;
	}
	
	section.content form + div > * {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	section.content form + div strong {
		margin: 1em 0 .5em 0;
	}
	
	section.content form + div span {
		text-transform: uppercase;
		color: rgb(127, 127, 127);
		color: rgba(0, 0, 0, .5);
	}

	section.contentclient form + div {
		float: left;
		width: 45%;
		padding: 0 0 0 5%;
	}
	
	section.contentclient form + div > * {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	section.contentclient form + div strong {
		margin: 1em 0 .5em 0;
	}
	
	section.contentclient form + div span {
		text-transform: uppercase;
		color: rgb(127, 127, 127);
		color: rgba(0, 0, 0, .5);
	}	
	
	
	/* Header
    ----------------------------------------------------------------------------- */
    	
	header {
		overflow: hidden;
		text-transform: uppercase;
	}
	
	/* Sub-nav */

	header ul {
		float: right;
	 	margin: 0;
		height: 32px;
		font-size: .8em;
	}
	
	header ul li {
		height: 24px;
		padding: 8px 0 0 0;
	}

	header ul li a i {
		font-size: 1.4em;
		margin: 0 .4em 0 0;
	}
	
	header ul li a {
		display: block;		
		height: 34px;
		margin: -8px 0 0 0;
		padding: 6px 10px 0 8px;
		font-weight : bold;
		font-size: 1.1em;
	}

	header ul li, header ul li a, header ul li a > * {
		color: rgb(144, 64, 75);
		color: rgba(125, 30, 44, .85);
		
		transition: color .25s ease-out;
		-moz-transition: color .25s ease-out;
		-webkit-transition: color .25s ease-out;
		-o-transition: color .25s ease-out;
	}
	header ul li:hover a > * {
		color: rgb(125, 30, 44);
	}	
	
	header ul li em {
		display: block;
		float: left;
		margin: 0 0 0 -.5em;
	}
	
	
	/* Select menu */
	header ul li#currency {
		width: 60px;
		height: auto;
		padding: 0;
		margin: 0 0 0 2em;
	}
	
	header ul li#currency > * { 
		font-size: 1.1em;
		letter-spacing: .1em;
		font-weight: bold;
		text-align: left; 
		text-transform: uppercase;
	}
	
	.skinned-wrapper select {
		opacity: 0;
		filter : alpha(opacity=0);
		filter: alpha(opacity = 0);
		moz-opacity: 0;
		filter : alpha(opacity=0);
		position: relative;
		z-index: 100;
		cursor: pointer;
	}
	.skinned-wrapper .skinned-text {
		position: absolute;
		right: 0;
		width: auto;
		height: auto;
		padding: 0;
		z-index: 1;
	  	cursor: pointer;
	}
	.skinned-wrapper .skinned-text,
	.skinned-wrapper select,
	.skinned-wrapper select option {
		width: 60px; 
		height: 26px;
		background: rgb(144, 64, 75);
		background: rgba(125, 30, 44, .85);
		padding: 12px 0 0 0;
		text-align: center;
		font-weight: bold;
		font-size: .8em;
		color: white;
		cursor: pointer;
	}
	
	.skinned-wrapper:hover .skinned-text {
		background: rgb(125, 30, 44);
	}
	
	/* default: non javascript version of select */
	header select {
		width: 60px;
		height: 40px;
	 	font-size: .8em;
	 	margin: 11px 0 0 0;
	}
		
	
	/* logo */
	
	header h1 {
		clear: both;
		float: left;
		margin: 35px 0 0 0;
	}
	
	header h1 a {
		display: block;
		width: 310px;
		height: 38px;
		background: url(../img/logo.gif) no-repeat top center;
		background-size: 100%;
		padding: 3px 0 0 0;
		border-bottom: 2px dotted white;

		transition: border-color .5s ease-out;
		-moz-transition: border-color .5s ease-out;
		-webkit-transition: border-color .5s ease-out;
		-o-transition: border-color .5s ease-out;
	}
	
	header h1 a:hover {
		border-color: rgb(229, 229, 229);
		border-color: rgba(0, 0, 0, .2);
	}
	
	header h1 a span {
		display: none;
	}
	
	header form#search {
		position: absolute;
		top: 60px;
		right: 0;
		width: 230px;
		height: auto;
	}
	
	header form#search input[type="text"] {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 37px;
		padding: 2px 0 0 .6em;
		font-family: 'OpenSansLightRegular';
		font-size: 1.1em;
		letter-spacing: .1em;
	}
	
	header form#search input[type="submit"] {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		margin: 0;	
		background: url(../img/search-icon.gif) 0 0 no-repeat !important;
		
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		
		opacity: 1;
		filter : alpha(opacity=100);
		transition: border-color .15s ease-out;
		-moz-transition: border-color .15s ease-out;
		-webkit-transition: border-color .15s ease-out;
		-o-transition: border-color .15s ease-out;
	}
	header form#search input[type="submit"]:hover {
		opacity: .8;
		filter : alpha(opacity=80);
	}


	/* Hero banner
    ----------------------------------------------------------------------------- */
	
	div#hero {
		width: 100%;
		height: 100%;
		margin: 20px 0 0 0;
		position: relative;
	}
	
	div#hero div:first-child {
		position:relative;  
		width: 960px;
		height: 340px;
		overflow: hidden;
	}
	body#other div#hero div:first-child {
		height: 200px;
	}
	
	div#hero img {
		position: absolute;
		width: 100%;
		height: auto;
		z-index: -1;
	}
	body#other div#hero img {
		top: -50%;
	}
	
	div#hero hr {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: black;
		background: rgba(255, 255, 255, .5);
	}
	
	div#hero a {
		float: left;
		margin: -35px 0 0 1.5em;
		width: 150px;
		height: 50px;
		position: relative;
		background: black;
		z-index: 1;
	}
	
	div#hero a span {
		display: block;
		float: left;
		color: white;
		font-size: .9em;
		margin: 13px 0 0 18px;
		line-height: 2em;
		font-weight: bold;	
		text-transform: uppercase;
		z-index: 1;		
	}
	
	div#hero div#shipping {
		display: block;
		float: left;
		width: auto;
		margin: -50px 1.5em 0 169px;
		padding: 0 15px;
		position: relative;
		background: white;
		border-bottom: 2px solid rgb(229, 229, 229);
		border-bottom: 2px solid rgba(0, 0, 0, .2);

		opacity: 0;
		filter : alpha(opacity=0);
		z-index: 1;
	}
	
	div#hero div#shipping i {
		display: table-cell;
		vertical-align: middle;
		position: static;
		width: auto;
		height: 98%;
		font-size: 2em;
		color: gray;
		padding: .2em .5em 0 0; 
		margin: 0 1em 0 0;
	}
	
	div#hero div#shipping p {
		display: table-cell;
		vertical-align: middle;
		height: 48px;
		font-size: 1em;
		line-height: 1.2em;
		text-transform: none;
	}
	
	div#hero i {
		position: absolute;
		top: 75%;
		left:75%;
		width: 16px;			/* cropping the 'backward' symbolÃ¢Â€Â¦ */
		height: 100%;
		font-size: 3em;
		color: black;
		overflow: hidden;
		
		z-index: -1;
	}
	

	/* Home navigation
    ----------------------------------------------------------------------------- */
	
	/* Trick for sticky menu jquery function */
	#nav-top-pos {
		position: absolute;
		display: none;
		width: 0;
		top: 523px;
	}
	nav {		
		position: absolute;
		width: 100%;
		top: 523px;
		left: 0;
		margin: 0;
		
		display: block;
		overflow: hidden;
		text-align: center;
		background: url(../img/75opacity.png) repeat;
		background: rgba(255, 255, 255, .75);
	}
	
	nav.sticky {
		position: fixed;
		top: 0;
		margin: 0;
		z-index: 1;
	}
	
	nav ul {
		width: 690px;
		float: none;
		margin: 0 auto 0 auto;
		overflow: hidden;
	}
	
	nav ul li {
    	width: 230px;
		height: 100px;
		background: url(../img/menu-icons.png) no-repeat;
		float: left;
		
		opacity: .5;
		filter : alpha(opacity=50);
		transition: opacity .15s ease-out;
		-moz-transition: opacity .15s ease-out;
		-webkit-transition: opacity .15s ease-out;
		-o-transition: opacity .15s ease-out;
	}
	nav ul li:hover, nav ul li.active {
		opacity: 1;
		filter : alpha(opacity=100);
	}
	
	nav ul li:hover span, nav ul li.active span { 
		border-bottom: 1px solid rgb(125, 30, 44);
	}
	
	nav li#dolls { background-position: center -25px; }
	nav li#us { background-position: center -125px; }
	nav li#stores { background-position: center -225px; }
	
	nav ul li a {	
		width: 100%;
		height: 30px;
		padding: 60px 0 10px 0;	
		text-align: center;
	}
	
	nav ul li a span {
		font-family: 'Times', serif;
		text-transform: none;
		font-style: italic;
		font-size: 1.9em;
		letter-spacing: 1px;
		color: rgb(125, 30, 44);
		border-bottom: 1px dotted rgb(190, 142, 149);
		border-bottom: 1px dotted rgba(125, 30, 44, .5);
		padding: 0 8px 4px 8px;
	}
	

	/* Sections
    ----------------------------------------------------------------------------- */
	
	section {
		float: left;
		display: block;
		overflow: hidden;
		width: 100%;
		margin: 2em 0 0 0;
		padding: 0 0 0 0;
	}	
	
	body#home section {
		padding: 10em 0 0 0;
		margin: 0;
	}
	
	section nav em {
		font-family: 'Times', serif;
		font-style: italic;
		font-size: 1.6em;
	}
	
	section a {
		letter-spacing: 0;
	}
	
	section div#ariane {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: auto;
		padding: 1em 0;
		margin: 1em 0 0 0;
	}
	
	section div#ariane * {
		font-size: .9em;
		text-transform: uppercase;
		color: inherit;
		margin: 0 .8em 0 0;
		letter-spacing: 0;
	}
	
	section div#ariane a {
		display: block;
		float: left;
		font-weight: bold;
		height: 20px;
		border-color: inherit;
	}
	
	section div#ariane > span {
		display: block;
		float: left;
	}
	
	section h3 {
		float: left;
		width: 95%;
		height: auto;
		padding: 1.2em 2% 1em 2%;
		margin: 0 0 2em 0;
		font-weight: 400;
		border: 3px solid rgb(177, 204, 141);
		border: 3px solid rgba(99, 154, 28, .5);
	}
	section h3, section h3 i {
		color: rgb(99, 154, 28);
	}
	section h3.error {
		border: 3px solid rgb(190, 142, 149);
		border: 3px solid rgba(125, 30, 44, .5);
	}
	section h3.error, section h3.error i {
		color: rgb(125, 30, 44);
	}

	
	/* Nesting dolls
    ----------------------------------------------------------------------------- */
	
	body#home section#nesting-dolls {
		border: none;
		margin: 2.4em 0 0 0;
	}
	
	section#nesting-dolls {
		text-align: center;
		border-top: 3px solid black;
		padding-top: 4em;
		margin: 7em 0 0 0;
	}
	
	section#nesting-dolls a {
		display: inline-block;
		float: none;
		margin: 0 0 0 -.3em;
		position: relative;		
		text-align: center;
	}
	
	section#nesting-dolls a img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		
		opacity: 1;
		filter : alpha(opacity=100);
		transition: opacity .25s ease-out;
		-moz-transition: opacity .25s ease-out;
		-webkit-transition: opacity .25s ease-out;
		-o-transition: opacity .25s ease-out;
	}
	
	section#nesting-dolls a span {
		max-width: 240px;
		width: 240px;
		height: 160px;
		font-size: 1.1em;
		line-height: 1.1em;
	}
	
	section#nesting-dolls a.overlay:hover span {
		opacity: 1;
		filter : alpha(opacity=100);
	}
	section#nesting-dolls a.overlay:hover img {
		opacity: .25;
		filter : alpha(opacity=25);
	}
	
	
	section#nesting-dolls div#other-products {
		clear: both;
		width: auto;
		height: auto;
		display: inline-block;
		overflow: hidden;
		margin: 3em auto 0 auto;
		padding: 0 .2em;
	}
	
	section#nesting-dolls div#other-products em {
		width: 100%;
		margin: 0 0 1em 0;
		
		font-family: 'Times', serif;
		font-style: italic;
		font-size: 1.5em;
	}
	
	section#nesting-dolls div#other-products a {
		width: 120px;
		height: auto;
	}
	
	section#nesting-dolls div#other-products a img {
		width: 100%;
	}
	
	section#nesting-dolls div#other-products a span {
		width: 120px;
		max-width: 120px;
		height: 80px;
		padding: 0;
		font-size: .9em;
		margin: -1em 0 0 0;
	}
	
	section#nesting-dolls div#other-products div#range {
		width: auto;
		height: 10px;
		border: 1px solid black;
		border-top: none;
		margin: -5px 0 0 0;
		
		opacity: .25;
		filter : alpha(opacity=25);
		transition: opacity .25s ease-out;
		-moz-transition: opacity .25s ease-out;
		-webkit-transition: opacity .25s ease-out;
		-o-transition: opacity .25s ease-out;
	}
	section#nesting-dolls div#other-products:hover div#range {
		opacity: .75;
		filter : alpha(opacity=75);
	}
	
	
	/* About us
    ----------------------------------------------------------------------------- */
	
	section#about-us {
		width: 100%; 
		border-bottom: 1px solid rgb(191, 191, 191);
		border-bottom: 1px solid rgba(0, 0, 0, .25);
	}
	
	section#about-us ul { 
		float: left;
		display: block;
	}
	
	section#about-us ul li { 
		display: inline; 
	}
	section#about-us ul li a { 
		padding: .8em 1em .7em .8em; 
		float:left; 
	}
	
	section#about-us ul li a > * { 
		font-family: 'Times', serif;
		font-style: italic;
		font-size: 1.3em;
		color: rgb(125, 30, 44);
	}
	
	section#about-us ul li a i {
		margin: 0 .3em 0 0;
	}
	
	section#about-us ul li a span{ 
		margin: 0 0 1em 0;
		text-transform: none;
		letter-spacing: .1em;
		border-color: rgb(190, 142, 149);
		border-color: rgba(125, 30, 44, .5);
	}
	
	section#about-us ul li.active a { 
		background: rgb(125, 30, 44);
	}
	
	section#about-us ul li.active a > * { 
		color: white;
	}
	
	section#about-us ul li a:hover span { 
		border-bottom: 1px solid rgb(125, 30, 44);
	}
	
	section#about-us div { 
		float: left; 
		clear: both; 
		border-top: 1px solid rgb(191, 191, 191);
		border-top: 1px solid rgba(0, 0, 0, .25);
		margin: -1px 0 0 0;
		padding: 2em 0 1em 0; 
	}
	
	section#about-us div q {
		display: block;
		font-size: 1.4em;
		line-height: 1.4em;
		color: rgb(128, 128, 128);
		color: rgba(0, 0, 0, .5);
		margin: 0 0 1.2em 0;
	}
	
	section#about-us div p {
		display: block;
		margin: 0 0 2em 0;
	
		column-count: 2;
		column-width: 470px;
		column-gap : 20px;
		-webkit-column-count: 2;
		-webkit-column-width: 470px;
		-webkit-column-gap: 20px;
		-moz-column-count: 2;
		-moz-column-width: 470px;
		-moz-column-gap: 20px;
	}
	
	section#about-us div a {
		width: 140px;
		height: 60px;
		padding: 0 0 0 80px;
		background: url(../img/about-us.gif) no-repeat;
		margin: 0 1.5em 1em 0;
	}
	section#about-us div a:hover strong {
		text-decoration: underline;
	}

	section#about-us div a#blog {
		background-position: left -60px;
	}
	section#about-us div a#message {
		background-position: left 0;
	}
	section#about-us div a#facebook {
		background-position: left -120px;
	}	
	section#about-us div a#facebook > * {
		color: #3b5998;
	}
	
	section#about-us div a strong {
		float: left;
		font-size: 1.2em;
		letter-spacing: 0;
	}
	
	section#about-us div a span {
		clear: both;
		float: left;
		font-size: .9em;
		text-transform: none;
		line-height: 1.2em;
		letter-spacing: 0;	
	}

	
	/* Our stores
    ----------------------------------------------------------------------------- */
	
	body#home section#our-stores {
		border: none;
	}
	
	section#our-stores {
		border-top: 3px solid black;
		padding-top: 4em;
		margin: 7em 0 0 0;
	}
	
	section#our-stores div
	{
		float: left;
		width: 470px;
		overflow: hidden;
	}

	section#our-stores div:first-child
	{
		float: left;
		margin: 0 20px 0 0;
	}
	
	section#our-stores div em
	{
		width: 100%;
		font-family: 'Times', serif;
		font-style: italic;
		font-size: 1.5em;
		border-bottom: 1px solid rgb(191, 191, 191);
		border-bottom: 1px solid rgba(0, 0, 0, .25);
		text-align: left;
		padding: 0 0 .4em 0;
	}
		
	section#our-stores a.maps {
		width: 100%;
		margin: 1.5em 0 1em 0;
		padding: 0 !important;
	}
	
	section#our-stores a.maps img {
		width: 100%;
		border-bottom: 2px solid white;
		
		transition: opacity .25s ease-out;
		-moz-transition: opacity .25s ease-out;
		-webkit-transition: opacity .25s ease-out;
		-o-transition: opacity .25s ease-out;
	}
	section#our-stores a.maps img:hover {
		border-color: rgb(125, 30, 44);
		
		opacity: .75;
	}
	
	section#our-stores div p {
		float: left;
		width: 215px;
	}
	
	section#our-stores div p:last-child {
		margin: 0 0 0 20px;
		font-weight : bold;
	}
	
	section#our-stores div p:last-child span {
		display: block;
		font-weight: 400;
		clear: both;
	}

	section#our-stores div p:last-child span i {
		font-size: 1em;
		margin: 0 .6em 0 0;
		color: rgb(191, 191, 191);
		color: rgba(0, 0, 0, .25);
	}
	
	
	/* Category
    ----------------------------------------------------------------------------- */
	
	section#category div#iphone-slide-icon {
		display: none;
	}
	
	
	/* Dropdown categories menu */
	#cat {
		width: 100%;
		border-bottom: 1px solid rgb(191, 191, 191);
		border-bottom: 1px solid rgba(0, 0, 0, .25);
	}	
	
	#cat * {
		color: white;
	}
	
	#cat li {
		float:left; 
		display:block; 
		width:auto; 
		position:relative;
		z-index:1; 
		
		width: auto;
		height: auto;
	}
	
	
	#cat li > a {	/* Parent menu */
		display:block; 
		width: 100%;
		height: 100%; 
		padding: .8em 0 .6em 1em;
		text-decoration:none; 
		background: rgb(125, 30, 44);
		text-transform: uppercase;
		font-weight: bold;
	}
	#cat li a:hover i, #cat li a i.clicked {
		color: white;
	}
	#cat a.current {
		color: rgb(193, 148, 142);
		color: rgba(255, 255, 255, .5);
		background: #842937;
		cursor: default;
	}
	
	#cat li a i {
		font-size: 1em;
		width: auto;
		height: auto;
		margin: 0 0 0 .6em;
		color: rgb(193, 148, 142);
		color: rgba(255, 255, 255, .5);
	}

	
	#cat ul {	/* Submenu */
		position: absolute; 
		left: 0; 
		top: 38px;
		display: none; 
	}
	
	#cat ul li {
		width:200px;
		float:left; 
	}
	
	#cat ul a {
		display:block;  
		height:15px;
		padding: .8em 1em 1.2em 1em;
		text-transform: none;
		font-weight: 400;
	}
	
	#cat ul a:hover {
		background: #842937;
	}

	
	*html #cat ul {	/* IE6 Fix */
		margin:0 0 0 -2px;
	}
	
	/* Items */
	section#category a.item {
		float: left;
		width: 240px;
		height: auto;
		overflow: hidden;
		position: relative;
		margin: 2em 0 0 0;
		border-bottom: 2px solid;
		background: url(../img/loading.gif) no-repeat center 3em;
		
		border-color: rgb(204, 204, 204);
		border-color: rgba(0, 0, 0, .2);
		transition: border-color .25s ease-out;
		-moz-transition: border-color .25s ease-out;
		-webkit-transition: border-color .25s ease-out;
		-o-transition: border-color .25s ease-out;
	}
	
	section#category a.item img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;

		opacity: 1;
		filter : alpha(opacity=100);
		transition: opacity .25s ease-out;
		-moz-transition: opacity .25s ease-out;
		-webkit-transition: opacity .25s ease-out;
		-o-transition: opacity .25s ease-out;
	}
	
	section#category a.item img + span {
		max-width: 240px;
		width: 240px;
		height: 160px;
		font-size: 1.1em;
		line-height: 1.1em;
		text-align: center;
		
		opacity: 0;
		filter : alpha(opacity=0);
		transition: opacity .25s ease-out;
		-moz-transition: opacity .25s ease-out;
		-webkit-transition: opacity .25s ease-out;
		-o-transition: opacity .25s ease-out;
	}
	
	section#category a.item:hover {
		background: none;
	}
	section#category a.item:hover img {
		opacity: .25;
		filter : alpha(opacity=25);
	}
	section#category a.item:hover img + span {
		opacity: 1;
		filter : alpha(opacity=100);
	}
	section#category a.item:hover {
		border-color: rgb(125, 30, 44);
	}
	section#category a.item:hover p.infos {
		background-color: rgb(229, 210, 213);
		background-color: rgba(125, 30, 44, .2);
	}
	
	section#category a.item p.infos {
		display: block;
		overflow: hidden;
		height: 20%;
		padding: .6em;
		
		transition: background-color .25s ease-out;
		-moz-transition: background-color .25s ease-out;
		-webkit-transition: background-color .25s ease-out;
		-o-transition: background-color .25s ease-out;
	}
	
	section#category a.item p.infos * { 
		width: 100%;
		text-transform: none;
		font-style: normal;
		font-weight: 400;
		font-size: 1em;
		letter-spacing: 0;
		font-family: "Open", "Lucida Grande", sans-serif;
		overflow: auto;
		
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
	}
	
	section#category a.item p.infos strong {		
		display: block;
		max-height: 3.6em;
		min-height: 3.6em;
		float: left;
		font-size: 1.1em;
		line-height: 1.2em;
		font-weight: bold;
		color: rgba(158, 30, 44);
		overflow: hidden; /*RS*/
	}
	
	section#category a.item p.infos strong + span {
		display: block;
		clear: both;
		float: left;
		font-weight: 400;
		color: rgb(128, 128, 128);
		color: rgba(0, 0, 0, .5);
		font-size: .8em;
		line-height: 1.2em;
		margin: 6px 0 30px 0;
	}	
	
	section#category a.item p.infos em {
		display: block;
		position: absolute;
		width: auto;
		padding: 0;
		bottom: .4em;
		left: .6em;
		font-weight: bold;
		font-size: 1.1em;
		color: black;
		overflow: hidden;
	}
	
	section#category a.item p.infos em span {
		float: none;
		display: inline;
		margin: 0 0 0 2em;
		font-size: .8em;
		color: rgb(128, 128, 128);
		color: rgba(0, 0, 0, .5);
		text-decoration: line-through;
	}
	
	
	/* Item
    ----------------------------------------------------------------------------- */
    
    section#item {
		height: auto;
		padding: 0;
		margin: 1.8em 0 0 0;
		position: relative;
	}
	
	/* Js Slider for item images */
	#slider {
		position: relative; /* IE bug fix */
		float: left;
		width: 640px; 
		height: auto; 
		overflow: hidden;
		padding: 0;
		margin: 0;
		
		border: 1px solid rgb(191, 191, 191);
		border: 1px solid rgba(0, 0, 0, .25);
		border-bottom: none;
		z-index: 10;
	}
		
	#slider > ul { 
		position: relative; 
		float: left;
		width: auto;
		height: auto;
		overflow: hidden;
	}
		
	#slider ul li { 
		float: left;
		height: auto;
	}
	
	#slider ul li img {
		margin: 0 auto;
		display: block;
	}
	
	ol#dots { 
		display: block;
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: center;
		padding: 1.2em 0;
		background: black;
		list-style: none;
	}	
		
	ol#dots li {
		display: inline-block;
		vertical-align: middle;
		float: none;
		width: 16px; 
		height: 16px;
		
		margin: 0 .8em; 
		font-size: .8em;
		color: transparent;
		cursor: pointer;
		background: rgb(191, 191, 191);
		background: rgba(255, 255, 255, .25);
		
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
	}
		
	ol#dots li.activenum {
		background: white;
	}
	
	
	section#item div#infos {
		float: left;
		width: 278px;
		padding: 2em 20px;
		margin: 0 0 0 -1px;
		border: 1px solid rgb(191, 191, 191);
		border: 1px solid rgba(0, 0, 0, .25);
		border-left: none;
		border-bottom: none;
		background: rgb(242, 232, 233);
		background: rgba(125, 30, 44, .1);
	}
	
	section#item div#infos > * {
		float: left;
	}
	
	section#item div#infos strong {
		float: left;
		color: rgb(158, 30, 44);
		font-size: 1.4em;
		margin: 0 0 .5em 0;
	}
	
	section#item div#infos em {
		clear: both;
		font-size: 1em;
		color: rgb(128, 128, 128);
		color: rgba(0, 0, 0, .5);
		line-height: 1.4em;	
	}
	
	section#item div#infos div#actions {
		float: left;
		clear: both;
		width: 318px;
		height: auto;
		padding: 0;
		margin: 2em 0 2em -20px;
	}
	
	section#item div#infos div#actions > * {
		float: left;
		display: block;
	}
	
	section#item div#infos div#actions strong {
		width: 50%;
		height: 48px;
		padding: 30px 0 0 0;
		line-height: .8em;
		text-align: center;
		border-top: 1px solid rgb(191, 191, 191);
		border-bottom: 1px solid rgb(191, 191, 191);
		border-top: 1px solid rgba(0, 0, 0, .25);
		border-bottom: 1px solid rgba(0, 0, 0, .25);
		background: white;
	}
	
	section#item div#infos div#actions strong span {
		clear: both;
		float: none;
		font-size: .6em;
		color: rgb(128, 128, 128);
		color: rgba(0, 0, 0, .5);
		font-weight: 400;
		text-decoration: line-through;
		margin: -1em 0 0 0;
	}
	
	section#item div#infos div#actions > button {
		width: 50%;
		height: 80px;
		padding: 20px 0 0 0;
		margin: 0 0 2em 0;
		font-size: 1.1em;
		position: relative;
		
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}
	
	section#item div#infos div#actions > button i {
		position: absolute;
		top: 18px;
		left: 50%;
		color: white;
		font-size: 1.2em;
		margin: 0 0 0 -6px;
	}

	section#item div#infos p {
		clear: both;
		line-height: 1.4em;
		text-align: left;
		margin: 0 0 .5em 0;
		padding: 0 20px;
	}
	
	section#item div#infos p span {
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 .4em 0 0;
		color: black;
	}
	
	
	.addthis_toolbox {
		float: left;
		margin: 1em 0 0 0;
	}

	/* RS button fix for articles button as it is a little unorthodox due to me not knowing the php code
    ----------------------------------------------------------------------------- */

	section#item div#infos div#actions a > * {
		float: left;
		display: block;
	}
		
	section#item div#infos div#actions a > button.buttonfix {
		width: 130%;
		height: 80px;
		padding: 20px 0 0 0;
		margin: 0 0 2em 0;
		font-size: 1.1em;
		position: relative;
		
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}
	
	section#item div#infos div#actions a > button.buttonfix i {
		position: absolute;
		top: 18px;
		left: 50%;
		color: white;
		font-size: 1.2em;
		margin: 0 0 0 -6px;
	}
	
	/* Content pages
    ----------------------------------------------------------------------------- */
	
	section.content strong {
		float: left;
		width: 100%;
		margin: 1em 0 0 0;
	}
	
	section.content p a {
		display: inline;
		float: none;
		border-color: inherit;
	}
	section.content p a:hover {
		border-color: inherit;
	}
	
	
	.accordion {
		clear: both;
		float: left:
		width: 98%; 
		margin: 2em auto 0 auto; 
	}
	.accordion dt {
		overflow: auto;
		background: white;
		position: relative;
		border-bottom: 1px solid rgb(229, 210, 213);
		border-bottom: 1px solid rgba(125, 30, 44, .2);
	}
	
	.accordion dt > * {
		color: rgb(125, 30, 44);
	}
	
	.accordion dt a {
		float: left;
		width: 90%;
		padding: 2% 8% 2% 2%;
		letter-spacing: 0;
		font-size: 1.1em;
		line-height: 1.4em;
	}
	
	.accordion dt i {
		position: absolute;
		top: 50%;
		right: 2%;
		width: auto;
		height: 22px;
		margin: -11px 0 0 0;
		font-size: 1.2em;
		text-align: center;
		padding: 0;
		opacity: .5;
		filter : alpha(opacity=50);
	}
	
	.accordion dt a span {
		border-color: rgb(125, 30, 44);
	}
	.accordion dt a:hover {
		background: rgb(229, 210, 213);
		background: rgba(125, 30, 44, .2);
	}
	.accordion dt a.active {
		background: rgb(125, 30, 44);
		border-bottom: 1px solid white;
	}
	.accordion dt a.active > * {
		color: white;
	}
	.accordion i.icon-minus {
		color: white;
	}
	
	.accordion dd {
		padding: .8em 2em 1.2em 3em;
		margin: 0 0 1px 0;
		display: none;
		overflow: auto;
		background: rgb(229, 210, 213);
		background: rgba(125, 30, 44, .2);
		position: relative;
	}
	.accordion dd i {
		position: absolute;
		width: auto;
		top: 13px;
		left: 21px;
		color: inherit;
	}
	.accordion dd p {
		float: left;
		width: 100%;
		line-height: 1.4em;
		margin: .4em 0 0 0;
	}
	
	.accordion dd a {
		display: inline;
		float: none;
		border-color: inherit;
	}
	.accordion dd a:hover {
		border-color: inherit;
	}
	
		
	/* Contact
    ----------------------------------------------------------------------------- */
    
    section#contact ol.forms li button {
    	padding-right: 20px;
    }
    
    section#contact ol.forms li i {
		margin-left: 20px;
	}
	
	section#contact ol.forms em.error {
	  float: left;
	}
	
	
	/* Search Results 
    ----------------------------------------------------------------------------- */
    
	section#results h2 span {
		font-weight: bold;
		color: rgb(125, 30, 44);
	}

	/* Sortable table */
	section#results th:nth-of-type(1), section#results td:nth-of-type(1) {
		width: 20%;
		max-width: 20%;
	}
	
	section#results th:nth-of-type(2), section#results td:nth-of-type(2) {
		width: 55%;
	}
	
	section#results th:nth-of-type(3), section#results td:nth-of-type(3) {
		width: 15%;
	}

	section#results th:nth-of-type(4), section#results td:nth-of-type(4) {
		width: 10%;
		max-width: 10%;
	}
	
	section#results td:nth-of-type(1) {
		padding: 0 1em;
		line-height: 1.4em;
	}
	section#results td:nth-of-type(2) {
		text-align: left;
		padding-top: .5em;
		padding-bottom: .5em;
	}
	section#results td:nth-of-type(3) {
		font-weight: bold;
		font-size: 1.2em;
	}

	
	/* Login
    ----------------------------------------------------------------------------- */
    
    section#login form#login_form {
    	clear: both;
    	float: left;
    	display: block;
    	padding-top: 2em;
    	padding-bottom: 2em;
    }
    
    section#login form ol.forms {
		width: 100%;
		float: left;	
		padding: 0;	
		border: none;
	}
	
	section#login ol.forms li {
		width: 100%;
		padding: 0;
	}
	
	section#login form#login_form input {
    	width: 95%;
    }
    
    section#login form a {
    	float: left;
    	font-size: .8em;
    	margin: -1em 0 0 0;
    }
    section#login form a span {
    	letter-spacing: 0;
    	border-color: rgb(191, 191, 191);
    	border-color: rgba(0, 0, 0, .25);
    }
    

	/* Login */
	section#login form#login_form {
    	width: 35%;
    	padding-right: 5%;
    }
    
    section#login form#login_form button {
    	width: 60%;
    	padding-right: 25px;
    }   
    
    section#login form#login_form button i {
		margin-left: 25px;
	} 
   
	
	/* Register as a reseller */
	div#reseller {
    	width: 58%;
    	padding: 25px 0;
    	border-left: 1px solid rgb(191, 191, 191);
    	border-left: 1px solid rgba(0, 0, 0, .25);
    }
    
    div#reseller > i {
    	display: block;
    	clear: both;
    	float: left;
    	width: 30px;
    	font-size: 1.8em;
    	text-align: center;
    	margin: -2px 3% 0 5%;
    }
    
    div#reseller p {
    	display: block;
    	float: left;
    	width: 85%;
    	
    	font-family: 'OpenSansLightRegular';
    	color: rgb(128, 128, 128);
    	color: rgba(0, 0, 0, .5);
    	margin: 0 0 1.5em 0;
    }
    div#reseller p strong {
    	display: inline;
    	float: none;
    	font-weight: 400;
    	color: rgba(0, 0, 0, .85);
    }
    
    div#reseller button.green {
    	padding-right: 5%;
    	width: 38%;
    	margin-left: 5%;
    }
    
    div#reseller button.green i {
		margin-left: 35px;
    }
    

	/* Hidden form */	
    div#reseller form {
    	position: relative;
    	display: none;
    	clear: both;
		float: left; 	
    	width: 95%;
    	margin: 2em 0 0 0;
    	padding: 5% 0 0 5%;
    	
    	border-top: 1px solid rgb(191, 191, 191);
    	border-top: 1px solid rgba(0, 0, 0, .25);
    }
    
    div#reseller form input {
    	width: 90%;
    }
    
    div#reseller form select {
    	width: auto;
    	margin: 0 0 1.2em 0;
    }
    
    div#reseller form button {
    	width: 96%;
    	padding-right: 0px !important;
    	font-size: inherit;
    } 
    div#reseller form button i {
    	margin-left: 55px;
    }
    
    div#reseller form em.error {		
		float: left;
		margin: -13px 0 .8em 0;
	}
	
	/* Confirm clientinfo - basically a copy of reseller RS*/
	div#clientinfo {
    	width: 100%;
    	padding: 25px 0;
    	border-left: 1px solid rgb(191, 191, 191);
    	border-left: 1px solid rgba(0, 0, 0, .25);
    }
    
    div#clientinfo > i {
    	display: block;
    	clear: both;
    	float: left;
    	width: 30px;
    	font-size: 1.8em;
    	text-align: center;
    	margin: -2px 3% 0 5%;
    }
    
    div#clientinfo p {
    	display: block;
    	float: left;
    	width: 85%;
    	
    	font-family: 'OpenSansLightRegular';
    	color: rgb(128, 128, 128);
    	color: rgba(0, 0, 0, .5);
    	margin: 0 0 1.5em 0;
    }
    div#clientinfo p strong {
    	display: inline;
    	float: none;
    	font-weight: 400;
    	color: rgba(0, 0, 0, .85);
    }
    
    div#clientinfo button.green {
    	width: 100% !important;
    }

    div#clientinfo a button.green {
    	width: inherit;
    }
    
    div#clientinfo button i {
		text-align: right;
    }

    div#clientinfo button.green i {
		margin-left: 35px;
    }
    
    div#clientinfo button.red i {
    	clear: both;
    	margin-left: 45%;
		float: bottom;
    }

	/* Hidden form */	
    div#clientinfo form {
    	position: relative;
    	display: none;
    	clear: both;
		float: left; 	
    	width: 95%;
    	margin: 2em 0 0 0;
    	padding: 5% 0 0 5%;
    	
    	border-top: 1px solid rgb(191, 191, 191);
    	border-top: 1px solid rgba(0, 0, 0, .25);
    }
    
    div#clientinfo form input {
    	width: 90%;
    }
    
    div#clientinfo form select {
    	width: auto;
    	margin: 0 0 1.2em 0;
    }
    
    div#clientinfo form button {
    	width: 96%;
    	padding-right: 0px !important;
    	font-size: inherit;
    } 
    div#clientinfo form button i {
    	margin-left: 55px;
    }
    
    div#clientinfo form em.error {		
		float: left;
		margin: -13px 0 .8em 0;
	}
	
	
	/* Shopping cart
    ----------------------------------------------------------------------------- */
    
    section#shopping_cart th:nth-of-type(1), section#shopping_cart td:nth-of-type(1) {
    	width: 15%;
    }
    section#shopping_cart th:nth-of-type(2), section#shopping_cart td:nth-of-type(2) {
    	width: 51%;
    }
    section#shopping_cart th:nth-of-type(3), section#shopping_cart td:nth-of-type(3) {
    	width: 8%;
    }
    section#shopping_cart th:nth-of-type(4), section#shopping_cart td:nth-of-type(4) {
    	width: 8%;
    }
    section#shopping_cart th:nth-of-type(5), section#shopping_cart td:nth-of-type(5) {
    	width: 8%;
    }
    section#shopping_cart th:nth-of-type(6), section#shopping_cart td:nth-of-type(6) {
    	width: 10%;
    }

    section#shopping_cart td:nth-of-type(1) {
		font-size: .9em;
	}
	
	section#shopping_cart td:nth-of-type(2) {
		text-align: left;
	}
	
	section#shopping_cart td:nth-of-type(6) {
		font-weight: bold;
	}
	
	section#shopping_cart td input {
		width: 100%;
		height: 22px;
		float: left;
		clear: both;
		
		text-align: center;
		font-size: 1.1em;
		background: none;
		border: none;
		padding: 0;
		margin: 0;
	}
	
	section#shopping_cart td i {
		cursor: pointer;
		clear: both;
		float: left;
		width: 100%;
		height: 15px;
		font-size: .6em;
		text-align: center;
		background: rgb(138, 52, 65);
		background: rgba(125, 30, 44, .9);
		color: white;
		padding: 0 0 .6em 0;
    	border-top: 1px solid white;
    	border-top: 1px solid rgba(255, 255, 255, .2);
    }
    section#shopping_cart td i:hover {
    	background: rgb(151, 75, 86);
		background: rgba(125, 30, 44, .8);
    }
    
    section#shopping_cart strong#total {
    	clear: both;
    	float: right;
    	width: auto;
    	text-align: right;
    	text-transform: uppercase;
    	margin: 0;
    	font-size: 1.4em;
    	color: rgb(125, 30, 44);
    	padding: 1em;
    	border-bottom: 1px solid rgb(191, 191, 191);
    	border-bottom: 1px solid rgba(0, 0, 0, .25);
    	background: rgb(242, 232, 233);
		background: rgba(125, 30, 44, .1);
    }
    
    section#shopping_cart strong#total span {
    	font-weight: 400;
		color: rgb(158, 86, 97);
		color: rgba(125, 30, 44, .75);
    }
    
    section#shopping_cart button {
    	display: block;
    	width: 50%;
    	float: none;
    	clear: both;
    	text-align: center;
    	margin: 1em auto 0 auto;
    	padding-top: 1.5em;
    	font-size: 1.4em;
    	line-height: 1em;
    }
    
    section#shopping_cart button span {
    	display: inline;
    	text-transform: uppercase;
    	font-weight: 400;
		color: rgb(242, 232, 233);
		color: rgba(255, 255, 255, .5);
		font-size: .7em;
    }
    
	/* RS confirm page
    ----------------------------------------------------------------------------- */
   	div#agree a{
		float: right;
    }

   	div#agree input{
		float: right;
    }



	/* RS button fix for checkout button as it is a little unorthodox due to me not knowing the php code
    ----------------------------------------------------------------------------- */

    section#shopping_cart a button.green {
    	display: block;
    	width: 300px;
    	float: none;
		clear: both;
		position: absolute;
    	text-align: center;
		left: 50%;
    	margin: 3.5em auto 2em -150px;
    	padding-top: 1.2em;
    	padding-bottom: 1.5em;
    	font-size: 1.4em;
    	line-height: .8em;
    }
    
    section#shopping_cart a button.green span {
    	display: inline;
    	text-transform: uppercase;
    	font-weight: 400;
		color: rgb(190, 142, 144);
		color: rgba(255, 255, 255, .5);
		font-size: .7em;
    }


    /* Error page
    ----------------------------------------------------------------------------- */
	
	section#error a span {
		border-color: rgb(144, 64, 75);
		border-color: rgba(125, 30, 44, .85);
	}
	

	/* Footer
    ----------------------------------------------------------------------------- */
	
	footer {
		float: left;
		width: 100%;
		display: block;	
		color: white;		
		background: black;
		margin: 5em 0 0 0;
	}
	
	footer ul {
		display: block;
		width: 960px;
		overflow: hidden;
		margin: 0 auto 0 auto;
		float: none;
	}

	footer ul li {
		width: 225px\9; /* IE6 to IE8 hack */
	}
	footer ul li {
		float: left;
		clear: right;
		width: 230px;
		height: auto;
		margin: 0 12px 0 0;
		padding: 2em 0;	
		height: auto;
	}
	footer ul li:last-child {
		margin: 0;
	}
	
	footer ul li h4 {
		font-weight : bold;
		letter-spacing: .1em;
		text-transform: uppercase;
	}
	
	footer ul li a {
		clear: both;
		float: left;
		text-transform: none;
		color: white;
		font-family: 'OpenSansLightRegular';
		font-weight: 400;
		font-size: .9em;
		margin: .6em 0 0 0;
	}
