/* @override http://localhost/beanstalkUF/kmj_j012/trunk/assets/css/style.css */

@import url(reset.css);

/* Font colours:
*
*	body	#666
*
*	H1		#fff
*	H2		#fff
*	H3
*	H4		#333
*	H5		
*	H6	
*
*	.feature H4		#89c13d	
*
*	.sidebox		#666
*	.sidebox em		#333
*	.sideBox H3	#fff/#000 (bg gradient)
*	.sideBox H4	#333
*	
*	a:link		#0075ce
*	a:visited	#0075ce
*	a:hover		#333
*	a:active	#333
*
*	.aside a:link		#2c9fcf
*	.aside a:visited	#2c9fcf
*	.aside a:hover	#333
*	.aside a:active	#333
*
*	#mainNav a:link		#333
*	#mainNav a:visited	#333
*	#mainNav a:hover	#0072bc
*	#mainNav a:active	#0072bc
*	#mainNav li.current a 	#0072bc
*
*	#categories a:link		#333
*	#categories a:visited	#333
*	#categories a:hover	#0174bd
*	#categories a:active	#0174bd
*	#categories li.current a	#0174bd
*
*/

body {
	background: #fff;
	color: #333;
	font: 12px/18px arial, helvetica, sans-serif;
	position: relative;
}

/* @group Sticky footer */

html, body, form, #wrap {
	height: 100%;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

#wrap #content {
	padding-bottom: 85px;
}

#footerWrapper {
	height: 85px;
	margin-top: -85px;
	clear: both;
}

/* @end Sticky footer */


/* @group Generic */

.group {float: left;}
.structural{position: absolute; left: -9999px;}
.right {float: right;}
.left {float: left}

.notify {
	padding: 10px 40px 3px 10px;
	margin: 0 0 15px;
	position: relative;
}

.error {
	background:#fdbd9d;
	border:1px solid #a30202;
	color:#666;
}

p.error {
	padding: 5px 10px;
	color: #333;
}

.validation {
	background: #d2e9d2;
	border: 1px solid #090;
}


.close {
	position: absolute;
	top: 6px;
	right: 6px;
	display: block;
	overflow: hidden;
	width: 20px;
	height: 15px;
	text-indent: -9999px;
	background: transparent url(../images/ui/close.png) 0 50% no-repeat;
}
	.validation .close {background-position: 100% 50%;}

table{border-top: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4; margin: 0 0 15px; width: 100%;}
table th{background: #efefef;}
table td,table th{border-bottom: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; padding: 5px 7px;}

blockquote{padding: 5px 25px 5px 25px; font-style:italic; border-left: 2px solid #eee; margin: 0 0 20px;}

pre {margin: 0 0 14px;}

dl {margin: 0 0 15px;}
dt {margin: 0; padding: 0; font-weight: bold;}
dd {padding: 0;}

/* @end Generic */



/* @group Typography */

h1 {
	clear: left;
	font-size: 30px;
	line-height: 35px;
	margin: 0 0 20px;
}

#header h1 {
	color: #fff;
	line-height: 30px;
	clear: none;
	margin: 0;
}

	#header h1 span {
		font-size: 20px;
		font-weight: normal;
		display: block;
		clear: left;
	}

h2,
h3.important {
	font-size: 20px;
	line-height: 25px;
	margin: 0 0 15px;
}
	.header h2 {
		font-weight: normal;
		padding: 12px;
		margin: 0;
	}

	.secondary h2 {
		font-size: 14px;
		line-height: 18px;
		padding: 9px 12px;
	}

h3 {
	color: #333;
	font-size: 14px;
	line-height: 18px;
}

	.sideBox h3 {
		color: #fff;
		background: #1c1c1c url(../images/ui/top-bar-gradient.png) 0 -10px repeat-x;
		padding: 7px 10px;
		margin: 0 -9px 10px;
	}
	
	.feature h3 {
		color: #89c13d;
	}
	
	.error h3 {color:#a30202;}
	.validation h3 {color:#090;}

h4 {
	font-size: 14px;
	line-height: 16px;
}		

.sideBox h4 {
	font-size: 14px;
	line-height: 16px;
	color: #333;
}

h5 {
	font-size: 13px;
	line-height: 16px;
}

	#specials li h5 {
		font-size: 12px;
		line-height: 18px;
	}

h6 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

.sidebox {
	color: #666;
}

.sidebox em {
	color: #333;
}

p {
	margin: 0 0 10px 0;
}

em {
	font-style: normal;
	font-weight: bold;
}

p#orderClientName {
	color: #fff;
	margin: 0;
}

#toolbar p {
	color: #a30202;
}

#branding p {
	color: #fff;
}

#footer {
	color: #999;
	font-size: 10px;
	line-height: 10px;
}

/* @end Typography */

/* @group Links */

a:link {color: #0075ce;}	
a:visited {color: #0075ce;}	
a:hover {color: #333;}
a:active {color: #333;}

.aside a:link {color: #2c9fcf;}
.aside a:visited {color: #2c9fcf;}
.aside a:hover {color: #333;}
.aside a:active	{color: #333;}

#salesRepBar a:hover {
	color: #fff;
}

#mainNav a {
 	background: #d9d9d9 url(../images/ui/mainNav-gradient.png) 0 0 repeat-x;
	text-decoration: none;
}
#mainNav a:link {
	color: #333;
	background-color: #d9d9d9;
	background-position: 0 0;
	background-repeat: repeat-x;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
#mainNav a:visited {color: #333;}
#mainNav a:hover {
	color: #0072bc; 
	background-position: 0 -7px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
#mainNav a:active {color: #0072bc;}
#mainNav li.current a {color: #0072bc; background: #fff;}

#categories a:link {
	color: #333; 
	text-decoration: none;
	line-height: 16px;
}
#categories a:visited {
	color: #333;
	text-decoration: none;
}
#categories a:hover	{
	color: #0174bd;
	background: #f4f4f4;
}
	#categories .subNav1 a:hover {color: #0174bd}

#categories a:active {color: #0174bd;}
#categories li.open a {background: #e4e4e4;}
#categories li.current a {
	color: #0174bd;
	background: #e4e4e4;
}
	#categories li .subNav1 a {
		color: #333;
		background: transparent;
		padding: 4px 10px 3px;
	}
	#categories li .subNav1 .current a {
		color: #0174bd;
	}

#branding a:link {color: #fff;}
#branding a:visited {color: #fff;}
#branding a:hover {color: #ddd;}
#branding a:active {color: #ddd;}

.header a:link {color: #fff;}
.header a:visited {}
.header a:hover {}
.header a:active {}

#specials li h5 a:link {color: #0075ce; text-decoration: none;}
#specials li h5 a:visited {color: #0075ce;}
#specials li h5 a:hover {color: #333;}
#specials li h5 a:active {color: #333;}

.listing a:link {color: #333}	
.listing a:visited {color: #333}
.listing a:hover {color: #0075ce}
.listing a:active {color: #0075ce}

a.btn:link,
a.btn:visited {
	color: #333;
	text-decoration: none;
}
a.btn:hover,
a.btn:active {
	color: #111;
}

#footer a:link {color: #999;}
#footer a:visited {color: #999;}
#footer a:hover {color: #333;}
#footer a:active {color: #333;}

/* @end Links */

/* @group Lists */

/* Defaults */
ol,ul{margin-left: 25px;list-style-type: disc; list-style-position:inside;}
ol ol,ul ul{margin-bottom: 10px;}
ol{list-style-type:decimal;}
ol ol{list-style-type:lower-latin;}

/* Exceptions */
ul#specials,
ul#specials ul,
.sideBox ul,
#footer ul
 {
	margin: 0 0 10px 0;
	list-style: none;
	list-style-position: outside;
}

/* @end Lists */

/* @group Main nav */

#navBar {
	overflow: hidden;
}

#mainNav {
	list-style: none;
	list-style-position: outside;
	width: 530px;
	margin: 0 0 0 200px;
}
	#mainNav li {
		float: left;
	}
		#mainNav a {
			display: block;
			padding: 9px 12px;
			border-left: 1px solid #d8d8d8;
		}
			#mainNav .last a {
				xborder-right: 1px solid #d8d8d8;
			}
		
			#mainNav .current a {
				background: #fff;
			}
				

/* @end Main nav */

/* @group Sub nav / categories */

#categories .sideBox {
	padding: 0;
	background: transparent;
}
#categories .sideBox h3 {margin: 0}

#categories li {
	border-bottom: 1px solid #bbb;
}
	#categories .subNav1 li {
		border-bottom: none;
	}

#categories a {
	display: block;
	padding: 7px 10px;
}

ul.subNav1 {
	background: #f4f6f6;
	margin: 0;
	padding: 5px 0 5px 10px;
}

/* @end Sub nav / categories */

/* @group Buttons */

.btn {
	display: -moz-inline-box;
	display: inline-block;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding: 5px 8px;
	margin: 0 0 0 5px;
	color: #333;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
	background: #d0d0d0 url(../images/ui/button-gradient.png) 0 50% repeat-x;
	border-top: 1px solid #999;
	border-right: 2px groove rgba(255, 255, 255, 0.6);
	border-bottom: 2px groove rgba(255, 255, 255, 0.6);
	border-left: 1px solid #999;
	cursor: pointer;
}

@-moz-document url-prefix() {
	input.btn {
		padding: 4px 8px;
	}				
}

.btn::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.btn:hover,
.btn:focus {
	color: #111;
	background-color: #bbb;
}

.btn:active {
	border-top: 1px solid #555;
	border-right: 2px groove rgba(255, 255, 255, 0.6);
	border-bottom: 2px groove rgba(255, 255, 255, 0.6);
	border-left: 1px solid #555;
	background-position: 0 60%;
}

form#changeClient .btn {
	padding: 3px 4px;
}

@-moz-document url-prefix() {
	form#changeClient input.btn {
		padding: 2px 4px;
	}				
}

/* @end */

/* @group Layout */

#repBarWrapper {
	background: #1c1c1c url(../images/ui/top-bar-gradient.png) 0 0 repeat-x;
	border-bottom: 2px ridge #3f3e3e;
}
#headerWrapper {background: #0075ce; border-bottom: 1px solid #033;}
#navWrapper {
	background: #d9d9d9 url(../images/ui/mainNav-gradient.png) 0 0 repeat-x;
	margin: 0 0 40px;	
}
#footerWrapper {background: #f6f6f6; border-top: 1px solid #bbb; clear: both;}

#salesRepBar,
#header,
#navBar,
#content,
#footer {
	width: 960px;
	margin: 0 auto;
}

/* @group Header */

#header {
	padding: 50px 0 48px;
	position: relative;
}

#header #storeLogo {
	float: left;
	width: 200px;
}
	#header #storeLogo img {
		width: 180px;
	}

#header h1 {
	width: 530px;
	float: left;
}

#branding {
	overflow: hidden;
}

#salesRepBar {
	padding: 10px 0;
	overflow: hidden;
}

#orderClientName {
	float: left;
}

form#changeClient {
	display: inline;
	margin: -2px 0 0 .5em;
	float: left;
}

#notification {
	float: right;
	margin: 0 7px 0;
}
	#notification p#flag {
		color: #fff;
		background: #1b1b1b;
		float: left;
		margin: 0 5px 0 0;
		padding: 2px 5px;
		border: 1px solid #2d2d2d;
	}	
		#notification a#showToolbar {
			color: #fff;
			text-decoration: none;
			display: block;
			float: right;
			padding: 2px 10px;
			text-indent: -9999px;
			background: transparent url(../images/ui/toolbar-arrow-down.png) 50% 50% no-repeat;
		}
	
#toolbar {
	position: absolute;
	padding: 8px 50px 0 10px;
	width: 900px;
	right: 0;
	top: 0;
	background: #fdbd9d;
}

p#logout {
	text-align: right;
}	

#navBar .aside {
	text-align: right;
}

	#viewBtns {
		list-style: none;
		list-style-position: outside;
		margin: 5px 0 0;
		float: right;
		min-width: 14.9em;
	}
		#viewBtns li {
			display: inline;
		}

#branding .aside {
	text-align: right;
}



/* @end Header */


#content {
	overflow: hidden;
	position: relative;
	padding: 0 0 15px;
	width: 960px;
}

#categories {
	width: 180px;
	float: left;
	margin: 0 20px 0 0;
}

#mainWrapper {
	width: 760px;
	float: left;
}

.main {
	margin: 0;
	width: 100%;
	float: left;
	position: relative;
}
	.narrow {width: 530px;float: left;} /* For 3-col  */

.aside {
	float: right;
	width: 210px;
}

.pullout {
	top: 0;
	right: -230px;
	position: absolute;
}

/* @group Main col */

.header {
	width: 100%;
	position: relative;
	margin: 0 0 22px;
}
	.secondary .header {
		margin: 0 0 10px;
	}
	
.article {
	margin: 0 0 20px 0;
}

.feature {
	background: #e8fddd;
	border: 1px solid #b9f09d;
	padding: 10px 10px 0;
}

.header a.right {
	position: absolute;
	top: 9px;
	right: 12px;
}

.promoThumb {
	width: 170px;
	float: left;
	margin: 0 10px 0 0;
}
	.promoThumb.last {margin: 0;}

.promoThumb img {
	border: 1px solid #bbb;
	margin: 0 0 8px;
	width: 168px;
	height: 128px;
}

a.view-large span {
	display: block;
	float: left;
	clear: left;
	padding: 4px 0 4px 27px;
	background: transparent url(../images/ui/listings-icons.png) 0 -636px no-repeat;
	text-decoration: underline;
}

.product-header {
	overflow: hidden;
	position: relative;
	padding: 0 180px 0 0;
	margin: 0 0 20px;
	border-bottom: 1px solid #bbb;
}

.product-title h2 {
	font-size: 14px;
	margin: 0;
}
	.product-title h2 em {
		font-weight: normal;
		font-size: 12px;
		color: #f7941d;
		display: inline-block;
		padding: 0 0 0 25px;
		background: transparent url(../images/ui/listings-icons.png) 0 -177px no-repeat;
		margin: 0 0 0 5px;
	}

.product-title p {
	color: #666;
}

.product-section {
	clear: left;
	overflow: hidden;
	border-bottom: 1px solid #bbb;
	padding: 0 0 13px 0;
	margin: 0 0 15px 0;
}

.product-section .left {
	width: 250px;
}

.product-section .right {
	width: 260px;
}

.product-section .view-large img {
	width: 250px;
	border: 1px solid #bbb;
	margin: 0 0 5px 0;
}

/* @end Main col */

/* @group Side Col */

.sideBox {
	background: #eee;
	margin: 0 0 10px;
	padding: 0 9px 10px;
}

.sideBox li {
	clear: left;
	overflow: hidden;
}

.sideBox .due-dates {
	margin: 0 0 0 30px;
}

/* @end */
.details {
	overflow: hidden;
}

.details div {
	width: 49.9%;
	float: left;
}

.details h3 {
	padding: 2px 0 0;
}

ul.days {
	list-style: none;
	line-height: 2em;
}

ul.days li {
	width: 50%;
	clear: left;
}

/* @group Footer */

#footer {
	padding: 15px 0 60px;
}

#footer li {
	float: left;
	padding: 0px 5px;
	border-right: 1px solid;
}
	#footer li.last {
		border: none;
	}

/* @end Footer */

/* @group Login */

#login {
	width: 37em;
	margin: 7em auto;
	background: #eee;
}

#login-header {
	text-align: center;
	padding: 40px 0;
	background: #0075ce;
}

#loginform {		
	border-top: 30px solid #1c1c1c;
	-o-border-image: url(../images/ui/top-bar-gradient.png) 40 0 0 0 / 30px 0px 0px 0px;
	-icab-border-image: url(../images/ui/top-bar-gradient.png) 40 0 0 0 / 30px 0px 0px 0px ;
	-khtml-border-image: url(../images/ui/top-bar-gradient.png) 40 0 0 0 / 30px 0px 0px 0px ;
	-webkit-border-image: url(../images/ui/top-bar-gradient.png) 40 0 0 0 / 30px 0px 0px 0px ;
	-moz-border-image: url(../images/ui/top-bar-gradient.png) 40 0 0 0 / 30px 0px 0px 0px;
	border-image: url(../images/ui/top-bar-gradient.png) 40 0 0 0 / 30px 0px 0px 0px;
	padding: 40px 85px 70px 85px;
}

#loginform legend {
	padding-bottom: 14px;
}

#loginform ul {margin: 0}

#loginform label {
	display: block;
	margin: 0 0 5px;
	font-size: 14px;
}

#loginform .text {
	width: 16.8em;
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 24px;
}

#loginform .submit {
	float: right;
}

#loginform .btn {
	margin: 0 0 0 20px;
	font-size: 13px;
	line-height: 13px;
	padding: 7px 11px;
}

#loginform select {
	margin: 0 0 20px 0;
}


/* @end Login */

/* @end Layout */

/* @group Tables */

table.listing {
	border-top: none;
	border-left: none;
	border-bottom: 1px solid #adadad;
	color: #535353;
}

.listing th,
.listing td {
	border-right: none;
	text-align: right;
	padding: 7px 7px 7px 1px;
}

.listing th {
	text-align: center;
	font-weight: bold;
	background: transparent;
	border-bottom: 1px solid #adadad;
}

.orders th {
	text-align: right;
}

td.text,
th.text {
	text-align: left;
}
	
th.sort span {
	display: inline-block;
	padding-right: 12px;
	background: transparent url(../images/ui/listings-icons.png) 100% -282px no-repeat;
}
	
.listing td {border: none}	
	.listing td.last-child {padding-right: 2px;}

.listing tbody tr:hover,
.listing tbody tr:hover td {background-color: #eee}

tr.error{border: none;}
tr.error td {background: #fdbd9d;}
	tr.error:hover,
	.listing tr.error:hover td {background: #e9ac8f}

td.special,
td.kit,
td.new {
	background: transparent url(../images/ui/listings-icons.png) 0 6px no-repeat;
	padding: 7px 7px 7px 28px;
}

td.kit {background-position: 0px -81px;}
td.new {background-position: 0px -172px;}

.listing td p {
	margin: 0;
}

.listing input.quantity {
	width: 30px;
	border: 1px solid #8e8e8e;
	padding: 2px;
	color: #535353;
}

.listing .btn {
	padding: 0 6px;
	line-height: 1.6em;
}

/* @end Tables */

/* @group Forms */

form {margin: 0 0 15px;}

#branding #search-form #searchText {
	float: left;
	padding: 3px 1px;
	margin: 0;
	border-top: 1px solid #555;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #555;
	width: 138px;
	font-size: 14px;
	line-height: 14px;
}

form#product-listing {
	float: left;
	width: 100%;
}

input#add-to-cart {
	float: right;
}

#buy-product {
	position: absolute;	
	right: 0;
	bottom: 10px;
	width: 170px;
	height: auto;	/* ~fix #1 */
	margin: 0;		/* ~fix #1 */
}

#buy-product fieldset {
	float: right;
}

#buy-product label {
	color: #666;
	font-size: 14px;
	
}

#buy-product input.quantity {
	width: 30px;
	border: 1px solid #8e8e8e;
	padding: 3px;
	color: #535353;
	font-size: 14px;
	margin: 0 0 0 5px;
}

#buy-product .btn {
	position: relative;
	bottom: 2px;
}

#adjust-quantity input.btn {
	margin: 0 5px 10px 0;
}

.sort ul {
	float: left;
	margin: 5px 0 0;
	width: 100%;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #cacaca;
	padding: 8px 0 4px 0;
	background: #d9d9d9 url(../images/ui/mainNav-gradient.png) 0 100% repeat-x;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}

.sort li {
	float: left;
	clear: none;
	margin: 0 21px 0 7px;
}

.sort li.filter {
	float: right;
	margin: -2px 6px 0 0;
}

.radio {
	position: relative;
	margin: 0 0 15px;
}
	.radio input {
		position: absolute;
		left: 0;
		top: 0;
	}
	.radio label,
	#loginform .radio label {
		float: left;
		margin-left: 22px;
		font-size: 12px;
	}

form#error textarea {
	margin: 5px 0 5px;
}

form#error #submit {
	width: 346px;
}

/* @end Forms */

/* @group Check out */

ul#steps {
	list-style-position: outside;
	list-style: none;
	margin: 0 0 15px;
	background: #d9d9d9 url(../images/ui/check-out-bg.png) 0 50% repeat-x;
	overflow: hidden;
	border: 1px solid #bdbdbd;
}

#steps li {
	float: left;
	width: 25%;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
	background: transparent url(../images/ui/check-out-triangle.png) 100% 50% no-repeat;
}
	#steps li.last {
		background: none;
	}
	#steps li.current {
		background: transparent url(../images/ui/check-out-current.png) -33px 50% no-repeat;
		color: #fff;
		text-shadow: none;
		margin: 0 0 0 -17px;
		padding: 0 0 0 17px;
	}
		#steps li.current span {
			background: transparent url(../images/ui/check-out-triangle.png) 100% 50% no-repeat;
		}
			#steps li.last span {
				background: none;
			}

#steps li span {
	display: block;
	padding: 22px 7px 20px 0px;
}

ul.checkoutButtons {
	float: right;
}
	.checkoutButtons li {
		display: inline;
	}

p.clear {
	float: right;
	clear: right;
}

input.delete {
	margin: 0 0 -5px 0;
}

#ui-datepicker-div {
	display: none;
}

#datepicker {
	position: relative;
	background: transparent url(../images/ui/listings-icons.png) 100% -377px no-repeat;
	padding-right: 20px;
}

#product-listing fieldset {
	padding: 12px 0 0px 0;
	margin: 0 0 20px;
	position: relative;
}

#product-listing fieldset#submit {
	float: left;
	padding: 20px 0 0 92px;
}

fieldset ul {
	list-style-position: outside;
	list-style: none;
	margin: 0 0 15px;
}

fieldset ul li {
	margin: 0 0 5px;
	clear: left;
}

fieldset ul li#order-date {
	overflow: hidden;
	margin-top: -2px;
}

legend {
	font-size: 16px;
}

#product-listing label,
#product-listing span.label {
	display: block;
	float: left;
	clear: left;
	width: 130px;
	text-align: right;
	padding: 2px 10px 2px 0;	
}

span.label {
	padding: 0 10px 2px 0;
}

span.input {
	padding: 2px;
}

span.optional {
	font-size: smaller;
	padding-left: .3em;
	color: #566;
}

#notes label {
	float: none;
	text-align: left;
}

input.text {
	width: 200px;
	border: 1px solid #bfbab0;
	font-size: 13px;
	line-height: 18px;
	padding: 2px;
	color: #333;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

input.text:active,
input.text:focus,
textarea#note-field:active,
textarea#note-field:focus {
	border: 1px solid #666;
}

input.short-text {
	width: 6.3em;
}

input#street-address2 {
	clear: left;
	margin: 5px 0 0 140px;
}

input#postcode {
	width: 2.7em;
}

textarea#note-field,
textarea#error-field {
	width: 340px;
	border: 1px solid #bfbab0;
	padding: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

}


fieldset ul li.error,
fieldset ul li div.error { /* ~fix #3. Also HTML change! */
	border: none;
	position: relative;
	padding: 3px 0;
	overflow: hidden;
}

.error label {
	color: #a30202;
}

.error input.text {
	border-color: #a30202;
	float: left;
}

.error .warning-img {
	margin-left: 10px;
	/* float: left; */ /* ~fix #3 */
}

#confirmation dl {
	margin: 0 0 20px 0;
	overflow: hidden;
	line-height: 2em;
}

#confirmation dt {
	float: left;
	clear: left;
	font-weight: normal;
	color: #666;
	text-align: right;
	width: 13em;
}

#confirmation dd {
	margin: 0 0 0 14em;
}
	#confirmation dd#city,
	#confirmation dd#state,
	#confirmation dd#postcode {
		float: left;
		margin-left: .5em;
	}
		#confirmation dd#city {
			margin-left: 14em;
		}

.chief {
	background-color: #3A8CB9;
	color: #fff;
	text-shadow: none;
	border-top: 1px solid rgb(2, 92, 143);
	border-right: 2px groove rgba(255, 255, 255, 0.6);
	border-bottom: 2px groove rgba(255, 255, 255, 0.6);
	border-left: 1px solid rgb(2, 92, 143);
}

.chief:hover,
.chief:focus {
	background-color: #016EA7;
	color: #fff;
}

.sideBox li#view-all,
.sideBox li#print {
	padding: 5px 0 6px 32px;
	background: transparent url(../images/ui/listings-icons.png) no-repeat 0 -430px;
}

.sideBox li#print {
	background-position: 0 -530px;
	padding-bottom: 7px;
}

.sideBox li#view-all a,
.sideBox li#print a {
	display: inline-block;
	padding: 3px;
}

/* @end Check out */