/******************************************
                                                                                
                                                                                
                THEO     THEO                                                    
          THEOTHEOT      HEO                                                    
     THEOTHEOTHEOTH     THEO                                                    
  THEOTHEOT   HEOT      HEO                     THE         THEOTHEO            
 THEOTH       EOT      HEOT                 HEOTHEOTH    EOTHEOTHEOT       	HEO  
             THEO     THEO    TH          EOTHE   OTH  EOTH     HETHEOTHEOTHEO  
             THE     OTHEO  THEOTHE      OTHEOTHEO THEOTHE       OTHEOTHEOT     
            THEO   THEOTHEOTHEOTHEO    THEOTHEOTHE  OTHEO       THEO           
           THEO  THEOTHEOTHEO   THEO THEOTHE      OTHEOTHEOTHEOTHEOT             
           THEOTHEOT HEOTHE      THEOTHE OTHEOTHEOTHEO  THEOTHEOM               
          THEOTHEO   THEO         THEO     THEOTH                               
          THEOTH                                                                
          THEO                                                                  
                                                                                

04.11.2011
by Jean-Michel Dentand
info@jmdentand.com


 
******************************************/

@import "/styles/jquery.fancybox-1.3.1.css";

/* Reset
******************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Grid
******************************************/

#grid {
	background: url(/images/interface/24_col.png) repeat-y 0 0;
	width: 960px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -480px;
	z-index: 1000;
}

#grid div.horiz {
	/* 20px line height */
	height: 19px;
	border-bottom: 1px dotted #aaa;
	margin: 0;
	padding: 0;
}


body {
	background-color: #ebebe3;
	color: #333;
}

body,input,select,textarea {
	font-family: 'Helvetica Neue',helvetica,arial,sans-serif;
	font-size: 14px;
	line-height: 20px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}


h1,h2 { font-family: 'Helvetica Neue',helvetica,arial,sans-serif; }
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom: 20px; }
strong { color: #000; }

a {
	text-decoration: none;
	color: #000;
}

p a {
	font-weight: bold;
	border-bottom: 2px #000 solid;
}

p a:hover {
	background-color: #000;
	color: #fff;
}

.hidden { display: none; }

.wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#container {
	width: auto;
	overflow: hidden;
}

.container_12,.container_16,.container_24 { position: relative; }
#content .container_24 { overflow: hidden; }

.row {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	width: 950px;
}

/* Headers
******************************************/

h1 {
	font-size: 60px;
	line-height: 1;
	color: #000;
	letter-spacing: -2px;
}

h1 span { display: inline; }

h3 {
	font-size: 120%;
	margin: 0 0 .4em 0;
	color: #000;
}

h4 { }

/* Masthead
******************************************/

#masthead {
	width: 100%;
	position: absolute;
	margin: 0 auto;
	top: 0;
	left: 0;
	z-index: 1000;
	overflow: hidden;
	height: 90px;
	color: #fff;
	background: #000 url(/images/logo/theo_blue.png) no-repeat center -5px;
	font-size: 12px;
}

.rgba #masthead { background-color: rgba(0,0,0,.9); }
#masthead .row { min-height: 90px; }
body > div#masthead { position: fixed; }
#masthead a { color: #FFF; }

/*#masthead a:hover {
	color: #ccc;
	border-color: #ccc;
}*/

#navigation {
	margin: 30px auto 0 auto;
	overflow: hidden;
	padding-left: 240px;
	float: left;
	position: relative;
	width: 700px;
}

#navigation dt {
	font-weight: bold;
	color: #000;
	font-size: 20px;
	margin-bottom: .5em;
}

#navigation dt a {color:#fff !important; border-color:#fff !important;background:transparent url(/images/interface/masthead_more_arrow.png) no-repeat 100% 65%;padding-right:10px; }


#navigation li {
	float: left;
	margin: 0 15px 0 0;
	list-style: none;
}

#navigation li dl,#navigation  li ul {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	overflow: hidden;
}

#navigation li dl dd,#navigation  li ul li {
	width: 145px;
	padding: .2em 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	display:none;
}

#navigation  li ul {
	margin-top: 30px;
	width: 150px;
}

#navigation li a {
	color: rgb(77,171,255);border-color: rgb(77,171,255);
font-weight: bold;
}
#navigation li a:hover {
border-bottom: 2px #fff solid;
}

#logo {
	height: 90px;
	text-indent: -1234em;
	overflow: visible;
	float: left;
	position: absolute;
	left: 0;
	z-index: 9;
}

#logo a {
	height: 100%;
	display: block;
	width: 200px;
}

#basket_summary {
	text-align: right;
	position: absolute;
	right: 0;
	width: 100px;
	height: 90px;
	overflow: visible;
	z-index: 10;
	margin-top: 10px;
}

#basket_summary a {
	color: #fff;
	font-size: 160%;
	font-weight: bold;
	margin: .3em 0;
	text-decoration: none;
	line-height: 1.3em;
	white-space: nowrap;
	padding-right:15px;
	background:transparent url(/images/interface/masthead_more_arrow.png) no-repeat 100% 65%;

}
#basket_summary a:hover {
color:#fff;
border-bottom: 2px #FFF solid !important;

}

/* Breadcrumbs
******************************************/

#breadcrumbs {
	width: 950px;
	margin: 0 auto 0 auto !important;
	position: relative;
	overflow: visible;
	/*height: 0;*/
	text-transform: lowercase;
	height: 160px;
}

#breadcrumbs ol {
	font: normal 11px/1 menlo,consolas,courier, monospace;
	margin: 110px 0 20px 0;
	position: relative;
	z-index: 4;
	height: 30px;
	float: left;
}

#breadcrumbs ol li {
	list-style: none;
	margin: 0 -10px 0 0;
	padding: 0;
	float: left;
	overflow: hidden;
	display: inline;
	zoom: 1;
	position: relative;
}

#breadcrumbs ol li a {
	float: left;
	overflow: hidden;
	height: 30px;
	text-decoration: none;
	margin: 0 15px 0 0;
	padding: 0 19px 0 0;
	display: block;
	position: relative;
	color: #000;
}

#breadcrumbs li .arrow {
	line-height: 0;
	width: 0;
	height: 0;
	border-style: solid;
	padding: 0 0 0 0;
	border-width: 15px;
	border-color: transparent transparent transparent #FFF;
	position: absolute;
	right: -1em;
	top: 0;
	/* ie6 transparent fix */
	_border-top-color: pink;
	_border-right-color: pink;
	_border-bottom-color: pink;
	_filter: chroma(color=pink);
}

#breadcrumbs li strong {
	background-color: #FFF;
	display: block;
	padding: 10px 5px 10px 10px;
	float: left;
	font-weight: normal;
}

#breadcrumbs li a:hover strong {
	/*	background-color: #000;*/
	color: #888;
	float: left;
}

/* Content 
******************************************/

#content {
	padding-bottom: 60px;
	overflow: visible;
	position: relative;
	z-index: 2;
	width: 950px;
	margin: 0 auto;
	clear: both;
}

/* Frontpage
******************************************/

.product-grid {
	margin: 0;
	width: 960px;
}

.product-grid,.product-grid li {
	list-style: none;
	position: Relative;
}

.product-grid li,
.squared,
.squared-negative {
	margin: 0 10px 10px 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	float: left;
}

.squared-negative,.squared-negative dd, .squared-negative a {
	color: #fff;
	text-shadow: rgba(0,0,0,.3) 0 1px 2px;
}

.product-grid h2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	text-align: center;
	display: table;
}

.product-grid h2 a {
	text-align: center;
	font-size: 200%;
	line-height: 1;
	display: table-cell;
	vertical-align: middle;
	padding: 0 1em;
}

.product-grid li {
	width: 230px;
	height: 230px;
}

.product-grid li dl {
	width: 200px;
	height: 200px;
	color: #fff;
}

.product-grid li.squared,.product-grid li.squared-negative {
	width: 470px;
	height: 470px;
	position: relative;
	background-color: #fff;
}

.product-grid li.squared dl,.product-grid li.squared-negative dl {
	width: 270px;
	position: absolute;
	bottom: 0;
	height: auto;
	padding: 15px;
	margin: 0;
}

.product-grid li.squared dt,.product-grid li.squared-negative dt {
	font-weight: bold;
	font-size: 300%;
	line-height: 1.3em;
	letter-spacing: -1px;
	margin-bottom: .5em;
}

.product-grid dd { }
.product-grid li.squared dt a { border-bottom: 4px #000 solid; }
.product-grid li.squared-negative dt a { border-bottom: 4px #FFF solid; }
.squared dt a { color: #000; }
.product-grid a { color: #fff; }

.product-grid li dl {
	position: absolute;
	left: 0;
	text-decoration: none;
	color: #000;
	width: 100%;
	height: 100%;
	padding: 15px;
}

.product-grid li dl dt a {
	border-bottom: 2px #fff solid;
	font-weight: bold;
}

.product-grid li.hover dl dt {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.product-grid li.hover dl {
	display: none;
	color: #fff;
}

.product-grid li.active { cursor: pointer; }

.product-grid li.active dl {
	display: block;
	cursor: pointer;
}

.product-grid li.active h2 { background-color: rgba(0,0,0,.2) !important; }

.bottom dl {
	position: absolute;
	bottom: 0;
}

.sort {
	font: normal 11px/1.5 menlo,consolas,courier;
	margin-bottom: 10px;
	overflow: hidden;
	list-style: none;
	height: 30px;
}

.sort li {
	list-style: none;
	float: left;
	text-indent: 0;
	margin: 0;
	padding: 0;
}

.sort a {
	display: block;
	float: left;
	padding: .5em 1em;
	color: #999;
}

.sort a:hover {
	background-color: #000;
	color: #fff;
}

.sort a.current {
	background-color: #fff;
	color: #000;
}

#more,#more-loading { text-align: center; }

#more a,#more-loading {
	display: block;
	font-size: 30px;
	font-weight: bold;
	padding: 20px;
	border: 0;
}

#more a:hover { color: #555; }

#more-loading {
	display: none;
	height: 30px;
}

/* Product page 
******************************************/

.new,
.sale,
.cool,
.censored,
.hot,
.wow,
.exclusive{
	width: 50px;
	height: 50px;
	display: block;
	overflow: hidden;
	text-indent: -1234em;
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-color: transparent;
}

.new { background-image: url(/images/badges/new_green.png); }
.hot { background-image: url(/images/badges/hot_orange.png); }
.sale { background-image: url(/images/badges/sale_magenta.png); }
.cool { background-image: url(/images/badges/cool_blue.png); }
.wow { background-image: url(/images/badges/wow_mauve.png); }
.censored { background-image: url(/images/badges/censored_yellow.png); }
.exclusive { background-image: url(/images/badges/exclusive_green.png); }

.share {
	overflow: hidden;
	padding-bottom: 20px;
}

.share a { border: 0; }
.share a:hover { background-color: inherit; }

.share .facebook,.share .twitter {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -1234em;
	margin: 0 10px 0 0;
}

.facebook { background: transparent url(/images/interface/facebook_badge.png) no-repeat 0 0; }
.twitter { background: transparent url(/images/interface/twitter_badge.png) no-repeat 0 0; }

#description {
	position: relative;
	z-index: 3;
	margin-bottom: 40px;
	padding-right: 0;
	width: 310px;
	float: left;
	overflow: hidden;
}

#title {
	font-weight: bold;
	color: #000;
}

/*.fullbleed-positive body { background-color:#FFF;}*/
.fullbleed-positive #title,.fullbleed-negative #title {
	height: 420px;
	position: relative;
	margin: 0;
}

.fullbleed-positive #title div,.fullbleed-negative #title div {
	width: 300px;
	position: absolute;
	bottom: 0;
}

#title h1 { margin-top: 10px; }

#title .badge,
#title .new,
#title .sale,
#title .cool,
#title .censored,
#title .hot,
#title .wow,
#title .exclusive {
	position: relative;
	left: 0;
	top: 0;
}

#images img {
	margin: 0 0 20px 0;
	padding: 0;
}

.price {
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	float: right;
	padding: 3px 10px !important;
	margin: -3px 0;
	border: none !important;
	cursor: pointer;
	position: absolute;
	top: 9px;
	right: 0;
	overflow: visible;
	background-color: #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-font-smoothing: antialiased;
}

.price:hover { color: #888; }

.price:disabled {
	background-position: 100% 36%;
	color: #777;
}

.price:disabled:hover { cursor: default; }


.price-button {
	color: #fff;
	background-color: #000;
	border: none !important;
	display: block;
	font-size: 13px;
	margin-top: -3px;
	cursor: pointer;
	position: absolute;
	padding: 0;
	top: 9px;
	right: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	height:25px;
}

.price-button:hover input { color:#999;}

.price-button input {
	background-color: transparent;
	border: 0;
	color: #fff;
	border: 0 !important;
	border-left: 1px #fff solid !important;
}

.price-button span {
	width: 7ex !important;
	margin: 0 !important;
	text-align: right;
}

.price-button span, .price-button input {
	padding: 6px 10px !important;
	line-height:1;
	display:block;
	float:left;
	font-size: 13px;
	margin:0;
	cursor:pointer;
	font-weight:bold;
}

.notify {
	font-weight: bold;
	padding-left: 20px;
	background: transparent url(/images/interface/megaphone.png) no-repeat 0 2px;
	overflow: visible;
}

.notify a { border-bottom: 2px solid #000; }

.notify a:hover {
	background-color: #000;
	color: #fff;
}

#notify fieldset .checkbox { margin-left: 0; }

#notify fieldset .checkbox label {
	position: relative;
	width: auto;
	margin: 0;
	padding-left: 2em;
}

#product-options {
	overflow: hidden;
	margin-bottom: 40px;
	color: #000;
	width: 310px;
	float: right;
}

#product-options ol {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px #000 solid;
	border-color: rgba(0,0,0,.2);
}

#product-options li {
	font-weight: bold;
	overflow: hidden;
	margin: 0;
	padding: 9px 5em 8px 0;
	border-top: 1px #000 solid;
	border-color: rgba(0,0,0,.2);
	list-style: none;
	text-indent: 0;
	position: relative;
	display: block;
}

#product-options li span {
	width: 230px;
	margin-right: .5em;
	padding-right:100px;
}

#product-options li .stock {
	font-weight: normal;
	color: #444;
	display: block;
}

#product-options li select {
	width: 120px;
	font-size: 11px;
}

#recommendations,#history {
	width: 470px;
	float: left;
	overflow: hidden;
}

#recommendations h3,#history h3 { margin-bottom: 10px; }
#history { float: right; }

#images {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 640px;
}

#images li {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#images img { }

/* Designers 
******************************************/

.designer-grid { width: 960px; }

.designer-grid li {
	background-color: #fff;
	width: 230px;
	height: 115px;
	padding: 0;
	float: left;
	margin: 0 10px 10px 0;
	position: Relative;
}

.designer-grid h2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	text-align: center;
	display: table;
}

.designer-grid h2 a {
	text-align: center;
	font-size: 150%;
	line-height: 1;
	display: table-cell;
	vertical-align: middle;
	padding: 0 1em;
}

/* Footer
******************************************/

#footer {
	margin: 0;
	padding: 40px 0 60px 0;
	clear: both;
	color: #000;
	font-size: 12px;
}

#footer h3 {
	margin: 0 0 .4em 0;
	font-size: 130%;
}

#footer p {
	overflow: hidden;
	clear: both;
}

#footer ul { overflow: hidden; min-height:300px;}

#footer ul li {
	list-style: none;
	float: left;
	width: 160px;
	margin-right: 10px;
}

#footer ul li {
	margin: 0;
	padding: .2em 0;
}

#footer li a,#footer h3 a {
	font-weight: bold;
	border-bottom: 2px #000 solid;
}

#footer li a:hover,#footer h3 a:hover {
	background-color: #000;
	color: #fff;
}

#footer #blurb {
	width: 310px;
	position: absolute;
	right: 0;
	overflow:hidden;
	height:400px;
}

#footer .logo {
	display: block;
	height: 20px;
	width: 70px;
	border: 0;
	background: transparent url(/images/logo/theo_70x20_positive.png) no-repeat 0 0;
	text-indent: -1234em;
	overflow: hidden;
	float: left;
	margin: 0 10px 0 0;
}

#footer .facebook,#footer .twitter {
	border: 0;
	margin-left: 2em;
	display: block;
	float: right;
	padding: 0 2px 0 24px;
	background-position: 2px 2px;
}

#footer .facebook:hover,#footer .twitter:hover { border: 0; }

.grid {
	width: 960px;
	overflow: hidden;
	list-style: none;
}

.grid li {
	list-style: none;
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 10px 10px 0;
	padding: 0;
	background-color: #000;
	position: relative;
	overflow: hidden;
}

.grid li a {
	display: block;
	width: 120px;
	height: 120px;
	padding: 15px;
	position: absolute;
	background-color: rgba(0,0,0,.5);
}

.grid li a:hover { background-color: transparent; }

.grid li a span {
	display: inline;
	color: #fff;
	border-bottom: 2px #fff solid;
}

.grid li a:hover span { display: none; }

#hero {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	overflow: hidden;
	text-align: center;
	height: 800px;
}

#main-image {
	margin-bottom: 15px;
	padding: 0;
}

#thumbnails {
	overflow: hidden;
	float: left;
	margin-left: 50px;
}

#thumbnails ol {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 234px;
}

#thumbnails li {
	float: left;
	margin: 0;
	padding: 7px 7px 0 0;
	overflow: hidden;
	height: 71px;
	width: 71px;
}

#thumbnails li a {
	border: 3px transparent solid;
	float: left;
	margin: 0;
	position: relative;
	display: block;
	height: 65px;
}

#thumbnails li a:hover {
	border: 3px solid #000;
	margin: 0 7px 7px 0;
}

#thumbnails li a img { }

#thumbnails li a span {
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 8px;
	right: 8px;
	background-image: url(/images/interface/zoom_icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#tags li {
	list-style: none;
	float: left;
	margin: 0 10px 20px 0;
	text-indent: 0;
	line-height: 1;
}

#tags a {
	padding: 4px .8em 4px 18px;
	font: normal 11px/20px menlo,consolas,courier;
	background-color: transparent;
	background-image: url(/images/interface/arrow_matrix.gif);
	background-repeat: no-repeat;
	background-position: 0 36.8%;
	text-decoration: none;
	white-space: nowrap;
}

.products {
	list-style: none;
	margin: 0 0 10px 0;
	width: 490px;
}

.products li {
	float: left;
	margin: 0 10px 10px 0;
}

/* Suggests 
******************************************/

#suggests_list { }

#suggests_list li {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
	height: 150px;
	width: 950px;
	position: relative;
}

#suggests_list li a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
	letter-spacing: -1px;
	position: absolute;
	top: 0;
	left: 0;
}

#suggests_list li a:hover { background-color: transparent; }
#suggests_list li a:hover span { display: none; }

#suggests_list li a span {
	display: inline;
	border-bottom: 5px solid #FFF;
}

.introduction { font-size:20px;line-height:25px;color:#000;}

/* Basket 
******************************************/

#basket {
	width: 750px;
	float: left;
}

#basket table,#card-selection table {
	margin: 0 0 10px 0;
	background-color: #fff;
}

#basket th,#card-selection th {
	padding: 9px 10px 10px 10px;
	color: #000;
	text-align: left;
}

#basket td,#card-selection td {
	padding: 9px 10px 10px 10px;
	vertical-align: top;
}

#basket td ,#basket th,#card-selection td,#card-selection th { border-top: 1px #ebebe3 solid; }
#basket .gift td { border-top: 1px solid #fff !important; }
.qty { margin-top: -4px; }
#basket .num { text-align: right; }
#basket input.text,#basket textarea { background-color: #ebebe3; }
#basket input[type="number"] { background-color: #ebebe3; }

#basket table input,#basket textarea,.giftwrap p label,#discount label {
	border: 0;
	padding: 3px;
	font-family: 'Helvetica Neue',helvetica,arial,sans-serif;
	font-size: 12px;
}

#basket .submit input {
	float: right;
	background-position: 100% 87%;
	text-shadow: none;
	color: #000;
}

#basket .submit input:hover { background-position: 100% 13%; }
.product-number { color: #999; }
#basket .description p { margin: 0 0 10px 0; }

.giftwrapping {
	padding-left: 20px;
	background: transparent url(/images/interface/gift.png) no-repeat 0 0;
}

.card {
	padding-left: 20px;
	background: transparent url(/images/interface/card.png) no-repeat 0 0;
}

#basket input.qty { text-align: right; }

#basket td.thumbnail {
	width: 100px;
	padding: 0;
	margin: 0;
}

#basket td.thumbnail img {
	margin: 0;
	padding: 0;
	float: left;
}

#basket td.description { width: 300px; }
#basket td.description a { font-weight: bold; }
.submit { text-align: right; }

.remove,.add {
	display: block;
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-indent: -1234em;
	background: #fff url(/images/interface/add_remove_matrix.gif) no-repeat 0 0;
	text-align: left;
	cursor: pointer;
}

.remove:hover { background-position: 0 -20px; }
.remove:active { background-position: 0 -40px; }

.add {
	background-position: -20px 0;
	float: right;
	margin: 0px 5px 0 5px;
}

.add:hover { background-position: -20px -20px; }
.add:active { background-position: -20px -40px; }

/**/
.edit {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-color: #ebebe3;
	display: block;
	padding: 0 .8em;
	margin: 0;
	cursor: pointer;
	border: 0;
}

.edit:hover {
	background-color: #000 !important;
	color: #fff;
}

#basket .add {
	float: right;
	margin: 5px 0 0 7px;
}

.total {
	font-weight: bold;
	color: #000;
}

#discount { position: relative; }

#discount input.text {
	width: 120px;
	height: 20px;
}

#discount-code {
	position: absolute;
	right: 25px;
}

#discount .add { float: right; }

#discount label {
	width: 120px;
	position: absolute;
	right: 65px;
	top: 0;
	font-weight: normal;
	z-index: 2;
}

.total th,.total td { border-top: 3px #000 solid !important; }

#summary {
	float: right;
	padding: 9px 10px 10px 10px;
}

#summary,#currency-converter {
	background-color: #fff;
	overflow: hidden;
	width: 170px;
	margin-bottom: 10px;
}

#currency-converter li { margin-bottom: 10px; }
#currency-converter li a { white-space: nowrap; }

#summary .submit input {
	float: right;
	margin-bottom: 1em;
}

#total-amount {
	color: #000;
	display: block;
	font-weight: bold;
	font-size: 30px;
	white-space: nowrap;
	line-height: 100%;
	text-align: right;
}

#currency-converter {
	clear: both;
	padding-top: 20px;
}

#currency-converter h3 { font-size: 100%; }
#currency-converter p { margin: 0 0 5px 0; }

#currency-converter ul {
	margin: 10px 0;
	overflow: hidden;
}

#currency-converter li { float: left; }

#currency-converter li a {
	background-color: #ebebe3;
	font-weight: bold;
	border: 0;
	padding: 4px;
	font-family: 'Helvetica Neue',helvetica,arial,sans-serif;
	font-size: 100%;
	margin: 0 10px 0 0;
}

#currency-converter li a:hover {
	background-color: #000;
	color: #fff;
}

#card-selection table {
	width: 100%;
	margin-bottom: 1px;
}

#card-selection .submit {
	overflow: hidden;
	height: 3em;
}

#card-selection .submit input { float: right; }

.flip {
	position: relative;
	overflow: hidden;
	width: 230px;
	height: 230px;
}

.flip dl {
	position: absolute;
	z-index: 2;
}

.imgcounter {
	color: #fff;
	padding: 10px;
	font-weight: bold;
	font-size: 30px;
}

.button,.back,#comment_submit {
	font-weight: bold;
	font-size: 100%;
	line-height: 1.4;
	display: block;
	background: transparent url(/images/interface/arrows_matrix.gif) no-repeat 100% 50%;
	color: #fff;
	padding: 5px 1.2em 5px .6em;
	text-shadow: #000 1px 1px 1px;
	border: none !important;
	cursor: pointer;
	float: left;
	margin: 0;
}

.back {
	background-position: 0 50%;
	padding: 5px.6em 5px 1.2em;
}

.box,fieldset.box { padding: 20px !important; }
#login .submit,#mailinglist .submit { text-align: left; }
#login .submit a,#mailinglist .submit a { vertical-align: -5px; }

#login .submit a:hover,#mailinglist .submit a:hover {
	background-color: #000;
	color: #fff;
}

#login .button { margin-right: 2em; }

.button:hover,.back:hover,#comment_submit:hover {
	color: #000;
	background-color: transparent;
	background-position: 100% 87%;
	text-shadow: none;
}

.back:hover { background-position: 0 87%; }

#login fieldset,#mailinglist fieldset,#notify fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

#login-panel,#register-panel,#subscribe-panel,#unsubscribe-panel {
	padding: 20px;
	width: 430px;
	float: left;
	background-color: #fff;
}

#register-panel p { padding: 5px 0; }
#login .page,#mailinglist .page,#notify .page { margin: 20px 0; }
#login-panel,#subscribe-panel { border-right: 10px #ebebe3 solid; }

#login h1,#login h2,#mailinglist h2,#notify h2 {
	font-size: 28px;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
	color: #000;
	padding: 0;
	line-height: 1;
}

fieldset p {
	position: relative;
	overflow: hidden;
}

#login label,#mailinglist label,#notify label {
	text-align: left;
	position: absolute;
	padding: 5px;
}

#login fieldset .text,#mailinglist fieldset .text ,#notify .text {
	width: 400px;
	height: 20px;
	border: 0;
	background-color: #ebebe3;
	padding: 5px;
}

/* Search 
******************************************/

#search {
	position: absolute;
	z-index: 10;
	overflow: visible;
	top: 110px;
	right: 0;
	width: 230px;
}

#search label {
	position: absolute;
	font: normal 11px/1 menlo,consolas,courier;
	display: block;
	padding: 10px 5px 10px 10px;
	float: left;
	font-weight: normal;
}

#search input {
	font-weight: bold;
	margin: 0;
	color: #000;
	background-color: #FFF;
	border: 0;
	font: normal 11px/1 menlo,consolas,courier;
	width: 210px;
	height: 10px;
	padding: 10px;
}

#live-results {
	z-index: 4;
	margin-top: 1px;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: rgba(0,0,0,.2) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,.2) 0 1px 3px;
}

ul li.productls {
	padding: 15px 10px;
	background-color: #fff;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
	overflow: hidden;
}

ul li.hover {
	background-color: #ffff00;
	cursor: pointer;
}

ul li.productls h4 {
	margin: 0;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

ul li.productls img { float: left; }

ul li.productls span {
	margin-left: 50px;
	display: block;
}

ul li.productls { padding: 5px 10px 0 10px; }

ol.results {
	margin-bottom: 50px;
	width: 670px;
	float: left;
}

ol.results li {
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 1px;
	height: 100px;
}

ol.results li img {
	float: left;
	margin-right: 15px;
}

ol.results li dl { padding: 10px 15px; }

ol.results li dl dt {
	font-weight: bold;
	line-height: 25px;
}

ol.results li dl dt a { border-bottom: 2px #000 solid; }
#search-results #sidebar { width: 230px; }

.search h1 {
	color: #000;
	padding-bottom: 0;
	margin-bottom: 20px;
}

ol.results li.hover {
	cursor: pointer;
	background-color: yellow;
}

ol.results li.hover a { }

#search-results h2 {
	font-size: 18px;
	color: #000;
	line-height: 20px;
}

.page {
	background-color: #fff;
	overflow: hidden;
}

/* Customer details form 
******************************************/

fieldset {
	padding: 10px 10px 10px 10px;
	position: relative;
	border-bottom: 1px #ebebe3 solid;
	margin: 0;
}

fieldset legend {
	font-weight: bold;
	color: #000;
	display: block;
	position: relative;
	padding: 20px 10px 9px 10px;
	font-size: 21px;
}

fieldset ol { margin: 0; }

#customer-details fieldset ol li,#voucher fieldset ol li {
	padding: 0 0 10px 230px;
	position: relative;
}

.required { display: none; }

.explanation {
	font-size: 12px;
	margin: 5px 0 10px 0;
	color: #999;
}

#customer-details fieldset label, .label,#voucher fieldset label {
	display: block;
	width: 215px;
	text-align: right;
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px;
}

#customer-details fieldset ol li input.text,#voucher fieldset ol li input.text, fieldset ol li textarea {
	width: 460px;
	height: 20px;
	border: 0;
	background-color: #ebebe3;
	padding: 5px;
}

fieldset ol li textarea { height: auto; }

fieldset ol li select {
	font-size: 120%;
	margin: 5px 0;
}

fieldset .checkbox { margin: 0 0 20px 230px; }

#customer-details fieldset .checkbox label {
	position: relative;
	width: auto;
	text-align: left;
	padding-left: 30px;
}

fieldset .checkbox label input {
	position: absolute;
	top: 5px;
	left: 0;
}

#customer-details fieldset .radio label {
	position: relative;
	width: 440px;
	text-align: left;
	padding-left: 1.5em;
}

fieldset .radio label input {
	position: absolute;
	top: 5px;
	left: 0;
}

#card-number input {
	width: 250px !important;
	margin-right: 20px !important;
}

#security-code input {
	position: relative !important;
	width: 70px !important;
}

#security-code img {
	vertical-align: -5px !important;
	margin-left: 5px !important;
}

#card-dates input {
	position: relative !important;
	width: 100px !important;
}

#shipping-details,#password-entry,#mailing-list,#payment { padding-top: 20px; }
#shipping-details,#mailing-list { padding-bottom: 0; }
#shipping-details ol { margin-bottom: 10px; }

#shipping-details legend,#password-entry legend,#mailing-list legend,#payment legend {
	float: left;
	margin: 0 10px;
	padding: 0;
	width: 210px;
}

#payment legend { margin: 5px 10px 0 20px; }
#password-entry { padding-bottom: 40px; }
#password-entry p { padding-top: 5px; }
#customer-details #content,#confirmation #content,#login #content,#gift-options #content { padding-top: 120px; }
#customer-details h1 { }

#customer-details .submit,#voucher .submit {
	margin: 30px 30px 30px 240px;
	overflow: hidden;
}

#customer-details .submit input.button,
#voucher .submit input.button {
	float: none;
	padding: 10px 20px 10px 10px;
}

#customer-details .submit input.button:hover,
#voucher .submit input.button:hover { background-position: 100% 88%; }

.ValidationErrors {
	padding: 5px 10px;
	display: block;
	float: right;
	width: 210px;
	font-size: 12px;
	color: #cc00cc;
}

#customer-details-panel {
	background-color: #fff;
	overflow: hidden;
	margin: 0 auto 10px auto;
}

#customer-details #customer-details-panel { width: 950px; }

#customer-details-panel dl {
	float: left;
	padding: 10px 0;
	width: 190px;
	margin-right: 10px;
	font-size: 12px;
}

#customer-details-panel dl:last-child { margin-right: 0; }

#customer-details-panel dt {
	font-weight: bold;
	color: #000;
}

#customer-details-panel dt,#customer-details-panel dd { padding: 0 10px; }

#customer-details-panel dl .button {
	font-size: 11px;
	padding: 3px 10px 3px 4px;
	margin-top: 5px;
}

#basket p.submit .edit { float: right; }

#payment {
	background-color: #ecebe3;
	padding: 20px 0 0 0;
}

#payment ol {
	background-color: #fff;
	padding: 30px 10px 20px 10px;
}

#payment-tabs {
	overflow: hidden;
	margin: 0;
}

#payment-tabs li { float: left; }

#payment-tabs li a {
	padding: 10px 20px;
	display: block;
	background-color: #c1c1b2;
	margin-right: 5px;
	color: #fff;
	font-weight: bold;
}

#payment-tabs li a:hover { background-color: #000; }

#payment-tabs li a.current {
	background-color: #fff;
	color: #000;
}

#paypal-panel {
	background-color: #fff;
	padding: 30px 20px 20px 240px;
	display: none;
}

#valid-from .explanation { display: inline-block; }
#expiry select, #valid-from  select { margin-right: 10px; }
#issue-number input { width: 70px !important; }

/* Presents 
******************************************/

#presents #hero { position: relative; }

/* About 
******************************************/

#maincolumn {
	float: left;
	width: 590px;
}

#sidebar {
	float: right;
	width: 310px;
	overflow: hidden;
}

.mosaic {
	margin: 0;
	width: 960px;
	background-color: Red;
	border 5px green solid: ;
}

.mosaic,.mosaic li {
	list-style: none;
	position: Relative;
}

.mosaic li {
	margin: 0 10px 10px 0;
	position: relative;
	overflow: hidden;
	width: 230px;
	height: 230px;
	float: left;
}

.mosaic li div {
	padding: 15px;
	background-color: #fff;
	width: 100%;
	height: 100%;
}

.mosaic li div dt {
	font-weight: bold;
	color: #000;
}

/* Card selection 
******************************************/

#cards { background-color: #fff; }

#cards ol {
	list-style: none;
	width: 940px;
	overflow: hidden;
}

#cards ol li {
	width: 190px;
	height: 240px;
	float: left;
	margin: 0 14px 10px 10px;
	padding: 5px;
	border: 5px #fff solid;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 10px,-moz-border-radius:10px;
	border-radius: 10px;
}

#cards ol li img { cursor: pointer; }
#cards ol li.selected { border-color: #000; }
#cards ol li input { display: none; }
#cards legend { }
#cards fieldset { }

#card-selection textarea {
	width: 250px;
	height: 200px;
	background-color: #ebebe3;
	border: 0;
	padding: 10px;
	font-family: 'Helvetica Neue',helvetica,arial,sans-serif;
	font-size: 12px;
}

#gift-options .submit {
	background-color: #fff;
	padding: 20px;
	overflow: hidden;
}

#gift-options .submit input.button {
	padding: 10px 20px 10px 10px;
	float: right;
}

#gift-options .submit .back { padding: 10px 10px 10px 20px; }
#gift-options .submit input.button:hover { background-position: 100% 88%; }
#gift-options .submit .back:hover { background-position: 0 88%; }

.gift-options {
	width: 100%;
	margin-top: 0em;
}

.gift-options ol {
	list-style: none;
	overflow: hidden;
	font-size: 11px;
	line-height: 15px;
	margin: 10px 0;
}

.gift-options ol li {
	width: 80px;
	height: 100%;
	float: left;
	margin: 0 0px 5px 0;
	padding: 5px;
	border: 5px #fff solid;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 10px,-moz-border-radius:10px;
	border-radius: 10px;
}

.gift-options ol li img { cursor: pointer; }
.gift-options ol li.selected { border-color: #000; }
.gift-options ol li input { display: none; }

/* Info bar 
******************************************/

.message-bar {
	padding: 20px 20px 10px 20px;
	margin-bottom: 20px;
	color: #fff;
	z-index: 1;
}

.message-bar strong { color: #fff; }
.message-bar p,.message-bar ul { margin: 0 0 10px 0; }
.message-bar ul { list-style: square; }
.message-bar ul li { margin-left: 1.5em; }

.message-bar p a:link, .message-bar p a:active, .message-bar p a:visited {
	color: #fff;
	border-color: #fff;
	font-weight: bold;
}

.message-bar p a:hover {
	border-color: #FFF;
	color: #000;
	background-color: #fff;
}

.error-message { background-color: #e7508e; }
.error-message p { font-weight: bold !important; }
.success-message { background: #52bbe5; }

#product .message-bar {
	position: absolute;
	top: 0;
	right: 0;
}

center { text-align: left; }

#customer-details center {
	padding: 20px;
	background-color: #e7508e;
	color: #fff;
}

#customer-details center h3 { color: #fff; }
#customer-details #content { padding-bottom: 20px; }

#customer-details #footer {
	padding-top: 0;
	margin-top: 0;
}

#customer-details .amount {
	color: #000;
	display: block;
	font-weight: bold;
	font-size: 30px;
	white-space: nowrap;
}

#customer-details input.button {
	clear: both;
	margin: 20px 0;
	float: none;
}

#paypoint-logo { float: right; }
#paypoint-logo a { border: 0; }
#paypoint-logo a:hover { background-color: transparent; }
#voucher-amount { position: relative; }

#voucher-amount label,
#voucher-amount input {
	font-size: 60px;
	line-height: 1;
	color: #000;
	letter-spacing: -2px;
	font-weight: bold;
	border: 0;
	background-color: #ebebe3;
	padding: .2em;
	margin: 0;
	height: 1em;
}

#voucher-amount label {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
}

#voucher-amount input {
	position: relative;
	width: 300px !important;
	padding-left: 1em;
}

#voucher .submit { margin: 0; }

/* Blog 
******************************************/

#blog #content { margin-top: 0; }

#blog .post h1,#blog .post h2 {
	font-size: 60px;
	line-height: 60px;
	color: #000;
	letter-spacing: -2px;
	word-spacing: -1px;
	margin-bottom: 40px;
}

#blog .post h2 a:hover { color: #d9d9ca; }

#blog .post,#comments,#respond {
	position: relative;
	overflow: hidden;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #fff;
}

#blog .post .title {
	width: 310px;
	float: left;
	overflow: hidden;
	position: relative;
}

.comment-author,.comment-meta,.comment-author a,.comment-meta a {
	float: left;
	clear: left;
	overflow: visible;
	position: relative;
	width: 360px;
	text-align: right;
	color: #888;
}

#blog .post .title .badge { left: -20px; }

#blog .post .entry {
	padding-left: 70px;
	width: 520px;
	float: left;
}

#blog .post .date,#blog .post .meta,.comment-author,.comment-meta,.form-allowed-tags,.share { font: normal 11px/20px menlo,consolas,courier, monospace; }
#blog .post .meta a,.share a { font-weight: normal; }
#blog .date { }

.comment-link {
	position: absolute;
	left: 395px;
	padding-left: 20px;
	background: transparent url(/images/interface/comment.gif) no-repeat 0 1px;
	overflow: visible;
}

.entry img { margin-bottom: -10px; }
.entry p a[rel^"=attachment"] { border-bottom: 0 !important; }

.post-edit-link {
	width: 16px;
	height: 16px;
	overflow: hidden;
	display: inline-block;
	background: transparent url(/images/interface/edit.png) no-repeat 0 0;
	text-indent: -1234em;
	border: 0 !important;
}

#comments,#respond {
	position: relative;
	overflow: hidden;
}

#comments h3,#respond h3 {
	margin: 0;
	width: 220px;
	font-size: 28px;
	letter-spacing: -1px;
	line-height: 30px;
	position: absolute;
}

#comments ol li {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.comment-body,.reply {
	width: 520px;
	padding-left: 380px;
}

.pingback {
	background-color: red;
	overflow: hidden;
	margin-left: 370px;
}

cite { font-style: normal; }
.comment-form-comment label { display: block; }

.comment-form-comment textarea,#respond input {
	background-color: #ebebe3;
	border: 0;
	padding: 5px;
	font-family: 'Helvetica Neue',helvetica,arial,sans-serif;
	width: 520px;
	font-size: 100%;
}

#respond form { padding-left: 380px; }
#respond p { overflow: hidden; }

.comment-notes,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	position: relative;
	margin: 0 0 10px 0;
}

.comment-notes label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
	position: absolute;
	top: 0;
	padding: 6px;
}

.form-submit { overflow: hidden; }

#comment_submit {
	width: auto !important;
	background-color: transparent !important;
	padding: 5px 1.2em 5px .6em !important;
}

.lateral {
	overflow: hidden;
	position: relative;
	margin: 20px 0;
	font-size: 12px;
}

.lateral .next { float: right; }
.lateral .previous { float: left; }
.share { margin: 20px 0 0; }

.share h3 {
	float: left;
	font-size: 100%;
	font-weight: normal;
	margin: 0 1em 0 0;
}

.categories { margin-right: 1em; }

.meta {
	border-top: 1px #ebebe2 solid;
	padding-top: 15px;
	margin-top: 15px;
	clear: both;
}

.meta a { border-bottom: 1px #000 solid; }
.social { margin: 2em 0; }


/* Colours:

magenta
blue
yellow
orange
green
mauve
red
dark_green
brown (no logo)

/*

/* Magenta */
#content .magenta dl,.product-grid .magenta h2 { background-color: rgb(179,56,79); }
#content .magenta dl,.product-grid .magenta h2 { background-color: rgba(179,56,79,.8); }
#content .magenta { background-color: rgb(179,56,79); }
#masthead.magenta { background-image: url(/images/logo/theo_magenta.png); }
#masthead.magenta #navigation li a { color: rgb(212,97,203);border-color: rgb(212,97,203);}

/* Blue */
#content .blue dl,.product-grid .blue h2 { background-color: rgb(77,171,255); }
#content .blue dl,.product-grid .blue h2 { background-color: rgba(77,171,255,.8); }
#content .blue { background-color: rgb(77,171,255); }
#masthead.blue { background-image: url(/images/logo/theo_blue.png); }
#masthead.blue #navigation li a { color: rgb(77,171,255);border-color: rgb(77,171,255);}

/* Yellow */
#content .yellow dl,.product-grid .yellow h2 { background-color: rgb(225,161,4); }
#content .yellow dl,.product-grid .yellow h2 { background-color: rgba(225,161,4,.8); }
#content .yellow { background-color: rgb(225,161,4); }
#masthead.yellow { background-image: url(/images/logo/theo_yellow.png); }
#masthead.yellow #navigation li a { color: rgb(225,161,4);border-color: rgb(225,161,4);}

/* Orange */
#content .orange dl,.product-grid .orange h2 { background-color: rgb(233,94,0); }
#content .orange dl,.product-grid .orange h2 { background-color: rgba(233,94,0,.8); }
#content .orange { background-color: rgb(233,94,0); }
#masthead.orange { background-image: url(/images/logo/theo_orange.png); }
#masthead.orange #navigation li a { color: rgb(233,94,0);border-color: rgb(233,94,0);}

/* Green */
#content .green dl,.product-grid .green h2 { background-color: rgb(177,197,68); }
#content .green dl,.product-grid .green h2 { background-color: rgba(177,197,68,.8); }
#content .green { background-color: rgb(177,197,68); }
#masthead.green { background-image: url(/images/logo/theo_green.png); }
#masthead.green #navigation li a { color: rgb(177,197,68);border-color: rgb(177,197,68);}

/* Mauve */
#content .mauve dl,.product-grid .mauve h2 { background-color: rgb(152,64,255); }
#content .mauve dl,.product-grid .mauve h2 { background-color: rgba(152,64,255,.8); }
#content .mauve { background-color: rgb(152,64,255); }
#masthead.mauve { background-image: url(/images/logo/theo_mauve.png); }
#masthead.mauve #navigation li a { color: rgb(182,129,237);border-color: rgb(182,129,237);}

/* Red */
#content .red dl,.product-grid .red h2 { background-color: rgb(225,0,0); }
#content .red dl,.product-grid .red h2 { background-color: rgba(225,0,0,.8); }
#content .red { background-color: rgb(225,0,0); }
#masthead.red { background-image: url(/images/logo/theo_red.png); }
#masthead.red #navigation li a { color: rgb(225,0,0);border-color: rgb(225,0,0);}

/* Dark green */
#content .dark_green dl,.product-grid .dark_green h2 { background-color:  rgb(79,106,27); }
#content .dark_green dl,.product-grid .dark_green h2 { background-color:  rgba(79,106,27,.8); }
#content .dark_green { background-color: rgb(79,106,27);  }
#masthead.dark_green { background-image: url(/images/logo/theo_dark_green.png); }
#masthead.dark_green #navigation li a { color: rgb(79,106,27);border-color: rgb(79,106,27);}

/* Brown */
#content .brown dl,.product-grid .brown h2 { background-color:   rgb(85,65,22); }
#content .brown dl,.product-grid .brown h2 { background-color:   rgba(85,65,22,.8); }
#content .brown { background-color:rgb(85,65,22);  }

/* Grey */
.grey dl { background-color: rgb(0,0,0); }
.grey dl { background-color: rgba(0,0,0,.6); }
.grey { background-color: rgb(0,0,0); }

/* themes */
.fullbleed-positive  #breadcrumbs li .arrow { border-color: transparent transparent transparent #ececec; }
.fullbleed-positive  #breadcrumbs li strong { background-color: #ececec; }
.fullbleed-positive #search input { background-color: #ececec; }

/* Negative */
.fullbleed-negative body {
	background-color: #000;
}

.fullbleed-negative body,
.fullbleed-negative #footer,
.fullbleed-negative #footer li a,
.fullbleed-negative h1,
.fullbleed-negative h2,
.fullbleed-negative h3,
.fullbleed-negative a,
.fullbleed-negative #title div,
.fullbleed-negative #content strong { color: #FFF; }
.fullbleed-negative #footer a,.fullbleed-negative p a { border-color: #fff; }

.fullbleed-negative #footer li a:hover,.fullbleed-negative p a:hover {
	background-color: #FFF;
	color: #000;
	border-color: #fff;
	text-shadow: none;
}

.fullbleed-negative  #breadcrumbs li .arrow { border-color: transparent transparent transparent #FFFFFF; }

.fullbleed-negative  #breadcrumbs li strong {
	background-color: #FFFFFF;
	text-shadow: none;
}

.fullbleed-negative  #breadcrumbs li a:hover strong {
	color: #888;
}

.fullbleed-negative #search input { background-color: #FFF; }
.fullbleed-negative #search label { color:#000;text-shadow:none;}
.fullbleed-negative #product-options { color: #fff; }
.fullbleed-negative #product-options ol,.fullbleed-negative #product-options ol li { border-color: #fff; }

.fullbleed-negative .price {
	background-color: #FFF;
	color: #000;
}

.fullbleed-negative .price:hover { color: #888; }
.fullbleed-negative .price span { color: #333; }
.fullbleed-negative #thumbnails li a:hover { border-color: #fff; }

.fullbleed-negative #tags a {
	color: #FFF;
	text-shadow: none;
	background-position: 0 63.5%;
}

.fullbleed-negative #tags a:hover { color: #888; }

.fullbleed-negative #footer .logo {
	border: 0;
	background-image: url(/images/logo/theo_70x20_negative.png);
}

.fullbleed-negative .price { background-position: 100% 63%; }
.fullbleed-negative .price { background-position: 100% 9%; }

.fullbleed-negative .price-button {
	color: #000;
	background-color: #FFF;
}

.fullbleed-negative .price-button,
.fullbleed-negative .price-button input {
	color: #000;
}

.fullbleed-negative .price-button span {
	border-color: #000;
}

.fullbleed-negative .price-button:hover input {
	color: #999;
}