/* CSS cart formatting */
.cart form{ display:inline; }
.cart table.noedit {
	border:1px solid #999999;
	background-color:#CCCCCC;
	padding:5px;
}
.cart thead { font-weight:bold;	width:100%; }
.cart td.cartName { 	width:400px;	height:auto; }
.cart td.cartCost {	width:80px;	height:auto; }
.cart td.cartQuantity {	width:180px; 	height:auto; }
.cart table.noedit td.cartQuantity {	width: auto; }
.cart td.carttotals {	padding-top:8px; text-align:right; padding-right:10px; }

.message {
	color: #E80000;
	font-weight:bold;
	font-style:italic;
}

/* category formatting */
#catDesc { 	padding:0 0 15px 0; }
#subcategories { 	margin:0 -20px 15px 0; }
.subcategory {
	width: 225px;
	text-align:left; float:left;
	margin-right:25px; margin-bottom:10px;
}
.subcategory a img { 	border:1px solid #FFFFFF; 	margin-bottom:3px; }
.subcategory a:hover img { 	border:1px solid #666666; }
.subcategory a { text-decoration:none; color:#6c6e5e; }

/* product formatting */
.product {
	width: 150px;	height:260px; display:inline;
	float:left; margin:0 30px 0 0; padding:0 0 10px 0;
	text-align:left; position:relative; color:#6c6e5e;
}
.product a { 	text-decoration:none; color:#6c6e5e; }
.productPrice { width:120px; float:right; margin-left:10px; }
.productDetailImage {
	float:left; 
	width:270px;
	text-align:left;
	margin-bottom:10px;
}
.productDetailImage .productImg {
	margin:0 10px 10px 0; 
	border:0;
}
.productImgMini {
	margin: 0 5px 5px 0;
	vertical-align:top;
	border:0;
}
.productDetailContent {
	margin-left:265px; padding-right:20px;  padding-bottom:10px;
}
.productHeader span { float:right; text-align:right; width:200px; padding:10px 20px 0 0; color:#7f7b5f; font-size:15px }
#addBasketBox { margin:20px 0 2px 0; border:1px; color:#6c6e5e }
#addBasketBox input { height:23px; padding:2px; width:30px; }
#addBasketBox input.addbutton, #addBasketBox input#submit  { height:auto; width:auto; padding:0; border:0; margin-left:5px }
#addBasketBox form input { color:#6c6e5e; vertical-align:middle }

/** social media buttons on products **/
.social { border: dashed #ddd; border-width:1px 0 1px 0; margin: 15px auto 10px auto; display:block; padding: 3px 0 2px 0px;  overflow: hidden; }
	.social .social_button { float: left; display: inline; overflow: hidden; height:22px; }
	.social .social_button.gg { margin: 0 0 0 15px ; padding-top: 2px;}
	.social .social_button.tm { margin: 0 0 0 -18px;  padding-top: 2px;}
	.social .social_button.fb { margin: 0 0 0 15px;  padding-top: 2px;}
	.social .social_button a img { border: 0; padding: 0; }
	.social strong { font-size: 11px; float: left; margin:2px 0 0 0; color:#555;}
.clear{clear:both;}


/* other pages */
.left {
	float: left;
	margin-right:10px;
	width:200px;
	font-size:x-small;
}
.left img {
	border: 1px solid #666666;
}
.pageContent {
	margin-left:212px;
}

h1 span.note {
	font-size:small;
	font-weight:normal;
	font-style:italic;
	color:#666666;
}

/* form styles */
select.setWidth, input.setWidth {
	width: 250px;
}
#delivery, #payment {
	margin-bottom:10px;
	padding-bottom:8px;
	border-bottom: 1px dashed gray;
}
#delivery select, #payment select{
	margin-top:5px;
	margin-left:25px;
}
#delivery input, #payment input, #login input {
	margin-left:25px;
	margin-right:10px;
}
#payment p {
margin:5px 0 0 25px;
}
#login p {
	margin-bottom:5px;
}
#login {
	padding-top:1px;
	padding-bottom:5px;
	margin-bottom:8px;
	border-bottom:1px dashed gray;
}
form#newAccount label, form#checkoutAddress label, form#checkoutPayment label {
	font-weight: bold;
	font-stretch:condensed;
	width:150px;
	float:left;
}
form#newAccount input, form#checkoutAddress input, form#checkoutAddress select {
	width:250px;
}
form#newAccount input.submit, form#checkoutAddress input.submit {
	width:auto;
	margin-left:150px;
}
form#checkoutAddress h1, form#checkoutPayment h1, div#checkoutComplete h1 {
	margin-top:20px;
}
form#checkoutAddress p {
	margin: 0 0 4px 0;
}


/* contactform */
form#contactform {
	width: 450px; padding-left:10px
}
form#contactform select, form#contactform input, form#contactform textarea {
	width: 250px;
	float: left;
	margin-bottom: 7px;
	height:18px;
	border: 1px solid #999999;
}
form#contactform select {
	height:22px;
}
form#contactform textarea {
	height:80px;
}
form#contactform select.required, form#contactform input.required, form#contactform textarea.required {
	background-color:#f1f9fd;
	border: 1px solid #888888;
}
form#contactform label {
	text-align: left;
	width: 150px;
	font-weight:bold;
	margin-right: 5px;
	margin-bottom: 7px;
	float:left;
	height:18px;
}
form#contactform input.nopad  {
	width: 20px;
}
form#contactform a.submitform {
	margin-left:160px;
}