/*----------------------------------------------
	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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus
{
	outline: 0;
}

body
{
	line-height: 1;
	color: black;
	background: white;
}

ol, ul
{
	list-style: none;
}

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

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}

blockquote, q
{
	quotes: "" "";
}

/*----------------------------------------------
	GLOBAL/GENERIC
----------------------------------------------*/

body
{
	background:#f4f4f4 url(images/body-bg.gif) repeat 0 0;
	color: #383838;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 140%;
	margin: 0;
	padding: 0;
}

html > body
{
	background:#f4f4f4 url(images/body-bg.gif) repeat 0 0;
	color: #383838;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 140%;
	margin: 0;
	padding: 0;
}

h1{margin-bottom:20px;line-height:100%;}

h2,h3,h4,h5,h6{margin-bottom:12px;line-height:100%;}

h1{font-size:24px}
h2{font-size:22px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}

a{color:#203979;}
a:hover{text-decoration:none;}

.red{color:#dd242d;}
.blue{color:#203979;}

/*----------------------------------------------
	GENERIC
----------------------------------------------*/

.bttn
{
	text-decoration:none;
	float:right;
	color:#ffffff;
	font-size:13px;
	text-align:center;
	padding:3px 0 0 0;
	width:90px;
	height:18px;
}

input.bttn
{
	cursor:pointer;
	border:none;
	padding:0px;
}

strong{font-weight:bold;}

/*----------------------------------------------
	WRAPPERS
----------------------------------------------*/

#outerWrap,
#headerOuterWrap
{
	float: left;
	width: 100%;
}

#headerOuterWrap{background:transparent url(images/header-bg.gif) repeat-x 0 0;}

#wrap,
#headerWrap
{
	margin: 0 auto;
	width: 960px;
}

#pageWrap
{
	float: left;
	width: 960px;
}

/*----------------------------------------------
	HEADER
----------------------------------------------*/

#header
{
	float: left;
	width: 100%;
	height: 159px;
}

#headerTop
{
	float: left;
	padding:0 20px 0 10px;
	margin-bottom:9px;
	width: 930px;
	height: 114px;
}

#headerTop #logo
{
	text-indent:-1000px;
	overflow:hidden;
	background:transparent url(images/logo.gif) no-repeat 0 0;
	float:left;
	margin-top:14px;
	width:428px;
	height:75px;
}

#headerTop #logo a
{
	float:left;
	width:428px;
	height:75px;
}

#headerTop #tel
{
	line-height:100%;
	font-size:28px;
	float:left;
	padding-left:26px;
	margin-top:45px;
	width:auto;
}

#headerTop #tel #num
{
	color:#ffffff;
}

#headerTop #basketPreview
{
	text-align:right;
	background:transparent url(images/basket-preview-bg.gif) no-repeat 0 0;
	float:right;
	margin-top:9px;
	width:208px;
}

#headerTop #basketPreview #basketPreviewCnt
{
	float:right;
	padding:16px 12px 0 62px;
	width:138px;
	height:49px;
}

#headerTop #basketPreview #pickingList{font-size:11px;margin-left:-15px;width: 140px;}

#headerTop #basketPreview #basketPreviewCnt #basketPreviewTitle
{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

#headerTop #basketPreview #basketPreviewBttns
{
	float:right;
	padding:6px 0 0 4px;
	width:194px;
}

#headerTop #basketPreview #basketPreviewBttns #viewBasketBttn.bttn
{
	float:left;
	background:transparent url(images/header-red-bttn.gif) no-repeat 0 0;
	margin-right:6px;
	width:92px;
	height:22px;
}

#headerTop #basketPreview #basketPreviewBttns #checkoutBttn.bttn
{
	float:left;
	background:transparent url(images/header-blue-bttn.gif) no-repeat 0 0;
	width:92px;
	height:22px;
}

/*----------------------------------------------
	MAIN NAV
----------------------------------------------*/

#mainNav
{
	color:#fff;
	font-size:14px;
	background:transparent url(images/mainnav-bg.gif) repeat-x 0 0;
	float:left;
	width:100%;
	height:36px;
}

#mainNav #mainNavList
{
	float:left;
	padding:6px 0 0 20px;
	width:auto;
}

#mainNav #mainNavList li
{

	float:left;
	margin-right:48px;
	width:auto;
}

#mainNav #mainNavList li:hover{background:transparent url(images/mainnav-item-left-bg.gif) no-repeat 0 0;}

#mainNav #mainNavList li.mainNavListLast{margin-right:0px;}

#mainNav #mainNavList li span
{
	float:left;
	width:auto;
}

#mainNav #mainNavList li a
{
	font-size:14px;
	text-decoration:none;
	color:#fff;
	float:left;
	padding:4px 18px 0 18px;
	width:auto;
	height:20px;
}

#mainNav #mainNavList li a:hover {background:transparent url(images/mainnav-item-right-bg.gif) no-repeat right 0;}

#mainNav #mainNavSearch
{
	background:transparent url(images/search-separator-bg.gif) no-repeat 0 3px;
	float:right;
	padding:5px 0 0 14px;
	width:356px;
}

#mainNav #mainNavSearch form
{
	float:left;
	width:auto;
}

#mainNav #mainNavSearch #mainNavSearchLabel
{
	float:left;
	padding-top:4px;
	margin-right:11px;
	width:auto;
}

#mainNav #mainNavSearch #mainNavSearchInput
{
	float:left;
	color:#ffffff;
	border:none;
	background:#232323;
	font-style:italic;
	padding:4px 16px 4px 16px;
	margin:0 6px 0 0;
	width:130px;
}

#mainNav #mainNavSearch #mainNavSearchType
{
	font-style:italic;
	font-family: Arial,Helvetica,sans-serif;
	color:#FFFFFF;
	background:#232323;
	border:0px;
	padding:3px 3px 3px 3px;
	float:left;
	margin:0 6px 0 0;
	width:auto;
}

#mainNav #mainNavSearch #mainNavSearchBttn
{
	float:left;
	cursor:pointer;
	background:transparent url(images/search-bttn-bg.gif) no-repeat 0 0;
	border:none;
	padding:0px;
	width:24px;
	height:24px;
}

/*----------------------------------------------
	MAIN CONTENT
----------------------------------------------*/

#mainContent
{
	background-color:#ffffff;
	float: left;
	padding:20px 20px 40px 20px;
	width: 920px;
}

#mainContent ul{list-style:disc inside;}

#mainContent .leftcol
{
	float:left;
	margin-right:20px;
	width:210px;
}

#mainContent .leftcol #subNavList{list-style:none;background:#efefef;margin-bottom:6px;}

#mainContent .leftcol #subNavList,
#mainContent .leftcol #subNavList li
{
	color:#383838;
	float:left;
	width:100%;
}

#mainContent .leftcol #subNavList li{border-bottom:1px solid #d6d6d6;}
#mainContent .leftcol #subNavList li.subNavListLast{border-bottom:none;}

#mainContent .leftcol #subNavList li a,
#mainContent .leftcol #subNavList li span
{
	background:transparent url(images/subnav-list-bullet.gif) no-repeat right center;
	text-decoration:none;
	color:#383838;
	font-size:13px;
	float:left;
	padding:10px 36px 10px 18px;
	width:156px;
}

#mainContent .leftcol #subNavList li a:hover{background:transparent url(images/subnav-list-bullet-hover.gif) no-repeat right center;}

#mainContent .leftcol #subNavList li .subNavListHltd{color:#de262e;background:transparent url(images/subnav-list-bullet-hover.gif) no-repeat right center;}

#mainContent .rightcol
{
	float:left;
	padding-bottom:22px;
	width:690px;
}

#mainContentBttm
{
	/*background:#f3f3f3 url(images/paypal-bttm-bg.gif) no-repeat right 0;*/
	background:#f3f3f3;
	float:left;
	/*padding:0 225px 0 0;*/
	padding:0 20px 0 0;
	margin-bottom:11px;
	width:900px;
	height:44px;
}

#mainContentBttm #mainContentBttmContact
{
	float:left;
	padding:14px 0 0 16px;
	width:auto;
}

#mainContentBttm #mainContentBttmContact #telBttm
{
	font-size:15px;
	font-weight:bold;
}

#mainContentBttm #mainContentBttmDeliver
{
	background:transparent url(images/delivery-icon.gif) no-repeat right 8px;
	color:#258cc4;
	float:right;
	padding:14px 43px 0 0;
	width:auto;
	height:30px;
}

#mainContentBttmSeparator
{
	background:transparent url(images/hazard-line-bg.gif) repeat-x 0 0;
	float:left;
	width:100%;
	height:10px;
}

/*----------------------------------------------
	HERO
----------------------------------------------*/

#hero
{
	border:2px solid #ebebeb;
	float:left;
	padding:20px;
	margin-bottom:8px;
	width:646px;
}

#hero .heroProdImg
{
	text-align:center;
	font-size:0px;
	line-height:0;
	float:left;
	margin-right:20px;
	width:256px;
	height:166px;
}

#hero .heroProdDtls
{
	float:left;
	width:370px;
	height:141px;
}

#hero .heroProdDtls .heroProdDtlTitle
{
	margin-bottom:12px;
	font-size:18px;
	float:left;
	width:100%;
}

#hero .heroProdDtls .heroProdDtlList
{
	list-style: inside url('images/bullet-red-small.gif');
	color:#de262e;
	float:left;
	width:100%;
}

#hero .heroProdDtlLinks
{
	float:right;
	width:370px;
}

#hero .heroProdDtlLinks .bttnLink
{
	text-decoration:none;
	background-color:#ebebeb;
	float:left;
	padding:4px 15px 4px 15px;
	width:auto;
}

#hero .heroProdDtlLinks .bttnLink:hover{text-decoration:underline;}

#hero .heroProdDtlLinks #viewProdDtls.bttnLink
{
	margin-right:14px;
}

#hero .heroProdDtlLinks #viewProdRng.bttnLink
{
	color:#ffffff;
	background-color:#535353
}

#heroBttnsWrap
{
	float:left;
	margin-bottom:8px;
	width:690px;
}

/*----------------------------------------------
	INTRO
----------------------------------------------*/

#intro
{
	float:left;
	margin-bottom:30px;
	width:100%;
}

#intro h1{font-weight:bold;margin-bottom:26px;}

/*----------------------------------------------
	PRODUCTS
----------------------------------------------*/

.prodPreview, .catHolder
{
	border: 2px solid #ebebeb;
	float:left;
	margin-right:9px;
	margin-bottom:30px;
	width:220px;
}

.catHolder {
	width: 220px;
}

#prodPreviewLast.prodPreview
{
	margin-right:0px;
}

.prodPreview .prodPreviewCnt
{
	float:left;
	padding:14px;
	width:192px;
}

.catHolder, .catHolderCnt
{
	float:left;
	padding:14px 0px 14px 0px;
	width:205px;
	text-align: center;
}

.prodPreview .prodPreviewCnt .prodPreviewImg
{
	font-size:0px;
	line-height:0;
	float:left;
	margin-bottom:20px;
	width:100%;
	height: 160px;
}

.prodPreview .prodPreviewCnt .prodPreviewTitle
{
	font-size:14px;
	float:left;
	margin-bottom:18px;
	width:100%;
}

.catHolder .catHolderCnt .catHolderTitle
{
	font-size:12px;
	float:left;
	margin-bottom:18px;
	margin-top: 15px;
	margin-left: 35px;
	padding-right: 5px;
	width:130px;
	text-align: left;
	color: #1e3777;
	background: url(images/requestcat-arrow.gif) no-repeat;
	background-position: right center;
	text-decoration: none;
	cursor: pointer;
}


.prodPreview .prodPreviewCnt .prodPreviewPrice
{
	color:#de262e;
	font-weight:bold;
	float:left;
	margin-bottom:10px;
	width:100%;
}

.prodPreview .prodPreviewLink
{
	text-decoration:none;
	background-color:#ebebeb;
	float:left;
	padding:5px 15px 5px 15px;
	width:190px;
}

.prodPreview .prodPreviewLink:hover{text-decoration:underline;}

/*----------------------------------------------
	FOOTER
----------------------------------------------*/

#footer
{
	float:left;
	width:100%;
}

#footerTop
{
	background:transparent url(images/footer-separator-bg.gif) repeat-x 0 bottom;
	float:left;
	margin-bottom:14px;
	width:100%;
	height:66px;
}

#footerTopLeft,
#footerNavList
{
	float:left;
	width:auto;
}

#footer{padding-top:22px;}

#footerTopLeft{padding-left:10px;}

#footerNavList li
{
	font-size:14px;
	list-style:none;
	display:inline;
}

#footerNavList li a
{
	font-size:14px;
	color:#545454;
	text-decoration:none;
}

#footerNavList li a:hover{text-decoration:underline;}

#newsletterSignup
{
	float:right;
	width:455px;
}

#newsletterSignup form 
{
    margin: 0;
    padding: 0;
    position: relative;
    float: right;
    width: 100%;
}

#newsletterSignup #newsletterSignupTitle
{
	color:#de262e;
	font-size:16px;
	width:455px;
	display: block;
}

#newsletterSignup #newsletterSignupLabel
{
	margin-right:7px;
}

#newsletterSignup #newsletterSignupInput
{
	color:#ffffff;
	border:none;
	background:#535353;
	font-style:italic;
	margin-top:1px;
	padding:4px 16px 4px 16px;
	margin-right:2px;
	width:191px;
}

#newsletterSignup #newsletterSignupBttn
{
	cursor:pointer;
	background:transparent url(images/newsletter-bttn-bg.gif) no-repeat 0 0;
	border:none;
	width:24px;
	height:24px;
}

#footerBttm
{
	font-size:11px;
	float:left;
	width:100%;
}

#footerSister
{
	float:left;
	width:auto;
}

#footerSister a{text-decoration:none;}
#footerSister a:hover{text-decoration:underline;}

#footerCopy
{
	float:right;
	width:auto;
}

#footerCopy a{text-decoration:none;color:#de262e;}
#footerCopy a:hover{text-decoration:underline;}

/*----------------------------------------------
	CATALOGUE
----------------------------------------------*/

.rightcol #catalogue #itemsDetailSort
{
	color:#fff;
	background-color:#484848;
}

.rightcol #catalogue #itemsDetailSort a
{
	color:#fff;
}

/*----------------------------------------------
	SLIDER
----------------------------------------------*/

.glidecontentwrapper{
	position: relative; /* Do not change this value */
	width: 646px;
	height: 166px; /* Set height to be able to contain height of largest content shown*/
	overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/
.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: white;
	visibility: hidden;
	width: 646px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
	float:right;
	padding-right:6px;
	width:auto;
	background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
	text-decoration:none;
	background:transparent url(images/hero-bttn.gif) no-repeat 0 0;
	float:left;
	margin-right:4px;
	width:12px;
	height:12px;
}

.glidecontenttoggler a.selected,
.glidecontenttoggler a:hover{
	background:transparent url(images/hero-bttn-active.gif) no-repeat 0 0;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{}

/*----------------------------------------------
	FORM
----------------------------------------------*/

input.submitBttn
{
	cursor:pointer;
	background-color:#EBEBEB;
	border:1px solid #d6d6d6;
	float:left;
	padding:4px 15px;
	text-decoration:none;
	width:auto;
}

input.errorInput, textarea.errorInput {
	color: Red;
	font-family: Arial,Helvetica,sans-serif;
}

.formInput input, .formInput textarea {
	font-family: Arial,Helvetica,sans-serif;
}