/**
* @section reset
* @version 2.2.3
* @author Yahoo! Inc. 2007
* @author Eric Meyer
* @license BSD License: http://developer.yahoo.net/yui/license.txt
* @see http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ Reworked Reset
* --------------------------------------------------------------------------------------------------
*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img, 
table, caption, tbody, tfoot, thead, tr, th, td,
form, fieldset, input, textarea, label, legend {
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
html, body {
	position: relative;
	line-height: 1;
	background-color: #FFF;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
	font-weight: normal;
}
legend {
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q::before, q::after, blockquote::before, blockquote::after {
	content: '';
	content: none;
}
q, blockquote {
	quotes: "" "";
}
abbr, acronym, fieldset, img, a img, :link img, :visited img {
	border: 0;
}
abbr, acronym, ins, del {
	text-decoration: none;
}


/**
* @desc Tripoli is a generic CSS standard for HTML rendering.
* @section tripoli
* @author David Hellsing
* @copyright 2007-2008
* @license GNU General Public License: http://www.gnu.org/licenses/
* @see http://devkick.com/lab/tripoli/

* @subsection Disable Deprecated HTML
* --------------------------------------------------------------------------------------------------
*/
font,
basefont {
	color: inherit; font: inherit; font-size: 100%;
}
center,
*[align] {
	text-align: inherit;
}

s, strike, u {
	text-decoration: inherit;
}
img {
	margin: 0;
	font-size: 12px;
	border: none;
}
tr, th, td {
	width: auto; height: auto;
	vertical-align: inherit;
	background-color: transparent;
	border: none;
}
table[border],
.content table[border] {
	border-collapse: separate; border-spacing: 0;
}
nobr {
	white-space: normal;
}
marquee {
	overflow: visible;
	-moz-binding: none;
}
blink {
	text-decoration: none;
}

/**
* @section tripoli
* @subsection General
* --------------------------------------------------------------------------------------------------
*/
a {
	text-decoration: underline; color: #f37021;
}
strong, th, thead td, dt,
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
cite, em, dfn {
	font-style: italic;
}
code, kbd, samp, pre, tt, var {
	font-size: 100%;
	font-family: mono-space, monospace;
}
pre {
	white-space: pre;
}
pre * {
	font-size: 100%;
	white-space: pre;
}
del {
	text-decoration: line-through;
}
ins, dfn {
	border-bottom: 1px solid #000;
}
small,
sup,
sub {
	font-size: 85%;
}
big {
	font-size: 125%;
	line-height: 80%;
}
abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: 0.1em;
}
abbr[title],
acronym[title],
dfn[title] {
	cursor: help;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
blockquote {
	padding-left: 2.2em;
}
:lang(en-GB) {
	quotes: '\2018' '\2019' '\201C' '\201D';
}
*[lang|='en'] q:before {
	content: '\201C';
}
*[lang|='en'] q:after {
	content: '\201D';
}
*[lang|='en'] q q:before {
	content: '\2018';
}
*[lang|='en'] q q:after {
	content: '\2019';
}
input,
select,
button {
	cursor: pointer;
}
input[type='text'],
input[type='password'] {
	cursor: text;
}
input[type='hidden'] {
	display: none;
}

/**
* @section tripoli
* @subsection Disable Deprecated HTML
* --------------------------------------------------------------------------------------------------
*/
.content {
	font-size: 1.2em;
	line-height: 1.6;
}
.content h1 {
	font-size: 1.6em;
	line-height: 1;
	margin: 1em 0 0.5em;
}
.content h2 {
	font-size: 1.5em;
	line-height: 1;
	margin: 0.535em 0 0.535em;
}
.content h3 {
	font-size: 1.4em;
	line-height: 1;
	margin: 1.14em 0 0.57em;
}
.content h4 {
	font-size: 1.3em;
	line-height: 1;
	margin: 1.23em 0 0.615em;
}
.content h5 {
	font-size: 1.2em;
	line-height: 1;
	margin: 1.33em 0 0.67em;
}
.content h6 {
	font-size: 1em;
	line-height: 1;
	margin: 1.6em 0 0.8em;
}
.content hr {
	display: block;
	width: 100%; height: 1px;
	background: #000;
	color: #000;
	border: none;
}
.content ul {
	list-style: disc outside;
}
.content ol {
	list-style: decimal outside;
}
.content table {
	border-collapse: collapse;
}
.content hr,
.content p,
.content ul,
.content ol,
.content dl,
.content pre,
.content address,
.content table,
.content form {
	margin-bottom: 1.6em;
}
.content p + p {
	margin-top: -0.8em;
}
.content fieldset {
	margin: 0; padding: 0;
}
.content label {
	display: block;
}
.content input,
.content textarea {
	padding: 3px 5px;
}
.content button {
	padding: 0.3em 0.5em;
}
.content dt {
	margin-top: 0.8em; margin-bottom: 0.4em;
}
.content ul, .content ol {
	margin-left: 1.4em;
}
.content caption {
	padding-bottom: 0.8em;
}
.content ul ul,
.content ol ul,
.content ul ol,
.content ol ol {
	margin-bottom: 0;
}

/**
* @section tripoli
* @subsection Type Plugin
* --------------------------------------------------------------------------------------------------
*/
.alt {
	font-family: "Baskerville Italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif;
	font-style: italic;
	font-weight: normal;
}
.dquo {
	margin-left: -0.55em;
}

/**
* @section Common
*
* Core code for resuing in common techniques such as image replacement,
* easy clearing and a method of hiding elements without display: none;
*
* =hide		Accessible Hiding
* =replace	Image Replacement
* =clear	Easy Clearing
* --------------------------------------------------------------------------------------------------

*
* =hide
* @subsection Accessible Hiding
* --------------------------------------------------------------------------------------------------
*/
.access,
table caption,
.more a strong, a.more strong, .more a span, a.more span, .more span,
body.man-tips #audio-video p.play {
	position: absolute; left: -9999px;
	overflow: hidden;
	height: 0; width: 0;
	font-size: 0; line-height: 0;
}
legend {
	display: none;
}


/**gt
* =replace
* @subsection Image Replacement
* @see http://phark.typepad.com/phark/2003/08/accessible_imag.html Phark Image Replacement
* --------------------------------------------------------------------------------------------------
*/
.phark, .replace,
p.button, p.button a, li.button, li.button a, input.button,
#header h1, #header h1 a,
#nav ul.main li, #nav ul.main  li a,
#nav-sub li, #nav-sub li a,
#features li, #features li a,
#nav #breadcrumb #features-man-tips,
#nav #breadcrumb #features-man-tips a,
#nav #breadcrumb #features-get-the-look,
#nav #breadcrumb #features-get-the-look a,
#nav #breadcrumb #features-know-the-score,
#nav #breadcrumb #features-know-the-score a,
#nav #breadcrumb #features-free-flip-flops,
#nav #breadcrumb #features-free-flip-flops a,
body.homepage div.products h3,
html.js ul.scroller-arrows li a,
ul.roundabout-pagination li a,
body.get-the-look ul.slider li h1,
body.product-detail div.hproduct h1.fn span,
h1.replace span,
body.man-tips div.details h3,
body.man-tips #audio-video h2,
body.man-tips #audio-video ul.nav li,
body.man-tips #audio-video ul.nav li a,
#content .image p.zoomIn,
body.cart #recommended h2,
body.product-detail .product-upsell h3,
#content table td.remove input.remove_basket,
#in-action h3,
a.jScrollArrowUp,
a.jScrollArrowDown,
a.dp-choose-date,
div.rating-cancel,
div.star-rating,
#content div.hproduct .rating-stars span {
	overflow: hidden;
	display: block;
	font-size: 0; line-height: 0; text-decoration: none; text-indent: -9999px;
	background: transparent no-repeat 0 0;
	border: 0;
}


/**
* =clear
* @subsection Easy Clearing
* @see http://www.positioniseverything.net/easyclearing.html
* --------------------------------------------------------------------------------------------------
*/
.clearfix::after, #section::after,
#nav-cart::after {
	clear: both;
	display: block; visibility: hidden;
	height: 0; width: 0;
	font-size: 0; line-height: 0;
	content: '.';
}
.clearfix,
#nav-cart {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix
#nav-cart {
	display: block;
}
/* End hide from IE Mac */


div.debug pre, pre.debug {
	clear: both;
	padding: 10px !important;
	color: #000 !important;
	background-color: #F7F7F7 !important;
	border: 1px solid #000 !important;
}