/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography  */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#e55c00;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#050608;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* bits */
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.reset, .reset * {margin: 0; padding: 0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
input.reduct {width: 100px;}

textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

img#goBack {margin-top: 20px;}




body {background: #f8981d url(../gfx/bg_x.png) repeat-x left top; text-align: center;}
#container {width: 905px; text-align: left; margin: 0 auto; background: url(../gfx/bg_y.png) repeat-y center top;}
#containerInset {margin: 0 33px; background: #fff;}

#header {background: url(../gfx/header_bg.gif) no-repeat center top; height: 120px; position: relative;}
#header h1 {position: absolute; left: 0; top: 0;}
#header p#headerStrap {display: block; width: 258px; height: 120px; text-indent: -3000px; position: absolute; right: 0; top: 0; background: url(../gfx/header_strap.gif) no-repeat left top;}

#header p#headerbadge {
	display: block; 
	width: 121px; 
	height: 106px; 
	text-indent: -3000px; 
	position: absolute; 
	right:269px;
	top: 0; 
	background: url(../gfx/100percent_badge.png) no-repeat left top;
}

#navContainer {
	background: #f8981d;
	padding: 5px 0 0 0px;
}

#navContainer ul {
	list-style-type: none;
}

#navContainer ul li {
	float:left;
	height: 34px;
	line-height: 34px;
}

#navContainer ul li a {
	color: #000;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}


#nav a {
	color: #fff;
	text-decoration: none;
	padding-left: 10px
}

#nav a span {
	padding-right: 10px
}

#nav a, #nav a span {
	display: block;
	float: left
}


#nav a:hover {
	color: #fff;
	background: #7e7e7e url(../gfx/nav_left.gif) left top no-repeat;
	text-decoration: none;
	padding-left: 10px
}

#nav a:hover span {
	background: url(../gfx/nav_right.gif) right top no-repeat;
	padding-right: 10px
}

#nav {
	list-style: none;
	padding: 0;
	margin: 0
}

#nav li {
	float: left;
	display: block;
	margin: 0 0 0 5px;
	padding: 0
}


#navContainer ul li:hover {
	background: #7e7e7e url(../gfx/nav_left.gif) no-repeat left top;
	color:#fff;
}

#navContainer ul li:hover span {
	background: #7e7e7e url(../gfx/nav_right.gif) no-repeat right top;
	color:#fff;
}


#navContainer ul li#current {
	background: #7e7e7e url(../gfx/nav_left.gif) left top no-repeat;
	color:#fff;
}

#navContainer ul #current span {
	background: #7e7e7e url(../gfx/nav_right.gif) no-repeat right top;
	color:#fff;
}





#navContainer ul li ul {
	background:none repeat scroll 0 0 #7e7e7e;
	cursor:default;
	font-size:100%;
	left:-9999em;
	list-style-type:none;
	padding:0;
	margin:34px 0 0 0;
	position:absolute;
	width:190px;
	z-index:1020;
}

#navContainer ul li:hover ul, #navContainer ul li.sfhover ul {
	left:auto;
}

#navContainer ul li ul li {
	background:url(../gfx/dropnav_divider.gif) repeat-x bottom left transparent;
	cursor:pointer;
	float:left;
	font-size:12px;
	font-weight:normal;
	list-style-type:none;
	margin:0;
	padding:8px 10px;
	position:relative;
	text-align:left;
	width:170px;
	text-transform: capitalize;
	height: 14px;
	line-height: 14px;
}

#navContainer ul li ul li a {
	cursor:pointer;
	font-size:12px;
	font-weight:normal;
	line-height: normal;
	text-transform: capitalize;
	color: #fff;
	padding: 0;
	margin: 0;
}


#navContainer ul li ul li:hover {
	background:url(../gfx/dropnav_divider.gif) repeat-x bottom left transparent;
}

#navContainer ul li ul li a:hover {
	background: none;
	text-decoration:underline;
	padding:0;
}

ul#subnav {
	margin: 0;
	padding: 0 0 0 15px; 
	list-style-type: none; 
	color: #fff;
	height:26px;
	background: #525252;
}

ul#subnav li {
	background:url("../gfx/subnav_divider.gif") no-repeat scroll right center transparent;
	float:left;
	line-height:26px;
	margin:0 12px 0 0;
	padding:0 12px 0 0;
}

ul#subnav li a {
	color: #dbdbdb;
	text-decoration: none;
}

ul#subnav li a:hover {
	color: #fff;
	text-decoration: none;
}


ul#subnav li.current {
	color: #000;
	font-weight:bold; 
	background-image: url(../gfx/crumbs_arrow_active.gif);
}







ul#crumbs {margin: 0; padding: 0 0 0 4px; list-style-type: none; color: #e55c00; border-bottom: 1px solid #bababa;}
ul#crumbs li {float: left; margin: 0 0 0 20px; padding: 12px 0 10px 16px; background: url(../gfx/crumbs_arrow.gif) no-repeat left 15px;}
ul#crumbs li.prev {color: gray; background-image: url(../gfx/crumbs_arrow_prev.gif);}
ul#crumbs li.current {color: #000; font-weight: bold; background-image: url(../gfx/crumbs_arrow_active.gif); background-position: left 11px; padding-left: 24px;}

#contentWrapper {padding: 0 0 18px 24px;}

#content {width: 522px; float: left; }
#content h1 {font-size: 2.25em; margin-top: 18px;}
#content h2 {font-size: 2em; margin: 10px 0 8px 0;}

.optionRow {background: #feead2 url(../gfx/optionrow_bg.gif) repeat-x bottom left; padding: 11px 13px; border-bottom: 1px solid #fff; position: relative;overflow:hidden;}
.optionRow .count {position: absolute; top: 8px; left: 8px; width:28px; height: 28px; text-align: center; line-height: 30px; background: #e55c00 url(../gfx/optionrow_number_bg.gif) no-repeat left top; color: #fff; font-weight: bold; font-size: 1.25em;}

.optionRow .address1 {float: left;  width: 230px;}
.optionRow .address1 p {padding-left: 30px; }
.optionRow .address1 span,
.optionRow .address2 span { font-size: 0.9em; line-height: 1em;}
.optionRow .address2 { float: left; width: 260px; background: url(../gfx/optionrow_return_arrow.gif) no-repeat left 20px;}
.optionRow .address2 p {padding-left: 65px;}

.optionRow table th {width: 140px; }
.optionRow table select {margin: 5px 0;}


.optionRow p.toggleRow {position: absolute; bottom: 0; right: 9px; width: 155px; height: 25px; margin: 0; padding: 0; background: #e55c00 url(../gfx/optionrow_toggle_tab_bg.gif) no-repeat left top; overflow:hidden;}
.optionRow p.toggleRow a {color: #fff; text-decoration: none; text-transform: uppercase; display: block; padding: 5px 5px 5px 5px; background: url(../gfx/optionrow_toggle_down.gif) no-repeat right 4px; text-align: center;}
.optionRow p.toggleRow a.close {background-image: url(../gfx/optionrow_toggle_up.gif); text-align: right; padding-right: 35px;}

.optionRow p.info {position: absolute; left: 23px; bottom: 6px; text-transform:  uppercase; letter-spacing: 1px; color: #e55c00; background: url(../gfx/icon_star.gif) no-repeat left 0; padding: 4px 0 3px 20px; width: 300px; line-height: 1.3em;}
.optionRow p.warning {background: url(../gfx/icon_warning.gif) no-repeat left 0;;}

.productOptions {}
table.selectOptionRow { border-bottom: 1px solid #fff; width: 522px;  border-top: 3px solid #e55c00;position: relative; top: -1px; border-bottom: 3px solid #e55c00; overflow:hidden;}

table.selectOptionRow td {border-bottom: 1px solid #bababa; background: url(../gfx/optionrow_td_last.png) repeat-x left bottom;}
table.selectOptionRow tr.last td {border-bottom: none; }
table.selectOptionRow td.imgHolder {padding: 10px; width: 180px; text-align: center;}
table.selectOptionRow td.infoHolder {width: 170px;}
table.selectOptionRow td.infoHolder p strong {font-size: 1.5em;}
table.selectOptionRow td.selectHolder {text-align:  center;}
table.selectOptionRow td.selectHolder p strong {font-size: 1.5em;}
table.selectOptionRow td.selectHolder p.notice,
table.selectOptionRow td.selectHolder p.error {margin-right: 10px; line-height: 1.3em;}

.optionRow p.label {text-transform: uppercase; width: 140px; color: #e55c00; font-weight:  bold; float: left; }
.optionRow p.details{float: left; width: 300px; }
.optionRow p.modify {position: absolute; right: 16px; top: 14px; font-size: 0.825em; font-weight: bold;}

.toggle {padding-bottom: 35px;}
.total {background: #e5e5e5 url(../gfx/optionrow_bg_total.gif) repeat-x bottom left; font-size: 1.5em;}


#sidebar {float: left; margin-left: 17px; padding-top: 50px; width: 257px;}

#sidebar .item h3 {background: #e5e5e5 url(../gfx/item_h3_bg.gif) no-repeat left top; text-transform: uppercase; color: #000; font-size: 1em; font-weight: bold; padding: 9px 5px 5px 16px; line-height: 1em;}
#sidebar #dude { padding: 10px 10px 157px 16px; background: url(../gfx/item_dude.jpg) no-repeat left bottom;}
#sidebar em {color: #d85701; font-style: normal; text-transform: uppercase; font-weight: bold;}


#bxslider_wrap {
	width:390px;
	overflow: hidden;
}

#slides1 li {
	width: 390px;
	overflow: hidden;
	float:left;
}

.bx_pager  {
	padding:5px;
	float:right;
}

.bx_pager a {
	background:#E55C00;
	color:#FFFFFF;
	float:left;
	font-size:10px;
	line-height: 17px;
	height:17px;
	margin-right:6px;
	text-align: center;
	width:17px;
	text-decoration: none;
}

.bx_pager a:hover, .bx_pager a.active {
	xbackground:#a74d10;
	text-decoration:none;
	color: #000;
}


#footer {
	background: url(../gfx/footer_bg.png) no-repeat center bottom;
	height: 76px;
	width: 903px;
	text-align: left; 
	margin: 0 auto; 
	color: #050608; 
	clear:both; 
}

#footertextarea {
}

#footer p#strap {display: none;}

#footertextarea p#copyright {
	padding: 0px 0 0 0; 
	text-align: center;
	font-size: 11px;
}

#footer p#copyright a {margin-left: 25px; font-weight: bold; text-decoration: none;}
#footer p#copyright a:hover {text-decoration: underline;}

.dateSelector { text-align: right; margin-top: 0px;}

#footerpartnerstop {
	background: url(../gfx/partners_top_bg.png) no-repeat center top transparent; 
	width: 839px;
	height:9px;
	text-align: left; 
	margin: 0 auto; 
}

#footerpartners {
	background: url(../gfx/partners_bot_bg.png) no-repeat center bottom #fff; 
	padding:1px 18px 10px;
	width: 803px; 
	text-align: left; 
	margin: 0 auto 20px; 
	color: #050608;
}

#footerpartners ul {

}

#footerpartners ul li {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0 15px 15px 0;
}


#footernavstop {
	background: url(../gfx/footernavstop_top_bg.png) no-repeat center top transparent; 
	width: 839px;
	height:9px;
	text-align: left; 
	margin: 0 auto; 
}

#footernavs {
	background: url(../gfx/footernavstop_bot_bg.png) no-repeat center bottom #f9a73f; 
	padding:1px 18px 10px;
	width: 803px; 
	text-align: left; 
	margin: 0 auto 20px; 
	color: #050608;
}

#footernavs ul {
	float:left;
	width:167px;
	margin:0 33px 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footernavs ul li {
	list-style-type:none;
	padding:0 0 14px;
	color: #fff;
	font-weight: bold;
	font-size:13px;
}

#footernavs ul li a {
	list-style-type:none;
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
	display: block;
	font-size:12px;
	margin:0 0 -7px 0;
}

#footernavs ul li a:hover {
	text-decoration: none;
}

.internal {margin-top: 15px;}

#content p.intro {font-size:1.45em; margin-bottom: 1em;}
#content .box {background: #feead2;}


#home #contentWrapper {padding-left:0;}
#home #contentWrapper h2 { background:url(../gfx/home_h2_bg.gif) no-repeat bottom right; margin:0; padding:10px 24px;}
#home #content {  margin-left: 24px; padding: 20px 0 0 0; width: 390px;}
#home #content .homeFeature { background:#e5e5e5;}
#home #content .homeFeature h3, 
#home #sidebar h3 {background: #e55c00 url(../gfx/home_content_feature.gif) no-repeat top left; color:#fff; font-size: 1em; font-weight: bold; padding: 9px 5px 5px 16px; line-height: 1em; text-transform:uppercase;}
#home #content .homeFeature .inset {padding:15px; color: #2e2e2e;}

#home .optionRow {overflow: visible;}

#home #sidebar { width: 390px; padding-top: 20px;} 
#home #sidebar h3 {margin-bottom:0;}


#sidebar .feature {background:#feead2 url(../gfx/item_bg_bottom.gif) no-repeat bottom left; margin-bottom:7px;}
#sidebar .feature div {padding:12px 15px;}
#sidebar .feature h3 {background: #e55c00 url(../gfx/item_feature_top.gif) no-repeat left top; color:#fff;}


/* added 24/07/09 */



#topSelector {background: url(../gfx/24_7_top_selector_bg.jpg) repeat-x left bottom; padding-bottom: 10px; margin-bottom: 20px;}
#bottomNote {background: url(../gfx/24_7_top_selector_bg.jpg) repeat-x left top; padding: 30px 0;}


#contentWrapper.wide {padding-left: 20px}
.wide #content {width: 797px;}

#specWrapper {background: url(../gfx/24_7_spec_wrapper_bg.jpg) repeat-y left top; border-bottom: 15px solid #fff;;}

#specWrapper .top {width: 797px; height: 9px; line-height: 1px; background: url(../gfx/24_7_spec_top.jpg) no-repeat left top; }

.specRow {background: url(../gfx/24_7_spec_row_seperator.jpg) no-repeat left bottom; padding-bottom: 34px; }
.lastRow {background: url(../gfx/24_7_spec_bottom.jpg) no-repeat left bottom; padding-bottom: 9px;}

.specRow .item {float: left; width: 188px; margin-right: 15px; font-size: 90%;}

.specRow .item h3,
.specRow .item p,
.specRow .item img {margin-left: 10px; display: block; line-height: 1.2em;}
.specRow .item img {margin-bottom: 10px;}

.specRow .last { margin-right: 0px;}