@charset "utf-8";
/* Duplicate the following BODY style in wysiwyg.css
 * Remove the text-align: center; attribute before copying to wysiwyg.css */
body {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}

/* Main container div
+---------------------------------------------------------------------------+
                                                                           */
.container {
	min-width: 310px; /* set the min width we will ever display */
	margin: auto; /* centre the design if we're over the max width */
	padding:0;
}
.oneColFixCtrHdr #container {
	background-color: #FFF;
	margin: 0 auto 0 0; /* Align to the left */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0 0 10px 0; /*spacing between content and footer*/
}
#container.containerCentered {
	margin-left: auto; /* Over-rides the #container default alignment and centers the page if the "ShowCentered" Global parameter is set to TRUE */
	margin-right: auto;
}
/* reset bootstrap.css spacing on spans because it is a little too large. This balances the main content area better */
.row-fluid [class*="span"] { margin-left: 1.9% }
/* reset bootstrap.css to make the labels slightly wider */
.form-horizontal .control-label {
	 width: 170px;
}


a {outline:none;}
a img, img {
	border:0; 
	max-width: 100%; /* lets images scale if they are wider than the space allowed */
}


/* ******* Begin wysiwyg.css shared styles ******* */
/* [ General styles ] 
   Copy the following styles to wysiwyg.css
+---------------------------------------------------------------------------+
                                                                           */
a { 
	color: #069;
	text-decoration: none;
}
a:hover { 
	text-decoration: underline; 
}

h1 {
	margin: 0 0 15px 0;
	font-size: 20px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

h2 {
	margin: 0 0 15px 0;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
h3 {
	margin: 0;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	line-height: 15px; /* resets a line-height style applied by bootstrap.css */
}
h4 {
	margin: 0;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
h5 {
	margin: 5px 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

p, ul ,ol, td {
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

/* ******* End wysiwyg.css shared styles ******* */


/* [ Butoon Colours ] Overrides from bootstrap.min.css
+---------------------------------------------------------------------------+
                                                                           */
/* ADD TO CART - all the add to cart buttons */
.btn-primary {
  color: #ffffff;
  background-color: #5e3023;
  *background-color: #3c1a11;
  background-image: -moz-linear-gradient(top, #5e3023, #3c1a11);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5e3023), to(#3c1a11));
  background-image: -webkit-linear-gradient(top, #5e3023, #3c1a11);
  background-image: -o-linear-gradient(top, #5e3023, #3c1a11);
  background-image: linear-gradient(to bottom, #5e3023, #3c1a11);
  border-color: #3c1a11 #3c1a11 #5e3023;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e3023', endColorstr='#ff3c1a11', GradientType=0);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #3c1a11;
  *background-color: #3c1a11;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #3c1a11 \9;
}

/* ACCOUNT MANAGER BUTTONS - ie all the red buttons for account manager */
/*.btn-danger {
  color: #ffffff;
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  border-color: #bd362f #bd362f #802420;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}*/

/* INFO BUTTONS - ie Request Info, View Options, Add to Favourites, etc */
.btn-info {
  color: #ffffff;
  background-color: #8c6034;
  *background-color: #6b4b2a;
  background-image: -moz-linear-gradient(top, #8c6034, #6b4b2a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8c6034), to(#6b4b2a));
  background-image: -webkit-linear-gradient(top, #8c6034, #6b4b2a);
  background-image: -o-linear-gradient(top, #8c6034, #6b4b2a);
  background-image: linear-gradient(to bottom, #8c6034, #6b4b2a);
  border-color: #6b4b2a #6b4b2a #8c6034;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c6034', endColorstr='#ff6b4b2a', GradientType=0);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #6b4b2a;
  *background-color: #6b4b2a;
}
.btn-info:active,
.btn-info.active {
  background-color: #6b4b2a \9;
}


/* [ Header ] Full Width Header Styles
+---------------------------------------------------------------------------+
                                                                           */
#header-fullwidth {
	position: relative;
	padding: 0;
	margin: 0;
	background-color: #EAEAEA;
	background-repeat:no-repeat; 
	background-size: 100%;
	-ms-behavior: url(/documents/backgroundsize.min.htc); /* IE7 fix */
	height:150px; /* sets the height for the header - don't change or you'll see blank space as the header image resizes */
}
#header-fullwidth h3#companySlogan {
	position: absolute;
	font-size: 22px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	margin: 0;
	padding: 0;
	bottom: 40px;
	right: 10px;
}
#headerlogo-fullwidth {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 15px;
	left: 15px;
}
#headerlogo-fullwidth img {
	margin: 0;
	border: none;
}
#headerPhoneNumber-fullwidth {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 15px;
	right: 10px;
}
#headerPhoneNumber-fullwidth p, #headerPhoneNumber-fullwidth a {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}


/* [ Header ] Logo Header Styles
+---------------------------------------------------------------------------+
                                                                           */
#headerlogo {
	margin: 10px 0 10px 8px;
}
#headerlogo img {
	margin: 0;
	border: none;
}
#header-right {
	width: 100%; /* fill available space*/
	height: 137px;
	padding: 0;
	margin: 0;
}
#header-right-r2 {
	width: 100%; /* fill available space*/
	height: 50px;
	padding: 0;
	margin: 0;
}
#header-right-r2-left {
	float: left;
	height: 50px;
	padding: 0;
	margin: 0;
}
#header-right-r2-right {
	float: right;
	height: 50px;
	padding: 0;
	margin: 0;
}
#header-right-r2-left h3#companySlogan {
	font-size: 24px;
	color: #999999;
	font-weight: normal;
	text-decoration: none;
	line-height: 50px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
#headerPhoneNumber {
	margin: 0;
	padding: 12px;;
	bottom: 15px;
	right: 10px;
}
#headerPhoneNumber p, #headerPhoneNumber a {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}



/* [ Left Column ]
+---------------------------------------------------------------------------+
                                                                           */
#sidebarWrapper { margin: 0 0 0 7px; }

.categoryMenuTitle h4, .categoryMenuTitle h4 a {    
	color: #FFFFFF;
    line-height: 14px;
    margin: 0 5px 0 5px;
    padding: 10px 0 0;
    text-decoration: none;
}
.categoryMenuTitle h4 a:hover {
	text-decoration: underline;
}
.categoryMenuTitle {
	height: 33px;
	padding: 0;
	margin: 0;
	/*corners*/
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	/*gradient*/
	background-color: #363636;
	background-image: -moz-linear-gradient(top, #363636, #010101);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#363636), to(#010101));
	background-image: -webkit-linear-gradient(top, #363636, #010101);
	background-image: -o-linear-gradient(top, #363636, #010101);
	background-image: linear-gradient(to bottom, #363636, #010101);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff363636', endColorstr='#ff010101', GradientType=0);
}
.categoryMenuWrapper {
	padding: 0;
	margin: 0 0 10px 0;
	background-color: #FFF;
}



/* [ Category Menu ]
+---------------------------------------------------------------------------+
                                                                           */
/******* chevrons ******/

.category-tree span.menu_icon, .category-tree-phone span.menu_icon {
	display: inline-block;
	font-size: 1.3em;
	font-weight: bold;
}

.category-tree span.rotated, .category-tree-phone span.rotated {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

/****** Category Menu - TABLET / DESKTOP STYLES ******/
.category-tree .nav-list {
	padding-left: 0px;
	padding-right: 0px;
}
/* reset the spacing (all categories) so it doesn't overflow the online products menu */
.category-tree .nav-list > li > a, .nav-list .nav-header {
	margin-left: 0;
	margin-right: 0;
}
/*set the padding (all categories) */
.category-tree .nav-list > li > a  {
    padding: 0 5px;
	text-shadow: none;
}
/* open/close icon */
.category-tree span.menu_icon {
	padding-top: 4px; /* padding from top of menu item */
}
/* COLOURS - chevron colour */
.category-tree span.menu_icon {
	color: #CCCCCC; 
}
/* COLOURS - category level 1 */
.category-tree .nav-list > li {
	border-bottom: 1px dotted #CCCCCC;
	line-height: 25px;
}
.category-tree .nav-list > li > a { 
	color: #5A5A5A;					/* category 1 link colour - default almost black */
    background-color: #FFFFFF;		/* category 1 background colour - default white */
	padding-left: 10px;				/* set the indent */
}
.category-tree .nav-list > li >  a:focus, .category-tree .nav-list > li >  a:hover { 
	color: #000000;						/* hover font colour - default black */
	background-color: #EFEFEF;		/* hover background colour - default grey */
}
.category-tree .nav-list > li .menu_item {
	padding: 4px 0 4px 0;	/* padding for category 1 */
	display: block;
	float: left;
	width: 85%;
}
/* COLOURS and INDENT - category level 2 */
.category-tree .nav-list > li li {
	border-bottom: none;
}
.category-tree .nav-list > li li > a { 
	color: #5A5A5A;					/* category 2 link colour - default almost black */
    background-color: #FFFFFF;		/* category 2 background colour - default white */
	padding-left: 25px;				/* set the indent */
}
.category-tree .nav-list > li li >  a:focus, .category-tree .nav-list > li li >  a:hover { 
	color: #000000;					/* hover font colour - default black */
	background-color: #EFEFEF;		/* hover background colour - default grey */
}
.category-tree .nav-list > li li .menu_item {
	display: block;
	float: left;
	width: 80%;
}
/* COLOURS and INDENT - category level 3 */
.category-tree .nav-list > li li li {
	border-bottom: none;
}
.category-tree .nav-list > li li li > a { 
	color: #5A5A5A;					/* category 3 link colour - default almost black */
    background-color: #FFFFFF;		/* category 3 background colour - default white */
	padding-left: 50px;				/* set the indent */
}
.category-tree .nav-list > li li li >  a:focus, .category-tree .nav-list > li li li >  a:hover { 
	color: #000000;					/* hover font colour - default black */
	background-color: #EEE;		/* hover background colour - default grey */
}
.category-tree .nav-list > li li li .menu_item {
	display: block;
	float: left;
	width: 85%;
}
/* COLOURS and INDENT - ACTIVE ITEM */
.category-tree .nav-list > .active > a {
	color: #000000;					/* active item link colour - default black */
	background-color: #EDEDED;		/* active item background colour - default light grey */
	position: relative;
	text-shadow: none;
}
.category-tree .nav-list > li .active > a span, .category-tree .nav-list > li li .active > a span{
	border-left: none !important;	/* remove indent line */
}


/****** Category Menu - PHONE STYLES ******/
.category-tree-phone {
	min-height: 40px;
}
.category-tree-phone .navbar .navbar-inner {
	min-height: 40px;
	padding: 0;
	border: none;
	filter: none;
	box-shadow: none;
	border-radius: 0;
	/*gradient*/
	background-color: #363636;
	background-image: -moz-linear-gradient(top, #363636, #010101);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#363636), to(#010101));
	background-image: -webkit-linear-gradient(top, #363636, #010101);
	background-image: -o-linear-gradient(top, #363636, #010101);
	background-image: linear-gradient(to bottom, #363636, #010101);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff363636', endColorstr='#ff010101', GradientType=0);
}
.category-tree-phone .navbar {
	margin-bottom: 0;	/* reset from bootstrap - remove 20px bottom margin */
}
.category-tree-phone .nav .nav {
	margin:0;
}
.category-tree-phone .nav-collapse .nav > li > a {
	margin-bottom: 0; /* reset from bookstrap */
}
#menuholder_phone a {
	border-radius: 0; /* reset from bookstrap */
}
.category-tree-phone li { 
	line-height: 22px; 
	border-bottom: 1px dotted #CCCCCC;
}
/* open/close icon */
.category-tree-phone span.menu_icon {
	padding-top: 8px; /* padding from top of menu item */
}
/* COLOURS - chevron colour */
.category-tree-phone span.menu_icon {
	color: #CCCCCC; 
}
/* header */
.category-tree-phone .btn-navbar h3 {
	line-height: 30px;
}
.category-tree-phone, .category-tree-phone .btn-link {
	background-image: none !important;
	border: none !important;
}
.category-tree-phone .btn-navbar, .category-tree-phone .btn-navbar:hover, .category-tree-phone .btn-navbar:focus {
    background-image: none;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: none;
	margin-bottom:5px;
}
/* COLOURS - header */
.category-tree-phone .btn-navbar h3 {
	color:#FFFFFF;					/* main header font colour - default white */
}
.category-tree-phone, .category-tree-phone .btn-link {
	background-color: #363636 !important;		/* main menu background colour - default blue */
}
.category-tree-phone .btn-navbar, .category-tree-phone .btn-navbar:hover, .category-tree-phone .btn-navbar:focus {
    color: #FFFFFF;					/* three bar colour - default white */
    background-color: #0E0E0E;		/* three bar background colour - default blue */
}
#menuholder_phone {
    background-color: #FFFFFF;		/* background of the menu (can be different to header) */
}
/* COLOURS - category level 1 */
.category-tree-phone .nav > li > a { 
	color: #5A5A5A;					/* category 1 link colour - default white */
    background-color: #FFFFFF;		/* category 1 background colour - default blue */
	padding-bottom: 0;
	padding-top: 0;
}
.category-tree-phone .nav > li >  a:focus, .category-tree-phone .nav > li >  a:hover { 
	color: #5A5A5A;						/* hover font colour - default white */
	background-color: #EFEFEF;		/* hover background colour - default light blue */
}
.category-tree-phone .nav > li .menu_item {
	padding: 8px 0 8px 0;	/* padding for indent line */
	display: block;
	float: left;
	width: 90%;
}
/* COLOURS and INDENT - category level 2 */
.category-tree-phone li li { 
	line-height: 22px; 
	border-bottom: none;
}
.category-tree-phone .nav > li li > a { 
	color: #5A5A5A;					/* category 2 link colour - default white */
    background-color: #FFFFFF;		/* category 2 background colour - default blue */
	padding-left: 25px;				/* set the indent */
	padding-bottom: 0;
	padding-top: 0;
}
.category-tree-phone .nav > li li >  a:focus, .category-tree-phone .nav > li li >  a:hover { 
	color: #5A5A5A;					/* hover font colour - default white */
	background-color: #EFEFEF;		/* hover background colour - default light blue */
}
.category-tree-phone .nav > li li .menu_item {
	padding: 8px 0 8px 10px;	/* padding for indent line */
	display: block;
	float: left;
	width: 80%;
}
/* COLOURS and INDENT - category level 3 */
.category-tree-phone li li li { 
	line-height: 22px; 
	border-bottom: none;
}
.category-tree-phone .nav > li li li > a { 
	color: #5A5A5A;					/* category 3 link colour - default white */
    background-color: #FFFFFF;		/* category 3 background colour - default blue */
	padding-left: 50px;				/* set the indent */
	padding-bottom: 0;
	padding-top: 0;
}
.category-tree-phone .nav > li li li >  a:focus, .category-tree-phone .nav > li li li >  a:hover { 
	color: #5A5A5A;					/* hover font colour - default white */
	background-color: #EFEFEF;		/* hover background colour - default light blue */
}
.category-tree-phone .nav > li li li .menu_item {
	padding: 8px 0 8px 10px;	/* padding for indent line */
	display: block;
	float: left;
	width: 80%;
}
/* COLOURS and INDENT - ACTIVE ITEM */
.category-tree-phone .nav > .active > a {
	background-color: #EFEFEF;		/* active item background colour - default grey */
	color: #5A5A5A;					/* active item link colour - default dark grey */
	position: relative;
}
.category-tree-phone .nav > li .active > a span, .category-tree-phone .nav > li li .active > a span{
	border-left: none !important;	/* remove indent line */
}



/* [ Main Menu - Nav Bar ] Default Colour is Dark Grey
+---------------------------------------------------------------------------+
                                                                           */
.mainMenu { margin: 0;}
.mainMenu .nav > li > a { color: #ccc; text-shadow: 0 1px 0 #000; }
.mainMenu .navbar { margin-bottom: 0; }
.mainMenu .navbar .navbar-inner {
	min-height: 40px;
	padding: 0;
	border: none;
	filter: none;
	box-shadow: none;
	border-radius: 0;
	/*gradient*/
	background-color: #363636;
	background-image: -moz-linear-gradient(top, #363636, #010101);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#363636), to(#010101));
	background-image: -webkit-linear-gradient(top, #363636, #010101);
	background-image: -o-linear-gradient(top, #363636, #010101);
	background-image: linear-gradient(to bottom, #363636, #010101);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff363636', endColorstr='#ff010101', GradientType=0);
}
.mainMenu, .mainMenu .btn-link {
	background-color: transparent !important;
	background-image: none !important;
	border: none !important;
	text-shadow: none !important;
}
.mainMenu .navmenu-divider { border-left: 1px solid #555; height: 42px; }
.mainMenu li { line-height: 22px; }
/* hover and selected colour*/
.mainMenu .nav > li >  a:focus, .mainMenu .nav > li >  a:hover, .mainMenu .navbar .nav > .active > a  { 
	color:#CCC; 
	background-color:#000; 
	box-shadow: none;
}
.mainMenu .nav > li > a { color:#CCC; text-shadow:none; border-radius: 0; }
.mainMenu .btn-navbar, .mainMenu .btn-navbar:hover, .mainMenu .btn-navbar:focus {
    background-color: #0E0E0E;
    background-image: none;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: none;
	margin-bottom:5px;
}
.mainMenu .btn-navbar h3 { color:#FFF;}
/* mainmenu sub menu */
.mainMenu .dropdown-menu > .active > a { color: #FFF; background: #363636; }
.mainMenu .dropdown-menu > li > a { color: #FFF; }
.mainMenu .dropdown-menu > li > a:hover, .mainMenu .dropdown-menu > li > a:focus, .mainMenu .dropdown-submenu:hover > a, .mainMenu .dropdown-submenu:focus > a  {
	color: #FFF;
	background-color: #363636;
	background-image:none;
	background-repeat: repeat-x;
	outline: 0;
	box-shadow: none;
	filter: none;
}
.mainMenu .nav-collapse .nav > li > a, .mainMenu .nav-collapse .dropdown-menu a {
	border-radius: 0;
}
.mainMenu .navbar-inner { padding: 0 10px;}


/* [ Login Strip ]
+---------------------------------------------------------------------------+
                                                                           */
#loginstrip {
	height: 42px;
	margin: 0 0 13px 0;
	padding: 0;
	background-color: #EDEDED;
	border-bottom: 1px solid #DDD;
}
/* Login area - Full Width style */
#loginstrip-fullwidth, #loginstrip-mobile {
	position: relative;
	height: 42px;
	margin: 0 0 13px 0;
	padding: 0;
	background-color: #EDEDED;
	border-bottom: 1px solid #DDD;
}
#loginWrapper {
	position: relative;
	float: left;
	margin: 5px 0 0 5px;
	padding: 0;
}
#loginWrapperLoggedin {
	position: relative;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
}
#loginUIMessage {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #ED3024;
	font-weight: bold;
	text-decoration: none;
	left: 0;
	bottom: -12px;
}
.loggedinUser { /* Text displayed when user is logged in */
	float: left;
	line-height: 42px;
	vertical-align: middle;
	margin: 0;
	padding: 0 3px;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#loginMyAccount { /* My Account link displayed when user is logged in */
	float: left;
	line-height: 42px;
	vertical-align: middle;
	text-align: left;
	padding-left: 10px;
}
#loginLogout { /* Logout link displayed when user is logged in */
	float: left;
	line-height: 42px;
	vertical-align: middle;
	padding-left: 10px;
}
.loginText { /* Font styles for Logout and My Account links */
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.loginText a { }
.loginText a:hover { }
.forgotLogin { /* Font styles for Forgot Login link */
	padding:0 0 0 3px;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;    
	position: relative;    
	display: inline-block;
    top: 2px;
}
.forgotLogin a { }
.forgotLogin a:hover { }


/* [ login_checkout ] */
#loginCheckoutWrapper {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CCC;
}

   
/* [ Admin Menu Nav Bar ] Default Colour is Light Grey
+---------------------------------------------------------------------------+
                                                                           */
.adminMenu { 
	margin: 0 0 10px 0;
	border: 1px solid #D4D4D4; 
}
.adminMenu .nav > li > a { color:#5A5A5A; text-shadow:none; }
.adminMenu .navbar { margin-bottom: 0; }
.adminMenu .navbar .navbar-inner {
	min-height: 40px;
	padding: 0;
	background-color: #FAFAFA;
	background-image: none;
	border: none; 
	filter: none;
	box-shadow: none;
	border-radius: 0;
}
.adminMenu .btn-link {
	border: none !important;
}
.adminMenu, .adminMenu .btn-link {
	background-color: #FAFAFA !important;
	background-image: none !important;
	text-shadow: none !important;
}
.adminMenu li { line-height: 22px; }
/* hover and selected colour*/
.adminMenu .nav > li >  a:focus, .adminMenu .nav > li >  a:hover, .adminMenu .navbar .nav > .active > a { 
	color:#5A5A5A; 
	background-color:#EFEFEF;
	box-shadow: none;
}
.adminMenu .btn-navbar, .adminMenu .btn-navbar:hover, .adminMenu .btn-navbar:focus {
    background-color: #EFEFEF;
    background-image: none;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: none;
	margin-bottom:5px;
}
.adminMenu .btn-navbar h3 { color:#000;}
/* admin sub menu */
.adminMenu .dropdown-menu > .active > a { color: #5A5A5A; background: #EFEFEF; }
.adminMenu .dropdown-menu > li > a { color: #5A5A5A; }
.adminMenu .dropdown-menu > li > a:hover, .adminMenu .dropdown-menu > li > a:focus, .adminMenu .dropdown-submenu:hover > a, .adminMenu .dropdown-submenu:focus > a  {
	color: #5A5A5A;
	background-color: #EFEFEF;
	background-image:none;
	background-repeat: repeat-x;
	outline: 0;
	box-shadow: none;
	filter: none;
}
.adminMenu .nav-collapse .nav > li > a, .adminMenu .nav-collapse .dropdown-menu a {
	border-radius: 0;
}
.adminMenu .navbar-inner { padding: 0 10px;}

.adminMenu .nav-collapse .dropdown-menu { 
	margin: 0;
}
.adminMenu .nav-collapse .dropdown-menu li a { 
	padding: 9px 30px;
}
.adminMenu .nav-collapse i {
	padding-top: 4px;
}
#adminicon {
	display: none !important;
}
.menu-heading, .menu-heading a {    
	background-color: #666666;
	border: medium none !important;
	color: #FFFFFF !important;
	font-weight: bold;
}
.menu-heading a:hover {  
	background-color: #999999 !important;
}


/* login form */
.adminMenu .LoginForm:after {
	content: none !important;
	display:none;
}
.adminMenu .StdFormBorder {
	border: none;
	margin: 0 !important;
	padding: 5px 20px !important;
}
.adminmenu-login {
	border-bottom: 1px solid #CCC;
}
.adminMenu .form-horizontal .control-label { float: none !important; text-align: left; padding-top: 0; }
.adminMenu .form-horizontal .controls { margin-left: 0 !important; }
.adminMenu .form-horizontal { width: 300px; }


/* [ Button Styles ]
+---------------------------------------------------------------------------+
                                                                           */

/*resets the text colour on buttons for a href - eg. the buttons on the List Invoices page */
a.btn-primary, a.btn-info { color: #fff; } 


/* [ Form Styles ]
+---------------------------------------------------------------------------+
                                                                           */
form {
	margin: 0;
	padding: 0;
}
/* reset the spacing on forms. This balances the options/addons on products */
.form-horizontal .control-group { margin-bottom: 10px; }
/* new form input size for qty boxes */
.input-micro { width: 30px; }
.input-micro-cartsummary { width: 30px; margin:0 !important; }
.input-expiry { width:108px;} /*custom size for the credit card expiry */
#captcha {
    text-transform: uppercase;
}
.StdFormBorder:after  {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
    color: #9DA0A4;
    font-size: 12px;
    font-weight: bold;
    left: -1px;
    padding: 3px 7px;
    position: absolute;
    top: -1px;
}
form.StdFormBorder {
    padding-bottom: 19px;
}
.StdFormBorder {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    margin: 15px 0;
    padding: 39px 19px 14px;
    position: relative;
}

.ContactForm:after { content: "Contact Details"; }
.ContactandDeliveryForm:after { content: "Contact and Delivery Details"; }
.PromotionForm:after { content: "Promotion Code"; }
.RegistrationForm:after { content: "Registration Details"; }
.LoginForm:after { content: "Login"; }
.NewsSignupForm:after { content: "Newsletter Sign Up"; }
.EditBuyerAccountForm:after { content: "Edit Account Details"; }
.EditUsesrDetailsForm:after { content: "Edit User Details"; }
.UpdatePasswordForm:after { content: "Change Password"; }
.AddNewUserForm:after { content: "Add New User"; }
.AddDeliveryAddressForm:after { content: "Add Delivery Address"; }
.EditDeliveryAddressForm:after { content: "Edit Delivery Address"; }

.help-inline { color: #000; font-size: 14px; }

/*  Search Form Brand Search Form  */
#simpleSearchWrapper, #brandSearchWrapper {
	margin: 0;
	padding: 0 0 10px 7px;
}

/*  Sort By Form  */
#sortbyWrapper {
	margin: 0;
	padding: 0;
	text-align: right;
	float: right;
}
.sortbyLabel {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color: #FFF;
	margin: 0 5px 0 0;
}
#searchholder_phone {
	background: #FFF;
	text-align: center;
}


/* [ Main Content ]
+---------------------------------------------------------------------------+
                                                                           */
#mainContent {
	display: inline;
	float: left;
}
#mainContent #ajaxMsg {
	font-size: 14px;
}
/* contentLeft is used in responsive.css to provide a small amount of padding for mobile styles */
#contentLeft {
	/*float: left;*/
	/* IE 6 min-height hack */
	min-height: 250px;
	height: auto !important;
	height: 250px;
}
.header {
	margin: 10px 0 10px 0;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.content {
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.contentSmall {
	font-size: 10px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.contactMessage {
	font-weight: normal;
}
.contactMessageProduct {
	font-weight: bold;
}
.UIMessage {
	font-size: 14px;
	color: #ED3024;
	font-weight: bold;
	text-decoration: none;
}
.compulsory { /* Compulsory field message style */
	font-size: 11px;
	color: #000;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}
.fltrt {
	float: right;
	margin: 0;
}
.fltlft {
	float: left;
	margin: 0;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* [ Rotating Banner ]
+---------------------------------------------------------------------------+
                                                                           */
#homeBanner {
	position: relative;
	margin: 0 0 15px 0;
}

#bannerStaticImage {
	display: block;
	height: 200px;
	margin: 0 0 10px 0;
	padding: 0;
}
#bannerStaticImage img {
	border: none;
}
/* ROTATING BANNER - uses skitter.styles.css */
/* reset carousel controls as we dont display captions by default and small style changes */
.carousel-control { top: 50%; left: 0; width: 20px; height: 50px; margin-top: -25px; font-size: 35px; font-weight: bold; line-height: 45px; color: #222; background: #fff; border: 3px solid #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; opacity: 0.4; filter: alpha(opacity=40); border-left: 0; }
.carousel-control.right { right: 0; border-left: 3px solid #fff; border-right: 0; }
#homeBanner a:link { color: #222; } /*reset colour of carousel buttons*/
.carousel-caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); padding: 10px; } /* transparancy and spacing of captions */



/* [ Brand Images ]
+---------------------------------------------------------------------------+
                                                                           */
#homeLogosWrapper {
	margin: 0;
	padding: 0;
}
.brandlogoWrapper {
	float: left;
	display: inline;
    border: 1px solid #CCCCCC;
}



/* [ News Styles ]
+---------------------------------------------------------------------------+
                                                                           */
div#news {
	margin: 0;
	padding: 0;
}
div#news #newsTitle {
	float: left;
}
#newsRssIcon {
	float: right !important;
	margin: 0 0 15px 0;
	border: none;
}
#newsSummaryRssIcon {
	float:right; 
	margin: 0 5px 0 0;
	border: none;    
	display: inline-block;
}
#newsSummaryRssIcon img {
	width: 16px;
	height: 16px;
}
div.newsthumb {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color:#000;
	text-decoration: none;
	text-align: left;
}
div.newsthumb img {
	margin: 0;
	padding: 0;
	border: none;
}
div.newscontent{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
div.newslistcontent {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}
div.newscontent h2, div.newslistcontent h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
}
div.newscontent img {
	padding: 0;
	border: none;
}
.newsdate {
	font-size: 11px;
}
.newsItemSeperator {
	height: 5px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CCC;
}
#newsButtonWrapper #addthis {
    float: right;
    margin: 8px;
}
input#NewsBack {
	margin: 15px 0 0 0;
}
.newsSummaryItem {
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
}
.btn-newssummary { width: 100% !important; }


/* [ Contact Us Styles ]
+---------------------------------------------------------------------------+
                                                                           */
.contactAddressColumn {
	width: 50%;
	float:left;
}

/* [ Sitemap ]
+---------------------------------------------------------------------------+
                                                                           */
#siteMapWrapper {
	margin: 0;
	padding: 0;
}
#siteMapGeneral {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	width: 250px;
}
#siteMapGeneral p {
	margin: 0 0 0 5px;
	padding: 2px 0;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#siteMapGeneral p a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#siteMapGeneral p a:visited {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#siteMapGeneral p a:hover {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
#siteMapGeneral p.siteMapSub {
	padding: 2px 0 2px 30px;
	margin: 0 0 2px 0;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dashed #EAEAEA;
}
#siteMapGeneral p.siteMapSub a {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
#siteMapGeneral p.siteMapSub a:visited {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
#siteMapGeneral p.siteMapSub a:hover {
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}
#sitemapRssIcon {
	float: left;
	display: inline;
	margin: 0 5px;
	border: none;
}
#siteMapCategories {
	float: left;
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	border-left: 1px solid #CCC;
	width: 250px;
}
#siteMapCategories h2 {
	margin: 0 0 0 5px;
	padding: 2px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
#siteMapCategories h3 {
	margin: 0 0 0 15px;
	padding: 2px 0;
	font-size: 14px;
	font-weight: normal;
}
#siteMapCategories h4 {
	margin: 0 0 0 25px;
	padding: 2px 0;
	font-size: 14px;
	font-weight: normal;
}


/* [ Shopping Cart - Summary Cart ]
+---------------------------------------------------------------------------+
                                                                           */


/* [ Shopping Cart - Full Cart ]
+---------------------------------------------------------------------------+
                                                                           */
  /* reset alignment so that tables are better centred in shopping cart summary */
#fullCart .table th, #fullCart .table td { vertical-align:baseline;}

#fullCartWrapper h4 {  /* Full Cart title - override default h6 */
	float: left;
	margin: 0 0 10px 0;
	line-height: 27px;
	color: #000;
}
/* Fullwidth */
#header-fullwidth-cart, #header-mobile-cart {
	float: right;
	display: inline;
	width: 280px;
	height: 35px;
	padding: 0;
	margin: 2px 5px 0 0;
}
#header-cart {
	float: right;
	display: inline;
	width: 280px;
	height: 35px;
	padding: 0;
	margin: 10px 0 0 0;
}
#cartsummary {
	width: 280px;
	height: 35px;
	margin: 0;
	padding: 0;
}
#cartsummaryText {
	float: left;
	width: 230px;
	height: 23px;
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}
#cartsummaryText a {
	font-size: 14px;
	color: #2C2C2C;
	font-weight: bold;
	text-decoration: none;
}
#cartsummaryText a:hover {
	font-size: 14px;
	color: #2C2C2C;
	font-weight: bold;
	text-decoration: underline;
}
#cartsummaryImage {
	float: left;
	width: 50px;
}
#cartsummaryImage img {
	border: none;
	padding: 0;
	margin: 0 0 0 10px;
}
/* Full Cart */
#ajaxFullCart {
	/*margin: 0;
	padding: 0;*/
}
#fullCartWrapper { /* Overall Full Cart wrapper - overrides "subContent" class */
	margin: 0;
	padding: 0 0 10px 0;
}
#fullCart {
	margin: 0;
	padding: 10px;
	border: 1px solid #CCC;
	border-radius: 0;
}
#fullCartWrapper h4 {  
	float: left;
	margin: 0 0 10px 0;
	line-height: 27px;
	color: #000;
}
#hideCart {
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
#fullCartTable {
}
.FullCartSubtitle {
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background-color: #EBEBEB;
	text-decoration: none;
}
.FullCartValue {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.FullCartTotal {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align:right !important;
}
.FullCartAUMsg, .FullCartMinOrderMsg {
	color: #000;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
	text-align:right;
	padding: 0 0 5px 0;
}
.removeCart, .removeCart a {
	font-size: 14px;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
}
#fullCartFooterBlock {
	margin: 10px 0 0 0;
	padding: 0;
}
#fullCartButtonsWrapper {
	float: right;
	width: 300px;
	text-align: right;
}
#fullCartButtonsWrapper input {
	vertical-align: middle;
	margin: 0 0 0 3px;
	padding: 0;
}
#fullCartNoItems {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color:#000;
	text-decoration: none;
}
#fullCartButtonWrapper {
	position: relative;
	display: block;
	width: 150px;
	margin: 0;
	padding: 0;
}
.fullCartUpdateDiv {
	position: absolute;
	z-index: 40;
	width: 150px;
	height: 50px;
	bottom: 0;
	left: 0px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.fullCartUpdateDiv img {
	margin: 12px 0 0 0;
	border: none;
}
#geotrust { float: right; margin: 0 0 0 10px; }



/* [ Shopping Cart - Saved Cart ]
+---------------------------------------------------------------------------+
                                                                           */
#saveCartWrapper {
	float: left;
	width: 300px;
}
#saveCartWrapper label {
	float: left;
	display: block;
	padding: 0 5px 0 0;
	width: 75px;
	line-height: 19px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: right;
	vertical-align: middle;
}
#saveCartWrapper input {
	float: left;
	margin: 0 5px 0 0;
}
#saveCartWrapper #SaveCart {
	float: left;
}



/* [ Category Header Text and Images ]
+---------------------------------------------------------------------------+
                                                                           */
.categoryImage {
    float: left;
    margin: 0 10px 10px 0;
	width: 50%;
}
.categoryDescription {
    float: left;
    margin: 10px 0 10px 0;
    text-align: left;
    font-size: 13px;
}


/* [ Category Crumb List ]
+---------------------------------------------------------------------------+
                                                                           */
#plStyleIconsWrapper { /* Wrapper for Product List Style icons. */
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	text-align:right;
}
#plStyleIconsWrapper ul { 
	text-align:left; 
}
#plStyleIconsWrapperGraphical { /* Wrapper for Product List Style icons. */
	float: right;
	margin: 2px 0 2px 10px;
	padding: 0;
	text-align:right;
}
.categoryListWrapper { /* Overall category list wrapper for Product List pages */
	float: left;
	 margin: 0 2px 10px 2px;
	padding: 0;
	width:100%;
}
#productDetailWrapper #categoryListWrapper { /* Overall category list wrapper for Product Detail page */
	margin: 10px 2px;
	padding: 0;
}
h1.catCrumbTrail {
	float: left;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	margin: 0;
}
h1.catCrumbTrail a {
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	margin: 0;
}
h1.catCrumbTrail a:hover { color: #0088CC; }

h2.catCrumbTrail {
	float: left;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	margin: 0;
}
h2.catCrumbTrail a {
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	margin: 0;
}
h2.catCrumbTrail a:hover { color: #0088CC; }

/* Override the above catCrumbTrail styles */
#cat1CrumbTrail {}
#cat2CrumbTrail {}
#cat3CrumbTrail {}
.categoryCrumbArrow {
	float: left;
	line-height: 20px;
	padding: 0 6px;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}
#cat1Intro { margin: 10px 0 20px 0; } /* override default <p> style */
#cat2Intro { margin: 10px 0 20px 0; } /* override default <p> style */

/* Category UL and LI styles - Text List */
.categorySubUL {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width:50%;
}
.categorySubLI {
	margin: 0 25px 0 0;
}
.categorySubLI h2 {
	float: left;
	line-height: 22px;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
.categorySubLI h2 a {}
.categorySubLI h2 a:hover {
	text-decoration: underline;
}
.categorySubLI img {
	float: left;
	margin: 5px 5px 0 0;
	border: none;
}

/* Category UL and LI styles - Image List */
.categorySubULImage {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.categorySubLIImage {
	float: left;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
}
.categorySubLIImage a {
	text-decoration: none;
}
.categorySubLIImage img {
	margin: 0 0 5px 0;
	border: none;
}
.crumbsSearchLabel {
	margin: 0;
	padding: 0;
}
.searchText {
	font-size: 14px;
	font-weight: bold;
	color: #EE3224;
	text-decoration: none;
}



.viewandsort {
	border-bottom: 1px solid #CCC; 
	margin: 0 0 10px 0; 
	padding: 0 0 10px 0;
}


/* [ Product Pager ]
+---------------------------------------------------------------------------+
                                                                           */
.pager-left { float: left; }
.pager-right { float: right; }

/* Product List Pager */
.pagination { margin: 0; } /*reset bootstrap pagination*/
.product-pagination { margin: 0 0 10px 0; padding: 10px 0 0 0; border-top: 1px solid #CCC; }
.pagination ul > li > a, .pagination ul > li > span { padding: 4px 10px; } /*reset the pagination spacing so it fits in mobile view - 300px wide */



/* [ Product List - List Style ]
+---------------------------------------------------------------------------+
                                                                           */
#productListWrapper { /* Overall Product List wrapper - overrides "subContent" class */
	padding: 0;
}
ul#productList {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}
#productList li {
	float: none;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #CCC;
}
.productListPriceBlock {
	text-align: right;
	width: 220px;
}
.productListThumbnail {
	float: left;
	margin: 0;
	padding: 0;
}
.productListThumbnail a img {
	margin: 0 auto;
	border: none;
	max-width: 100%; 
	max-height: 100%;  /* height and width fixes non-square images */
}
.productListDetails {
	float: left;
}
.productListDetails h2 {
	line-height: 20px;
}
.productListTitle {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color:#000;
	text-decoration: none;
}
.productListTitle a {
	font-size: 16px;
	font-weight: bold;
	color:#000;
	text-decoration: none;
}
.productListText {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color:#000;
	text-decoration: none;
}
.productListCartBlock { /* Contains the product prices and add to cart/more info buttons etc */
	float: left;
	text-align: right;
}
.productListPriceOnApplication {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #FF7200;
	text-decoration: none;
	text-align: right;
}
.productListPriceWrapper {
	margin: 0 0 5px 0;
	padding: 0;
}
.productListPrice {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #FF7200;
	text-decoration: none;
	text-align: right;
	vertical-align: middle;
	background-color: #FFF;
}
.productListPriceExGST {
	margin-left: 5px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.productListPriceIncGST {
	margin-left: 5px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.productListSwapPrice { /* Price displayed via options dropdown "description swap" */
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #FF7200;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
}
.productListQtyInput {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	width: 24px;
	background-color: #FFF;
	padding: 2px;
	margin: 0;
	border: 1px solid #CCC;
}
.productListQtyInputSelected {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	width: 24px;
	background-color: #FFF;
	padding: 2px;
	margin: 0;
	border: 1px solid #3c1a11;
}
.productListPriceSelect {
	width: 150px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color: #FFF;
	padding: 2px;
	margin: 0 0 5px 0;
	border: 1px solid #D4D3D3;
}
.productListPriceSelectSelected {
	width: 150px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color: #FFF;
	padding: 2px;
	margin: 0 0 5px 0;
	border: 1px solid #3c1a11;
}
.productListVariantSelect {
	width: 150px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color: #FFF;
	padding: 2px;
	margin: 0 0 5px 0;
	border: 1px solid #D4D3D3;
}
.productListVariantSelectSelected {
	width: 150px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color: #FFF;
	padding: 2px;
	margin: 0 0 5px 0;
	border: 1px solid #3c1a11;
}
.optionPriceStockWrapper {
	position: relative;
	background-color: #FFF;
}
.optionPriceStockWrapperInner {
	position: absolute;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #FFF;
}
.addToCartDiv {
	position: absolute;
	display: none;
	width: 100%;
	height: 21px;
	top: 0;
	left: 0;
	background-color: #FFF;
}
.favDivWrapperPL {
	position: relative;
}
.favouriteInfoDivPL { /* Div that displays info when adding favourites - Product List */
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	margin: -90px 0 0 180px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.favouriteInfoDivPL img {
	margin: 12px 0 0 0;
	border: none;
}
.favDivWrapper {
	position: relative;
	width: 150px;
}



/* [ Product List - Gallery Style ]
   Also Featured Products on the home page and
   Product Addons on the product detail page
+---------------------------------------------------------------------------+
                                                                           */
#featuresIntroWrapper, #addonsIntroWrapper {
	height: 33px;
	padding: 0;
	/*corners*/
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	/*gradient*/
	background-color: #363636;
	background-image: -moz-linear-gradient(top, #363636, #010101);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#363636), to(#010101));
	background-image: -webkit-linear-gradient(top, #363636, #010101);
	background-image: -o-linear-gradient(top, #363636, #010101);
	background-image: linear-gradient(to bottom, #363636, #010101);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff363636', endColorstr='#ff010101', GradientType=0);
}
#featuresIntroWrapper h5, #addonsIntroWrapper h5 {
	line-height: 33px;
	margin: 0 5px 0 10px;
	padding: 0;
	color:#fff;
}
.featureWrapper, .addonWrapper, .productGalleryWrapper {
	float: left;
	display: block;
	text-align: center;
	padding: 0;
    border: 1px solid #CCCCCC;
}
.featureProduct, .addonProduct, .productGalleryProduct {
	display:block;
}
.featureProduct h2, .addonProduct h2, .productGalleryProduct h2 {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
	text-align:center;
	margin: 0 0 5px 0;
	min-height: 32px;
	height: 32px;
}
.featureImageWrapper, .addonImageWrapper, .productGalleryImageWrapper {
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
	background-color: #FFF;
}
.featureImage, .addonImage, .productGalleryImage {
	margin: 0;
	padding: 0;
	border: none;
}
.featureImageWrapper img, .addonImageWrapper img, .productGalleryWrapper img { max-width: 100%; max-height: 100%; }
.featurePrice, .addonPrice, .productGalleryPrice {
	font-size: 16px;
	font-weight: bold;
	color: #FF7200;
	text-align: center;
	margin: 3px 0 0;
	padding: 0;
	text-decoration: none;
}
.featureHiddenPriceWrapper, .addonHiddenPriceWrapper, .productGalleryHiddenPriceWrapper { 
	height: 50px; 
}
.featurePriceOptions, .addonPriceOptions, .productGalleryPriceOptions {
	margin: 5px 0 0 0;
	padding: 0;
	height: 30px;
}
.featuredCartWrapper, .addonCartWrapper, .productGalleryCartWrapper {
	margin: 5px 0 0 0;
	position: relative;
	display: inline-block;
	height: 30px;
	min-height: 30px;
}
.addToCartDivFeature, .addToCartDivAddon, .addToCartDivProductGallery {
	position: absolute;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #FFF;
	height:35px;
	width:148px;
}
.optionPriceStockWrapperFeature, .optionPriceStockWrapperAddon, optionPriceStockWrapperProductGallery {
	position: relative;
	height: 20px;
	background-color: #FFF;
}
.optionPriceStockWrapperInnerFeature, .optionPriceStockWrapperInnerAddon, optionPriceStockWrapperInnerProductGallery {
	position: absolute;
	display: block;
	width: 100%;
	height: 35px;
	top: 0;
	left: 0;
	background-color: #FFF;
}



/* [ Product List - Line Style ]
+---------------------------------------------------------------------------+
                                                                           */
ul#productLine {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#productLine li.lineInfo {
	float: left;
	display: block;
	margin: 0;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#productLineRowHeader {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	background-color: #666;
}
.productLineThumbnailHeader {
	float: left;
	margin: 0;
	padding: 0;
}
.productLineCodeHeader {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 5px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: left;
}
.productLinePriceHeader {
	float: left;
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.productLinePriceHeaderGrid { /* Modified for Grid Style options display*/
	float: left;
	margin: 0;
	padding: 0 5px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.productLineOptionsHeader {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 5px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
.productLineCartHeader {
	float: left;
	margin: 0;
	padding: 0 5px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
.productLineThumbnail {
	float: left;
	margin: 0;
	padding: 0;
}
.productLineThumbnail a img {
	max-width: 100%;
	max-height:100%;
}
.productLineCode {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 5px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.productLineCode a {
	color: #000;
	text-decoration: none;
}
.productLineCode a:visited {
	color: #000;
	text-decoration: none;
}
.productLineCode a:hover {
	color: #000;
	text-decoration: underline;
}
h2.productLineName {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	line-height: 18px;
}
h2.productLineName a {
	color: #000;
	text-decoration: none;
}
h2.productLineName a:visited {
	color: #000;
	text-decoration: none;
}
h2.productLineName a:hover {
	color: #000;
	text-decoration: underline;
}
h2.productLineNameNoImage {
}
.productLineCartBlock { /* Contains the product prices and add to cart/more info buttons etc */
	float: left;
}
.productLineCartBlockInner { /* Wraps the add to cart button */
	position: relative;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: right;
}
.productLinePriceOnApplication {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #FF7200;
	text-decoration: none;
	text-align: right;
}
.productLinePriceWrapper {
	display: none;
	margin: 0 0 5px 0;
	padding: 0;
}
.productLinePrice {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #FF7200;
	text-decoration: none;
	text-align: right;
	vertical-align: middle;
}
.lineOptionsVariantsWrapper {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	text-align: left;
}
.optionPriceStockWrapperLine {
	float: left;
	display: inline;
	position: relative;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: right;
}
.optionPriceStockWrapperLineOff {
	float: left;
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: right;
}
.optionPriceStockWrapperInnerLine {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}
.optionPriceStockWrapperInnerLineOff {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}
.addToCartDivLine {
	position: absolute;
	display: block;
	width: 105px;
	height: 21px;
	top: 0;
	left: 0;
	background-color: #F4F4F4;
}
.addToCartDivLineOff {
	position: absolute;
	display: block;
	width: 105px;
	height: 21px;
	top: 0;
	left: 0;
	background-color: #FFF;
}
.InStockMessageLine {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.OutOfStockMessageLine {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.rowOnLine {
	background-color: #F4F4F4;
}
.rowOffLine {
	background-color: #FFF;
}



/* [ Product Detail ]
+---------------------------------------------------------------------------+
                                                                           */
#productDetailInfo {
	float: left;
	margin: 0;
	padding: 0;
}
.productDetailDivider {
	border-bottom: 1px solid #ccc;
	margin: 13px 0 10px 0;
}
.productDetailTitle {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.productDetailText img#pdfIconImage {
	margin: 0 5px 0 0;
	border: none;
}
#productDetailPriceOptions {
	margin: 0;
	padding: 0;
}
#productDetailPriceWrapper {
	margin: 0 0 5px 0;
	padding: 0;
}
.optionCodeText {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.productDetailPriceOnApplication {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #080;
	text-decoration: none;
	text-align: left;
}
.productDetailPrice {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: #FF7200;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	background-color: #FFF;
}
.productDetailPriceExGST { /* "ex GST" text next to price */
	margin-left: 5px;
	font-size: 14px;
	font-weight: normal;
	color: #FF7200;
	text-decoration: none;
}
.productDetailPriceIncGST { /* "inc GST" text next to price */
	margin-left: 5px;
	font-size: 14px;
	font-weight: normal;
	color: #FF7200;
	text-decoration: none;
}

/* main product image */
#productDetailImagesWrapper {
	float: left;
	margin: 0;
	padding: 0;
}
#PDImageBlock{
	width: 310px;
	margin:auto;
}
#productDetailImage {
	margin: 0 auto 4px auto;
	padding: 0;
	border: 1px solid #ccc;
	width: 300px;
	height: 300px;
	text-align:center;
}
#productDetailImage a img, #productDetailImage img {
	margin: 0;
	padding: 0;
	cursor: pointer;
	max-width: 100%;
	max-height: 100%;
}

/* extra product images */
.extraImageThumb {
	float: left;
	margin: 0 0 4px 4px;
	padding: 3px;
	border: 1px solid #ccc;
	cursor: pointer;
	width: 90px;
	height: 90px;
	text-align:center;
}
.extraImageThumb img, .extraImageThumb a img {
	max-width:100%;
	max-height:100%;
	border: none;
}
.productDetailCartBlockGrid {
	position: relative;
	width: 150px;
	text-align: left;
}
.InStockMessage, .OutOfStockMessage, .PriceNotAvailableMessage, .MinimumOrderMessage, .MinimumOrderMessageLine {
	margin: 0;
	padding: 0;
}
.PriceNotAvailableMessageLine {
	float: left;
	margin: 0 0 5px 40px;
	padding: 0;
}

/* Styles for Size/Qty grid */
.productListDetailsGrid { /* Over-rides productListDetails - decreased width to allow for Grid style options */
	width: 220px;
}
.productListCartBlockGrid { /* Over-rides productListCartBlock - increased width for Grid style options */
	width: 220px;
}
.gridOptionsGST {
	color: #000;
	font-size: 14px;
	margin: 3px 0;
	padding: 0;
}
.productListGridWrapper {
	float: left;
	margin: 0;
	padding: 5px 0;
	text-align: left;
	width:100%;
}
.gridButtonBlock {
	float: right;
	display: inline;
	width: 105px;
	margin: 0 0 0 5px;
}
.gridButtonBlockBelow {
	float: right;
	display: inline;
	width: 430px;
	margin: 5px 0 0 0;
}
.gridButtonBlockLine {
	float: right;
	display: inline;
}
.gridButtonBlockLineBelow {
	float: right;
	display: inline;
	margin: 0 3px 0 0;
}
#productLine li.lineInfoGrid {
	height: auto;
}
.productLineGridWrapper {
	float: right;
	display: inline;
	margin: 0;
	padding: 0 0 5px 0;
	text-align: right;
}
.productLineGridWrapperBelow {
	float: right;
	display: inline;
	margin: 0;
	padding: 0 0 5px 0;
	text-align: right;
}
.productListCartBlockInnerGrid { /* Wraps the add to cart button */
	position: relative;
}
.productListCartBlockInnerGridBelow {
	position: relative;
	display: inline;
	float: right;
	margin: 0 0 0 5px;
}
.productLineCartBlockInnerGrid { /* Wraps the add to cart button */
	position: relative;
	display: inline;
	width: 105px;
	margin: 0;
	padding: 0;
}
.productLineCartBlockInnerGridBelow {
	position: relative;
	display: inline;
	float: right;
	margin: 0;
}
.productDetailGridWrapper {
	float: left;
	margin: 0;
	padding: 5px 0;
	text-align: left;
}
.sizeItemWrapper, .sizeFirstItemWrapper {
	float: left;
	/* width: is calculated as a percentage dynamically from the global parameter */
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: none;
}
.sizeFirstItemWrapper {
	border: 1px solid #CCC;
}
.sizeItemSubRow { /* Turn off the top border for extra size rows */
	border-top: none;
}
.sizetitle {
	background-color: #EDEDED;
	height: 40px;
	border-bottom: 1px solid #CCC;
	color: #000;
	font-size: 14px;
	text-align: center;
	padding: 2px 0 0 0;
}
.sizeinput {
	background-color: #FFF;
	height: 33px;
	font-size: 10px;
	text-align: center;
	padding: 3px 0 0 0;
}
.sizestock {
	background-color: #FFF;
	height: 28px;
	font-size: 10px;
	text-align: center;
	padding: 0;
	border-top: 1px solid #CCC;
}
.sizestockBalance {
	background-color: #FFF;
	height: 28px;
	font-size: 14px;
	text-align: center;
	padding: 0;
	border-top: 1px solid #CCC;
}
.sizeminqty {
	background-color: #FFF;
	height: 15px;
	font-size: 14px;
	text-align: center;
	padding: 0;
	border-top: 1px solid #CCC;
}
.MinimumOrderMessageGrid {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.productListSizePrice {
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #FF7200;
	text-decoration: none;
}
.sizestockInStock {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
}
.sizestockInStockBalance {
	margin: 0;
	padding: 1px 0 0 0;
	color: #000;
	font-size: 14px;
	text-align: center;
	line-height: 12px;
}
.sizestockOutOfStock {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
}
.sizestockOutOfStockBalance {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
}
.sizestockOnBackorder {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
}
.sizestockOnBackorderBalance {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
}
.favouriteInfoDivPD { /* Div that displays info when adding favourites - Product List */
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.favouriteInfoDivPD img {
	margin: 12px 0 0 0;
	border: none;
}


/* [ Add to Cart Info Divs ]
+---------------------------------------------------------------------------+
                                                                           */
.addCartInfoDivPL { /* Div that displays info when adding to cart - Product List */
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.addCartInfoDivPL img {
	margin: 12px 0 0 0;
	border: none;
}
.addCartInfoDivPLGrid { /* Div that displays info when adding to cart - Product List with Grid style options*/
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.addCartInfoDivPLGrid img {
	margin: 12px 0 0 0;
	border: none;
}
.addCartInfoDivGallery { /* Div that displays info when adding to cart - Featured */
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	top: -120px !important;
	top: -122px;
	left: 15px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.addCartInfoDivGallery img {
	margin: 12px 0 0 0;
	border: none;
	width: 31px !important; /* prevent responsive design from resizing this image */
	height: 31px !important; /* prevent responsive design from resizing this image */
}
.addCartInfoDivLine { /* Div that displays info when adding to cart - Product List */
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	top: 0px;
	right: 110px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.addCartInfoDivLine img {
	margin: 12px 0 0 0;
	border: none;
}
.addCartInfoDivPD { /* Div that displays info when adding to cart - Product Detail */
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.addCartInfoDivPD img {
	margin: 12px 0 0 0;
	border: none;
}
.addCartInfoDivAddon { /* Div that displays info when adding to cart - Featured */
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	top: -120px !important;
	top: -122px;
	left: 15px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.addCartInfoDivAddon img {
	margin: 12px 0 0 0;
	border: none;
}
.addCartInfoDivFeatured { /* Div that displays info when adding to cart - Featured */
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	top: -20px !important;
	top: -22px;
	left: 10px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.addCartInfoDivFeatured img {
	margin: 12px 0 0 0;
	border: none;
}
.addCartInfoDivFavourite { /* Div that displays info when adding to cart - Favourites */
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.addCartInfoDivFavourite img {
	margin: 12px 0 0 0;
	border: none;
}
.favouriteMultiCartWrapper {
	position: relative;
	text-align: left;
}
.addCartInfoDivFavouriteMulti { /* Div that displays info when adding to cart - Favourites */
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	top: 8px;
	left: 125px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.addCartInfoDivFavouriteMulti img {
	margin: 12px 0 0 0;
	border: none;
}
.favouriteMultiDeleteWrapper {
	position: relative;
	text-align: left;
}
.favouriteInfoDivDeleteMulti { /* Div that displays info when adding to cart - Favourites */
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	top: 8px;
	left: 125px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.favouriteInfoDivDeleteMulti img {
	margin: 12px 0 0 0;
	border: none;
}
#addCartInfoContent {
	width: 150px;
	height: 50px;
}
#addCartInfoContent img {
	float: left;
	width: 28px;
	height: 28px;
	margin: 12px 10px;
	border: none;
}
#addCartInfoContent p {
	float: left;
	margin: 10px 5px 0 0;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}


/* [ Quick Order Form ]
+---------------------------------------------------------------------------+
                                                                           */
#QuickOrderFormWrapper {
	margin: 0 0 10px 0;
	padding: 0;
}
#qoTable {
	width: 100%;
	border: 1px solid #DDD;
	padding: 2px;
}
#qoHeadings {
	background-color: #666;
}
#qoTable tr#qoHeadings td {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #FFF;
}
#qoTable tr td {
	padding: 4px;
}
#qoProductCodeEntry {
	float: left;
}
#qoProductCodeInput {}
.qoProductCodeInput {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	width: 135px;
	background-color: #FFF;
	padding: 2px;
	margin: 0;
	border: 1px solid #DDD;
}
.qoProductCodeInputSelected {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	width: 135px;
	background-color: #FFF;
	padding: 2px;
	margin: 0;
	border: 1px solid #3c1a11;
}
.enterCodeInfoDiv {
	margin: 0;
	padding: 5px;
	border: 1px solid #DDD;
	text-align: left;
	background-color: #fff;
	/* IE 6 min-height hack */
	min-height: 18px;
	height: auto !important;
	height: 18px;
}
#qoProductContent {
	float: left;
	width: 230px;
}
#qoThumbnail {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 100px;
}
#qoThumbnail a img {
	width: 100px;
	margin: 0 auto;
	border: none;
}
.qoProductName {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.qoProductName a {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.qoProductName a:visited {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.qoProductName a:hover {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.qoProductCode {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.qoProductPrice {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #FF7200;
	text-decoration: none;
}
.qoProductPriceGST {
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color: #FF7200;
	text-decoration: none;
}
.qoInStockMessage {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.qoOutOfStockMessage {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.qoOutOfStockMessageTryAgain {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}
.qoInvalidProductCode {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#qoProductCartBlock {
	position: relative;
	float: left;
	width: 150px;
}
#qoProductVariantWrapper {
	width: 150px;
	margin: 5px 0 0 0;
}
.qoVariantSelect {
	width: 150px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color: #FFF;
	padding: 2px;
	margin: 0;
	border: 1px solid #D4D3D3;
}
.qoVariantSelectSelected {
	width: 150px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color: #FFF;
	padding: 2px;
	margin: 0;
	border: 1px solid #3c1a11;
}
.addCartInfoDivQO {
	position: absolute;
	z-index: 50;
	width: 150px;
	height: 50px;
	top: 25px;
	left: 0px;
	background-color: #FFF;
	border: 1px solid #3c1a11;
	text-align: center;
}
.addCartInfoDivQO img {
	margin: 12px 0 0 0;
	border: none;
}
.qoQtyInput {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	width: 35px;
	background-color: #FFF;
	padding: 2px;
	margin: 0;
	border: 1px solid #CCC;
}
.qoQtyInputSelected {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	width: 35px;
	background-color: #FFF;
	padding: 2px;
	margin: 0;
	border: 1px solid #3c1a11;
}
.qoQtyInputDisabled {
	font-size: 13px;
	font-weight: normal;
	color: #000;
	width: 35px;
	background-color: #EEE;
	padding: 2px;
	margin: 0;
	border: 1px solid #DDD;
}
.qoAddToCartSubmit {
	margin: 0 0 0 5px;
	width: 100px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #3c1a11;
	cursor: pointer;
	border: 1px solid #3c1a11;
}
.qoAddToCartSubmitDisabled {
	margin: 0 0 0 5px;
	width: 100px;
	font-size: 13px;
	font-weight: normal;
	color: #999;
	background-color: #EEE;
	border: 1px solid #DDD;
}
.qoTryAgain {
	margin: 0 0 0 28px;
	width: 100px;
	font-size: 13px;
	font-weight: bold;
	color: #3c1a11;
	background-color: #3c1a11;
	cursor: pointer;
	border: 1px solid #3c1a11;
}

/* Quick Order Auto Suggest (moved from autosuggest.css in template v9) */
div.suggestions {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #3c1a11;
	position: absolute;
	width: 300px;
	background-color: #FFF;
	text-align: left;
}
div.suggestions div {
	cursor: default;
	padding: 3px;
	border-bottom: 1px dashed #3c1a11;
}
div.suggestions div.current {
	background-color: #dfbc98;
	color: #000;
}
.acCodeText {
	display: block;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.acNameText {
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
/* end Quick Order Auto Suggest*/



/* [ Favourites  ]
+---------------------------------------------------------------------------+
                                                                           */
#favouriteInfoContent {
	width: 150px;
	height: 50px;
}
#favouriteInfoContent img {
	float: left;
	width: 28px;
	height: 28px;
	margin: 12px 10px;
	border: none;
}
#favouriteInfoContent p {
	float: left;
	margin: 18px 5px 0 0;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#favouritesCart {
	margin: 0 0 10px 0;
}
.favouritesTable img.favouriteThumb {
	margin: 0;
	border: none;
}
.favouriteThumbDiv {
	background-color: #FFF;
}
.favouriteThumbDiv img {
	max-width: 100%;
	max-height: 100%;
}
.FavouriteInStockMessage {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.FavouriteOutOfStockMessage {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#favouritesSearchWrapper, #invoicesSearchWrapper {
	float:left;
}
#favouritesSortbyWrapper, #invoicesSortbyWrapper {
	float:right;
}


/* Previous Orders
+---------------------------------------------------------------------------+
                                                                           */
#listOrdersSearchBlock {
    padding: 2px 0 10px;
}


/* Invoices Page
+---------------------------------------------------------------------------+
                                                                           */
#invoicesHowtoPay {
    background-color: #3c1a11;
    border: 1px solid #3c1a11;
    color: #FFF;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    text-decoration: none;
	margin: 0 60px 0 0;
}
#box1A {
    background-repeat: no-repeat;
    float: left;
    height: 53px !important;
    margin: 0 10px 0 0;
    padding: 37px 10px 0 55px;
    width: 185px !important;
}
#box1A p {
    color: #FFFFFF;
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
#box2A {
    background-repeat: no-repeat;
    float: left;
    height: 53px !important;
    margin: 0 10px 0 0;
    padding: 37px 10px 0 55px;
    width: 185px !important;
}
#box2A p {
    color: #FFFFFF;
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
#box3A {
    background-repeat: no-repeat;
    float: left;
    height: 62px !important;
    margin: 0;
    padding: 28px 10px 0 55px;
    width: 185px !important;
}
#box3A p {
    color: #FFFFFF;
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}


/* Checkout - Order Progress Tracker
+---------------------------------------------------------------------------+
                                                                           */
.orderProgressTrail {
	width:100%;
}
.orderProgress {
	float: left;
	margin: 0;
	padding: 0;
	width: 25%;
}
.orderProgress .content {
	margin: 0 0 8px 0;
	line-height: 20px;
	height: 40px;
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	background-color: #eee;
}
.orderProgress .current {
	background-color: #ccc;
	color: #000;
}
.orderProgress .arrow {
	background-position: right;
	background-repeat: no-repeat;
	margin: 0 4px 8px 0;
}


/* Checkout Styles
+---------------------------------------------------------------------------+
                                                                           */
#freightDeliveryAddressWrapper { /* Wrapper for delivery address details */
	margin: 15px 0;
	padding: 0;
}
#freightDeliveryMessage {
	font-weight: bold;
}
#freightDeliveryAddressWrapper p.detailsLabel {
	margin-left: 20px;
}
#freightDeliveryAddressWrapper p.detailsValue { }
.paymentFreightContent{
	margin: 0 5px;
}
#forceCredit {
	display: none;
}
#confirmOrderMessage { }
#confirmOrderMessageSub {
	font-weight: bold;
}
#confirmYourDetailsWrapper { /* Wrapper for buyer details */
	margin: 15px 0;
	padding: 0;
}
#confirmYourDetailsWrapper p.detailsLabel {
	width: 125px;
}
#confirmYourDetailsWrapper p.detailsValue { }
#confirmDeliveryDetailsWrapper { /* Wrapper fordelivery address details */
	margin: 15px 0;
	padding: 0;
}
#confirmDeliveryDetailsWrapper p.detailsLabel {
	width: 125px;
}
#confirmDeliveryDetailsWrapper p.detailsValue { }
#confirmSpecialInstructionsWrapper { /* Wrapper for special instructions */
	margin: 15px 0;
	padding: 0;
}
#confirmSpecialInstructionsWrapper p.detailsLabel {
	width: 125px;
}
#confirmSpecialInstructionsWrapper p.detailsValue { }
#confirmOrderDetailsWrapper { /* Wrapper for order details summary */
	margin: 15px 0;
	padding: 0 5px 5px 0;
}
#confirmOrderDetailsTable { /* Order details/cart summary */
}
#confirmOrderDetailsWrapper h6 span.detailsTermsValue { }
#paymentConfirmTermsH6 {
	float: left;
}
#confirmOrderSubmit {
	float: right;
	margin: 5px 0;
}
#paymentCompletePrintPage {
	text-align: right;
}
#paymentCompletePrintPage img {
	border: none;
	margin: 0 5px 0 0;
}
#completeOrderMessage { }
#completeContinueShoppingMessage {
	font-weight: bold;
}
#completeYourDetailsWrapper { /* Wrapper for buyer details */
	margin: 15px 0;
	padding: 0;
}
#completeYourDetailsWrapper p.detailsLabel {
	width: 125px;
}
#completeYourDetailsWrapper p.detailsValue { }
#completeDeliveryDetailsWrapper { /* Wrapper fordelivery address details */
	margin: 15px 0;
	padding: 0;
}
#completeDeliveryDetailsWrapper p.detailsLabel {
	width: 125px;
}
#completeDeliveryDetailsWrapper p.detailsValue { }
#completeSpecialInstructionsWrapper { /* Wrapper for special instructions */
	margin: 15px 0;
	padding: 0;
}
#completeSpecialInstructionsWrapper p.detailsLabel {
	width: 125px;
}
#completeSpecialInstructionsWrapper p.detailsValue { }
#completeOrderDetailsWrapper { /* Wrapper for order details/cart summary */
	margin: 15px 0;
	padding: 0 5px 5px 0;
}
#completeOrderDetailsTable { /* Order details/cart summary */
}
#completeOrderDetailsWrapper h6 span.detailsTermsValue { }



/* [ Footer ]
+---------------------------------------------------------------------------+
                                                                           */

/* FOOTER COLOURS */
/* After revision also check mobile style colours in responsive.css */
/* background colours set via global parameters */
/* border colours */
.footer h3 { border-bottom: 1px solid #fff; }							/* line under the quicklinks menus */
/* font colours */
.footer-main h1, .footer-main h3 { color:#fff; }						/* quicklinks section */
.footer-main li, .footer-main p, .footer-main .phone { color:#fff; }	/* quicklinks section */
.footer-main a { color:#fff; }											/* quicklinks section */
.footer-main a:hover { color:#363636; }									/* quicklinks section */
.footer .nav-collapse .nav > li > a, .footer .nav-collapse .dropdown-menu a { color: #fff } /* quicklinks section - tablet */
.footer .nav-collapse .nav > li > a:hover, .footer .nav-collapse .dropdown-menu a:hover { color: #363636 } /* quicklinks section - tablet */
.footer-cat .breadcrumb > li a, .footer-cat .breadcrumb > li > .divider { color: #fff; }					/* categories section */
.footer-social p { color:#fff; }										/* copyright/social media section */
.footer-social a { color:#fff; }										/* copyright/social media section */
/* END FOOTER COLOURS */

/*footer styles*/
.footer h1 { text-align:right;}
.footer, .footer h3, .footer li, .footer p { text-align:left; }
.footer h3 { line-height: 30px; margin: 0 0 10px 0; padding: 0 0 5px 0; }
.footer .nav { margin: 0;}
.footer-padding {padding: 10px;}
.footer-main { text-align:left; }
.footer .btn-link, .footer .btn-link:hover { text-decoration:none;}
.footer .navbar { margin-bottom: 0;}
.footer-cat .breadcrumb {
	text-align:center;
	border-radius: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-cat .breadcrumb > li {
    text-shadow: none;
	font-size:11px;
	line-height: 14px;
}
.footer-cat .breadcrumb > li a:hover {  text-decoration:underline; }
.breadcrumb > li > .divider { padding: 0 2px 0 0; }
.footer-social p { font-size:11px; text-align:center; margin: 12px 0 0 0; }
.footer-social a:hover { text-decoration:underline; }
#footerIcons { text-align: center; margin: 0 0 5px 0; }



/* [ Social Media Icons / Credit Card Icons ]
+---------------------------------------------------------------------------+
                                                                           */
.socialMediaFooterIcons {
	margin: 0;
	padding: 0;
}
.socialMediaHeaderIcons {
	top: 5px;
	right: 7px;
	position: absolute;
	width: 250px;	
	text-align:right;
}
.socialMediaFooterIcons a:hover, .socialMediaHeaderIcons a:hover { opacity: 0.5;}
/* Social Icon image location set in header */
[class^="social-"], [class*=" social-"] {
    background-repeat: no-repeat;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin: 0;
    vertical-align: text-top;
    width: 35px;
}
.social-twitter { background-position: 0 0; }
.social-facebook { background-position: -55px 0; }
.social-youtube { background-position: -110px 0; }
.social-pinterest { background-position: -165px 0; }
.social-googleplus { background-position: -220px 0; }
.social-instagram { background-position: -275px 0; }
.social-linkedin { background-position: -330px 0; }
.social-rss { background-position: -385px 0; }
.social-vimeo { background-position: -440px 0; }
.social-yelp { background-position: -495px 0; }
.social-tumblr { background-position: -550px 0; }
.social-stumbleupon { background-position: -605px 0; }

/* CC Icon image location set in header */
[class^="ccicon-"], [class*=" ccicon-"] {
    background-repeat: no-repeat;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin: 0;
    vertical-align: text-top;
    width: 35px;
}
.ccicon-visa { background-position: 0 0; }
.ccicon-mastercard { background-position: -55px 0; }
.ccicon-paypal { background-position: -110px 0; }
.ccicon-amex { background-position: -165px 0; }
.ccicon-dinersclub { background-position: -220px 0; }


/* [ Account Manager Home - Buyers List  ]
+---------------------------------------------------------------------------+
                                                                           */
#AssignedBuyersList {
	position: relative;
}
#AssignedBuyersTable {
	clear: both;
	display: block;
	padding-top: 30px;
}
/* Account Manager pager selector */
.amPageSelectWrapper {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 1000;
}
.amItemsPerPage {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	text-decoration: none;
}

/* Messaging on checkout - Div for Order was placed by Account Manager...  */
/* Note: These colours are the same as the Account Manager User Logged In Bar Style Colours - Default is Red */
/* Print/Email syles are assigned seperately with HTML and not specified in style sheets */
.AccountManagerOrderMsg {
	color: #FFF;
	margin: 10px 0;
	padding: 10px 15px;
	font-size: 14px;
	background-color: #EE5F5B;
	background-image: -moz-linear-gradient(top, #EE5F5B, #BD362F);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#BD362F));
	background-image: -webkit-linear-gradient(top, #EE5F5B, #BD362F);
	background-image: -o-linear-gradient(top, #EE5F5B, #BD362F);
	background-image: linear-gradient(to bottom, #EE5F5B, #BD362F);
	border: 1px solid #EE5F5B;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFBD362F', GradientType=0); /*Notice that the color values now include 8 hex digits. The first two digits represent the alpha setting.*/
}


/* [ Account Manager Main Menu ] Default Colour is Black
+---------------------------------------------------------------------------+
                                                                           */
.accountManagerMenu .nav > li > a { color: #ccc; text-shadow: 0 1px 0 #000; }
.accountManagerMenu .navbar { margin-bottom: 0; }
.accountManagerMenu .navbar .navbar-inner {
	min-height: 45px;
	padding: 0;
	background-color: #000000;
	background-image: -moz-linear-gradient(top, #000000, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#222222));
	background-image: -webkit-linear-gradient(top, #000000, #222222);
	background-image: -o-linear-gradient(top, #000000, #222222);
	background-image: linear-gradient(to bottom, #000000, #222222);
	border: none;
	border-radius: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000000', endColorstr='#FF222222', GradientType=0); /*Notice that the color values now include 8 hex digits. The first two digits represent the alpha setting.*/
	box-shadow: none;
}
.accountManagerMenu .brand { color: #999; text-shadow: none; }
.accountManagerMenu .navmenu-divider { border-left: 1px solid #555; height: 45px; }
.accountManagerMenu li { line-height: 24px; }
.accountManagerMenu .nav > li >  a:focus, .accountManagerMenu .nav > li >  a:hover, .accountManagerMenu .navbar .nav > .active > a  { color:#CCC; background-color:#363636;}
.accountManagerMenu .nav > li > a { color:#CCC; text-shadow:none; border-radius: 0; }
.accountManagerMenu .btn-navbar, .accountManagerMenu .btn-navbar:hover, .accountManagerMenu .btn-navbar:focus {
    background-color: #0E0E0E;
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


/* [ Account Manager User Logged In Bar ] Default is Red
+---------------------------------------------------------------------------+
                                                                           */
.accountManager_CustomerBar .navbar { top:45px; }
.accountManager_CustomerBar .navbar .navbar-inner {
	min-height: 42px;
	padding-right: 0;
	background-color: #EE5F5B;
	background-image: -moz-linear-gradient(top, #EE5F5B, #BD362F);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#BD362F));
	background-image: -webkit-linear-gradient(top, #EE5F5B, #BD362F);
	background-image: -o-linear-gradient(top, #EE5F5B, #BD362F);
	background-image: linear-gradient(to bottom, #EE5F5B, #BD362F);
	border: 1px solid #EE5F5B;
	border-radius: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFBD362F', GradientType=0); /*Notice that the color values now include 8 hex digits. The first two digits represent the alpha setting.*/
	box-shadow: none;
}
.accountManager_CustomerBar .brand { color: #fff; text-shadow: none; }
.accountManager_CustomerBar a {color:#000;}
.accountManager_CustomerBar .btn { margin-right: 5px;}

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-left: 0; margin-right: 0; }
.navbar-fixed-top .navbar-inner {padding: 0 5px;}