
/* CSS RESETS ================================= */
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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table						{border-collapse: collapse; border-spacing: 0;}
caption, th, td				{text-align: left; font-weight: normal;}
table, td, th				{vertical-align: middle;}
a img						{border:none;}

/* GLOBAL STYLE ================================ */
body						{font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: normal; line-height: normal; text-decoration: none; text-align: center; color: #000; background: #fff; margin: 0; padding: 0;}
a							{text-decoration: none; color: #ff6f1e; outline: none;}
a:hover						{text-decoration: underline; color: #00a6e3;}
h1, h2, h3, h4, h5, h6, p,
table						{margin: 15px 0;}
h1							{font-size: 24px; color: #ff6f1e; margin-top: 0;}
h2							{font-size: 21px; color: #ff6f1e;}
h3							{font-size: 18px;}
h4							{font-size: 16px;}
h5							{font-size: 14px;}
h6							{font-size: 12px;}
h2, h3, h4, h5, h6			{font-weight: bold;}
strong						{font-weight: bold;}
em							{font-style: italic;}

/* UTILITIES =================================== */
.clearfix:after					{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix				{zoom: 1;} /* IE6 */
*+html .clearfix				{zoom: 1;} /* IE7 */

.clearfix                       {list-style:none;}

.clear							{clear: both;}
.center							{text-align: center;}

/* WRAPPER ===================================== */
.wrapper 						{width: 980px; text-align: left; margin: 0 auto;}

/* HEADER ======================== */
.header							{position: relative;}
.header a						{text-decoration: none;}
.header ul						{list-style-type: none;}
.header	h1						{margin: 0;}
.header	h1 a					{float: left; display: inline; width: 301px; height: 57px; margin: 14px 0 15px 20px; background: url(../images/logo.png) no-repeat; text-indent: -9999px;}
.header p.division				{float: left; display: inline; width: 109px; margin: 30px 0 0 142px; text-align: right; font-size: 10px; color: #7d7d7d;}
.header p.division a			{}
.header p.search				{float: left; display: inline; margin: 32px 0 0 21px;}
.header p.search .field			{border: none; width: 126px; height: 15px; padding: 5px 10px; background: url(../images/search_bg.png) no-repeat; font-size: 12px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle;}
.header p.search .btn			{vertical-align: middle; margin: 12px 0;}
.header p.basket				{float: left; display: inline; margin: 45px 0 0 75px; font-weight: bold;}
.header p.basket strong			{display: inline-block; height: 17px; margin-right: 5px; padding-left: 23px; background: url(../images/basket_icon.png) no-repeat left center; color: #00a6e3; vertical-align: middle;}
.header p.basket span			{color: #a1a1a1;}
.header p.logo                  {font-size: 24px; color: #ff6f1e; margin: 0;}
.header p.logo a                {float: left; display: inline; width: 301px; height: 57px; margin: 14px 0 15px 20px; background: url(../images/logo.png) no-repeat; text-indent: -9999px;}
ul.topNav						{position: absolute; top: 0; right: 0;}
ul.topNav li					{display: inline;}
ul.topNav li a					{float: left; display: inline; height: 30px; line-height: 28px; padding: 0 10px; background: #f3f3f3 url(../images/topNav_line.png) no-repeat right top; color: #a1a1a1; font-weight: bold;}
ul.topNav li a:hover			{color: #00a6e3;}
ul.topNav li a.last				{background-image: none;}

.mainNav						{clear: both; height: 47px; background: url(../images/mainnav_bg_transparent.png) repeat-x left bottom;}
.mainNav div					{float: left; display: inline; margin-right: 35px;}
.mainNav h4						{margin: 0; color: #fff; font-size: 10px; text-transform: uppercase; background: #00a6e3 url(../images/mainnav_top_left.png) no-repeat left top;}
.mainNav h4 span				{display: block; height: 17px; line-height: 16px; padding: 0 8px; background: url(../images/mainnav_top_right.png) no-repeat right top;}
.mainNav ul						{background: url(../images/mainnav_bg_main.png) repeat-x;  overflow: hidden;}
.mainNav ul li					{display: inline;}
.mainNav ul li a				{float: left; display: inline; height: 30px; line-height: 28px; padding: 0 5px 0 8px; color: #fff; font-weight: bold;}
.mainNav ul li a:hover			{background: url(../images/mainnav_bg_highlight.png) repeat-x; color: #fff;}
.mainNav .home					{padding-top: 17px;}
.mainNav .type					{width: 226px;}
.mainNav .price					{width: 215px;}
.mainNav .extras				{width: 141px}
.mainNav .guide					{width: 174px;}
.mainNav .price li a			{float: left; display: inline; width: 58px; height: 28px; line-height: 12px; padding-top: 2px;}
.mainNav .price li a span		{font-size: 10px;}

ul.subNav						{clear: both; background: url(../images/mainnav_bg_sub.png) repeat-x left top; overflow: hidden;}
ul.subNav li					{display: inline;}
ul.subNav li a					{float: left; display: inline; height: 30px; line-height: 28px; padding: 0 12px; color: #fff; font-weight: bold; background: url(../images/mainnav_line_sub.png) no-repeat right top;}
ul.subNav li a:hover			{background: url(../images/mainnav_bg_highlight.png) repeat-x; color: #fff;}

.header a.highlight				{background: url(../images/mainnav_bg_highlight.png) repeat-x left top;}
.header a.last					{background-image: none;}

.header p.breadcrumb			{clear: both; height: 30px; line-height: 28px; margin: 0; padding: 0 20px; font-weight: bold; background-color: #f5fcfe;}
.header p.breadcrumb a			{padding: 0 5px; color: #000;}

/* CONTENT ===================================== */
.content						{clear: both; margin-bottom: 40px; overflow: hidden;}
.content .mainContent			{float: left; display: inline; width: 726px;}
.content .sidebar				{float: right; display: inline; width: 199px; padding: 0 20px; background-color: #fafafa;}
.content .fullContent			{width: 100%;}

/* MAIN CONTENT =============================== */
.mainContent h2.highlight		{height: 46px; line-height: 46px; margin: 0; padding: 0 0 0 20px; background: #ff841e url(../images/bg_heading.png) repeat-x; color: #fff;}
.mainContent h4.highlight		{height: 46px; line-height: 46px; margin: 0 0 15px 0; padding: 0 0 0 20px; background: #ff841e url(../images/bg_heading.png) repeat-x; color: #ffff00;}
.featured						{margin: 10px 0; border-bottom: 1px solid #e4e4e4; overflow: hidden;}
.featured img.thumb				{float: left; display: inline; width: 160px; height: 160px; margin-right: 20px;}
.featured div					{float: left; display: inline; padding: 10px 0; overflow: hidden;}
.featured h3					{margin: 0 0 10px;}
.featured h3 a					{color: #000;}
.featured h3 a:hover			{color: #000; text-decoration:none;}
.featured div p					{margin-bottom: 0;}
.featured p.pricing				{float: left; display: inline; width: 125px; margin-top: 0; margin-right: 20px; font-weight: bold;}
.featured p.pricing span		{display: block;}
.featured p.pricing .price		{margin-bottom: 5px; color: #ff871e; font-size: 18px;}
.featured p.pricing .price em   {display: block; font-size: 12px; font-style: normal;}
.featured p.pricing .street		{color: #838e99;}
.featured p.pricing .save		{margin-bottom: 10px;}
.featured p.pricing strong		{float: right; display: inline;}
.featured p.pricing .buy		{line-height: 23px;}
.featured p.pricing .buy a		{color: #00a6e3;}
.featured p.pricing .buy a:hover {color: #ff6f1e;}
.featured p.pricing .buy img	{float: right; display: inline; vertical-align: middle;}
.featured p.detail				{float: left; display: inline; width: 375px; margin-top: 0;}
.featured p.detail a			{color: #000;}
.featured p.detail a:hover		{text-decoration: none;}

ul.items						{margin-top: 20px; overflow: hidden;}
ul.items li						{float: left; display: inline; width: 220px; height: 160px; margin: 0 20px 20px 0; padding: 0; border-bottom: 1px solid #e4e4e4; overflow: visible;}
ul.items li h6					{margin: 0 0 10px;}
ul.items li h6 a			    {color: #000;}
ul.items li h6 a:hover		    {color: #000; text-decoration:none;}

ul.items li img.thumb			{float: left; display: inline; width: 80px; height: 80px; margin-right: 10px;}
ul.items li p					{margin-top: 0; margin-bottom: 0;}
ul.items li p.pricing			{float: left; display: inline; width: 125px; font-weight: bold;}
ul.items li p.pricing span		{display: block;}
ul.items li p.pricing .price	{color: #ff871e; font-size: 18px;}
ul.items li p.pricing .price em {display: block; font-size: 12px; font-style: normal;}
ul.items li p.pricing .street	{color: #838e99;}
ul.items li p.pricing .save		{}
ul.items li p.pricing strong	{float: right; display: inline;}
ul.items li p.buy				{clear: both; width: 125px; line-height: 23px; padding-left: 26px;}
ul.items li p.buy a				{color: #00a6e3; font-weight: bold;}
ul.items li p.buy a:hover		{color: #ff6f1e;}
ul.items li p.buy img			{float: right; display: inline; vertical-align: middle;}

ul.categories					{clear: both; padding-left: 20px;}
ul.categories li				{float: left; display: inline; width: 33%; height: 30px; line-height: 28px; border-bottom: 1px solid #e4e4e4;}
ul.categories li a				{}

.fullContent div,
.fullContent h1,
.fullContent h2,
.fullContent h3,
.fullContent h4,
.fullContent h5,
.fullContent h6,
.fullContent ul,
.fullContent p					{padding-left: 20px; padding-right: 20px;}

/* SIDEBAR==================================== */
.sidebar h3						{margin-top: 0; color: #ff6f1e;}
.sidebar h3, .sidebar p,
.sidebar ul						{}

/* FOOTER 1 ===================================== */
.footer							{clear: both; height: 30px; line-height: 30px; background-color: #f5fcfe; font-weight: bold; color: #7d7d7d;}
.footer p.links					{float: left; display: inline; margin: 0 0 0 10px;}
.footer p.links a				{padding: 10px;}
.footer	p.copyright				{float: right; display: inline; margin: 0 20px 0 0;}
.footer a						{color: #7d7d7d; text-decoration: none;}
.footer a:hover					{color: #00a6e3;}


/* ==========================================================================================
									INDIVIDUAL PAGES						
============================================================================================= */

/* HOMEPAGE ===================================== */
.content .homeContent			{width: 656px;}
.content .homeSidebar			{width: 324px; padding: 0; background-color: #fff;}
.homeSidebar h3,
.homeSidebar p,
.homeSidebar ul					{padding: 0 20px;}

.homeContent .featured			{border: none;}
.homeContent .featured p.detail {width: 310px;}
h2.sideTitle					{height: 46px; line-height: 46px; margin: 0 0 15px 0; padding: 0 0 0 20px; background: #ff841e url(../images/bg_heading_side.png) repeat-x; color: #fff;}
h2.sideTitle a					{color: #fff;}
h2.sideTitle img				{float: right; display: inline; margin: 10px 20px 0 0;}
.homeContent ul.items			{margin: 15px 0 0 20px;}
.homeContent ul.items li		{width: 278px; height: 150px;}
.adviceSidebar p				{font-size: 14px; font-weight: bold;}

.fastDelivery					{height: 176px; margin: 0 0 15px 10px; padding: 1px; background: url(../images/bg_fast_delivery.png) no-repeat left top;}
.priceMatch						{height: 179px; margin: 0 0 0 20px; padding: 1px; background: url(../images/bg_price_match.png) no-repeat left top;}
.fastDelivery h4				{color: #ffff00; font-size: 21px; margin: 20px 20px 10px 145px;}
.fastDelivery .p1				{color: #fff; font-weight: bold; margin: 0 13px 10px 145px;}
.fastDelivery .p2				{color: #fff; margin: 0 13px 10px 145px;}
.fastDelivery .p3				{color: #ffff00; margin: 0 7px 10px 25px;}
.fastDelivery p					{padding: 0;}
.priceMatch h4					{color: #ffff00; font-size: 18px; margin: 15px 20px 10px 15px;}
.priceMatch p					{color: #fff; margin: 0 121px 13px 15px; padding: 0;}
.priceMatch p a					{display: block; margin-top: 5px; color: #ffff00;}

ul.features						{list-style-type: none;}
ul.features li					{margin-bottom: 1em; overflow: hidden;}
ul.features li span.img			{float: left; display: inline; width: 76px; margin-right: 10px; text-align: center;}
ul.features li span.txt			{float: left; display: inline; width: 850px;}

/* PRODUCT DETAILS ==================================== */
.pDetail						{}
.pDetail .mainContent			{width: 706px; margin-left: 20px;}
.pDetail .sidebar				{width: 239px; padding: 0; background-color: #fff;}
.pDetail .sidebar h3,
.pDetail .sidebar p,
.pDetail .sidebar ul			{padding: 0 20px;}

.pDetail .mainContent li        {list-style-position: outside; margin-left: 18px;}

.pDetail .mainContent h2		{color: #000; overflow: hidden;}
.pDetail .mainContent h2.pTitle	{margin-top: 0; margin-left: -20px;}
.pDetail .mainContent h2 span	{float: left; display: inline; width: 502px; height: 39px; line-height: 39px; padding-left: 20px;} /* border: 1px solid #ebebeb; */
.pDetail .mainContent h2 a		{float: right; display: inline; height: 41px; line-height: 39px; padding: 0 10px; background: url(../images/bg_view_all.png) repeat-x; color: #000; font-size: 12px;}
.pDetail .mainContent h3		{margin-top: 0; font-size: 21px;}

.pContainer						{margin-bottom: 15px; /*overflow: hidden;*/}
.pContainer img.thumb			{float: left; display: inline; width: 300px;}
.pContainer div					{float: right; display: inline; /*width: 385px;*/}
.pContainer span				{float: left; display: inline; width: 300px;}
.pContainer div p				{margin-top: 0;}
.pContainer p.pricing			{float: left; display: inline; width: 125px; font-weight: bold;}
.pContainer p.pricing span		{display: block;}
.pContainer p.pricing .price	{margin-bottom: 5px; color: #ff871e; font-size: 22px;}
.pContainer p.pricing .price em {display: block; font-size: 12px; font-style: normal;}
.pContainer p.pricing .street	{color: #838e99;}
.pContainer p.pricing .save		{margin-bottom: 10px;}
.pContainer p.pricing strong	{float: right; display: inline;}
.pContainer p.buy				{float: right; display: inline; text-align: right;}
.pContainer p.buy span			{display: block;}
.pContainer p.buy span.btnBuy	{margin-bottom: 5px;}
.pContainer p.buy span.stock	{color: #339c38; font-weight: bold;}
.pContainer p.buy span.delivery	{color: #00a6e3;}

.specialOffer					{padding-top:15px; /*overflow: hidden;*/}
.specialOffer h3				{margin-bottom: 10px; color: #cf0905; font-size: 21px;}
.specialOffer ul				{padding-top: 10px; border-top: 2px solid #d7d7d7;}
.specialOffer ul li				{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #d7d7d7; overflow: hidden; position: relative;}
.specialOffer ul li .checkbox	{float: left; display: inline; margin-right: 10px;}
.specialOffer ul li .thumb		{float: left; display: inline; width: 80px; height: 80px; margin-right: 10px;}
.specialOffer ul li span		{float: left; display: inline; width: 490px;}
.specialOffer ul li span strong	{display: block;}
.specialOffer ul li span .usual	{color: #636363;}
.specialOffer ul li select		{position: absolute; top: 0; right: 0;}

ul.productThumb					{overflow: hidden; list-style-type: none; padding-top: 5px;}
ul.productThumb li				{float: left; display: inline; width: 80px; /*height: 200px*/ height: 180px; margin-right: 10px; text-align: center;}
ul.productThumb a				{display: block; margin-bottom: 5px; color: #636363;}
ul.productThumb a img			{}
ul.productThumb a b				{text-decoration:none}
ul.productThumb a:hover			{text-decoration:none;}
ul.productThumb a:hover b		{text-decoration:underline;}

.bundle								{margin: 10px 0 30px 0; padding-top: 10px; background-color: #fafafa;}
.bundle h3							{text-align: center; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0;}
.bundle h3 span						{display: block; color: #838e99; font-size: 17px;}
.bundle .items						{margin-top: 0;}
.bundle .items li					{width: auto; margin: 0 0 15px 0; padding-bottom: 15px;}
.bundle .items h6					{}
.bundle .items h6 span				{display: block; color: #838e99;}
.bundle .items img.thumb			{}
.bundle .items p					{margin-bottom: 0; padding: 0;}
.bundle .items .pricing				{width: auto;}
.bundle .items .pricing .itemPrice	{margin-bottom: 5px; color: #969696;}
.bundle .items .pricing .price		{}
.bundle .items .pricing .price em	{display: block; font-size: 12px; font-style: normal;}
.bundle .items .pricing .save		{color: #969696;}
.bundle .items .buy					{width: 150px;}
.bundle .items .buy img,
.bundle .items .buy input			{vertical-align: middle;}

.related								{background-color: #fff;}
.related h3								{text-align: left;}
.related h3 span						{}
.related .items							{}
.related .items li						{}
.related .items h6						{}
.related .items h6 span					{}
.related .items img.thumb				{}
.related .items p						{padding: 0;}
.related .items .pricing				{width: auto;}
.related .items .pricing .itemPrice		{}
.related .items .pricing .price			{}
.related .items .pricing .price em		{}
.related .items .pricing .save			{}
.related .items .pricing .street		{margin-top: 5px;}
.related .items .pricing .street strong	{float: none; display: block;}
.related .items .buy					{width: 120px;}




/* ADVICE CENTER ====================================== */
ul.guide						{float: left; display: inline; width: 45%;}
ul.guide li						{margin-bottom: 15px;}

/* BASKET ================================================ */
table.basket						{width: 100%; margin-top: 0;}
table.basket th, basket td			{text-align: left; vertical-align: middle;}
table.basket th						{height: 46px; padding: 0 20px; background: url(../images/bg_heading.png) repeat-x left top; color: #ffff00; font-size: 16px; font-weight: bold;}
table.basket td						{padding: 20px;}
table.basket tr.item td				{border-bottom: 2px solid #d7d7d7;}
table.basket tr.offer td			{background-color: #f3f3f3;}
table.basket tr.offer td a			{margin-right: 20px;}
table.basket td.plusMinus a			{margin: 0 5px; font-size: 16px; font-weight: bold; text-decoration: none;}
table.basket tr.total td			{text-align: right;}
table.basket tr.total td .free		{color: #ff6f1e;}
table.basket tr.total td .price		{color: #ff6f1e; font-size: 18px; font-weight: bold;}
table.basket td.btnCheckout			{text-align: right;}
table.basket td.btnCheckout a		{margin-left: 20px;}

.productUnavailable                 {border-bottom:1px dashed #FF3400;border-top:1px dashed #FF3400;color:#FF3400;margin-top:30px;padding:5px 0;}

.relProducts h3                     {background:url("/images/icon_check_large.png") no-repeat scroll 0 0 transparent;clear:both;color:#009900;font-size:18px;font-weight:normal;height:20px;padding-left:30px;}
