html, body {
	height: 100%;
	margin:0;
	padding:0;
}

* {
    margin: 0;
    padding: 0;
}

body {
	background: #f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
}
strong {
	font-weight: bold;
}
p {
	margin-bottom: 13px;
	line-height: 1.45;
}
a {
	text-decoration: none;
	color: #666666;
}
a:hover img {
	/* opacity: 0.5;
	filter: alpha(opacity=50); For IE8 and earlier */
}
a:hover {
	text-decoration: underline;
}
label {
	display: inline;
	width: 75px;
	float: left;
	margin-top: 7px;
	margin-bottom: 5px;
	margin-right:3px;
	text-align:right;
}
input {
	margin-bottom: 10px;
}

input[type='text'],input[type='password'],select{
	padding:5px;
	color:#b2b2b2;	
	border:1px #cccbcb solid;	
}

select{
	color:#666666;
	margin-bottom:10px;	
}

.btnBlack {
	background: url(/images/bg-button-black.jpg) repeat-x;
	text-transform: uppercase;
	font-size: 13px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
	text-align: center;
	padding: 5px 15px;
	border: 1px #666666 solid;
	cursor: pointer;
	color: #FFF;
	display: inline-block;
}

.aboutBox .btnBlack, .whitesNeutralsBox .btnBlack, .colourExpressBox .btnBlack{
	width:120px;
}

.btnWhite {
	background: url(/images/bg-button-white.jpg) repeat-x;
	text-transform: uppercase;
	font-size: 12px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
	text-align: center;
	padding: 5px 10px;
	border: 1px #c0bfbf solid;
	cursor: pointer;
	color: #666666;
	display: inline-block;
}
.btnBlack:hover, .btnWhite:hover {
	text-decoration: underline;
}
#container {
	width: 980px;
	margin: 0 auto;
	min-height:100%;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clear {
	clear: both;
}
/* header */
#header {
	background: url(/images/underline-with-the-fade.png) no-repeat right 87px;
	padding-bottom:11px;
}

#header h1{
	margin-top:5px;	
}

div.leadingBrands {
	width: 465px;
	float: right;
	text-align: right;
	padding-top: 53px;
	height:34px;
}
img.leadingText {
	margin-top: 16px;
	float: left;
}
div.leadingBrands ul {
	float: right;
	margin-bottom: 15px;
}
div.leadingBrands ul li {
	float: left;
	padding-left: 6px;
}
p.cart {
	margin-bottom: 5px;
	margin-right: 10px;
	float:right;
}
p.cart #top_nav_cart_counter:hover {
	text-decoration: underline;
	cursor: pointer;
}

ul.cards{
	margin-top:-5px;	
}

ul.cards li{
	float:left;
	margin-right:5px;
	margin-bottom:5px;	
}

#nav {
	float: left;
	margin-right: 9px;
}
#nav li {
	float: left;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#nav li a {
	background: url(/images/nav-bg.jpg) repeat-x;
	font-size: 12px;
	padding: 10px 12px 0 12px;
	height: 25px;
	display: block;
	border: 1px #999999 solid;
	border-left: 0;
}
#nav li:first-child a {
	border-left: 1px #999999 solid;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}
#nav li.last a {
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
a.colourStore {
	float: left;
	background: url(/images/btn-colour-store.png) no-repeat;
	width: 111px;
	height: 38px;
	text-indent: -9999px;
}
a.colourStore:hover {
	background-position: left bottom;
}
div.colourFinder {
	float: right;
	width: 270px;
	background: url(/images/bg-colour-finder.jpg);
	border: 1px #666666 solid;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	font-size: 10px;
	padding: 6px 9px 6px 10px;
}
div.colourFinder .left {
	float: left;
	width: 100px;
}
div.colourFinder .right {
	float: right;
	width: 170px;
}
div.colourFinder label {
	color: #FFF;
	margin-top: 2px;
	display: block;
	width:auto;
	margin-bottom:0;
}
div.colourFinder input.text {
	width: 110px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	padding: 4px 8px;
	border: 0;
	margin-left: 10px;
	margin-bottom:0;
	float: left;
	font-size: 10px;
	color: #676767;
	font-family: Arial, Helvetica, sans-serif;
}
input.submit {
	background: url(/images/btn-go.png) no-repeat;
	width: 20px;
	height: 19px;
	border: 0;
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	cursor: pointer;
	float: right;
	margin-bottom: 0;
}
input.submit:hover {
	background-position: left bottom;
}
/* main */

#main {
}
ul.colours {
	margin: 0;
	padding: 0;
	display:inline-block;
}
ul.colours li {
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	margin-right: 3px;
	color: #666666;
	background: #ffffff;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
	border: 1px #b3b3b3 solid;
}
ul.colours li a {
	font-size: 12px;
	padding: 5px 17px;
	display: block;
}
ul.colours li:hover, ul.colours li.current {
	background: #808080;
	border-bottom: 1px #808080 solid;
}
ul.colours li:hover a, ul.colours li.current a {
	color: #ffffff;
	text-decoration: none;
}
/*subnav*/

ul.colours li ul {
	position: absolute;
	width: 310px;
	height: 27px;
	left: 0;
	top: 25px;
	margin-top: -99999px;
}
ul.colours li:hover ul, ul.colours li.current ul {
	margin-top: -2px;
	margin-left: -60px;
}
ul.colours li:first-child:hover ul, ul.colours li.current:first-child ul {
	margin-left: 0;
}
ul.colours li ul li, ul.colours li ul li:hover {
	float: left;
	background: url(/images/bg-separator-subnav.jpg) no-repeat left center;
	padding-left: 9px;
	padding-right: 7px;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
	border: none;
}
ul.colours li ul li:first-child {
	background: none;
}
ul.colours li ul li a {
	border: none;
	background: none;
	color: #ffffff;
	padding-left: 0;
	padding-right: 0;
}
ul.colours li ul li a:hover {
	text-decoration: underline;
}
div.subnavArea {
	background: #808080;
	-moz-border-radius-topright: 25px;
	border-top-right-radius: 25px;
	height: 25px;
	border: 1px #c0c0c0 solid;
	margin-top: -1px;
}
div.colours {
	background: #ffffff;
	border: 1px #b3b3b3 solid;
	padding: 14px;
	padding-bottom: 10px;
	border-top: none;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
}
.colours .coloursTable {
	margin-bottom: 10px;
	min-height: 415px;
}
.colours .controls {
	position: relative;
}
.btnSmall {
	border: 1px #d8d8d8 solid;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	padding: 3px 35px;
	font-size: 10px;
	left: 0;
	width: 42px;
	top: 0;
	text-align: center;
	background: white;
	position: relative;
	display: block;
}
.colours .controls a.btnSmall {
	position: absolute;
}
.colours .controls a.next {
	left: auto;
	right: 0;
}
.colours .controls ul {
	width: 650px;
	text-align: center;
	height: 20px;
	display: inline-block;
}
.colours .controls ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
.colours .controls ul li a {
	padding: 5px;
	font-weight: bold;
}

.colours .controls ul li a.active{
	text-decoration:underline;
}

#viewport div div {
	cursor: pointer;
}
/* footer */

#footer {
	padding: 15px;
}
div.share {
	float: left;
	margin-top: 7px;
}
/*footer top links */
#footer .rightTop {
	float: right;
	width: 555px;
	margin-bottom: 10px;
}
#footer .rightTop ul {
	margin-top: 7px;
	float: left;
}
#footer .rightTop ul li {
	float: left;
	background: url(/images/bg-separator-footer.jpg) no-repeat left center;
	padding: 0 7px;
}
#footer .rightTop ul li:first-child {
	background: none;
}
/* footer top subscribe */
#footer .rightTop form {
	float: right;
	width: 270px;
}
#footer .rightTop form label {
	float: left;
	margin-top: 9px;
	width:auto;
}
#footer .rightTop form div.box {
	background: #ffffff;
	border: 1px #d8d8d8 solid;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	padding: 4px 10px;
	float: right;
}
#footer .rightTop form input.text {
	width: 104px;
	border: 0;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 0;
	padding:0;
	font-size: 10px;
	color: #676767;
	font-family: Arial, Helvetica, sans-serif;
}
#footer hr {
	margin-bottom: 18px;
}
#footer .rightBottom {
	float: right;
}
#footer .rightBottom ul li {
	float: left;
	background: url(/images/bg-separator-footer.jpg) no-repeat left center;
	padding: 0 7px;
}

#footer .rightBottom ul li:first-child {
	background: none;
}

#footer .rightBottom ul li.last {
	padding-right:0;	
}

/* pop up */

.testBg {
	width: 100%;
	min-height: 100%;
	background: #616161;
}
.popUp p {
	line-height: 1.3;
	margin-bottom: 12px;
}
.popUp {
	background: #f6f6f6;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

.popUpLeftCopy, .popUpReverseCopy{
	background:white;
}

.popUpLeftCopy{
	margin:0 auto;
	width:490px;	
}

.popUpReverseCopy{
	margin:0 auto;
	width:780px;
}

.popUp > .left,
.popUpReverseCopy > .left {
	float: left;
	border-right: 1px #484848 solid;
	height: 595px;
	width: 500px;
	padding-left: 20px;
	padding-top: 15px;
}

.popUpLeftCopy > .left{
	height:auto;	
}

.popUpReverseCopy > .left{
	width:274px;
	height:auto;
	padding-left:0;
	padding-top:0;
	border-right:none;	
}

/* pop up Address */

.popUpAdd {
	padding: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #C2C2C2;
}

.popUpAdd #addressSelection li {
	height: 30px;
	font-size: 150%;
	padding: 8px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #C2C2C2;
	margin-bottom: 5px;
	background-color: #fdfdfd;
	vertical-align: middle;
}

.popUpAdd #addressSelection li:hover {
	background-color: #91BE3F;
	color: #FFFFFF;
}

.popUpAdd #addressSelection li.showError {
	height: auto;
	border: 1px solid #cd0a0a;
	font-size: 150%;
	padding: 8px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 5px;
	background-color: #ed3729;
	color: #FFFFFF;
}

h2 {
	font-size: 16px;
	margin-bottom: 16px;
}
h2 strong {
	font-weight: bold;
	display: block;
	line-height: 1.3;
}
div.colour {
	background: #8cc63f;
	width: 482px;
	height: 250px;
	display: block;
}

.popUpReverseCopy div.colour {
	margin-bottom:20px;	
}

ul.buttons {
	display: block;
}
ul.buttons li {
	float: left;
	margin-left: 3px;
	margin-bottom: 15px;
}
ul.buttons li:first-child {
	margin-left: 0;
	margin-right: 1px;
}
ul.buttons li a {
	border: 1px #b3b3b3 solid;
	background: #ffffff;
	padding: 8px 0;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	font-size: 10px;
	height: 10px;
	display: block;
	text-align:center;
}

ul.buttons li a#pop_download{
	width:100px;
}

ul.buttons li a.shareColourBtn{
	width:88px;
}

ul.buttons li a.addSelectionsBtn{
	width:150px;
}

ul.buttons li a#pop_add_cart{
	width:125px;
}



.popUp .leftMid {
	float: left;
	width: 310px;
}
.popUp .leftMid .left, .popUp .leftMid .right  {
	float: left;
	width: 150px;
}
.popUp .leftMid .mid {
	float: right;
}
.popUp .left .right,
.popUpLeftCopy > .right,
.popUpReverseCopy > .right .right {
	width: 150px !important;
	margin-right: 10px;
	float: right;
}
h3 {
	font-size: 13px;
	/*font-weight: bold;*/
	margin-bottom: 8px;
}
p.disclaimer {
	font-size: 9px;
	line-height: 1;
	margin-bottom: 6px;
}
/* right side */

.popUp > .right {
	width: 274px;
	float: right;
}

.popUpReverseCopy > .right{
	width:490px;
	float:right;
	border-left:1px solid #484848;
	padding-left:10px;	
	margin-top:30px;
}

.popUp .cartContainer {
	padding-left: 20px;
	padding-top: 15px;
	padding-right: 7px;
	font-size: 9px;
}
div.cartListContainer {
	height: 256px;
	overflow: auto;
	overflow-x: hidden;
	margin-bottom: 40px;
	position: relative;
}
ul.cart li {
	width: 218px;
	position: relative;
}
.popUp .colourDetails {
	width: 218px;
}
.popUp .colourSquare {
	float: left;
	width: 34px;
	height: 34px;
	
	margin-right: 2px;
	margin-bottom: 4px;
}
.popUp .colourRight {
	float: right;
	width: 181px;
	cursor: pointer;
}
.popUp .colourRight p {
	margin-bottom: 5px;
}
.popUp .colourRight .left {
	float: left;
	padding-top: 5px;
	width: 140px;
	padding-left: 5px;
}
.popUp .colourRight .right {
	float: right;
	padding-top: 10px;
	width: 36px;
	text-align: center;
}
.popUp .colourRight .overlay {
	position: absolute;
	margin-top: -99999px;
}
/* rollover overlay */
.popUp .colourRight:hover .overlay {
	margin-top: 0;
	left: 35px;
	top: 0;
}
.popUp .colourRight .overlay ul li {
	float: left;
	width: auto;
	padding-left: 1px;
}
.popUp .colourRight .overlay ul li:first-child {
	padding-left: 0;
}
.popUp .colourRight .overlay ul li a {
	background: url(/images/bg-rollover.png);
	color: #ffffff;
	padding: 7px 32px 0 32px;
	height: 27px;
	display: block;
	font-size: 16px;
	text-decoration: none;
}
.ac_results > ul {
	overflow-x: hidden !important;
}
.ac_results .overlay ul {
	width: 230px;
}
.popUp .colourRight .overlay ul li a:hover {
	color:black;	
}

.popUp .colourRight .overlay ul li a.closeBtn {
	background: url(/images/bg-close.png) no-repeat;
	width: 36px;
	height:34px;
	padding: 0;
	text-indent: -9999px;
}
.popUp .colourRight .overlay ul li a.closeBtn:hover {
	background-position: bottom;
}
.popUp h4 {
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 11px;
	color: #666666;
}
.popUp .right .quantityBox {
	width: 210px;
	margin-bottom: 17px;
}
.popUp .right .quantityBox p {
}
.popUp a.black, .popUp a.white {
	font-size: 13px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	background: url(/images/bg-button-black.jpg) repeat-x;
	width: 150px;
	text-align: center;
	display: block;
	padding: 8px;
	border: 1px #aeaeae solid;
	color: #ffffff;
	margin-bottom: 17px;
	line-height:1;
}
div.selectionsBox {
	border-top: 1px #191919 solid;
	padding-top: 15px;
	padding-left: 20px;
}
.popUp a.white {
	background: url(/images/bg-button-white.jpg) repeat-x;
	color: #666666;
}
.popUp label {
	display: block;
}
.col {
	width: 133px;
	height: auto;
	float: left;
	padding: 1px;
}
.cell {
	float: left;
	width: 123px;
	height: 45px;
	padding: 5px;
	margin: 1px 0 1px 0;
}
.whitetext {
	color: #fff;
}
.cname {
	text-align: left;
	height: 33px;
	display: table-cell;
	vertical-align: bottom;
	line-height:2;
}
.cnumber {
	text-align: right;
}
.colorPick {
	border: 1px solid #444;
}
.colorPickLinks {
	float: left;
	width: 490px;
	border-left: 1px solid #444;
	border-bottom: 1px solid #444;
}
.colorPickLinks ul {
	list-style: none;
}
.colorPickLinks ul li {
	float: left;
	border-right: 1px solid #444;
	padding: 5px;
}
.selectionDetails {
	float: left;
	margin: 5px 10px 5px 0;
	width: 232px;
	height: 120px;
}
.colourCode {
	position: relative;
	width: 100%;
	height: 100%;
}
.selectionDetails .colourCode .left {
	float: left;
	padding-top: 5px;
	width: 140px;
	padding-left: 5px;
}
.selectionDetails .colourCode .right {
	float: right;
	padding-top: 10px;
	width: 36px;
	text-align: center;
}
.selectionDetails .colourCode .overlay {
	position: absolute;
	margin-top: -99999px;
}
/* rollover overlay */
.selectionDetails .colourCode:hover .overlay {
	margin-top: 0px;
	right: 0;
	top: 0;
}
.selectionDetails .colourCode .overlay ul li {
	float: left;
	width: auto;
	padding-left: 1px;
}
.selectionDetails .colourCode .overlay ul li:first-child {
	padding-left: 0;
}
.selectionDetails .colourCode .overlay ul li a {
	background: url(/images/bg-rollover.png);
	color: #ffffff;
	padding: 7px 32px;
	display: block;
	font-size: 16px;
}
.selectionDetails .colourCode .overlay ul li a.viewcolor {
	padding: 18px 73px 19px 73px;
}
.selectionDetails .colourCode .overlay ul li a.downloadcolour {
	padding: 8px 18px;
}
.selectionDetails .colourCode .overlay ul li a.addtocart {
	padding: 8px 17px;
}
.selectionsContainer {
	height: 390px;
	margin-bottom: 100px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}
#mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background-color: #000;
	display: none;
	min-height: 100%;
	width: 100%;
}
#boxes .window {
	position: fixed;
	width: 440px;
	height: 200px;
	display: none;
	z-index: 9999;
	padding: 20px;
}
#boxes #dialog {
	width: 795px;
	height: 610px;
	padding: 0;
	margin:0;
}

div.section{
	padding-bottom:12px;	
}

div.numEmployees{
	margin-left:90px;	
}

.register div.numEmployees select{
	float:right;
}

.register h2 {
	/*font-size: 28px;
	margin-bottom: 10px;*/
}
.register h3 {
	/*font-size: 18px;
	margin-bottom: 10px;
	font-weight: normal;*/
}
.register p {
	/*font-size: 13px;
	margin-bottom: 10px;*/
}
.register {
	width: 470px;
	margin: 0 auto;
	/*font-size: 13px;*/
}
.registerLeft {
	float: left;
	width: 230px;
}
.registerRight {
	float: right;
	width: 230px;
}
.registerLeftLong {
	float: left;
	width: 302px;
}
.registerRightShort {
	float: right;
	width: 168px;
}
.register label {
	width: 85px;
	text-align: right;
	margin-right: 3px;
}
.register input, .register select {
	margin-bottom: 9px;
	float:left;
}
.register label.row2 {
	margin-bottom: 40px;
}
.register label.long {
	width: 150px;
}
.register input {
	width: 129px;
}

.register select.occupation{
	width:141px;	
}

.register input.longer {
	width: 240px;
}
.register input.long {
	width: 201px;
}
.register input.full {
	width: 369px;
}
.register label.short {
	width: 50px;
	margin-left: 5px;
}
.register input.short {
	width: 97px;
}
.register input.shorter {
	width: 45px;
	float:right;
}
.register .btnBlack {
	margin-left:88px;
}
/* login popup */

#popUpLogin {
	width: 542px;
	padding:30px;
	padding-bottom:0;
	margin: 0 auto;
	position: relative;
}
#popUpLogin .intro {
	/*padding: 15px 15px;
	padding-bottom: 0;*/
}
#popUpLogin > .left, .loginBox > .left {
	/*width: 280px;
	height: 150px;
	padding-left: 50px;
	padding-top: 0;
	margin-bottom: 50px;*/
	float: left;
	/*border-right: 1px solid #484848;*/
}

.loginBoxes{
	border-bottom:1px #999999 solid;
	margin-bottom:9px;	
}

.loginBoxes .left{
	float:left;	
}

.loginBoxes .right{
	float:right;	
}

.loginBoxes .right h3{
	margin-bottom:106px;	
}

.loginBox, .popUp > .loginBox{
	background: url(/images/bgLoginBox.png) repeat-x;
	width:229px;
	height:175px;
	padding:15px;
	padding-bottom:0;
	border:1px #999999 solid;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;	
	margin-bottom:28px;
}

.loginBox h3{
	font-size:18px;	
}

.loginBox label{
	float:left;
	width:57px;	
}

.loginBoxes .left .centre{
	margin-left:59px;	
}

.loginBoxes .right .centre{
	margin-left:42px;	
}

.loginBox input {
	width: 150px;
}
/*input.btnBlackShort, #popUpLogin input.btnBlackShort{
	width:100px;
}*/

#popUpLogin .left .btnBlack, #popUpLogin .left a, .loginBox .left .btnBlack, .loginBox .left a,
.popUpReverseCopy .left .btnBlack
 {
	/*margin-left: 78px;
	margin-bottom: 20px;*/
}
#popUpLogin .prevNext, .loginBox .prevNext {
	position: relative;
	padding: 3px 10px;
}

#popUpLogin > .right, .loginBox > .right {
	/*width: auto;*/
}
#popUpLogin > .right .newMember, .loginBox > .right .newMember {
	width: 235px;
}
#popUpLogin > .right .newMember h3, .loginBox > .right .newMember h3 {
	margin-bottom: 68px;
}
#popUpLogin .disclaimer {
	/*padding: 15px 20px;*/
	padding-bottom: 10px;
}
.close {
	background: url(/images/close-button.png) no-repeat;
	width: 29px;
	height: 29px;
	position: absolute;
	right: -10px;
	top: -10px;
	text-indent: -99999px;
	cursor: pointer;
}

/*login non-pop up */

.loginContainer{
	width:550px;
	margin:0% auto;	
}


/*other inner pages */

/*colour express service*/

div.expressService {
	background: white url(/images/bg-express-paint-splash.jpg) no-repeat right top;
}
/* orders */

.textRight {
	text-align: right;
}
table.orders {
	text-align: left;
	margin-bottom: 10px;
	border-bottom: 1px #bdbdbd solid;
}
table.orders tr td {
	border-top: 1px #bdbdbd solid;
}
table.orders tr th, table.orders tr td {
	padding: 5px 10px;
	vertical-align: middle;
}
table.orders th.date {
	width: 107px;
	text-align: left;
}
table.orders th.orderNo {
	width: 460px;
	text-align: left;
}
table.orders th.numItems {
	width: 135px;
	text-align: right;
}
table.orders th.total {
	width: 135px;
	text-align: right;
}
table.orders th.details {
	width: 15px;
	font-size: 0;
	color: #FFF;
}
table.orders p {
	font-size: 11px;
}
div.moreDetail {
	width: 19px;
	height: 19px;
	background: url(/images/orders-details.png) no-repeat;
	cursor: pointer;
}
div.moreDetail:hover {
	background-position: right top;
}
div.moreDetailActive {
	width: 19px;
	height: 19px;
	background: url(/images/orders-details.png) no-repeat left bottom;
	cursor: pointer;
}
div.moreDetailActive:hover {
	background-position: right bottom;
}
table.orders tr td.orderDetails {
	background: #F2F2F2;
	padding: 20px;
	padding-bottom: 10px;
}
.orderDetails ul {
	border-bottom: 1px #BDBDBD solid;
	margin-bottom: 10px;
}
.orderDetails ul li {
	border-top: 1px #BDBDBD dashed;
	padding-top: 10px;
}
.orderDetails ul li:first-child {
	border-top: none;
	padding-top: 0;
}
.orderDetails .left {
	float: left;
	width: 600px;
}
.orderDetails .orderDescription {
	float: right;
	width: 490px;
}
.orderDescription h3 {
	font-size: 13px;
	font-weight: bold;
}
.orderDetails .right {
	float: right;
	width: 190px;
}
.orderDetails p.numItems {
	float: left;
	text-align: left;
	display: inline-block;
	width: 80px;
}
.orderDetails p.numItems span {
	margin-left: 10px;
}
.orderDetails p.totalCost {
	float: right;
	text-align: right;
	display: inline-block;
	width: 70px;
	margin-right: 29px;
	font-size: 13px;
}
table.totalCosts {
	float: right;
	margin-right: 19px;
	font-size: 13px;
	text-align: right;
}
table.totalCosts tr td {
	border-top: 0;
}
table.totalCosts td {
	width: 50px;
}

/* cart page */

.cartTable {
	text-align: left;
}
/* cart headings */
.cartTable th.cart_heading_item {
	width: 110px;
}
.carTable th.cart_heading_desc {
	width: 650px;
}
.cartTable th.cart_heading_qty {
	width: 100px;
}
.cartTable th.cart_heading_total {
	width: 50px;
	text-align: right;
}
.cartTable td {
	padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: top;
}
.cartTable th {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px #666666 solid;
	padding-bottom: 7px;
}
.cartTable .item_color {
	width: 90px;
	height: 50px;
}
.cartTable .item_add_to_sel {
	width: 180px;
}
.cartTable .item_remove {
	width: 120px;
}

.cartTable .item_remove a {
	margin-left:20px;
}

.cartTable .item_qty .x{
	margin-top:7px;
	margin-right:10px;
	float:left;	
}
.cartTable .item_qty input {
	width: 30px;
}
.cartTable .item_total {
	text-align: right;
}
.cartTable .cart_total {
	border-top: 1px #666666 solid;
}
.cartTable .cart_total td {
	text-align: right;
}
.cartTable .cart_total td:first-child {
	padding-right: 20px;
}
/* colour store */
.item_product_info {
    float: left;
    margin-top: 7px;
    margin-right: 7px;
    width: 180px;
    font-size:10px;
}
.colourStore{
	padding:0px 15px;	
}

/* top section */

.topColourStoreBar {
	border-bottom:#b3b3b3 1px solid;
	font-size:13px;
	font-weight:bold;
	line-height:1.5;
}
.colourText {
	float: left;
	width: 445px;
	
	border-right:1px #b3b3b3 solid;
	margin-right:45px;
	padding-right:35px;
}
.colourImage {
	float: left;
	width: 220px;
}

.colourImage img{
	margin-top:-5px;
	float:right;	
}

.colourImage p{
	float:left;
	width:140px;
	font-weight:bold;
	line-height:1.5;
}

.colourTextBtn {
	float: right;
}
#colourMessage {
	display: none;
}

.colorStore {
	height: 385px;
	overflow:auto;
	margin:10px 0;
}
.colorStore .product {
	width: 420px;
	height: 190px;
	float: left;
	padding-right:25px;
	margin-bottom:15px;
	border-bottom:1px #bdbdbd dashed;
}

.colorStore .product .product_thumb {
	border: none;
	width: 140px;
	height: 140px;
	float: left;
}
.colorStore .product .product_details {
	float: right;
	width: 265px;
}

.colorStore .product .product_details p{
	line-height:1.3;	
}

.colorStore .product ul {
	vertical-align: middle;
	height:40px;
}
.colorStore .product ul li {
	float: left;
	width: 95px;
}

.colorStore .product ul li:first-child {
	width:70px;
}

.colorStore .product ul li span{
	margin-top:7px;
	float:left;
}

.colorStore .product ul li input {
	width: 30px;
	margin-bottom:0;
	margin-left:4px;
}
.colorStore .product .btnWhite {
	float: right;
}

/* disclaimer */

.colourStoreBottom{
	border-top:#b3b3b3 1px solid;
	padding-top:10px;
}

.colourDisclaimer {
	float:left;
	width:485px;
	font-size:8px;
}

.colourDisclaimer h3{
	font-size:8px;
	margin-bottom:5px;	
}

.colourDisclaimer a{
	font-size:10px;
	text-decoration:underline;	
}

.colourStoreBottom .btnBlack{
	float:right;	
}

.colourDisclaimer a:hover{
	text-decoration:none;	
}

/* check out page */

form.checkoutContainer{
	background:url(/images/bg-checkout.gif) repeat-y;
}

form.checkoutContainer label{
	width:auto;
}

.checkoutContainer input[type='text']{
	width:95%;
	padding:3px;
	color:#b2b2b2;	
}

input[type='checkbox']{
	float:left;	
	margin-top:5px;
	margin-right:5px;
}

form input[type='text'].half{
	width:44%;
	margin-right:13px;
	float:left;
}

form input[type='text'].half2{
	margin-right:0;
}

.checkoutContainer .left, .checkoutContainer .mid, .checkoutContainer .right{
	width:300px;
	padding:0 8px;
	float:left;	
}

.checkoutContainer .mid{
}

.checkoutContainer .mid h3{
	padding-bottom:5px;
	border-bottom:1px #cccbcb solid;	
}

.checkoutContainer .delivery{
	width:220px;
	margin-top:5px;	
	float:left;
	text-align:left;
}

.checkoutContainer .deliveryPrice{
	margin-top:5px;
	float:right;
	width:45px;	
}

.checkoutContainer input[type='radio']{
	float:left;
	margin-right:10px;	
}

.checkoutContainer .mid p.disclaimer{
	margin-bottom:20px;	
}

/* mid credit card */

.checkoutContainer .mid select[name='creditCard']{
	width:99%;	
	margin-bottom:10px;
}

.checkoutContainer input.short,
.checkoutContainer .right ol input[type='text'].short{
	width:50px;	
}

.checkoutContainer select[title='expireMonth']{
	float:left;
	margin-left:50px;
}

.checkoutContainer select[title='expireYear']{
	float:right;
	margin-right:5px;
	margin-bottom:20px;	
}

/* mid review order */

.checkoutContainer table th{
	border-top:1px #cccbcb solid;
	border-bottom: 1px #cccbcb solid;
	text-align:right;
	padding:7px 10px 7px 0;
	font-size:13px;	
}

.checkoutContainer table th:first-child,
.checkoutContainer table td:first-child{
	text-align:left;	
}

.checkoutContainer table td{
	padding:7px 10px 7px 0;	
	text-align:right;
}

.checkoutContainer table tr.productSubTotal td{
	border-top:1px #cccbcb solid;
	border-bottom: 1px #cccbcb solid;
	font-size:13px;
}

.checkoutContainer table tr.productDelivery td{
	border-bottom: 1px #cccbcb solid;
	font-size:13px;
}

.checkoutContainer table tr.gstTotal td,
.checkoutContainer table tr.grandTotal td{
	font-size:13px;
	text-align:right;	
}

.checkoutContainer table tr.grandTotal td{
	font-weight:bold;
}


/*checkout right */
.checkoutContainer .right{
	float:left;	
}

.checkoutContainer .right ol{
}

.checkoutContainer .right ol label.qTitle,
.checkoutContainer .right ol p.qTitle{
	display:block;
	width:100%;	
	text-align:left;
	margin-bottom:10px;
}

.checkoutContainer .right ol li{
	margin-bottom:5px;	
}

.checkoutContainer .right ol p{
	float:left;
	margin-bottom:10px;
}

.checkoutContainer .right ol label,.checkoutContainer .right ol .select{
	width:70px;
	text-align:right;	
	margin-right:5px;
}

.checkoutContainer .right ol label[for='projectAddress2']{
	font-size:0;
	color:white;	
}


.checkoutContainer .right ol label.long,
.checkoutContainer .right ol p.long{
	width:200px;
	text-align:left;	
}

.checkoutContainer .right ol select{
	float:left;	
}

.checkoutContainer .right ol select#projectType,
.checkoutContainer .right ol select#projectDescription
{
	width:225px;
}

.checkoutContainer .right ol select.floatRight{
		float:right;	
	}

.checkoutContainer .right ol input[type='text']{
	width:70%;
	float:right;	
}

.checkoutContainer .right input[type='submit']{
	float:right;	
}

/* password forgot and reset pages*/

.passwordBox{
	margin:0% auto;
	width:300px;	
}

label.line2{
	margin-top:0;	
}

/*contact Us Page */

.contactBox{
	width: 600px;
	margin:0% auto;
}

.contactBox .left{
	padding-left:0;	
	height:auto;
	padding-right:50px;
	width:250px;
	margin-bottom:0;
	float:left;
}

.contactBox .right{
	width:250px;
	float:right;	
}

/* terms and conditions */

div.termsAndConditions a{
	text-decoration:underline;
}

div.termsAndConditions a:hover{
	text-decoration:none;
}

div.termsAndConditions{
	padding:30px 30px 15px;	
}

.termsAndConditions ul ul{
	list-style:inside;	
}

.termsAndConditions ul ul li{
	padding-bottom:10px;
	line-height:1.2;
}

.termsAndConditions ol ol{
	list-style:outside decimal;
	margin-left:18px;
	margin-bottom:10px;
}

.termsAndConditions ol ol ol{
	list-style:none;
	margin-left:0;
}

.termsAndConditions ol ol li{
	margin-bottom:10px;	
	line-height:1.2;
}

/*colour express page */

div.colourExpressBox,div.whitesNeutralsBox,div.aboutBox{
	height:472px;
	padding:20px 20px 10px;	
}

div.colourExpressBox{
	background:white url(/images/bg-express-paint-splash.jpg) no-repeat right top;
}

div.colourExpressBox .greyBox{
	width:390px;
	margin-bottom:5px;
}

div.colourExpressBox .greyBox p{
	margin-bottom:0;	
}

.textBox{
	/*line-height:1.45;	*/
}

div.colourExpressBox .textBox{
	width:405px;
	float:left;
	margin-right:38px;	
}

.greyBox{
	background: url(/images/bg-grey-gradient.jpg) repeat-x;
	font-size:13px;
	padding:9px 19px;
	font-weight:bold;
	line-height:1.3;
	border:1px #999999 solid;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

div.colourExpressBox .left{
	float:left;
	margin-top:200px;
	width:205px;
	margin-left:15px;
}

div.colourExpressBox .left img{
	margin-bottom:40px;	
}

div.colourExpressBox .left .btnBlack{
	margin-left:5px;	
}

div.colourExpressBox .right{
	float:right;
	margin-top:185px;
	margin-right:46px;	
}

div.colourExpressBox .right img{
	margin-bottom:17px;	
}

/* whites and neutrals */

div.whitesNeutralsBox{
	background:white url(/images/bg-white-paint-splash.jpg) no-repeat right top;	
}

div.whitesNeutralsBox .textBox{
	width:450px;
}

div.whitesNeutralsBox .textBox .left{
	float:left;	
}

div.whitesNeutralsBox .textBox .right{
	float:right;
	margin-top:10px;	
}

div.whitesNeutralsBox .textBox .right p{
	font-weight:bold;
	font-size:13px;	
}

div.whitesNeutralsBox .textBox .right .btnBlack{
	margin-bottom:19px;	
}

/* about colour designer page */

div.aboutBox{
	background:white url(/images/bg-about-paint-splash.jpg) no-repeat right top;
}

div.aboutBox .textBox{
	width:575px;
	float:left;
	margin-right:40px;	
}

div.aboutBox .textBox > .left{
	float:left;
	width:280px;	
}

div.aboutBox .textBox > .right{
	float:right;
	width:280px;	
}

div.aboutBox .greyBox{
	margin-top:12px;	
}

div.aboutBox .greyBox p{
	float:right;
	width:365px;
	font-size:11px;
	font-weight:normal;
	margin-bottom:0;	
}

div.aboutBox > .right{
	float:left;
	margin-top:182px;	
}

div.aboutBox > .right p{
	font-size:13px;
	font-weight:bold;
	margin-top:-32px;
	margin-bottom:7px;	
}

div.aboutBox > .right .btnBlack{
	margin-bottom:18px;
}

/* messages */

.messageInfo, .messageWarning, .messageError{
	padding:10px;
	font-size:13px;	
	margin:10px 0;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}

.messageInfo a, .messageWarning a, .messageError a{
	color:#fff;
	text-decoration:underline;	
}

.messageInfo a:hover, .messageWarning a:hover, .messageError a:hover{
	text-decoration:none;	
}

.messageInfo{
	/*green*/
	border:1px #589400 solid;
	background:#89b300;
}

.messageWarning{
	/*orange*/
	border:1px #edbd29 solid;
	background:#eacd74;		
}

.messageError{
	/*red*/	
	border:1px #ed3729 solid;
	background:#e57067;
}

.register input.receive_promo {
    width:40px;margin-left:60px;margin-bottom:0;padding:0;
}

.register label.receive_promo_label {
    width: 350px; text-align: left; padding-top: 0px; margin: 3px;
}

#sls_results{
	background-color: #C0C0C0;
	position: absolute;
}

#sls_results .addr_select{
	cursor: pointer;
	padding: 10px;
}