/*
Theme: Sign02t Theme
Tags: Sign02t, clean, Modern
Author: Bonnie Wang, Nigel Hill, Andrew Evens
Description: Colorful Menu with clean style 
compatabitiy:3.008+
#
# CSS vars - ## = #foreground#background
#
VAR body_b: Body background | # | #FFFFFF
VAR content_t: Content text | # | #000000
VAR contenta_t: Body text links | # | #666666
VAR contentah_t: Body text links mouseover | # | #12C0D9
VAR primarybtn: Primary Button | ## | #FFFFFF#139ed7 
VAR secondarybtn: Secondary Button | ## | #FFFFFF#666666
VAR content_header_t: Page content heading | # | #000000
VAR tabs: Header links  | ## | #000000#FFFFFF
VAR tabsh: Header/Footer links mouseover/dropdown links | ## | #139ed7#e4e4e4
VAR tabsdh: Header dropdown links mouseover | ## | #333333#CCCCCC
VAR sidebar_header_t: Sidebar Content heading | # | #333333
VAR sidetabs_t: Sidebar Tabs links | # | #333333
VAR sidetabsh_t: Sidebar Tabs links mouseover | # | #139ed7
VAR sidetabsd: Sidebar dropdown Tabs links | ## | #666666#FFFFFF
VAR location_t: Location and Pagination text | # | #666666
VAR prodlist_price_a: Product list price text | # | #CC0000
VAR proddetail_header_t: Product detail header text | # | #333333
VAR footer_b: Footer background | # | #f1f1f1
#
# Vision data 
#
#  headergraphic_max: width x height
headergraphic_max: 400x130
*/

/** Font **/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/* layout */
body,html,form,fieldset { margin:0; padding:0;}

body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:300;
    color:#000000; /**=@content_t**/
	font-size:15px;
	background-color:#FFFFFF; /**=@body_b**/
	border:none;
	min-height:100%;
}

h1, h2, h3, h4 {
    margin:0;
    padding:0;
}

table td {
    vertical-align:top;
    color:#666;
}

.br {
	clear:both;
	height:0;
	overflow:hidden;
}

#outerwrapper {
	width:100%;
        
}

body {
	min-width: 480px; 
}

#content-wrapper {
	clear:both;
	margin: 0 auto;
	width:1190px;
}

#content .column {
	position: relative;
	float: left;
}

#content {
    padding-left: 220px;                          /* LC fullwidth */
    padding-right: 220px;                            /* RC fullwidth + CC padding */
    clear:both;
    padding-top:20px;
}
 

#page {
	padding:0;                                        /* CC padding */
	width: 100%;
}

#leftcol{
	width: 220px;             /* LC width */
	padding-left:0; 				  /* LC padding left */
	padding-right:0; 				  /* LC padding right */
	right: 220px;            /* LC fullwidth + CC padding */
	margin-left: -100%;
}


#rightcol {
	width: 220px;            /* RC width */
	padding-left:0;  
	padding-right:0;        /* RC padding */
	margin-right: -100%;
	display:block;
} 


#footer {
	margin:0 auto;
	margin-bottom: 20px;
	position:relative;
	width:1190px;
}

#copyright {
	border-top:1px solid #fff;
	box-shadow:0 -1px 0 0;
	color:#f1f1f1; /**=@footer_b**/
	text-align: center;
}

#copyright p {
	color:#000000; /**=@content_t**/
	font-size:0.9em;
}

#footer-wrapper {
    padding-top:30px;
    position: absolute;
    width: 100%;
    left:0;
	background:#f1f1f1; /**=@footer_b**/
	border-top:3px solid #fff;
	box-shadow:0 -3px 0 0 ;
	color:#f1f1f1; /**=@footer_b**/
}


#footer .m-bookmarks li, #footer .m-contents li {
	margin:0 0 10px 0;
}

#footer .m-bookmarks li a:hover, #footer .m-contents li a:hover {
	color:#139ed7; /**=@tabsh_t**/
}

#footer .m-contents {
	color:#000000; /**=@content_t**/
    width:20%;
    margin-left:0;
    margin-right:0;
    padding-right:4%;
    float:left;
}

#footer .m-contents.social_icons  {
	float:right;
}

#footer .m-contents.social_icons p a {
	margin:0 15px 15px 0;
	display: inline-table;
}

#footer .m-contents.browse_products {
	width:48%;
}

#footer .m-bookmarks.browse_products li{
	float: left;
	width:50%;
}

#footer .m-bookmarks.browse_products li a {
	margin: 0 20px 0 0;
}

#footer .m-contents li a {
	background:none;
	border:0;
}

#footer .m-bookmarks li a {
	border:0;
}

.fullcol .m-bookmarks-light h3 {
	display:none;
}

.fullcol .m-bookmarks-light ul {
	margin:auto;
}

.fullcol .m-bookmarks-light li {
	float:left;
	list-style:none;
}

.fullcol .m-bookmarks-light li a {
	margin:0 1em;
	padding:0 1em;
	width:auto;
}

/*--- div on home page only---*/
#three_column {
    display:none;
}

.home #three_column {
    display:table;
}

.home .m-contents.welcome{
    margin-right:0;
}

#page #three_column div { 
	float:left;
	width:33.33%;
	margin:0;
	padding:0;
	overflow: hidden;
	-webkit-box-shadow: 1px 2px 3px  #CCCCCC ;
	-moz-box-shadow:  1px 2px 3px #CCCCCC ;
	box-shadow: 1px 2px 3px #CCCCCC ;
}

#page #three_column div:first-child {
    margin-left:0;
}

#welcome img {
	border:10px solid #fff;
	float:right;
	margin:0 0 10px 10px;
	-webkit-box-shadow: 0 0 6px 0 #ededed;
	   -moz-box-shadow: 0 0 6px 0 #ededed;
			box-shadow: 0 0 6px 0 #ededed;
}

/*** IE Fix ***/
* html #leftcol {
	left: 180px;              /* RC fullwidth */
}

 

*:first-child+html #content .column {
	padding-bottom:0px!important;
	margin-bottom: 0px!important;
}/* IE7 hack */


/*** Footer Fix ***/

* html body {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
}


/* 	columns have no right padding/margin so that 
	list elements can fill or wrap nicely using their own margin
	so add a margin on those that don't contain lists
	= NOT .m-banners, .m-prodlist
	
*/
#leftcol .m-box
,#leftcol .m-texthtml
,#leftcol .m-location 
,#leftcol .m-padright
,#leftcol .m-bookmarks
,#leftcol .m-bondbox
,#leftcol .m-vsbox
,#leftcol .m-product 
,#leftcol .m-form 
,#leftcol .m-searchbox 
/** ,.m-prodlist h3 **/
,.m-product {
	margin-right:20px;
}

#rightcol .m-box
,#rightcol .m-texthtml
,#rightcol .m-location 
,#rightcol .m-padright
,#rightcol .m-bookmarks
,#rightcol .m-bondbox
,#rightcol .m-vsbox
,#rightcol .m-product 
,#rightcol .m-form 
,#rightcol .m-searchbox 
/** ,.m-prodlist h3 **/
,.m-product {
	margin-left:20px;
}


/***** basic formatting *****/
a img {
	border:0;
}


h1,h2,h3,h4,p {
	margin: 0 0 0 20px 0;
	padding:0;
	line-height:150%;
}

.header p {
	margin:0;
	line-height:normal;
}

.m-contents ul
,.m-contents ol
,.m-contents li {
	padding:0;
	margin:0;
	list-style-type: none;
}

.m-texthtml ul
,.m-texthtml ol
,.m-bookmarks-light ul {
	padding:0;
	margin: 1em 1.2em;
}

.m-texthtml ul li {
	list-style-type: initial;
}

.m-texthtml ol li {
	list-style-type: decimal;
}

/* buttons */
.button.primary-btn input, .button.primary-btn a, button.primary-btn, #header .box-usermenu h3{
	cursor:pointer;
    background-color:#139ed7; /**=@primarybtn_b**/
	border:none; /** outdo input border **/
	border-radius:3px;
    display:inline-block;
	text-decoration: none;
    color:#FFFFFF; /**=@primarybtn_t**/
	line-height:100%;
	font-size:15px;
	margin:0 3px;
	padding:8px 10px;
	height:auto; /** outdo store-bootstrap **/
}

.button.primary-btn a:hover {
	color:#FFFFFF; /**=@primarybtn_t**/
}

.button.secondary-btn input, .button.secondary-btn a, button.secondary-btn, .m-miniprodlist ol li a.button {
	cursor:pointer;
	color:#FFFFFF; /**=@secondarybtn_t**/
	background-color:#666666; /**=@secondarybtn_b**/
	border:none; /** outdo input border **/
	border-radius:3px;
	display:inline-block;
	margin:0 3px;
	font-size:15px;
	padding:8px 10px;
	text-decoration: none;
	line-height:100%;
	height:auto; /** outdo store-bootstrap **/
}

.button.secondary-btn a:hover {
	color:#FFFFFF; /**=@secondarybtn_t**/
}

.biconcp {
text-decoration:none;
}

.biconcp u
,.biconcp i {
	height:20px;
	float:left;
	display:inline-block;
}

#footer .biconcp u
,#footer .biconcp i {	
    float: none;
}

.biconcp u {
	cursor:pointer;
	text-decoration:none;
	width:0;
	font-size:0.9em;
}

.biconcp b
,.biconcp em {
	text-decoration:none;
	font-style:normal;
	line-height:20px;
	margin:0 10px 0 0;
	display:inline-block;
	color:#000; 
	font-weight:normal;
}

.biconcp em  {/* normally display b - the main text and hide em - the short text */
	display:none;
}


.m-prodlist .biconcp b
,.m-prodlist .biconcp em
,.m-miniprodlist .biconcp b
,.m-miniprodlist .biconcp em {
	display:none;
}


.m-prodlist .biconcp i
,.m-miniprodlist .biconcp i {
	margin:0 0 5px 0;
	line-height:20px;
}

.m-product .biconcp-cart-add u, .m-prodlist .biconcp-cart-add u {
    background-position: 0 -220px;
}

.m-prodlist .biconcp u
,.m-product .biconcp u
,.m-miniprodlist .biconcp u {
	width:30px;
    height:30px;
	text-decoration:none;
	font-style:normal;
	background:url(/live/_cpcommon/themes/sign02t/images/icon_buttons.png) no-repeat;
	margin-right:10px;
}

/** .m-product .biconcp-enquiry-add u, .m-prodlist .biconcp-enquiry-add u{background-position:0 -20px;}
.m-product .biconcp-enquiry-remove u, .m-prodlist .biconcp-enquiry-remove u{background-position:0 -40px;}
.m-product .biconcp-view u, .m-prodlist .biconcp-view u {background-position:0 -60px;}**/
.m-product .biconcp-eco u, .m-prodlist .biconcp-eco u{background-position:0 -180px;}
.m-product .biconcp-recycled u, .m-prodlist .biconcp-recycled u{background-position:0 -100px;}
.m-product .biconcp-flag-179 u, .m-prodlist .biconcp-flag-179 u{background-position:0 -120px;}
.m-product .biconcp-exec u, .m-prodlist .biconcp-exec u{background-position:0 -140px;}
/** .m-product .biconcp-fav-add u, .m-prodlist .biconcp-fav-add u{background-position:0 -160px;}
.m-product .biconcp-fav-remove u, .m-prodlist .biconcp-fav-remove u{background-position:0 -180px;} **/
.m-product .biconcp-rss u, .m-prodlist .biconcp-rss u{background-position:0 -200px;}
.m-product .biconcp-flag-192 u, .m-prodlist .biconcp-flag-192 u{background-position:0 -210px;}
.m-product .biconcp-household u, .m-prodlist .biconcp-household u{background-position:0 -160px;}
.m-product .biconcp-3D u, .m-prodlist .biconcp-3D u{background-position:0 -180px;}

.m-product .biconcp-loading u, .m-prodlist .biconcp-loading u{background:url(/live/_cpcommon/themes/sign02t/images/icon20-loading.gif) no-repeat 5px 5px; }

.icon-eco {background-position:0 -80px;}



.m-product .biconcp-view u, .m-prodlist .biconcp-view u {background-position:0 0;}
.m-product .biconcp-cart-add u, .m-prodlist .biconcp-cart-add u {background-position:0 -30px;}
.m-product .biconcp-enquiry-add u, .m-prodlist .biconcp-enquiry-add u{background-position:0 -60px;}
.m-product .biconcp-enquiry-remove u, .m-prodlist .biconcp-enquiry-remove u{background-position:0 -90px;}
.m-product .biconcp-fav-add u, .m-prodlist .biconcp-fav-add u{background-position:0 -120px;}
.m-product .biconcp-fav-remove u, .m-prodlist .biconcp-fav-remove u{background-position:0 -150px;}

.m-miniprodlist .biconcp {
	float:right;
}

.m-miniprodlist .biconcp 
,.m-miniprodlist .biconcp u {
	height:16px;
	width:16px;
	margin-right:0;
	padding-right:0;
}

.m-miniprodlist .biconcp-enquiry-remove u {
	background:url(/live/_cpcommon/themes/sign02t/images/icon_buttons16.png) no-repeat;
	background-position:0 -48px;
}

.m-vsbox .biconcp  {
	
	display:block;
	width:100%;
}

.m-vsbox .biconcp b {
	display:none;
}

.m-product .biconcp {
	clear:both;
	display:block;
	margin-bottom:10px;
	min-height:20px;
}

.biconcp.icon-loading u {background:url(/live/_cpcommon/themes/sign02t/images/icon20-loading.gif) no-repeat 5px 5px; } /* do last */

button, input, select, textarea {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:300;
}

.input {
	border:1px solid #ccc;
	border-radius:3px;
	display:inline-block;
	margin-bottom:10px;
	height:24px;
	line-height:24px;
	background:#fff ;
}

.input input
,.input select 
,.input textarea {
	border:0;
	width:100%;
}

.input input
,.input select 
,.input select option {
	background:none transparent;
}

.input input  {
    overflow: hidden;
	padding:0 3px;
}

.sidebar .input {
	width:100%;
}

.sidebar .button input {
	padding-left:0;
	padding-right:0;
	width:100%;
	display:block;
	border-radius:3px;
}

* html input.submit /* IE <8 */
,* html input.reset  {
	border-width:1px;
	border-style:solid;
}

.input.submit /* IE8 */
,.input.reset {
	border-width:1px\0/;
	border-style:solid\0/;
	padding:5px 0\0/;
}

.m-vsbox .biconcp b {
	display:block;
	color:#000000; /**=@body_t**/
	padding:0;
	margin:0;
	
}

.m-vsbox .biconcp em {
	display:none;
}

.m-texthtml .changepassw {
	margin-left:8px;
}



/*** modules 

	* modules are always within an outer .modules div and for 
		each a .m-wrapper with an id.
		This is for front-end editing, styles should not be 
		applied to these elements
	
	* all modules are wrapped with m-contents, and a bottom margin is normal 

*/
.m-contents.m-location {
    display: none;
    padding:0;
    margin-bottom: 0;
}

.product .m-contents.m-location, .products .m-contents.m-location {
    display:block;
    
}

.m-contents.m-banners {
    padding:0;
    box-shadow:none;
}

.m-contents.m-banners li a {
	margin-right:5px;
	}

.m-texthtml h1
,.m-texthtml h2
,.m-texthtml h3 /* override previous instruction for freeform text */
,.m-prodlist .fr a {
    margin:0 0 20px 0;
    padding:0;
}

.m-texthtml p {
    margin:0 0 15px 0;
}

/* modules have margin top instead of bottom so that things like 
search box, bond  and breacrumbs can touch the header */
.column .m-contents {
	margin-bottom:10px;
}

.column .m-location {
	margin-top:0;
}

.column .m-contents.m-location {
       margin-bottom:0;
}

.home .column .m-location {
	margin-bottom:0;
}

/* 	m-box and m-bookmarks both have a header, followed by their contents within 
	a blockquote so that a simple javascript expand/hide can 
	be added if wanted
	so remove the formatting of the blockquote
*/
.m-box blockquote
,.m-bookmarks blockquote {
	margin:0;
	padding:0;
}

/* bookmarks 

	* all .bookmarks list items are expected to have an <a> for active link or <em> for inactive
	* li.on is used to denote a list item is selected
	* within sidebars, show title and display as list
	* within header hides title and displays as tabs

*/

.m-bookmarks li {
	margin:0;
	padding:0;
}

* html .m-bookmarks li {/* IE6 bug */
	border-bottom:1px solid #fff;
}

.m-bookmarks li.on a {
	font-weight:bold;
}

.sidebar ol, .sidebar ul {
    margin:0;
    padding:0;
}

.sidebar li{
    list-style-type:none;
}

.sidebar .m-bookmarks-chunky li
,.sidebar .m-bookmarks-chunky li a {
    display:block;
}

#page .m-bookmarks li a {
    float:left;
    border-right:1px solid #666;
}

#page .m-bookmarks-chunky li.spacer {
    display:none;
}

.m-bookmarks-chunky-2 ul
,.m-bookmarks-chunky-3 ul {
    float:left;
    display:block;
}

.m-bookmarks-chunky-3 ul {
    width:33.33%;
}

.m-bookmarks-chunky-2 ul {
    width:50%;
}

.m-bookmarks .bd {
    padding:0;
}

.m-bookmarks li.spacer {
    list-style:none;
    height:10px;
    font-size:1px;
    line-height:8px;
    background-color:#ccc;
    height:5px;
}

.sidebar .m-box li  {
    list-style:none;
}

.m-bookmarks li a
,.box-usermenu li a {
    color:#333333; /**=@sidetabs_t**/
    text-decoration:none;
    display:block;
}

#footer .m-bookmarks li a
,#footer .box-usermenu li a,
#footer .m-texthtml li a {
    color:#000000; /**=@tabs_t**/
    text-decoration:none;
    display:block;
}


#footer .m-bookmarks h3
,#footer .m-box h3
,#footer .m-bookmarks li a
,#footer .popwrapper h3
,#footer .m-prodlist h3
,#header .m-bookmarks h3
,#header .m-box h3
,#header .m-bookmarks li a
,#header .popwrapper h3
,#header .m-prodlist h3 {
	background:none transparent;
}

.sidebar .m-bookmarks li a
,.sidebar .box-usermenu li a {
    background-repeat: no-repeat;
    background-position: center left;
    color:#333333; /**=@sidetabs_t**/
    padding:3px 10px 3px 0;
}	

.m-bookmarks li a:hover 
,.box-usermenu li a:hover {
	color:#139ed7; /**=@sidetabsh_t**/
}

.m-bookmarks ul li ul {
	display:none;
}

#page .m-bookmarks li a {
	padding:5px;
	display:block;
}

#page .m-bookmarks-2 li a
,#page .m-bookmarks-3 li a {
	border-right-width:1px;
}

.m-bookmarks li.on a
,#page .m-bookmarks li.on a {
	font-weight:bold;
}

.m-vsbox .vs-selectlogo b, .m-vsbox .vs-uploader b, .m-vsbox .vs-managelogos b{
	color:#666;
    display:block;
    width:100%;
}

.m-vsbox .vs-selectlogo:hover b, .m-vsbox .vs-uploader:hover b, .m-vsbox .vs-managelogos:hover b{
	color:#ff9933;
}

.fullcol .m-bookmarks-light h3 {
	display:none;
}

.fullcol .m-bookmarks-light ul {
	margin:auto;
}

.fullcol .m-bookmarks-light li {
	float:left;
	list-style:none;
}

.fullcol .m-bookmarks-light li a {
	margin:0 1em;
	padding:0 1em;
	width:auto;
}

/* prodlist pagination */
.m-prodlist .pgn {
	margin-right:10px;
	margin-bottom:10px;
	line-height:180%;
}

.m-prodlist .pgn a
,.m-prodlist .pgn em
,.m-prodlist .pgn strong
,.m-prodlist .pgn span,.m-prodlist .pgn b {
	padding:2px 4px;
	margin:1px;
}

.m-prodlist .pgn .pgs .input {
	border-radius: 0;
	padding:0;
}

/*** banners ***/
.m-banners {
	display:block;
	height:auto;
}

.m-banners li {
	list-style:none;
        
}

.m-banners li a {
    padding:0 ;
	display:block;
}

.m-banners.m-banners-1 li a{
	margin-right:0;
}

.m-banners-1 a img
,.sidebar .m-banners a img {
	width:100%;
	height:auto;
}

/* IE hack */
*:first-child+html .m-banners-1 a img
, *:first-child+html .sidebar .m-banners a img {
	width:100%;
	height:auto;
	margin-left: -16px;
}

.m-banners-2 li {
	width:50%;
	float:left;
}

.m-banners-3 li {
	width:33.33%;
	float:left;
}

.m-banners-2 li a img
,.m-banners-3 li a img {
	width:100%;
	height:auto;
}

*:first-child+html #page .m-banners-3 li { position:relative; left:15px; } 

/* define sidebar banners after specific 1 col, 2 col and 3 col 
	so that it overrides width sizing and forces them to wrap instead */
.sidebar .m-banners {
	border-bottom:1px solid #fff; /* IE6 bug */
}

.sidebar .m-banners li {
	width:100%;
}

.sidebar .m-banners li a {
	margin-right:0;
}

.sidebar .m-banners li a img {
	width:100%;
	height:auto;
}
.sidebar .m-contents h3 {
	color:#333333; /**=@sidebar_header_t**/
}

/****** styling *****/
h1{ font-size:30px; }
h2{ font-size:28px; }
h3{ font-size:18px; }
h4{ font-size:16px; }
h1,h2,h3,h4{ margin-bottom:20px; font-weight:600;}
ul.clean,ul.clean li{ margin:0; padding:0; list-style:none; }

textarea { 
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
    padding:3px;
}

#content-head
,#content-foot {
	display:none;
}

/* text elements */
h1 em {
	color:#666666; /**=@contenta_t**/
	font-style:normal;
	font-weight:normal;
}

a {
	color:#666666; /**=@contenta_t**/
}

/* things that look the same */
.sidebar .m-contents.m-prodlist-2 h3 {
	background:#fff;
	margin-left: -2.9%;
    width: 102.3%;
}

.sidebar .m-contents {
    margin-bottom: 20px;
}

.sidebar .m-contents.m-social{
    background-color:transparent;
    padding:0 0 0 20px;
}

.sidebar .m-contents.m-prodlist-2 {
	padding-left:10px;
}

/** Sidebar Bookmarks dropdwon **/
.sidebar .m-bookmarks ul li {
	position: relative;
}
#leftcol.sidebar .m-bookmarks ul li:hover ul {
	background:#FFFFFF; /**=@sidetabsd_b**/
	border:1px solid #ccc;
	padding:10px;
	display:block;
	position: absolute;
	top:0;
	left:100%;
	width:220px;
	z-index: 999;
}
#rightcol.sidebar .m-bookmarks ul li:hover ul {
	background:#FFFFFF; /**=@sidetabsd_b**/
	border:1px solid #ccc;
	padding:10px;
	display:block;
	position: absolute;
	top:0;
	right:100%;
	width:220px;
	z-index: 999;
}

sidebar .m-bookmarks ul li li a {
	color:#666666; /**=@sidetabsd_t**/
}


/* icons */
.icon {
	height:20px;
	line-height:20px;
	padding-left:25px;
	background:url(/live/_cpcommon/themes/sign02t/images/buttons.png) no-repeat; 
	display:block;
	float:left;
}
.icon-gb {background-position:0 -120px;}
.icon-rss {background-position:0 -200px;}
.icon-eco {background-position:0 -80px;}
.icon-recycled  {background-position:0 -100px;}
.icon-loading {background:url(/live/_cpcommon/themes/sign02t/images/icon20-loading.gif) no-repeat 5px 5px; }

.m-product .prod-icons  {
	width:100%;
}

.m-product .icon {
	float:none;
	clear:both;
	margin:5px 0;
}

.m-product .prod-icons .icon {
	padding-left:25px;
}

.m-product .prod-icons .icon em
,.m-product .te .icon em {
	display:block;
	font-style:normal;
}

.m-catlist-showhide {
	padding:5px;
	background:#0091a6; /**=@prodlisthead_b**/
	margin:0 5px 0 5px;
	cursor:pointer;
	font-size:0.85em;
    color:#fff;
}

.m-catlist-showhide em {
	font-style:normal;
	display:none;
}

.m-catlist .m-catlist-list {
	display:none;
	border-top:1px solid #fff; /* for some reason jquery won't toggle if there is no border on this */
}

.m-catlist ol
,.m-catlist li {
	padding:0;
	margin:0;
	list-style:none;
}

.m-catlist li {
	float:left;
	width:33%;
	display:block;
}

.m-catlist li a {
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
        color:#000;
}

.m-catlist li .w {
	height:40px;
	margin:5px 0 0 5px;
	overflow:hidden;
	display:block;
	background:#fff;
	padding:10px;
	border:1px solid #edf3e0;
    border-color:#ccc; /**=@prodlisthead_b**/
}

.m-catlist li a img {
	float:left;
	background:#E0E0E0;
}

.m-catlist li a img {
	width:40px;
	height:40px;
	font-size:1px;
	margin-right:10px;
}

.m-miniprodlist ol li {
	list-style:none;
	margin:0;
	padding:5px;
	clear:both;
	border-bottom:1px solid #ccc;
}

.m-miniprodlist ol li .im {
	float:left;
	margin-right:5px;
}

.m-miniprodlist ol li .im img {
	width:50px;
	height:50px;
}

.m-miniprodlist ol li .te {
	min-height:50px;
	display:block;
}

.m-miniprodlist ol li * {
	font-size:10px;
	line-height:11px;
}

.m-miniprodlist ol li a.button {
	font-size:initial;
}

/* location and pagination */

.m-location li {
	float:left;
	list-style:none;
}

.m-location li a
,.m-location li.s
,.m-location li strong
,.m-location li em
,.m-location li h1 {
	padding:5px;
	display:block;
	font-size:11px;
	float:left;
	cursor:pointer;
	text-decoration:none;
	font-style:normal;	
	color:#666666; /**=@location_t**/
}

.m-location li h1 {
    line-height: 100%;
	padding-top:8px;
}

.m-location ul ul {	

	display:none;
	position:absolute;
	z-index:19;
	margin:10px 0 0 5px;
	border-left:1px solid #333333;
	border-color:#666666; /**=@location_t**/
}

.m-location ul ul li a {
	background-color:#ccc; /**=@location_b**/
	border-right:1px solid #333333;
	border-color:#666666; /**=@location_t**/
	color:#666666; /**=@location_t**/
}

.m-location ul ul li:first-child {
	border-top:1px solid #333333;
	border-top-color:#666666; /**=@location_t**/
}

.m-location ul ul li a:last-child {
	border-bottom:1px solid #333333;
	border-top-color:#666666; /**=@location_t**/
}

.m-location ul ul li {
	float:none;
	display:block;
	width:100%;
	padding:0;
}

.m-location ul ul li a {
	display:block;
	width:12em;
	padding:5px;
}

.m-location ul li:hover ul {
	display:block;
}

#cpprodpopped {
	background:#fff;
	border:5px solid #ccc;
	padding:5px;
	position:absolute;
	top:0;
	left:0;
}

.m-box .op a
,.msg a
,.msg a:link
,.msg a:visited {
	color:#666666; /**=@contenta_t**/
	margin-right:0.5em;
}

.m-box .op input 
{
	border:1px solid #999;
	font-size:10px;
}

#page .m-box .op {
	text-align:right;
}

.sidebar .m-box .bd ol li {
	margin:0;
	padding-top: 5px;
}

.m-vcat img {
	width:100%;
	height:auto;
	border:0;
}

/* Virtual Sample */
.sidebar .m-vsbox .vs-selectlogo, .sidebar .m-vsbox .vs-uploader, .sidebar .m-vsbox .vs-managelogos {
	width:100%;
	margin:0;
	height:20px;
	padding: 3px 10px 3px 0;
	display:block;
	
}

.sidebar .m-vsbox .vs-selectlogo b, .sidebar .m-vsbox .vs-uploader b, .sidebar .m-vsbox .vs-managelogos b{
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:300;
    color:#333333; /**=@sidetabs_t**/
	font-size:15px;
}

.sidebar .m-vsbox .vs-selectlogo:hover b, .sidebar .m-vsbox .vs-uploader:hover b, .sidebar .m-vsbox .vs-managelogos:hover b{
	color:#139ed7; /**=@sidetabsh_t**/
}

/* searchbox */
.m-searchbox fieldset {
	border:0;
}

.m-searchbox li  {
	width:100%;
	clear:both;
	list-style:none;
}

.m-searchbox {
    position: relative;
    
}


.sidebar .m-searchbox li {
	width:100%;
	clear:both;
}

.sidebar .m-searchbox li.reset
,.sidebar .m-searchbox li.submit {
	float:left;
	clear:none;
}

.m-searchbox li.null {/* used for horizontal formatting */
	display:none;
}

.sidebar .m-searchbox li.searchbox-reset  {
	width:21%;
	margin-right:3%;
	float:left;
}

.sidebar .m-searchbox li.submit {
	width:75%;
}

.m-searchbox h3 {
	display:none;
}

.sidebar .m-searchbox h3 {
	display:block;
}

/* bond box */
.m-bondbox {
	background-color:#000;
	text-align:center;
	padding:5px;
}

*html .m-bondbox {
	background-color:#000;
	text-align:center;
	padding:5px;
	height: 170px;
}

/* m-userform */
table {
    border-collapse: collapse;
}

table.userform {
	color:#666;	
	width:100%;	
	border:none;
}

table.userform th
,table.userform td {
	text-align:left;
	border:none;
	padding:8px;
}

table.userform td .input {
	width:90%;
}

table.userform td textarea {
    border:1px solid #ccc;
}

table.userform2
,table.userform2 td
,table.userform2 th {
	border:0; 
}

.buttons-auto .button #submit-update {
	margin-left:26%;
}

#enquiryForm .buttons-auto .button #submit-update {
	margin-left:0;
}

/* m-product */
.m-product > table {
	width:100%;
}

.m-product .proddetail_left, .m-product .proddetail_right {
	width:50%;
	float: left;
}

.m-product .proddetail_left > div, .m-product .proddetail_right > div {
	margin:0 10px;
}

.m-product p {
	margin-top:1ex;
}

.m-product .im {
	display:block;
	clear:both;
	margin-bottom:5px;
        background:#fff;
}
.prod-images {
	padding:0;
}
.prod-images .m {
        height: auto;
        width: 100%;
}
.prod-images .m img {
	width:100%;
        max-width:300px;
}

.m-product a.prod-image-large {
	text-decoration:none;
}

.m-product a.prod-image-large em {
	background-color:#e0e0e0;
	padding:5px;
	color:#000000; /**=@content_t**/
	display:block;
	font-style:normal;
	text-align:center;
}

.m-product .prod-image-alts li {
	width:144px;
	margin:5px 2px;
	border:1px solid #ccc;
	float:left;
	list-style:none;
	text-align:center;
	background-color:#fff;
}

*html .m-product .prod-image-alts li {
	width:144px;
	margin:5px 2px 5px 1px;
	border:1px solid #ccc;
	float:left;
	list-style:none;
	text-align:center;
}

.m-product .prod-image-alts li a {
	text-decoration:none;
}

.m-product .prod-image-alts em {
	background-color:#ccc;
	font-style:normal;
	color:#333;
	font-size:10px;
	display:block;
}

.m-product .prod-image-alts li img {
	width:125px;
}

.m-product .proddetail_pricebreak {
	overflow-x: auto;
}

/* category */
.m-category  {
	margin-left:5px;
}

.m-category li {
	width:25%;
	float:left;
	list-style:none;
	margin-bottom:10px;
}

.m-category li .w {
	height:274px;
	display:block;
	text-align:center;
	margin:0 10px 0 0;
	overflow:hidden;
	
	border:1px solid #ccc;
}

.m-category li .w .t {
	background:#139ed7; /**=@button_b**/
	padding:5px 5px 0;
	height:40px;
	overflow: hidden;
}

.m-category li a
,.m-category li a:visited {
	background-color:inherit;
	text-decoration:none;
	color:#fff; /**=@button_t**/
	display: block;
	line-height: 110%;
}

.m-category img {
	width:100%;
	height:100%;
}

.m-rss .rss-sub {
	float:right;
}

.m-rss .rss-small {
	font-size:0.8em;
	color:#666;
}

/* tables */
table.grid {
	border-collapse: collapse;
}


table.grid th
,table.grid td {
	border:1px solid #dadada;
	padding:4px;
	text-align:left;
}

table.grid thead th {
	background:#E0E0E0;
}

*:first-child+html table.grid {
	border:1px solid #ccc;
	border-width:0 0px 1px 0;
}

*:first-child+html table.grid th {
	border:1px solid #ccc;
	border-width:1px 1px 0 1px ;
}

*:first-child+html table.grid td {
	border:1px solid #ccc;
	border-width:1px 1px 0 0px ;
}

table.grid .empty {
	background:none;
	border:0!important;
}

.m-product table.grid {
	width:100%;
    margin:0 0 10px 0;
}

.notes {
	color:#666;
	font-size-adjust:0.5;
}

/* logo image */

/* popups */
#nyroModalContent h3{
    color:#000000; /**=@content_t**/
}

#nyroModalContent .msg{
    padding:10px 0;
}

#nyroModalContent {
	text-align:center;
}

.nyroModalClose {
	background:#fff;
	color:#000000; /**=@content_t**/
	padding:5px 10px;
	float:right;
	margin-right:20px;
	font-weight:bold;
	text-decoration:none;
}

.nyroModalLoading {
	height:30px;
	width:170px;
	display:block;
	background:#e0e0e0 url(/live/_cpcommon/themes/sign02t/images/loading.gif) no-repeat center;
	text-align:center;
	color:#666;
}

.nyroModalLoading em {
	display:none;
}

.nyroModalPrevNext a {
	display:block;
	height:30px;
	line-height:30px;
	color:#000000; /**=@content_t**/
	text-decoration:none;
	font-weight:bold;
	width:50%;
}


a.nyroModalPrev {
	float:left;
	text-align:left;
}

a.nyroModalNext {
	float:right;
	text-align:right;
}

.popwrapper > div {
	background:#fff;
	border:0;
	padding:10px;
	display:block;
	clear:both;
}

.popwrapper h3 {
	padding:5px;
}

/* messages */
.msg {
	margin:0;
	color:#666;
}

#msg .msg {
	text-align:center;
	padding:10px 20px;
	border-width:0 10px 1px 10px;
}

.msgclose {
	width:auto;
	float:right;
	display:inline;
	cursor:pointer;
	color:#666;
}

.m-box .msg, .m-box .msg-error{
    margin:0 0 10px 0;
    font-size: 0.9em;
    width:70%;
}

.m-box .msg a, .m-box .msg-error a {
    color:#666666; /**=@contenta_t**/
}

.m-box .msg a:hover, .m-box .msg-error a:hover {
    color:#12C0D9; /**=@contentah_t**/
}

 

.ie6 {
	padding:20px 10px; 
	margin-right:10px;
}

.ie6, .ie6 p {
	background:#ff6;
}
/* IE hacks */

*:first-child+html .m-banners a img
, *:first-child+html .sidebar .m-banners a img {
	width:100%;
	height:auto;
	margin-left: -16px;
}


/***** corners *****/
.nyroModalClose {
	border-radius: 5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
}

.m-prodlist-enquirylist ol {
    margin:10px 0 0 0;
    padding:0;
	
}


/***** colouring in *****/
/* main */
.m-bookmarks h3
,.m-box h3
,.header .m-bookmarks li a
,.popwrapper h3{
	color:#333333; /**=@sidebar_header_t**/
}

.m-texthtml h1{
    color:#000000; /**=@content_header_t**/
}

h1 em {
	color:#999;
	font-size: 0.7em;
}

.m-product p {
	color:#000000; /**=@content_t**/
}

.m-texthtml p a:hover, .m-product p a:hover {
	color:#12C0D9; /**=@contentah_t**/
}



.m-modules-pagelayout a:hover
,.msg a:hover {
	color:#12C0D9; /**=@contentah_t**/
}



/*** product list and its pagination links ***/


.error, table.userform td .error { color:red; display:block; cursor:pointer; }

.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

div#cferr {
	background-color: #E0E0E0;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
}

div#cferr ol li {
	list-style-type: disc;
	margin-left: 20px;
}

div#cferr { display:none;  }

#cferr label.error {
	display: inline;
}

form.cmxform { width: 30em; }

form.cmxform label.error {
	display: block;
	margin-left: 1em;
	width: auto;
}


/* prodlists */


/* prodlists can be moved into any column so need to only width and float those that exist in #page */
/* Repositioned items in product list */
.m-prodlist h3 {
    padding:5px 0 5px 0;
    font-size: 22px;
    color:#333333; /**=@proddetail_header_t**/
}
.m-prodlist li .wr h4
,.m-prodlist li .wr p
,.m-prodlist li .wr .im
,.m-prodlist li .wr .fr
,.m-prodlist li .wr .ft
,.m-prodlist li .en {
	position:relative;
	display:block;
	overflow: hidden;
}

.m-prodlist li .wr {
	background:#fff;
	height:330px;
	margin:0 10px 10px;
	border:1px solid #ccc;
	position: relative;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.10);
}

BODY.home .m-prodlist li:first-child .wr { margin-left:0; }
BODY.home .m-prodlist li:last-child .wr { margin-right:0; }


.m-prodlist li .wr .bu {
	position:absolute;
}

.m-prodlist li .wr h4 {
    font-size:15px;
	font-weight: 600;
	text-align: center;
	padding:10px 10px 5px;
	margin:0;
	line-height:120%;
}

.m-prodlist li .wr h4 a {
	color:#333333; /**=@proddetail_header_t**/
	padding:0;
    height:40px;
    overflow: hidden;
	display: block;
}

.m-prodlist li .wr h4 .pcsr {
	opacity: 0.6;
	font-weight:normal;
    font-size: 0.8em;
}



.m-prodlist li .wr .im a {
	display:block;
	margin:0 auto;
	width:100%;
} 


.m-prodlist li .wr .im img {
    display:block;
    margin:0 auto;
	height:125px;
}

.m-prodlist.m-prodlist-1-2 li .wr .im {
	margin-left:10px;
}
.m-prodlist li .wr p{
	padding:10px;
	margin:0;
	text-align: center;
}

.m-prodlist li .wr p a {
	padding:0 10px;
	text-decoration:none;
	color:#000000; /**=@content_t**/
	display:block;
	font-size: 0.85em;
	line-height: 120%;
	height:30px; 
	overflow: hidden;
	padding:0;
}

.m-prodlist li {
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}

.m-prodlist li .im
,.m-prodlist li .im img {
	display:block;
	color:#aaa;
	font-size:10px;
}

.m-prodlist li .im {
	padding: 10px 0;
	border:none;
	border-width:1px 0;
}

.m-prodlist li {
	width:100%;
}

#page .m-prodlist-2 li, #header .m-prodlist-2 li {
	width:50%;
}

#page .m-prodlist-3 li, #header .m-prodlist-3 li {
	width:33.33%;
}

#page .m-prodlist-4 li, #header .m-prodlist-4 li {
	width:25%;
}

.m-prodlist li .fr b {
	display:inline-block;
	font-weight:normal;
}



.m-prodlist-enquirylist {
    margin-right:20px;
}

.m-prodlist.m-prodlist-enquirylist li .wr {
    margin: 0;
}

.m-prodlist-enquirylist li .wr h4 a{
    height:100%;
}

.m-prodlist li .wr .fr {
	padding:5px 10px;
}

.m-prodlist li .wr .fr a {
	color:#CC0000; /**=@prodlist_price_a**/
	font-size: 22px;
	font-weight: 600;
}
.m-prodlist li .wr .fr a b {
	color:#666;
	font-size:0.6em;
}

.m-prodlist li .fr em {
	font-style:normal;
	display:none;
}

.m-prodlist-enquirylist li { margin:0 0 10px 0;}

.m-prodlist-enquirylist li .wr  {
	padding:10px;
}

.m-prodlist-enquirylist li .wr .im {
	float: left;
    background: transparent;
}

.m-prodlist-enquirylist li .wr  {
	height:162px;
}


.m-prodlist-enquirylist li .en  {
	float:right;
	width:180px;
    margin:10px 0 0 0;
	padding:5px;
	border-left:1px solid #E0E0E0;
}

.m-prodlist-enquirylist li .wr h4 {
	background:none transparent;
   position: absolute;
   top:20px;
   left:140px;
   margin:0;
}
.m-prodlist-enquirylist li .wr .im {
	border:none;
	
}
.m-prodlist-enquirylist li .wr p {
	display:none;
}

.m-prodlist-enquirylist li .wr .fr {
   background:none transparent;
   position: absolute;
   top:60px;
   left:140px;
   margin:0;
}

.m-prodlist-enquirylist li .wr .ft {
   position: absolute;
   top:100px;
   left:150px;
   margin:0;
}

.m-prodlist li .wr * a
,.m-prodlist li .wr a {
	text-decoration:none;
	opacity: 1!important;
}

.m-prodlist li .wr .ft{
	height:30px;
	float: right;
}



.m-prodlist-1-2 li .wr{
	height:238px;
}

.m-prodlist-1-2 li .wr .im {
	float: left;
}


.m-prodlist-1-2 li {
	width:50%;
}


.m-prodlist-1-2 li .wr p {
	margin-top:10px;
	height:115px;
}

.m-prodlist-1-2 li.item2 .wr .im, .m-prodlist-1-2 li.item3 .wr .im {
	border-top:none;
}


.m-prodlist-1-2 li .wr .ft {
	margin-top:-40px;
}


.m-prodlist-1-2 li.item1 .wr {
	height:488px;
}

.m-prodlist-1-2 li.item1 .wr p {
	height:54px;
}

.m-prodlist-1-2 li.item1 .wr .im {
	float:none;
	width:100%;
	margin:0;
	padding:0;
	display:block;
	height:310px;
}

.m-prodlist-1-2 li.item1 .wr .im a  {
	width:100%;
	height:auto;
	margin:10px auto;
}
.m-prodlist-1-2 li.item1 .wr .im a img {
	width:auto;
	height:250px;
	margin:0 auto;
}

.m-prodlist-1-2 li.item2 .wr {
	margin-right:0;
}




/* 1 big, 2 small, 4 smaller */
.m-prodlist-1-2-4 li {
	width:25%;
}


.m-prodlist-1-2-4 li.item1
,.m-prodlist-1-2-4 li.item2
,.m-prodlist-1-2-4 li.item3 {
	width:50%;
}

.m-prodlist-1-2-4 li.item2 .wr .im
,.m-prodlist-1-2-4 li.item3 .wr .im {
	float:left;
	width:135px;
	margin-left:10px;
	margin-top:20px;
}

.m-prodlist-1-2-4 li.item2 .wr
,.m-prodlist-1-2-4 li.item3 .wr {
	height:225px;
}

.m-prodlist-1-2-4 li.item2 .wr p
,.m-prodlist-1-2-4 li.item3 .wr p {
	margin-top:10px;
	height:115px;
}

.m-prodlist-1-2-4 li.item1 .wr {
	height:462px;
}

.m-prodlist-1-2-4 li.item1 .wr .im {
	float:none;
	width:100%;
	margin:0;
	padding:0;
	display:block;
	height:310px;
}

.m-prodlist-1-2-4 li.item1 .wr .im a  {
	width:300px;
	height:300px;
	margin:10px auto;
}

.m-prodlist-1-2-4 li.item1 .wr .im a img {
	width:300px;
	height:300px;
	margin:0 auto;
}

.m-prodlist-1-2-4 li.item1 .wr p {
	margin-top:0;
	height:55px;
}

.m-prodlist-1-2-4 .biconcp u {
	width: 20px;
}

.m-prodlist-1-2-4 li .wr h4 a {
	font-size: 12px;
	line-height: 16px;
}

.m-prodlist-1-2-4 li .wr p {
	height: 60px;
	overflow: hidden;
}
/* END 1 big, 2 small, 4 smaller */


.pgn  {
	text-align:center;
	padding:5px 0; 
}
.pgn a {
	color:#333333; /**=@boxbody_t**/
}

.sidebar .m-prodlist li {
	float: left;
	width:50%;
}

.sidebar .m-prodlist li .wr .im img {
	width:100%;
	height:auto;
}

.sidebar .m-prodlist li .wr h4 {
    position: absolute;
    top:145px;
    font-size: 12px !important;
}

.sidebar .m-prodlist li .wr p {
    display:none;
}

.sidebar .m-prodlist li .wr .fr {
    display: inline;
    margin-left: 0;
    margin-top: 30px;
	width:100%;
}


/* header area */
#header{
	background:#fff;
}
#header .m-contents {
	width:1190px;
	margin:0 auto;
	margin-bottom:10px;
}

#header .m-texthtml.headerTopTagLine {
	background-color: #f37321;
	border-bottom:1px solid #f8a730;
	box-shadow:0 1px 0 0 #bd500a;
	padding:10px 0;
	width:100%;
}

#header .m-texthtml.headerTopTagLine p {
	color:#fff;
	width:1190px;
	margin:0 auto;
	font-size: 1.1em;
	text-shadow: 1px 1px #555;
}

#header .m-searchbox.headerSearch {
	display: table;
	margin: -54px 50% 0;
	width:400px;
}

#header .m-searchbox blockquote {
	background:#d15d13;
	border:1px solid #f1853f;
	border-width:0 1px;
	float: right;
    height: 33px;
    overflow: hidden;
    padding: 5px;
}

#header .m-searchbox ul li.searchbox-submit input {
    background:url(/live/_cpcommon/themes/sign02t/images/icon_zoomin.png) no-repeat 5px 5px;
	height:32px;
	color:transparent;
	width:32px;
	position:absolute;
	top:6px;
	right:6px;
}

#header li.searchbox-k .input { 
    padding:4px 0;
}

#header li.searchbox-k .input input {
	width:300px;
}

#header .bd li.searchbox-km, 
#header .bd li.searchbox-kx, 
#header .bd li.searchbox-reset {
    display: none;
}

#header .box-usermenu {
	position:relative;
}

#header .box-usermenu blockquote {
	display:none;
	word-wrap: break-word;
}

#header .box-usermenu blockquote a {
	color:#333333;
	text-transform:none;
	text-decoration:underline;
}

#header .box-usermenu blockquote ul {
	clear:both;
	margin-top:10px;
}

#header .box-usermenu h3, #header .box-usermenu ul {
	display:block;
}

#header .box-usermenu h3 {
	font-weight:normal;
	font-size:14px;
	float: right;
}

#header .box-usermenu:hover blockquote {
	background:#fff;
	border:1px solid #333;
	display:block;
	color:#000;
	position:absolute;
	top:30px;
	padding:10px;
	right:0;
	z-index:999;
	width:120px;
}
#header .box-usermenu blockquote .op{
	margin-bottom:10px;
}

#header .m-minicart, #header .m-placeholder-for-minicart {
    margin:5px 0 0 0;
    float: right;
    width: 140px;
    height: 28px;
}

#header .m-minicart {
	background:url(/live/_cpcommon/themes/sign02t/images/icon_minicart.png) no-repeat;
	padding: 0 0 0 30px;
}

#header .m-minicart h3{
    display:none;
}

#header .m-minicart .m-minicart-itemcount{
    display:inline;
}

#header .m-minicart .m-minicart-itemcount .op {
    background: transparent;
    color:#666;
    margin:0;
}

#header .m-minicart .m-minicart-itemcount a{
    margin:0 5px;
    color:#666;
}

#header .m-minicart .m-minicart-itemcount a.m-minicart-showhide {
    display:none;
}

#header .m-banners {
	margin-bottom:0;
	width:100%;
}

#header .m-texthtml p { 
	color:#666;
}

#header .m-texthtml p a {
	border:0;
	color:#fff;
	text-decoration:none;
	background:none;
}
#header .m-texthtml.headerLogo {
	clear:both;
	margin-top:40px;
}

#header .m-texthtml.headerLogo p { 
	margin:0; 
}	

#header .m-texthtml.headerLogo img {
		max-height:60px;
		max-width:300px;
		height:auto;
		width:auto;
}
	
#header .m-texthtml.tagLine {
	background: #ee461d; /* Old browsers */
	background: -moz-linear-gradient(top,  #ee461d 0%, #ee461d 50%, #e93916 51%, #e93916 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee461d), color-stop(50%,#ee461d), color-stop(51%,#e93916), color-stop(100%,#e93916)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ee461d 0%,#ee461d 50%,#e93916 51%,#e93916 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ee461d 0%,#ee461d 50%,#e93916 51%,#e93916 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ee461d 0%,#ee461d 50%,#e93916 51%,#e93916 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ee461d 0%,#ee461d 50%,#e93916 51%,#e93916 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee461d', endColorstr='#e93916',GradientType=0 ); /* IE6-9 */
	
	min-height: 0;
	margin: 0 auto;
	float:left;
	text-shadow: 1px 1px #555;
	width:100%;
}

#header .m-texthtml.tagLine p {
	color:	#fff;
	font-size: 150%;
    padding: 10px 20px;
    text-align: center;
	margin:0;
}

#header .m-texthtml.tagLine a {
	background:#139ed7; /**=@button_b**/
	border: 2px solid #fff;
	border-width:0 2px;
	padding: 10px 50px;
	color:#fff; /**=@button_t**/
	margin-left:50px;
}



/*--- (Header Bookmark / NAV )---*/
#header .m-bookmarks {
	clear:both;
	margin-top:20px;
	margin-bottom:0;
}	

#header .m-bookmarks h3 {
	display:none;
}

#header .m-bookmarks > ul {
	text-align:center;
	display: table;
	margin:0 auto;
}

#header .m-bookmarks li {  
	list-style:none;
	position:relative;
	margin: 0 10px;
	float: left;
	font-weight: 400;
	text-transform: uppercase;
}

#header .m-bookmarks li a { 
	background-color:#FFFFFF; /**=@tabs_b**/
	color:#000000; /**=@tabs_t**/
	padding: 10px; 
	border: 0;
}

#header .m-bookmarks  li:hover a {
	background-color:#e4e4e4; /**=@tabsh_b**/
	color:#139ed7; /**=@tabsh_t**/
}

#header .m-bookmarks ul li ul, #header .m-bookmarks:hover ul li ul, #header .m-bookmarks:hover ul li:hover ul li ul{ 
	display:none;
}


/*--- DROPDOWN (secondary menu) ---*/
#header .m-bookmarks ul ul{ 
	z-index:99999;
	position:absolute;
	top:40px;
	left:0; 
	display:block;
	margin:0;
	padding:0;
	width:220px;
}

#header .m-bookmarks ul ul.ul_level2.double {
	width:450px;
}

#header .m-bookmarks ul ul li{
	border:none;
	list-style:none;
	position:relative;
	float:none;
	font-weight: 300;
	margin:0;
	padding:0;
	border:0;
	display: initial;
	text-transform: initial;
}

#header .m-bookmarks ul ul.ul_level2.double > li {
	float: left;
	width:50%;
}

#header .m-bookmarks ul ul li a{
	color:#139ed7; /**=@tabsh_t**/
	background-color:#e4e4e4; /**=@tabsh_b**/
	display:block;
	margin:0;
	padding:10px;
	text-decoration:none;
	border-radius:0;
	font-size:0.9em;
	line-height: 110%;
	text-transform: none;
}

#header .m-bookmarks  ul ul li:hover a, #header .m-bookmarks ul ul li a:hover{
    color:#333333; /**=@tabsdh_t**/
	background-color:#CCCCCC; /**=@tabsdh_b**/
}


/*--- DROPDOWN  (tertiary menu) ---*/
#header .m-bookmarks ul ul ul{ 
	border-top:none;
	position:absolute;
	list-style:none;
	top:-35px;
	left:220px;
	width:230px;
}

#header .m-bookmarks ul ul ul li{
	float:none;
}

#header .m-bookmarks  ul ul ul li a
{ 
	background-color:#CCCCCC; /**=@tabsdh_b**/
	background-image:none;
	background-repeat: repeat-x;
	color:#333333; /**=@tabsdh_t**/
}


#header .m-bookmarks:hover ul, #header .m-bookmarks:hover ul li:hover ul, #header .m-bookmarks:hover ul li:hover ul li:hover ul { 
	display:block; 
}


p.msg {
	color:#000;
}

p.msg-error {
	color:#C00;
	font-weight:bold;
}

.m-cart  {
	padding:10px;
	margin-right:20px;
}

.m-cart .section {
	clear:both;
	float:none;
}

.m-cart .section-hd, .m-cart .section blockquote {
	clear:both;
	float:none;
	margin:0;
	padding:0;
}

.m-cart .section blockquote {
	padding-left:20px;
	margin:10px 0;
}

.m-cart-artwork-left, .m-cart-artwork-right {
	float:left;	
}

.m-cart-artwork-left {
	width:80px;
	height:75px;
	display:block;
}

.m-cart {
	padding:10px;
}

.m-cart h3 {
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	color: #333333;
}

.m-cart input[type="text"] {
	border:1px solid #666;
	border-color:#666 #ccc #ccc #666;
	width:100%;
}

.m-cart table.userform td
,.m-cart table.userform th {
	text-align:left;
	vertical-align:top;
}

.m-cart table.userform td input.colsize {
	width:4em;
}

#m-cart-submit {
	height:20px;
}

#m-cart-submit .button {
	float:right;
}

.m-cart .labelset label {
	clear:both;
}

.maxwidthscroll {
	width:100%;
	overflow-x:auto;
}

.cart-products .prod .txt b {
	clear:both;
}

.cart-products .prod .img {
	float:left;
	width:90px;
	display:inline;
}
.cart-products .prod .txt {
	float:left;
	width:150px;
	display:inline;
}

.userform td.qty {
	white-space:nowrap;
}

.userform td.qty input {
	width:4em;
}

.userform td.currency {
	text-align:right;
}

.m-cart .userform tr.spacer td {
	border-top-width:10px;
}

.m-cart .userform tr.cart_leader td {
	vertical-align:top;
}

.m-cart .userform td.thumb {
	vertical-align:top;
	text-align:center;
}

.m-cart .userform td.joinleft {
	border-left:0;
}

input#payment_method_account {
	margin-right:5px;
}

FORM#addtocartform #section_imprint TABLE.userform .input  {
	display: inline-table;
	width:95%;
}

/* social links module */
.m-social-list 
,.m-social-list li {
	list-style:none;
	padding:0;
	margin:0;
}

.m-social-list li a {
	color:#666666; /**=@contenta_t**/
}

.m-social-list li {
	margin:0 5px 5px 0;
}

.m-social-list li i {
	background-repeat:none;
	float:left;
}

.m-social-list li b {
	margin-left:5px;
	font-weight:normal;
}

.m-social-titlesonly .m-social-list li i {
	display:none;
}

.m-social-iconsonly .m-social-list li b {
	display:none;
}

.m-social-iconsonly .m-social-list li {
	float:left;
}

.m-social-fixed {
	position:fixed;
	top:350px;
	left:0;
	width:32px;
	z-index:999;
}


/* Blog */
.m-posts {
	margin:0;
	margin-right:20px; 
}

.m-post-wrapper {
	margin:0;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	border-color:#fff; /**=@boxopt_b**/
}

.m-post-title a {
	color:#666666; /**=@contenta_t**/
}

.m-post-meta {
	font-size:.8em;
}

/* cart page layout*/
.cart #content 
{
    padding-left: 0;
    padding-right: 0;
    clear:both;
}
.cart #content .column.sidebar {
	display:none;
} 

/* cart pages */
.boxwrapper {
    border:1px solid #ccc;
    background-color: transparent;
    padding:20px;
    margin-bottom:20px;
}

.boxwrapper table.userform{
    border:none;
}

table#cart.userform th, table#cart.userform td, table.userform.addresswrapper th, table.userform.addresswrapper td, body.cart table.userform th, body.cart table.userform td{
    border:none;
    background-color: transparent;
    color:#666;
}

table#cart.userform th, table#cart.userform td {
    padding:10px;
}

table#cart.userform tr.row-err {
    	border-top:1px solid #999;
}

table#cart.userform tr:first-child.row-err {
    background:none;
}

#scform .userform td input, 
#scform .userform td select, 
#checkoutform #container .userform td input, 
#checkoutform #container .userform td select {
    border:1px solid #ccc;
    background:#fff;
    color:#000;
    width:95%;
}

#scform .userform td select, #checkoutform #billing_address_expand select {
    width:96.5% ;
}

/** input#shipping_postcode {
    width:82% !important;
} **/

/** input#billing_postcode {
    width:85% !important;
} **/


table#cart.userform tr.row-err td b {
    font-weight: normal ;
    color:#000;
}

.userform th {
font-weight: 300 ;
color:#000;
}

.userform th.zipcode{
    padding:0 10px 0 10px;
    width:20%;
}

table#cart.userform tr.totals {
     	border-top:1px solid #999;
}

table#cart.userform tr.totals .price {
    font-size: 1.2em;
}

.cart table td textarea {
    border:1px solid #ccc;
    height:80px;
    width:300px;
} 

.shopping h1{
    border-bottom:none !important;
}

.colsize_picker{
    margin-bottom: 10px;
}

.colsize_picker select {
    margin-right:10px;
}

a.edit_address {
    border:1px solid #dadada;
    padding:5px 10px;
    text-decoration: none !important;
    float:right;
}


.section-on blockquote, .section blockquote{
    margin:0 !important;
    padding:0 !important;
    
}

.section {
    border-top: 1px dotted #999;
    padding-bottom:40px;
}

.section table th, 
.section table td {
    padding: 4px;
}


.section a.section-next {
	margin:0;
}

.button-right a {
	float: right;
}

#checkoutform {
    margin-bottom: 60px;
}

.shopping .m-prodlist, .cart .m-prodlist{
    display:none;
}

.userform #purchase_order_number, .userform #receipt_option, .userform textarea#order_notes, .userform #inputCheckoutCode {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #000000;
    padding: 5px;
    width: 94%;
}

.section .msg {
    padding:0 !important;
}
.section .colsize_picker .button input.colsize_remove {
    font-family: Verdana, Verdana, Geneva, sans-serif;
    font-size: 9px;
    line-height: 18px;
    height:18px;
    text-transform: none;
    padding:0;
    
}

.m-cartorders table.userform, table#address_table.userform, #address_editor table.userform{
    border:none;
}

.m-cart .cart-qty {
	margin-right:10px;
}
#addtocartwrapper {
    margin-right:0;
}

.m-texthtml p.cart-submit-buttons {
	float:right;
	margin-right:15px;
}

.m-cart .cart-qty {
	margin-left:10px;
}





/** Home **/
.m-texthtml.three_banners {
	background:#e4e4e4;
	padding:20px;
}

.m-texthtml.three_banners p {
	margin:0;
}

.m-texthtml.three_banners p a {
	margin:0 5px;
}






/** Home page **/
BODY.home #page .m-texthtml {
    border-bottom: 1px solid #ccc;
    clear: both;
    padding: 20px 0;
}
BODY.home #page .m-texthtml.prodTeasers h2, 
BODY.home #page .m-texthtml.prodTeasers p,
BODY.home #page .m-texthtml.designStep h2, 
BODY.home #page .m-texthtml.designStep p {
	padding:0 20%;
}
BODY.home #page .m-wrapper:last-child .m-texthtml {
    border: medium none;
}
#page .m-texthtml.prodTeasers {
    text-align: center;
}
#page .m-texthtml.prodTeasers .signGraphicButtons {
	position: relative;
	display:table;
	padding:0 0 40px 0;
	margin:0 auto;
	width:1070px;
}
#page .m-texthtml.prodTeasers a img {
    float: left;
    margin: 5px;
}
#page .m-texthtml.prodTeasers a img.teaser_windowDecal {
    left: 0;
    position: absolute;
    top: 385px;
}
#page .m-texthtml.prodTeasers a img.teaser_wallDecal {
    left: 260px;
    position: absolute;
    top: 385px;
}
#page .m-texthtml.prodTeasers a img.teaser_floorDecal {
    left: 460px;
    position: absolute;
    top: 385px;
}
#page .m-texthtml.prodTeasers a img.teaser_license {
    left: 60px;
    position: absolute;
    top: 520px;
}
#page .m-texthtml.designStep {
	clear:both;
}
#page .m-texthtml.designStep div {
    float: left;
    text-align: center;
    width: 33.33%;
}
#page .m-texthtml.designStep div span {
    border-top: 3px solid #f37322;
    display: block;
    margin: 0 20px;
    padding: 20px 0;
}
#page .m-texthtml.welcome img {
    float: right;
    margin: 0 0 100px 100px;
}


/** .m-templates **/
.editor-category h1 {
	border-top:2px solid #e4e4e4;
	width:100%;
	margin:0 0 20px 0;
}

.m-contents.m-templates .editor-category:first-child h1 {
	border:none;
}

.m-contents.m-templates {
	padding:20px;
	margin:0;
}

a.editor-template {
	float:left;
	width:20%;
	height:220px;
	padding:0 0 10px 0;
	margin:0;
	position:relative;
	background:#fff;
	overflow: hidden;
	text-align: center;
	color:#333;
	text-decoration:none;
}

a.editor-template span {
	height:35px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 10px;
	display: block;
}

a.editor-template .price {
	display:none;
}

a.editor-template img{
	width: auto;
	height:auto;
	max-width: 100%;
	max-height: 100%;
	position: relative;  
	display:table-cell;
	vertical-align: middle;
	overflow:hidden;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 85%, #e4e4e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(85%,#eeeeee), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 85%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 85%,#e4e4e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 85%,#e4e4e4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 85%,#e4e4e4 100%); /* W3C */
}

a.editor-category .img img {
	display: block;
	max-height: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

a.editor-template .img_title {
	height: 25px;
	overflow: hidden;
	font-size: 10px;
	text-align:center;
	padding:0 10px;
	line-height:12px;
}

a.editor-template .button {
	display:inline;
	font-weight: bold;
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #dfdfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#dfdfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#dfdfdf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 0%,#dfdfdf 100%); /* W3C */
	color:#666;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 #999;
	padding:3px 10px;
	text-decoration: none;
}

#categories-column {
	display:none;
}

.designer #categories-column, .editor #categories-column {
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	border-top-left-radius:0;
	border-top-right-radius:0;
}

#designer {
	margin-bottom:30px;
}


 /** ipad fix**/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

	#header, #header .m-searchbox, #footer-wrapper {
		width:104%;
	}
	

}#header{background: none}#header .m-texthtml{padding: 0;height: auto;background: none}.m-texthtml h1,.m-texthtml h2,.m-texthtml h3,.m-product h1,.m-product h2,.m-product h3{color: #19398a}.m-category li .w .t,.m-category li .w .t a{color: #19398a}.m-bookmarks-chunky h3,.m-box h3,#header .m-bookmarks-chunky li a,#header .m-bookmarks-chunky li a:visited,.popwrapper h3,.m-prodlist h3,#footer{background-color: #19398a;border-color: #19398a}.m-bookmarks-chunky h3,.m-box h3,#header .m-bookmarks-chunky li a,.popwrapper h3,.m-prodlist h3,#footer,#footer a,#footer a:visited{color: #fff}.m-prodlist .pgn .pgs em{font-weight: lighter;text-decoration: line-through}