@charset "UTF-8";
/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

body, ul, li
{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
}

body
{
	background: #0D0D0D;
}

.printonly
{
	display: none;
}

a
{
	color: #C00;
	text-decoration: none;
	outline:none;
}

a img
{
	border: none;
}

label.error
{
	font-weight: bold;
	color: #c00;
	margin: 0;
}

#page
{
	min-height:520px;

}


/*
container
*/

#main
{
	width: 960px;
	margin: 0 auto;
	background: white;
}

/*
header
*/


#topnav
{
	background: #999b9e;
	padding: 10px;
	font-weight: bold;
}

#topnav a
{
	color: white;
	padding: 0 10px;
}

#topnav a:hover { text-decoration: underline; }
#topnav a.current { text-decoration: underline; }
#topnav span { color: cyan; }

#topnav #resource-login
{
	width: 170px;
	float: right;
	color: white;
	text-align:right;
}

#head
{
	background: #0D0D0D;	
	clear: both;
}

h1#logo
{
	padding: 24px 0 0 37px;
	margin: 0;
	width: 259px;
	height: 37px;
	background: url(../assets/img/layout/logo.png) bottom right no-repeat;
}

#logo a{
	display:block;
	width: 259px;
	height: 37px;
	text-indent: -10000px;
}

#nav-strip { height: 25px; }
.strip-home { background: #333 url(../assets/img/layout/headerStripGloss.png) repeat-x; } 
.strip-icbrands { background: #939598 url(../assets/img/layout/headerStripGloss.png) repeat-x; }
.strip-icgifts { background: #930000 url(../assets/img/layout/headerStripGloss.png) repeat-x; }
.strip-icbags { background: #7a2a81 url(../assets/img/layout/headerStripGloss.png) repeat-x; }
.strip-icgreen { background: #4db245 url(../assets/img/layout/headerStripGloss.png) repeat-x; }
.strip-icpens { background: #00a7e6 url(../assets/img/layout/headerStripGloss.png) repeat-x; }
.strip-icstuff { background: #f5bc22 url(../assets/img/layout/headerStripGloss.png) repeat-x; }
.strip-icbuildyourown { background: #e30087 url(../assets/img/layout/headerStripGloss.png) repeat-x; }

ul#nav
{
	height: 40px;
	margin-top: 25px;
}

ul#nav li
{
	width: 160px;
	height: 40px;
	background: url(../assets/img/layout/nav.png);
	list-style: none;
	float: left;
}

ul#nav li a
{
	width: 160px;
	height: 40px;
	background: url(../assets/img/layout/nav.png);
	display: block;
	text-indent: -10000px;
}

ul#nav li a:hover { background-image: none; }
ul#nav li a.current:hover { background: url(../assets/img/layout/nav.png); }
ul#nav li#brands { background-position: 0 -40px; }
ul#nav li#brands a { background-position: 0 0; }
ul#nav li#brands a.current, .body-home ul#nav li#brands a { background-position: 0 -80px; }
ul#nav li#gifts { background-position: -160px -40px; }
ul#nav li#gifts a { background-position: -160px 0; }
ul#nav li#gifts a.current, .body-home ul#nav li#gifts a  { background-position: -160px -80px; }
ul#nav li#bags { background-position: -320px -40px; }
ul#nav li#bags a { background-position: -320px 0; }
ul#nav li#bags a.current, .body-home ul#nav li#bags a  { background-position: -320px -80px; }
ul#nav li#green { background-position: -480px -40px; }
ul#nav li#green	 a { background-position: -480px 0; }
ul#nav li#green	 a.current, .body-home ul#nav li#green a  { background-position: -480px -80px; }
ul#nav li#pens { background-position: -640px -40px; }
ul#nav li#pens a { background-position: -640px 0; }
ul#nav li#pens a.current, .body-home ul#nav li#pens a  { background-position: -640px -80px; }
ul#nav li#stuff { background-position: -800px -40px; }
ul#nav li#stuff a { background-position: -800px 0; }
ul#nav li#stuff a.current, .body-home ul#nav li#stuff a  { background-position: -800px -80px; }

ul#nav li#buildyourown
{
	display:none;
	width: 150px;
	background-position: -810px -40px;
}

ul#nav li#buildyourown a
{
	width: 150px;
	background-position: -810px 0;
}

ul#nav li#buildyourown a.current
{
	width: 150px;
	background-position: -810px -80px;
}



/*
homepage
*/

#home-intro{width:217px; float:left; margin:30px 0 0 40px; _margin-left:20px}
.home-feature{width:241px; height:181px; background:url(../assets/img/home/bg-feature-description_over.png) bottom repeat-x; float:right; margin:30px 45px 0 0}
.home-feature p{padding:10px 0 0 10px;}
.home-feature a{width:241px; height:181px;color:white; background:url(../assets/img/home/bg-feature-description.png) bottom repeat-x;display:block;}
.home-feature a:hover{background-image:none;}
.home-bannerleft{float:left; margin:30px 0px 30px 40px;}
.home-bannerright{float:right; margin:30px 40px 30px 0;}


.homeHero	{clear:both; height:520px;background:url(../assets/img/sections/bgHome.jpg) no-repeat; position: relative; }
.homeHero #homeSlides	{ width:680px; height:320px; overflow:hidden; float:left; }
.homeHero #homeIntro	{ width:280px; height:280px; padding:20px; float:left;margin-left:180px; }
.homeHero #homeIntro h2	{ font-size:32px; margin-bottom:15px; line-height:32px; color:#FFF; }
.homeHero #homeIntro .introLogo { margin-bottom:20px; }

.homeHero #homeCta { position: absolute; top:25px; right:15px; width:380px; }
.homeHero #homeCta #carouselBanners { display: block; overflow:hidden; height: 120px; margin-bottom: 15px; background: url(../assets/img/layout/home-cta-large-bg.png) no-repeat;  }
.homeHero #homeCta a.ctaBlock { display: block; height: 80px; margin-bottom: 10px; background: url(../assets/img/layout/home-cta-bg.png) no-repeat; position:relative;  }
.homeHero #homeCta a.ctaBlock span { display: block; padding: 40px 0 0 20px; font-size: 18px; font-weight: bold; height: 35px; cursor: pointer; }
.homeHero #homeCta a.ctaBlock span.updated { display: none; position:absolute; left:-10px; top:-11px; background: url(../assets/img/home/banner-cta-updated.png) no-repeat; width:70px; height:22px; padding:0; } 
.homeHero #homeCta a#icOutlet { background-image: url(../assets/img/home/banner-cta-outlet.png); text-shadow: 0 1px 1px #666; }
.homeHero #homeCta a#icUpdate { color:#FFF; background-image: url(../assets/img/home/banner-cta-update.png); text-shadow: 0 -1px 1px #000; }
.homeHero #homeCta a#icMobile { background-image: url("../assets/img/home/banner-cta-mobile-2.png"); color: #333; height: 115px; left: -320px; position: absolute; top: 290px; width: 260px; }
.homeHero #homeCta a#icMobile span { font-size: 12px; line-height: 1; padding: 67px 140px 0 20px; } 
.homeHero #homeCta a#icNew { color:#000; background-image: url(../assets/img/home/banner-cta-new.png); text-shadow: 0 1px 1px #AAA; }
.homeHero #homeCta a#icCatalogue { background-image: url(../assets/img/home/banner-cta-download.png); text-shadow: 0 1px 1px #FFF; }
.homeHero #homeCta a#icCatalogue span { padding-top: 8px; }
.homeHero #homeCta a#icCatalogue span.showOnHover { display:none; color:#FFF; font-size:12px; padding-top: 0; text-shadow: 0 -1px 1px #000; }
.homeHero #homeCta a#icNew:hover, .homeHero #homeCta a#icUpdate:hover, .homeHero #homeCta a#icOutlet:hover, .homeHero #homeCta a#icCatalogue:hover, .homeHero #homeCta a#icMobile:hover { background-position: left bottom; }
.homeHero #homeCta a#icCatalogue:hover span.showOnHover { display: block; }
.homeHero #homeCta a.updated { background-position:bottom;}
.homeHero #homeCta a.updated span.updated { display:block;}

/*
Search Form
*/

#head #search{width:363px;float:right; margin:20px 0 0;}
#head #search p{margin:3px 0; float:left; width:100px;color:#FFF;}
#head #search p.advanced{float:right; width:195px;}
#head #search form input.searchbox{background:url(../assets/img/layout/input-search.png) top; width:156px; height:24px; border:none; outline:none; padding:0 0 0 5px; float:left;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:24px; }
#head #search form input.searchbox:focus{background-position:bottom; }
#head #search form input.searchbutton{background:url(../assets/img/layout/btn-go-red.png) top; color:white; width:70px; height:23px; border:none; outline:none; padding:0; margin:0 0 0 5px; float:left; text-indent:-15000px; cursor:pointer }

/*resource style*/
#head #search form input.searchbutton:hover{background-position:bottom; }


#whatsnew{width:529px;height:135px; background:url(../assets/img/home/box-whatsnew.png); float:right; margin:30px 45px 0 0}
#whatsnew p{width:115px; float:right; font-weight:bold; font-size:15px; margin:0 5px 0 5px;}
#whatsnew img{float:left;}
#whatsnew span{color:#707070;}
#whatsnew .fakelink a
{
	float: left;
	display: block;
	width:260px;
	height:135px;
	cursor: pointer;
}

#whatsnew p a
{
	display:block; color:black;
	float: left;
	width: 115px;
	height: 110px;
	padding-top: 25px;
}



#whatsnewimage
{
	float: right;
	margin: 1px 0 0 0;
}

#section-hero{padding:60px 0 40px 0;}
#section-copy{font-size:14px; color:#231f20; padding:20px 0 10px 45px; width:550px;}
#section-copy h2{font-size:35px; color:#cc0000; text-transform:uppercase; padding:10px 0;}

#section-copy.aboutus{color:#333333; padding:70px 80px 0px; width:auto;}
#section-copy.aboutus h2{ color:#333; }

/* page */

#content{position:relative;}

.freight #page, .search #page, #body-login #page
{
	padding: 40px;
	clear: both;
}

span.rgb{
border:1px solid #999999;
display:block;
float:left;
height:9px;
margin:0 5px 2px 0;
padding:0;
width:9px;
}

#details .tabs
{
	width: 340px;
	height:23px;
}

#details .tabs a
{
	display: block;
	float: left;
	margin-right: 1px;
	text-align:center;
	width:90px;
	height:17px;
	padding-top:6px;
	background: url(../assets/img/products/stock-tabs.png) left top;
	color: #333;
}

#details .pricetabs a
{
	width:85px;
	margin-right: 0;
	font-size: 11px;
	background: url(../assets/img/products/price-tabs.png) left top;	
}

#details .tabs a.active, #details .tabs a:hover
{
	color: white;
	background-position:right top;
}

.stock, .pricing
{
	margin: 0 0 10px 0;
	clear: left;
}
.stock td
{
	background-color: #eee;
	font-weight: bold;
}

.stock td.right, .pricing td.right
{
	text-align: right;
}

.pricing th
{
	background-color: #5C5C5C;
	font-size: 11px;
}

.pricing th.label
{
	background-color: #777;
}

/*------------------------------------------------------------
	Table elements
------------------------------------------------------------*/

table {
	width: 100%;
	border: none;
}
	
	table tr.tr_alt {
		background: #ddd;
	}

		table th,
		table td {
			padding: 5px 15px;
		}
	
		table th {
			padding: 6px 15px;
			font-size: 13px;
			color: #fff;
			text-align: left;
			background: #c00;
		}
		
			table th a {
				color: #fff;
			}
	
		table td {
		}



/*DESIGNER GALLERY*/
/* SPLASH */

#splash, #intro
{
	margin: 0 20px;
}

/* SECTION */

#section-splash, #section-intro,  #section-image
{
	margin: 0 20px;
}

#section-intro
{
	font-size: 13px;
	padding: 10px;
	background: #EEE;
	width: 645px;
}

#section-image h3 a
{
	font-size: 16px;
}

#section-image p a
{
	font-size: 13px;
}

/*
menu
*/

#menuBg { width:233px; position:absolute;  bottom:0px; top:0px; left:0px; background: url(../assets/img/layout/black-35pc.png); z-index:1;}
ul#menu *{list-style:none; clear:both;}

ul#menu{width:233px; padding:0; margin:0px; list-style:none; position: relative; z-index: 20; float:left; }

ul#menu li{width:233px; border-bottom:1px solid #FFF; }
ul#menu li:hover,
ul#menu li.sub ul li:hover,
ul#menu li.products ul li:hover
{background-position:bottom right;}

ul#menu li a{display:block; padding:4px 0 4px 15px; font-size:14px; width:218px; text-decoration:none; color:#FFF;}
ul#menu li.active a{color:white !important;}

ul#menu li.sub, ul#menu li.sub ul li.products{height:auto; border-bottom:none; }
ul#menu li.sub ul li,
ul#menu li.products ul li{ background: url(../assets/img/layout/black-35pc.png); }
ul#menu li.sub ul li.active,
ul#menu li.products ul li.active{ background: url(../assets/img/layout/black-55pc.png); }
ul#menu li.sub ul li.products ul li{  }
ul#menu li.sub ul li.products ul li:hover a{  }

ul#menu li ul li a{ font-size:11px;}
ul#menu li ul li ul li.active, ul#menu li ul li ul li.active a { font-weight:bold; }
ul#menu li ul li ul li a{ font-size:11px;}
ul#menu ul{clear:both; }
ul#menu ul ul{ background:#CCCCCC}


ul#menu.icbrands li a, #product h2.brands span{ }
ul#menu.icbrands li.active{background:url(../assets/img/layout/black-75pc.png);}
ul#menu.icgifts li a, #product h2.gifts span{ }
ul#menu.icgifts li.active{background:url(../assets/img/layout/black-75pc.png);}
ul#menu.icbags li a, #product h2.bags span{ }
ul#menu.icbags li.active{background:url(../assets/img/layout/black-75pc.png);}
ul#menu.icgreen li a, #product h2.green span{ }
ul#menu.icgreen li.active{background:url(../assets/img/layout/black-75pc.png);}
ul#menu.icpens li a, #product h2.pens span{ }
ul#menu.icpens li.active{background:url(../assets/img/layout/black-75pc.png);}
ul#menu.icstuff li a, #product h2.stuff span{ }
ul#menu.icstuff li.active{background:url(../assets/img/layout/black-75pc.png);}
ul#menu.icbuildyourown li a, #product h2.byo span{ }
ul#menu.icbuildyourown li.active{background:url(../assets/img/layout/black-75pc.png);}

body.icgifts #main #content.section #page { background:url(../assets/img/sections/bgGifts.jpg) top center no-repeat; }
body.icbrands #main #content.section #page { background:url(../assets/img/sections/bgBrands.jpg) top center no-repeat; }
body.icbags #main #content.section #page { background:url(../assets/img/sections/bgBags.jpg) top center no-repeat; }
body.icgreen #main #content.section #page { background:url(../assets/img/sections/bgGreen.jpg) top center no-repeat; }
body.icpens #main #content.section #page { background:url(../assets/img/sections/bgPens.jpg) top center no-repeat; }
body.icstuff #main #content.section #page { background:url(../assets/img/sections/bgStuff.jpg) top center no-repeat; }

body #main #content.info #page .aboutus { background:url(../assets/img/sections/bgAbout.jpg) top center no-repeat; height:455px; }

body.icgifts #main #content.section #page,
body.icbrands #main #content.section #page,
body.icbags #main #content.section #page, 
body.icgreen #main #content.section #page,
body.icpens #main #content.section #page, 
body.icstuff #main #content.section #page { min-height:520px; margin-top:-1px; }

#page.catpage { min-height:520px; }

#product-hero{width:320px; float:left; margin-left:65px;}
#product-hero-copy{width:250px; float:right; margin:75px 50px 0 0;font-size:13px; color:#ffffff; text-shadow: 0px 1px 1px rgba(0,0,0,0.7);}
#product-hero-copy img.heroLogo{margin-bottom:15px;}
#product-hero-copy img.heroLogo.heroGreen{margin-left:-36px;margin-top:-20px;}

#flyout-featured { position:absolute; right:0; bottom:30px; height:160px; width:600px; overflow:hidden; }
#flyout-featured .itemWrapper { width: 533px; position:absolute; right:-323px; box-shadow: 3px 1px 5px rgba(0,0,0,0.75); -webkit-box-shadow: 3px 1px 5px rgba(0,0,0,0.75); border-radius: 10px 0 0 10px; }
#flyout-featured .flyoutProduct, #flyout-featured .flyoutButton { float:left; background:#FFF; height:140px; width:160px; border-right:1px solid #CCC; text-align: center; }
#flyout-featured .flyoutButton { width: 50px; border-right: none; background: #939598 url(../assets/img/layout/featured-products-flyout-tab.png) no-repeat right center; border-radius: 10px 0 0 10px; cursor: pointer; }
#flyout-featured .flyoutProduct .code { color: #939598; font-weight: bold; font-size: 11px; }
#flyout-featured .flyoutProduct .title a { color: #000; }

.icgifts #flyout-featured .flyoutButton { background-color: #930000; }
.icgifts #flyout-featured .flyoutProduct .code { color: #930000; }
.icbags #flyout-featured .flyoutButton { background-color: #7A2A81; }
.icbags #flyout-featured .flyoutProduct .code { color: #7A2A81; }
.icgreen #flyout-featured .flyoutButton { background-color: #4DB245; }
.icgreen #flyout-featured .flyoutProduct .code { color: #4DB245; }
.icpens #flyout-featured .flyoutButton { background-color: #00A7E6; }
.icpens #flyout-featured .flyoutProduct .code { color: #00A7E6; }
.icstuff #flyout-featured .flyoutButton { background-color: #F5BC22; }
.icstuff #flyout-featured .flyoutProduct .code { color: #F5BC22; }

/*#description{width:402px; float:right; font-size:12px; color:#494949; }*/

#image{width:300px; float:left; margin-left:20px;}

#section-intro
{
	float: right;	
	padding: 0;
	margin: 20px;
	background: none;	
	color: #000000;
}

#section-intro h2
{
	font-size: 32px;
}

#section-intro p
{
	font-size: 14px;
	color: #999;
	margin: 10px 10px 0 0;
	
	line-height: 1.2em;
}

.subs
{
	float: right;
	padding: 20px;
	width: 645px;
}

.subs .sub
{
	float: left;
	height:140px;
	margin:0 20px 10px 0;
	width:130px;
	font-size: 11px;
}

.sub img
{
	border: none;
	width: 100px;
	height: 100px;
	margin-bottom: 2px;
}

.subs h2 a
{
	font-size: 14px;
}	

.subs h3
{
	font-size: 32px;
}	

.subs a
{
	font-weight: bold;
}


/* PRODUCT PAGE */


#product
{
	float: right;
	width: 690px;
	padding-bottom: 150px;
	margin: 0 10px;
}

#product h2
{
		width:100%; border-bottom:#ccc 1px solid; color:#a9a9a9; float:left; margin:20px 211px 15px 0; font-size:20px;
}

#page.icbrands #product h2 span {color:#939598;}
#page.icgifts #product h2 span {color:#930000;}
#page.icbags #product h2 span {color:#7a2a81;}
#page.icgreen #product h2 span {color:#4db245;}
#page.icpens #product h2 span {color:#00a7e6;}
#page.icstuff #product h2 span {color:#f5bc22;}
#page.icbuildyourown #product h2 span {color:#e30087;}

#product #shot
{
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
	width: 300px;
}

#product h3
{
	margin: 10px 0;
	color: #494949;
}

#description{width:325px; float:right; font-size:12px; color:#494949; }


#changer
{
	display: none;
}

#changer.visible
{
	display: block;
}

.changerTrigger
{
	margin: 5px 0 15px 20px;
}

#product .views
{
	float: left;
	width: 280px;
	margin: 0 0 10px 15px;
}

#product .views p
{
	float: left;
	margin: 0;
	padding: 0;
	width: 269px;	
	background-color: #EEE;
}

#product .views p.changer
{
	border-bottom: none;
}

#product .views ul
{
	display: inline;
	float: left;
	width: 269px;
	background-color: #FFF;
	list-style: none;
	padding: 4px 7px;
}

#product .views span.label
{
	float: left;
	width: 171px;
	margin-left: 7px;
	padding: 4px 0;	
	color: #333;
	text-transform: uppercase;
	font-size: 11px;
}

#product .views span.labelWide
{
	float: left;
	width: 255px;
	padding: 4px 7px;
	margin-left: 7px;
	color: #333;
	text-transform: uppercase;
	font-size: 11px;
}

.views span#orderCode,
.views span#orderCodeWhite,
.views span#orderCodeSilver
{
	float: right;
	padding: 4px 7px;
	width: 70px;
	text-align: right;
	font-size: 11px;
}

.views span.rgb
{
	display: block;
	float: left;
	background-color: #FFF;
	border: 1px solid #999;
	width: 9px;
	height: 9px;
	padding: 0;
	cursor: hand;
	margin: 2px 5px 2px 0;
}


#product .views li
{
	display: inline;
}

#product .views li a
{
	color: #333;
	width: 1px;
	margin-right: 5px;
	font-size: 11px;
}

#product .views.long li a
{
	float: left;
	display: block;
	width: 40%;
	margin-bottom: 5px;
}


#product #groupedViews
{
	margin: 10px 0 0 0;	
}

#product #groupedViews #barrelselector
{
	width: 272px;
	padding: 0 0 0 15px;
	float: left;
}

#product #groupedViews #barrelselector a
{
	display: block;
	float: left;
	width: 85px;
	height: 12px;
	padding: 5px 2px;
	margin: 0;
	text-align: center;
	color: #000;
	border-bottom: 1px solid #fff;
	background: #fff;
	font-size: 11px;

}

#product #groupedViews #barrelselector a:hover
{
	color: #00AEEF;
}

#product #groupedViews #barrelselector a#whitebarrel
{
	width: 87px
}

#product #groupedViews #barrelselector a.barrelactive, #product #groupedViews #barrelselector a.barrelactive:hover
{
	background: #00AEEF;
	color: #fff;
	border-bottom: 1px solid #fff;
}

#product #groupedViews label
{
	display: inline;
	width: 100px;
	font-size: 12px; 
	clear: left;
	margin: 0 0 10px 0; 
	padding: 10px 10px;
}

#product #groupedViews select
{
	width: 100px;
	margin: 0 0 10px 0;
}

#product #groupedViews p.expochanger
{
	margin: 10px 0 0 0;
	border-bottom: none;
}


#product #groupedViews p.expochanger span.labelWide, #product p.changer span.labelWide
{
	float: left;
	width: 268px;
	widt\h: 268px;
	margin-left: 7px;
	background-color: #000;
	color: #333;
	text-transform: uppercase;
	font-size: 11px;
	/*padding: 0 10px 0 0;*/
	
}

#product #groupedViews p.expochanger span.labelWide a, #product p.changer span.labelWide a
{
	display: block;
	padding: 4px 10px 4px 10px;
	color: #FFF;
	text-align: center;
}

#product .views ul#colouredoptions
{
	display: block;
}

#product #whiteoptions
{
	display: none;
}

#product #silveroptions
{
	display: none;
}

#product #shot #altviews
{
	float: left;
	clear: left;
	width: 300px;
	margin: 0 0 0 5px;
	padding: 10px 0;
	color: #000;
}

div#altviews p
{
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
}


ul#altviewcontainer {
float:left;
list-style-type:none;
margin:0;
padding:0;
}

ul#altviewcontainer li {
background-color:#DEDEDE;
border:1px solid #999999;
float:left;
margin:0;
padding:0;
width:95px;
}

ul#altviewcontainer li.altview img {
float:left;
margin:0;
padding:0;
width:95px;
}

ul#altviewcontainer li.altview a {
background-color:#DEDEDE;
clear:left;
color:#666666;
float:left;
height:32px;
margin:0;
padding:4px 4px 0;
text-align:left;
width:87px;
}

#product #details
{
	float: right;
	width: 300px;
	padding: 0;
}

#product div.panel
{
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
}

#details h2
{
	margin: 10px 0;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}

#details h2 span
{
	font-size: 32px;
	color: #C00;
}

#details #tools
{
	float: left;
	width:300px;
	font-size:11px;
}


#details #tools p
{
	/*
	float: left;
	width:135px;
	*/
	margin: 0;
	padding: 0 0 0 27px;
	
	border-bottom:#dedede 1px solid;
	background-color:#f9f9f9;	
		
}

#details #tools a
{
	display: block;
	padding: 7px;
	background-color: #FFF;
	color:#494949;
	text-decoration:none;
	font-size: 11px;
	background-repeat: no-repeat;
}

#details #tools p:hover a
{
	background:#dedede;
}

#details #tools p.zoom, #details #tools p.line
{
	background: url('../assets/img/products/icon-down.png') 6px 5px no-repeat;
}


#details #tools p.email
{
	background: url('../assets/img/products/icon-email.png') 6px 5px no-repeat;
}

#details #tools p.print
{
	background: url('../assets/img/products/icon-print.png') 6px 5px no-repeat;
}

#details #tools p.freight
{
	background: url('../assets/img/products/icon-freight.png') 6px 5px no-repeat;
}

#details #tools .productlist
{
	background: url('../assets/img/products/icon-add.png') 6px 5px no-repeat;
}

#details #tools .stockenquiry
{
	background: url('../assets/img/products/icon-stock.png') 6px 5px no-repeat;
}
/*
#details #tools .usbpricing
{
	background: url('../assets/img/products/icon-usb.png') 6px 5px no-repeat;
}
*/
#details #tools #zoom_extra
{
	display: none;
	/*float: left;*/
	width: 100%;
	clear: left;
	background: #EEE;
}

#details #tools #zoom_extra p
{
	background-color: #EEE;	
	float: left;
	width: 122px;
	margin-right: 1px;
}

#details #tools #zoom_extra a
{
	background-image: none;
	background-color: #EEE;
	text-transform: none;
	font-size: 10px;
	color: #000;
}

#details #tools #zoom_extra p:hover
{
	background-color: #222;
	color: #FFF;
}

#details #tools #zoom_extra p.zoomcolour
{
	padding: 0 0 0 5px;
	width: 144px;
}

#details #tools #zoom_extra p.zoomcolour a
{
	margin-left: 22px;
}


#details #tools #zoom_extra p.zoomcolour span
{
	display: block;
	float: left;
	width: 15px;
	height: 10px;
	border: 1px solid #999;
	margin: 5px 0 0 0;
}


#details #description
{
	float: left;
	margin: 5px 0 20px 0;
	color: #494949;
}

#description h3
{
	margin: 10px 0;
}

#description p
{
	margin: 0 50px 0 0;
	padding: 0 17px 0 0;
	font-size: 12px;
	color: #000;
}

#details ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

#details li
{
	margin: 0;
	padding: 0 7px 5px 0;
	font-size: 12px;
}

#details #description p.usb
{
	margin-top: 20px;
	width: 100px;
	height: 41px;
	background-image: url(/assets/images/widgets/usb.gif);
	background-repeat: no-repeat;
	background-position: 1px;
}

#details #description p#registered
{
	margin: 20px 0 0 0;
}

#details #description p#prdlogo
{
	margin: 20px 0 0 0;
}

#details #description p#prdlandcarelogo
{
	margin: 20px 0 20px 0;
}

#details #description p a.brandlink
{
	display: block;
}

p.usb span
{
	margin: -10000px;
}

#details #description p.usb2
{
	background-image: url(/assets/images/widgets/usb2.gif);
}

#hiresSelect
{
	float: left;
	width: 571px;
	padding: 12px;
	margin-left: -3px;
	border-left: 3px solid #000;
}

#hiresSelect .col
{
	float: left;
	width: 285px;
}

#hiresSelect h2
{
	font-size: 13px;
	font-weight: normal;
	color: #000;
	margin-top: 0;
}

#hiresSelect h3
{
	font-size: 11px;
	font-weight: normal;
	color: #C00;
}

#hiresSelect p
{
	font-size: 11px;
	font-weight: normal;
}

#hiresSelect label
{
	display: inline;
	font-size: 10px;
}

#hiresSelect .item
{
	float: left;
	clear: both;
}

#hiresSelect .item p.image
{
	float: left;
	padding: 0;
	margin: 0;
}

#hiresSelect .item p.download
{
	float: left;
	margin: 40px 0 0 10px;
}

#stock-enquiry
{
	float: left;
}



/*Catalogue Colours*/
#content #page #introtext .icpenscolor {
	color:#00AEEF;
}

#content #page #introtext .icbrandscolor {
	color:#999;
}

#content #page #introtext .icgiftscolor {
	color:#900;
}

#content #page #introtext .icbagscolor {
	color:#7C2B83;
}

#content #page #introtext .icstuffcolor {
	color:#FBB825;
}

#content #page #introtext .icgreencolor {
	color:#34B233;
}

/*Advanced Search Form*/

#content #page #introtext h4 {
	color:#C00;
	font-size:14px;
}

#content #page #introtext fieldset {
	border:none;
	float:left;
	padding-right:50px;
}

#content #page #introtext label {
	display:block;
	width:150px;
	padding:10px 0 0 0;
}


/*contact us*/
#contactform label
{
	display: block;
	margin: 10px 0 5px 0;
}

#contactform label.error
{
	margin: 2px 0 0 0;
}

#contactform input, #contactform textarea
{
	background-color: #EEE;
	border: 1px solid #999;
	margin-bottom: 2px;
	width: 220px;
}

#contactform .checkboxes {
	margin:10px 10px 0 0;
	width: auto;
}

#contactform textarea {
	width:300px;
	height:100px;
}

#contactform input.submit
{
	width: auto;
	padding: 5px 10px;
	background-color: #C00;
	color: #FFF;
	font-family: 'Arial';
}

/*email product*/
#ajax-email_submit {
	padding:10px 20px;
}

#ajax-email_submit fieldset {
	margin: 8px 0;
	padding: 0;
	border: 0;
}

#ajax-email_submit fieldset legend
{
	font-weight:bold;
	padding: 4px 0;
	margin: 0;
	color:#C00;
}

#ajax-email_submit label
{
	display: block;
	margin: 5px 0;
}

#ajax-email_submit input, #ajax-email_submit textarea
{
	border: 1px solid #999;
	margin-bottom: 2px;
	width: 220px;
	font-family: 'Arial';
	font-size: 11px;
	padding: 3px;
}

#ajax-email_submit .checkboxes {
	margin:10px 10px 0 0;
	width: auto;
}

#ajax-email_submit textarea {
	height:100px;
}

#ajax-email_submit input.submit
{
	width: auto;
	padding: 5px 10px;
	background-color: #000;
	color: #FFF;
	font-family: 'Arial';
}

#freight p
{
	margin: 10px 0;
	font-size: 11px;
}

/*Downloads*/
#downloadcontainer {
	padding:0 20px;
}

.download {
	float:left;
	width:100px;
	height:120px;
	margin:0 30px 20px 0;
}

.download h4{
	width:100px;
	overflow:hidden;
}

#downloadcontainer h2 {
	margin:0 0 18px 0;
	padding:0;
	height:19px;
	font-weight:bold;
	font-size:22px;
}

#downloadcontainer h3 {
	color:#666;
	font-size:12px;
}

#downloadcontainer p {
	color:#666;
	font-size:11px;
	padding:3px 0;
	line-height:12px;
}

#content.search h2
{
	padding-bottom: 5px;
}

#content.search h3
{
	padding:10px 0;	
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom:15px;
	font-weight:normal;
	font-size:12px;
	color:#666;
}

#content.search h3 strong
{
	color:#000;
}

/*search results and new products*/
#product-thumbing
{
	float: right;
	margin: 0 0 0 0;
	padding: 0 20px;
	width: 645px;
}

.search #product-thumbing
{
	width: 860px;	
}

#product-thumbing h2
{
	margin:0 0 18px 0;
	padding:0;
	height:19px;
	font-weight:bold;
	font-size:22px;
}

#product-thumbing h3
{
	clear: left;
	margin: 10px 0 20px 0;
}

#product-thumbing h4
{
	margin: 5px 0 2px 0 ;
}

.prodthumb
{
	float: left;
	width: 130px;
	height: 170px;
	margin:0 10px 10px 0;
	font-size: 11px;
}

.prodthumb a
{
	color: #000;
}

#prodthumb img
{
	margin-bottom: 2px;
}


.prodthumb a.img
{
	text-decoration: none;
}

.prodthumb a span
{
	color: #C00;
	font-weight: bold;
}


.prodthumb a:hover
{
	text-decoration: underline;
}

div.clear
{
	clear: both;
	width: 100%;
}


/* clearance */

div.menu-clearance
{
	padding: 20px 20px;
}

.menu-clearance h2
{
	color: #C00;
	font-weight: normal;
	font-size: 16px;
}

.menu-clearance p
{
	margin: 10px 0;
}

ul#menu .menu-clearance p a
{
	padding: 0;
	color: #C00;
	font-size: 12px;
}

.flash_msg
{
	background: none repeat scroll 0 0 #EEE;
	border: medium none;
	color: #FF0000;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

#page.catpage .flash_msg
{
	width:640px;
	float:right;
}

.empty-list
{
	padding: 20px;
}

.empty-list h3
{
	color:#999999;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;
}

.empty-list p
{
	color:#999999;
}

.empty-list #emptySearch h4
{
	margin-bottom:5px;
}

.empty-list #emptySearch input.searchbox
{
	background:url(../assets/img/layout/input-search.png) top; 
	width:156px; 
	height:19px; 
	border:none; 
	outline:none; 
	padding:5px 0 0 5px; 
	float:left; 
}
.empty-list #emptySearch input.searchbutton{
	background:url(../assets/img/layout/btn-go-red.png) top; 
	color:white; 
	width:70px; 
	height:23px; 
	border:none; 
	outline:none; 
	padding:0; 
	margin:0 0 0 5px; 
	float:left; 
	text-indent:-15000px; 
	cursor:pointer;
}

.empty-list #emptySearch input.searchbox:focus{background-position:bottom; }
.empty-list #emptySearch input:hover{background-position:bottom; }


/*------------------------------------------------------------
	Pagination
------------------------------------------------------------*/

ul#pagination {
	list-style: none;
	margin: 10px 20px 0 0;
	float: right;
}


#content.search ul#pagination {
	margin: 0px 20px 0 0;
}


ul#pagination li {
	float: left;
	margin: 0 5px;
	color: #ccc;
}

ul#pagination li span#pagination_current_page {
	font-weight: bolder;
	text-decoration: underline;
}


/*------------------------------------------------------------
	New Products
------------------------------------------------------------*/
#new h2
{
	padding: 20px 20px;
}

#new h3
{
	float: left;
	width: 900px;
	padding: 5px 0;
	margin: 0 0 0 25px;
	font-size: 22px;
}

#new h3.icpens
{
	color: #00aeef;
	border-bottom: 2px solid #00aeef;
}

#new h3.icstuff
{
	color: #FBB825;
	border-bottom: 2px solid #FBB825;
}

#new h3.icgreen
{
	color: #34B233;
	border-bottom: 2px solid #34B233;
}

#new h3.icgifts
{
	color: #900;
	border-bottom: 2px solid #900;
}

#new h3.icbrands
{
	color: #999999;
	border-bottom: 2px solid #999999;
}

#new h3.icbags
{
	color: #7c2b83;
	border-bottom: 2px solid #7c2b83;
}

#new .new-catalogue-products
{
	float: left;
	width: 900px;
	padding: 30px;
}

#new .new-catalogue-products .thumb
{
	float: left;
	width: 140px;
	height: 140px;
	margin: 0 10px 10px 0;
	font-size: 11px;
}

#new .new-catalogue-products .thumb span.id
{
	color: #000;
	font-weight: bold;
}

#new .new-catalogue-products .thumb span.name
{
	color: #000;
}

#email-this-product
{
	/*
	float: left;
	margin-top: 20px;
	*/
	border-bottom: 1px solid #DEDEDE;
	background: #EEE;
}
	#email-this-product p {
		background: none !important;
   		border: none !important;
    	padding: 0 !important;
	}

#content  {

	/* border-top:1px #C9C9C9 solid;  //ie Hack */

}


#pricelists p,
#pricelists h2
{
	width:660px; float:right;
}

#pricelists h2
{
	margin-top:30px;
}

#pricelists .row
{
	width:660px;
	float:right;
	display:none;
}


.expandContainer .expandHead {
	padding: 5px 10px;
	background: #666;
	color: #FFF;
	cursor: pointer;
	clear: both;
	border-bottom: 1px solid #FFF;
}
	.expandContainer .expandHead span.button {
		float: right;
	}
	.expandContainer .expandHead:hover
	{
		background-color: #000;
	}

.pricing .expandHead
{
	background-color: #666 !important;
	padding: 3px 10px;
}
.pricing .expandHead.active, .pricing .expandHead:hover
{
	background-color: #000 !important;
}
.pricing td
{
	border-bottom: 1px solid #666;
}
	
	.hidden, .partial-url
	{
		display: none;
	}
	
	form.partial-form
	{
		float: left;
		margin: 10px 0;
		width: 100%;
		padding-bottom: 10px;
		border-bottom: 1px solid #DEDEDE;
		background: #EEE;
	}
	form.partial-form h3
	{
		padding: 0 10px;
	}
	form.partial-form label
	{
		float: left;
		clear: left;
		padding: 5px 0 0 10px;
		font-weight: bold;
	}	
	
	
	form.partial-form th
	{
		background: none;
		color: #333;
	}
	
	form.partial-form input.submit
	{
		width: auto;
		padding: 5px 10px;
		background-color: #000;
		color: #FFF;
		font-family: 'Arial';
	}	
table.stock th
{
	background: #999;
	padding: 5px 10px;
	color: white;
	
}	

table.stock td
{
	padding: 5px 10px;
	border-top: 1px solid white;	
}