/* --------------------------------------
   Global Styling
-------------------------------------- */

body {
	background-color: #fff;
	color:#393939;
	font:0.75em/18px Helvetica,Arial,Verdana,sans-serif;
}

/* Print Only */
.print-only {
    display: none !important;
}

/* Headings */
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size: 2.5em; line-height: 1em; }
h2 { font-size: 2em; line-height: 1em; }
h3 { font-size: 1.5em; line-height: 1em; }
h4 { font-size: 1.255em; line-height: 1em; }
h5 { font-size: 1em; line-height: 1em; font-weight: bold; }

/* Anchors */
a, a:visited { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; }
p a { z-index: 100; }


/* Base margin */
#content p, #content blockquote, #content ul, 
#content ol, #content h1, #content h2, 
#content h3, #content h4, #content h5 { margin-bottom: 0.5em; }


/* ULs, OLs & LIs */
#content ul { margin-left: 3em; }
#content ul li { list-style: disc; }

#content ol { margin-left: 3em; }
#content ol li { list-style: decimal; }

/* Blockquote */
blockquote { width: 75%; margin-left: 10%; padding: 10px; background-color: #ccc; quotes: "\201C" "\201D"; }
blockquote:before { content: open-quote; font: bold 20px/12px Georgia, "Times New Roman", Times, serif; } 
blockquote:after { content: close-quote; font: bold 20px/12px Georgia, "Times New Roman", Times, serif; } 

/* Other styles */
small { font-size: 80%; }
h1 { font-size: 2em; color: #0790CF; }
h3 { font-size:1.5em; line-height:1em; }
h4 { font-weight: bold; font-size: 1.15em; }

/* Classes */
.right { float: right; }
.left { float: left; }
img.right { float: right; margin: 0 0 0 10px; }
img.left { float: left; margin: 0 10px 0 0; }
p img.right { float: right; margin: 0 0 10px 10px; z-index: 100; }
p img.left { float: left; margin: 0 10px 10px 0; z-index: 100;}
.last { border: 0!important; margin-right: 0!important; margin-bottom: 0!important; }
.error { background-color: #d5a2a2; color: #fff; border: 1px solid #c38e8e; }
.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.formerror { background: #fff  url('../i/icon-formerror.gif') left center no-repeat; border: none!important; font-size: 0.91em; color: #447094; display: inline-block; margin-top: 1px; padding: 0.1em 0.95em 0.1em 2em!important; }
.nomarg { margin: 0!important; }
.nobord { border: none!important; }
div.hr { display: block; height: 2px; margin: 10px 0; clear: both; background: url('../i/bg-hr.gif') center center no-repeat; }
div.clear { width: 100%; height: 1px; clear: both; }

.address-container { display: none; }
.margin-top { margin-top: 1em !important; }

/* --------------------------------------
   Center Wrap Section
-------------------------------------- */

#center {
	width: 940px;
	margin: 0 auto;
}

/* --------------------------------------
   Landing Page
-------------------------------------- */

#landing {
	width: 940px;
	height: 580px;
	padding-top: 110px;
	position: absolute;
	left: 50%;
	margin-left: -470px;
	top: 50%;
	margin-top: -345px;
	border: 1px solid #c6c6c6;
	background: transparent url('../i/bg-landing.gif') left top no-repeat;
}

/** content-block **/
#landing .content-block {
	width: 251px;
	margin-bottom: 60px;
	font-size: 1.166em;
	color: #444;
	line-height: 1.2em;
}

#landing .mainsite { padding-left: 390px; }
#landing .bussite { padding-left: 480px; }
#landing .ressite { padding-left: 590px; }

/** btns **/
#landing .content-block .btn {
	width: 251px;
	height: 39px;
	display: block;
	margin-bottom: 15px;	
}

#landing .content-block .btn span {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#landing .mainsite .btn span { background-image: url('../i/btn-landing-mainsite.gif'); }
#landing .bussite .btn span { background-image: url('../i/btn-landing-businesses.gif'); }
#landing .ressite .btn span { background-image: url('../i/btn-landing-resourcecentre.gif'); }

#landing .content-block .btn:hover span {
	background-position: left bottom;
}


/* --------------------------------------
   Header Section
-------------------------------------- */

#header {
	background: #e09c1d url('../i/bg-header-business.gif') left top no-repeat;
	width: 940px;
	height: 104px;
	margin-bottom: 80px;
}

#logo {
	float: left;	
}

#logo,
#logo a {	
    width: 665px;
	height: 104px;
	display: block;
	color: #006f56;
	font-size: 30px;
	text-decoration: none;
}

#logo span {
	background-image: url('../i/bg-header.gif');
}

/** header meta **/
#header-meta {
	width: 205px;
	padding: 40px 5px 0 0;
	height: 64px;
	float: right;
	text-align: right;
	width: 209px;
}

#header-meta h2 {
	font-size: 2.333em;	
	font-weight: normal;
	color: #fff;
	line-height: 0.916em;
	display: block;
	margin-bottom: 8px;
	padding-right: 10px;
}

#header-meta ul {
	padding-top: 6px;
	float: right;
}

#header-meta ul li {
	display: inline;
}

#header-meta ul li.last {
	margin-left: 20px !important;
}

#header-meta ul li a {
	color: #fff;	
}

/* --------------------------------------
   Container Template
-------------------------------------- */

#content {
	min-height: 300px;
	margin-bottom: 20px;
}

/** 2 Column Layout **/
.two-columns {
	clear: both;
	width: 940px;
}

.two-columns .left-column {
	width: 665px;
	float: left;
	background-color: transparent;
}

.two-columns .right-column {
	width: 240px;
	float: right;
	background-color: transparent;
}

/** 3 Column Layout **/
.three-columns {
	clear: both;
}

.three-columns .left-column {
	width: 204px;
	border-right: 1px solid #000;
	float: left;
	background-color: transparent;
}

.three-columns .mid-column {
	width: 418px; /* removed 20px to allow for left & right padding */
	padding: 10px;
	float: left;
	background-color: transparent;
}

.three-columns .right-column {
	width: 204px; /* removed 20px to allow for left & right padding */
	padding: 10px;
	border-left: 1px solid #000;
	float: right;
	background-color: transparent;
}

/* --------------------------------------
   Content Styles
-------------------------------------- */

/** h2 (left-column) **/
#content .left-column h2,
#content .right-column h2 {
	padding: 9px 15px;
	color: #fff;
	font-size: 1.333em;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	min-width: 160px;
	display: inline-block;
}

#content .right-column h2 {
	display: block;
	margin-bottom: 0;
	padding: 9px 8px;
}

/** box (left-column) **/
#content .left-column .box {
	padding: 10px 0;
	margin-bottom: 50px;
	display: block;
	background: url('../i/bg-box.gif') left center no-repeat;
	min-height: 175px;
	height: auto!important;
	height: 175px;
}

#content .left-column .box h2 {
	position: absolute;
	top: -34px; 
}

#content .left-column .box .content {
	padding: 0 15px;
	width: 635px;
}

#content .left-column .box .content h3 {
	font-size: 1.166em;
	margin-bottom: 0.3em;
	font-weight: bold;
	color: #222;
}

/** box (right-column) **/
#content .right-column .box {
	padding: 3px;
	margin-bottom: 15px;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#content .right-column .box .content {
	padding: 5px 8px;
}

#content .right-column .box .content h3 {
	font-size: 1.166em;
	margin-bottom: 0.3em;
	font-weight: bold;
	color: #222;
}

#content .form {
	width: auto;	
}

#content .form .input,
#content .form .select {
	margin-bottom: 10px;
}

#content .box .form .input input,
#content .box .form .select select {
	padding: 7px 5px;
	border: 1px solid #cbcbcb;
	width: 203px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#content .form .submit {
	display: block;	
}

/** hide this incase JS is off **/
#login-password-hint {
	display: none;	
}

/** Text&Submit **/
#content .form .ts {
	width: auto;
	display: block;
}

#content .form .ts .ts-text {
	width: 165px;
	padding: 7px 5px;
	float: left;
}

#content .form .ts .ts-submit {
	float: right;	
}

#content .form .ts .cci {
	background: url('../i/bg-costcalc-input.gif') left top no-repeat;	
	border: none;
	padding-right: 30px;
	width: 135px;
	height: 15px;
	margin-bottom:5px;
}

#content .form .select .ccs {
	background: url('../i/bg-costcalc-select.gif') left top no-repeat;	
	border: none!important;
	width: 210px!important;
	height: 27px;
	padding: 5px!important;
}


/** gray box (right-column) **/
#content .graybg {	
	background: url('../i/bg-graybg.gif') left top repeat;
}

#content .graybrd {
	border: 1px solid #cbcbcb;	
}

/** video box **/
#content .left-column .vidtext {
	
}

#content .left-column .video {
	width: 480px;
	float: left;
}

#content .left-column .text {
	width: 140px;
	float: right;
}

/** text with thumb box **/
#content .left-column .txtwthmb {
		
}

#content .left-column .txtwthmb .thumb {
	width: 220px;
	float: left;
}

#content .left-column .txtwthmb .text {
	width: 400px;
	float: right;
}

/** multi-box **/
#content .left-column .multibox {
	background: none!important;
}

#content .left-column .multibox .mbox {
	width: 307px;
	height: 205px;
	float: left;
	background: url('../i/bg-mbox.gif') left bottom no-repeat;
	padding: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}

#content .left-column .multibox .mbox .thumb {
	width: 153px;
	float: left;
	text-align: center;
	overflow: hidden;
}

#content .left-column .multibox .mbox .thumb img {

}

#content .left-column .multibox .mbox .text {
	width: 133px;
	padding-right: 5px;
	float: right;
}


/** btn & arrow **/
#content .btn {
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 1px 5px;
	text-decoration: none;
	margin-top: 10px;
	float: right;
}

#content .arrow {
	padding-right: 20px;
	background: url('../i/icon-arrow.gif') right center no-repeat;
}

/** apply now button **/
#content .right-column .applynow {
	padding: 0;
	width: 240px;
}

#content .right-column .applynow a.applynow-btn {
	display: block;	
	text-decoration: none;
	width: 184px;
	height: 44px;
	padding: 10px 46px 10px 10px;	
	margin-bottom: 5px;
}

#content .right-column .applynow p {
	line-height: 1.4em;
	font-size: 0.916em;
	padding-left: 10px;
}

#content .right-column .applynow a.applynow-btn p {
	color: #fff;
	font-size: 1.166em;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 1em;
	padding: 0;
}

#content .right-column .applynow a.applynow-btn h4 {
	color: #fff;
	font-weight: bold;
	font-size: 2.5em;
	margin-bottom: 0;
}

#content p {
	line-height: 1.75em;
}

#content ul, #content ol {

}

#content ul li, #content ol li {

}

/* --------------------------------------
   Social links
-------------------------------------- */
#content .social ul {
	margin: 0;
	padding: 0;
}

#content .social ul li {
	list-style: none;
	float: left;
	margin-left: 10px;
}

#content .social ul li a {
	width: 53px;
	height: 54px;
	display: block;
}

#content .social ul li a span {
	background-image: url('../i/sprite-social.jpg');	
}

#content .social ul li a.facebook span { background-position: 0 0; }
#content .social ul li a.facebook:hover span { background-position: 0 -54px; }

#content .social ul li a.twitter span { background-position: -66px 0; }
#content .social ul li a.twitter:hover span { background-position: -66px -54px; }

#content .social ul li a.youtube span { background-position: -132px 0; }
#content .social ul li a.youtube:hover span { background-position: -132px -54px; }

/* --------------------------------------
   Licencee Section
-------------------------------------- */

#licencees {
	width: 940px;	
	padding: 30px 0 20px;
	background: url('../i/bg-licencees-top.gif') left top repeat-x;
}

#licencees p {
	padding-left: 10px;
	color: #444;
	margin-bottom: 0;
}

#licencees ul {
	display: block;	
	margin: 0;
	padding: 0 0 0 1px;
	background: url('../i/bg-licencees.gif') left center no-repeat;
}

#licencees ul li {
	width: 155px;
	height: 110px;
	float: left;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0 1px 0 0;
	background: url('../i/bg-licencees.gif') right center no-repeat;
}

#licencees ul li a {
	display: block;
	height: 110px;
}

#licencees ul li a span {
	background: url('../i/sprite-licencees.jpg') 0 0 no-repeat;
}

#licencees ul li a.kraft span { background-position: 0 0; }
#licencees ul li a:hover.kraft span { background-position: 0 -107px; }

#licencees ul li a.bob-jane span { background-position: -160px 0; }
#licencees ul li a:hover.bob-jane span { background-position: -160px -107px; }

#licencees ul li a.bluescope span { background-position: -314px 0; }
#licencees ul li a:hover.bluescope span { background-position: -314px -107px; }

#licencees ul li a.woolworths span { background-position: -467px 0; }
#licencees ul li a:hover.woolworths span { background-position: -467px -107px; }

#licencees ul li a.nylex span { background-position: -625px 0; }
#licencees ul li a:hover.nylex span { background-position: -625px -107px; }

#licencees ul li a.esky span { background-position: -781px 0; }
#licencees ul li a:hover.esky span { background-position: -781px -107px; }

/* --------------------------------------
   Main Navigation Section
-------------------------------------- */

/** Menu level 1 **/
#main-navigation {
	position: absolute;
	top: 125px;
	padding: 7px 10px;
	width: 920px;
	height: 26px;
	background: #f3f3f3;
	z-index: 1000;
}

#main-navigation ul { /** First level un-ordered list **/
	background: #f3f3f3 url('../i/bg-nav.gif') left top no-repeat;
	height: 28px;
	width: 912px;
	padding: 0px 10px 0px 0px;
}

#main-navigation ul li.last {
	background: #f3f3f3 url('../i/bg-nav.gif') right top no-repeat;
}

#main-navigation ul li { /** First level un-ordered list items **/
	display: block;
	float: left;
	color: #626262;
	padding-top: 1px;
	height: 27px;
}

#main-navigation ul li a, #main-navigation ul li a:visited {  /** First level anchor static-state **/
	text-decoration: none;
	padding: 4px 13px 5px 14px;
	color: #626262;
	display: block;
	font-size: 1.0833em;
	font-weight: bold;
}

#main-navigation ul li a:hover,
#main-navigation ul li:hover a,
#main-navigation ul li.hover a { /** First level anchor hover-state **/
	background: #fd9c02 url('../i/bg-nav-btn.gif') center top no-repeat;
	color: #fff;
}

#main-navigation ul li.first a:hover,
#main-navigation ul li.first:hover a {
	background-position: left top;	
}

#main-navigation ul li.last a:hover,
#main-navigation ul li.last:hover a {
	background-position: right top;		
}

/** Menu level 2 **/
#main-navigation ul li ul { /** Second level un-ordered list - when hidden **/
	display: none;
	position: absolute;
	left: 0;
	margin: -1px 0 0 0;
	padding: 10px;
	background: #fd9c02 url('../i/bg-nav-subnav.gif') left top repeat-x;
	width: 160px;
	height: auto;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

#main-navigation ul li:hover ul,  /** Second level un-ordered list - when visible **/
#main-navigation ul li.hover ul {
	display: block;
}

#main-navigation ul li ul li { /** Second level un-ordered list items **/
	clear: both;
	float: none;
	padding: 0;
	background: none;
	height: auto;	
	display: inline;
}

#main-navigation ul li ul li a,
#main-navigation ul li:hover ul li a,
#main-navigation ul li.hover ul li a,
#main-navigation ul li ul li a:visited {  /** Second level anchor static-state - must cancel out first level anchors **/
	text-decoration: none;
	background: none;
	padding: 5px 0;
	color: #fff;
	font-weight: normal;
	text-align: left;
	font-size: 0.916em;
	line-height: 1.2em;
}

#main-navigation ul li ul li a:hover,
#main-navigation ul li ul li:hover a,
#main-navigation ul li ul li.hover a {  /** Second level anchor hover-state **/
	text-decoration: underline;
	background: none;
}


/* --------------------------------------
   Footer Section
-------------------------------------- */

#footer {
	height: 30px;
	padding-top: 20px;
	background: url('../i/bg-footer.gif') left top repeat-x;
}

#footer-navigation ul li {
	display: inline;
	padding-right: 7px;
	margin-right: 5px;
	border-right: 1px solid #999;
	font-size: 0.916em;
	line-height: 1em;
}

#footer-navigation ul li a {
	color: #444;
	text-decoration: none;
}

#footer-navigation ul li a:hover {
	text-decoration: underline;
}

/* --------------------------------------
   Form Styles
-------------------------------------- */

.form {
	width: 480px;
}
.form-item {
	padding: 5px 0;
	margin-bottom: 5px;
	display: block;
}

.form-item label {
    display: block;
	clear: both;
	margin-bottom: 0.2em;
	margin-right: 1em;
	float: left;
	width: 140px;
}

.form-item input,
.form-item select {
    width: 250px;
	padding: 3px;
	display: block;
	border: 1px solid #0790cf;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.form-item select {
    width: 258px;
	padding: 2px;
}

.form-item select.wide
{
    width: 455px;
}

.form-item textarea.wide {
    width: 447px;
}

.form-item textarea {
    width: 368px;
	height: 100px;
	padding: 3px;
	font-size: 1em;
	border: 1px solid #0790cf;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.form-item .postcode {
    width: 4em;
}

.form-item .small {
	width: 100px !important;
}

.form-item .checkbox {
	border-width: 0px;
	display: inline-block;
	margin-left: 0px;
}

.form-item .checkbox input {
	margin-right: 8px;
	display: inline;
	width: auto;
	border-width: 0px !important;
}

.form-item .checkbox-container input {
	border-width: 0px !important;
}

.form-item .checkbox label {
	width: auto;
	display: inline;
	float: none;
}

.form-item .radio-button input {
	border-width: 0px !important;
}

.form-item .file-upload {
	border-width: 0px !important;
}

.inline-textbox input {
	display: inline !important;
}

.checkbox-list label {
	width: 220px;
}

.checkbox-list ul {
	margin: 0px !important;
	padding: 0px !important;
	width: auto !important;
	float: left;
}

.checkbox-list ul li {
	display: inline;
	list-style: none !important;
}

.checkbox-list ul li input {
	display: inline;
	float: none;
	width: auto;
}

.checkbox-list ul li label {	
	float: none !important;
	display: inline !important;
	width: auto !important;
}

.submit {
    text-align: right;
}

.req {
	color: #a51e1e;
	font-weight: bold;
	padding: 0px 5px;
}

.form-item label .help {
	font-size: 0.916em;
	display: block;
	color: #929496;
}

.page-controls {
	padding-left: 152px;
}

.page-controls .error-message {
	margin-bottom: 10px;
	display: block;
}

.no-margin-controls {
	padding-left: 0px;
}

.form-action {
	padding-left: 152px;
}

#product-categories .form-item .error-message {
	margin-left: 210px !important;
}

.form-action .page-button,
.page-controls .page-button {
	background-color: #0790CF !important;
	-moz-border-radius: 2px;
	-webkit-border-top-left-radius: 2px;
    border-width: 0px;
    color: #fff;
    cursor: pointer;
    padding: 2px 5px;
    margin-right: 20px;
}

.form-action .page-button:hover,
.page-controls .page-button:hover {
	background-color: #12ACF3 !important;
}

.page-controls .next {
	padding-right: 20px;
	background: transparent url('../i/btn-next-bg.gif') no-repeat right top;
}

.page-controls .next:hover {
	background-position: right bottom;
}

.page-controls .back {
	padding-left: 20px;
	background: transparent url('../i/btn-back-bg.gif') no-repeat left top;
}

.page-controls .back:hover {
	background-position: left bottom;
}

.full-width {
	width: 475px !important;
}

.prod-full-width {
	width: 533px !important;
}

.form-action input {
	width: auto !important;
}

.floated-fields .form-item {
	width: 300px !important;
	margin-right: 10px;
	float: left;
}

.floated-fields .form-item label {
	width: 140px !important;
}

.floated-fields .form-item input {
	width: 140px !important;
}

.floated-fields .form-item select {
	width: 148px;
}

/** image styling for input submit buttons **/

.submit input.image {
   background: none;
   height: 27px;
   width: 101px;
   border: none;
   margin: 0;
   background: transparent url('../i/btn-submit.gif') left top no-repeat;
}

.submit input.image:hover,
.submit input.hover {
   background-position: left -27px;
   cursor: pointer;
}

.submit input.image:active,
.submit input.active {
   background-position: left -54px; 
}

input[type="submit"]:focus::-moz-focus-inner{ border-color:transparent!important } /** note: accessibility outline in firefox is removed here **/


/** error styling **/
input.error,
select.error,
textarea.error {
	border: 1px solid #6aa0cc;
	background-color: #e1effa;
	color: #000;
}

.error-message {
	display: block;
	padding-left: 16px;
	background: transparent url('../i/error.gif') no-repeat left 4px;
	color: #a51e1e;
}

.form-item span.error-message {
	margin-left: 152px;
	font-weight: normal !important;
}

.floated-fields .form-item span.error-message {
	margin-left: 153px;
}

/* --------------------------------------
   Business Theme
-------------------------------------- */

#content a {
	color: #0790cf;	
}

#content .btn {
	background-color: #0790cf!important;
}

#content .btn:hover {
	background-color: #12acf3!important;
}

#content .left-column h2,
#content .right-column h2 {
	background: #0790cf url('../i/bus/bg-heading.gif') left top repeat-x;
}

#content .left-column .box {
	border-top: 2px solid #0790cf;
}

#content .box .form .input input {
	border-color: #0790cf;
}

#content .applynow {
	background: url('../i/bg-applynow-btn.gif') left top no-repeat;
}

/*******
 ** Add Product Table
*******/

#tbl-products {
	width: 100%;
	margin-bottom: 15px;
}

#tbl-products th {
	text-align: center;
	vertical-align: top;
}

#tbl-products .name {
	text-align: left;
	width: 200px;
}

#tbl-products .check {
	width: 80px;
	text-align:center;
}

#tbl-products .descriptor {
	width: 220px;
	text-align: right;
}

#tbl-products .descriptor .checkbox {
	padding-right: 10px;
}

#tbl-products input.textbox {
    width: 160px;
	padding: 3px;
	border: 1px solid #0790cf;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#product-categories label {
	width: 180px !important;
	margin-right: 30px !important;
}

#product-categories select.list-box {
	height: 90px !important;
}

/** Dashboard styles **/
#account-actions {
	padding: 10px 15px;
	background-color: #fff;
	border: 1px solid #CBCBCB;
}

#account-actions ul {
	padding: 0px !important;
	margin: 0px !important;
}

#account-actions ul li {
	list-style: none !important;
	margin-bottom: 5px;
}

#account-actions ul li a {
	font-size: 1.091em;
}

#account-actions ul li .info {
	display: block;
	color: #656565;
	padding-left: 15px;
	background: transparent url('../i/bullet.gif') no-repeat left 1px;
}

#tbl-already-added {
	margin-bottom: 10px;
}

#tbl-already-added th,
#tbl-already-added td {
	text-align: left;
	padding: 0px 5px;
}

#tbl-already-added .name {
	Width:  150px;
}

#tbl-already-added .type {
	Width:  50px;
}

#tbl-already-added .descriptor {
	Width:  140px;
}

#tbl-already-added .categories {
	Width:  160px;
}

#tbl-already-added .keywords {
	Width:  150px;
}

#tbl-already-added .delete {
	Width:  50px;
}

#tbl-already-added a {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
}

#tbl-already-added a.delete-icon {
	padding-left: 10px;
}

/**** ARTWORK PAGE / PHOTOS *****/

ul#artwork-logos, ul#photos-nojs {
	width: 650px;
	margin-left: 0px;
}

ul#artwork-logos li, ul#photos-nojs li {
	border:2px solid #CCCCCC;
	padding: 3px;
	float: left;
	list-style-type:none;
	margin-bottom:20px;
	margin-right:10px;
	height: 170px;
	text-align: center;
}

ul#photos-nojs li {
	width: 90px;
	height: 90px;
}

ul#artwork-logos li p a, ul#artwork-logos li p {
	width: 140px;
}

ul.documents {
	margin-left: 15px !important;
}

.addresses {
	width: 100%;
}

.addresses .address {
	width: 200px;
	float: left;
	margin-right: 20px;
}

#breadcrumbs {
	width: 100% !important;
}

#breadcrumbs ul {
	margin: 0px 0px 10px 0px !important;
	padding: 0px !important;
	width: 100% !important;
}

#breadcrumbs ul li {
	float: left;
	display: block;
	padding: 0px 3px !important;
	font-size: 0.916em;
}

#breadcrumbs ul li a {
	text-decoration: none;
}

#breadcrumbs ul li a:hover {
	text-decoration: underline;
}

#tbl-additional-retailers th {
	text-align: left;
}

#tbl-additional-retailers th,
#tbl-additional-retailers td {
	width: 180px;
}

.sell-via,
.end-users {
	height: 15px !important;
}

.sell-via label,
.end-users label {
	width: 250px !important;
}

.major-retailers label {
	float: none;
}

.checkbox-container input, 
.checkbox-container label,
.radio-container input,
.radio-container label {
	display: inline;
	width: auto !important;
	float: none !important;
}

.h2-container {
	border-bottom: 2px solid #0790CF;
	margin-bottom: 1em;
}

.h2-container h2{
	margin-bottom: -2px !important;
}

#cost-calc .error-message {
	display: inline;
}

.cost-total {
	margin-bottom: 0px !important;
}

.cost-total strong {
	font-size: 1.091em;
}

#company-images,
#tvc-images {
	margin: 10px 0px 0px 0px !important;
}

#company-images li,
#tvc-images li {
	list-style: none !important;
	float: left;
	margin-right: 15px;
	width: 110px;
	text-align: center;
}

#company-images li.wide,
#tvc-images li.wide {
	width: 300px;
	text-align: left;
}

#company-images li.wide a,
#tvc-images li.wide a {
	margin-right: 10px;
}

.product-controls {
	padding-left: 210px;
}

.planned-export label {
	float: none !important;
	width: auto !important;
}

.cost-holder {
	width: 100%;
}

.licence-cost {
	font-size: 1.6em !important;
	padding-left: 10px;
	display: block;
	float: left;
	width: 140px;
}

.cost-label {
	display: block;
	float: left;
	width: 140px;
}

.editable .page-controls {
	display: block !important;
	margin-bottom: 10px !important;
}

#content .form-success-message {
	color: #648d33 !important;
	border: 1px solid #93ac76 !important;
	padding: 6px 10px 6px 30px !important;
	background: #e8f5dc url('../i/success.gif') no-repeat 10px 5px !important;
	margin-bottom: 10px !important;
}

#product-categories .form-item select.wide,
#product-categories .form-item textarea.wide
{
	float: right;
}

#link-tracking {
	margin: 20px 0px;
	width: 100%;
}

/* Link tracking styles */
#link-tracking td, th {
	padding: 3px 6px;
}

#link-tracking th {
	background-color: #0790CF;
	color: #fff;
	border-right: 1px solid #efefef;
}

#link-tracking th.last {
	border-right: 1px solid #0790CF !important;
}

#link-tracking td {
	text-align: center;
	border: 1px solid #acacac;
	border-top: 1px solid #575961;
	font-weight: bold;
}

#tyl-help {
	margin: 10px 20px !important;
}

#tyl-help li {
	list-style: none !important;
	margin-bottom: 10px;
}

#tyl-help li .info {
	display: block;
	color: #656565;
	padding-left: 15px;
	background: transparent url('../i/bullet.gif') no-repeat left 1px;
}
