/* 
	@ Title: Garbstore global style sheet
	@ Client: Garbstore
	@ Author: Ben Coping - Picture LTD
	@ Date: 02/07/2007
	@ Version: 1.00
*/
#header
{
	height: 145px;	
	width: 1004px;
	margin-left: auto;
	margin-right: auto;
}
#logo
{
	float: left;
	margin-top: 19px;
	padding-left: 37px;
}
#mainMenu
{
	width: 274px;
	float: left;
	margin-top: 42px;
	margin-left: 27px;
}
#mainMenu div
{
	float: left;
	margin-bottom: 8px;	
}
/*--- basic styles ---*/
/*html { height: 101%; }
body { margin: 0; padding: 0; font: 62.5%/1.5 Verdana, Helvetica, Arial, sans-serif; color: #666; }
*/	
body.stockists { background-color: #000; }

.cb { clear: both; }
.hidden { display: none; }

input, select, textarea { font-family: Verdana, HelveticaNeue, Sans-Serif; }
	
/*h1, h2, h3, h4, h5, .blogListing .col1 span  { font-family: Georgia, Verdana, HelveticaNeue, Sans-Serif; font-weight: normal; padding-top:0; margin-top:5px; }
	
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.3em; }*/

a, a:visited { text-decoration: none; color: #6C6C6C; outline: none; }

img { border:0px; }
	
p { line-height:1.4em; margin: 1em 0; }
p.large { font-size: 1.3em; }

.right { text-align: right; }

.loader_black { background-image: url(/images/loader_black.gif) !important; background-repeat: no-repeat !important; background-position: right bottom !important; }

/*--- the following ids and classes style the join mailing list element ---*/

#joinPanel { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1000; background: #fff; }

#logoPanel { position: relative; margin: 102px auto 0 auto; width: 600px; height: 600px; }
#logoPanel { display: block; height: 15px; width:600px; background:url("/images/deco/join_strap_line.gif") top left no-repeat; margin-bottom: 15px; }
	
#logoPanel h1 span { display: none; }
#logoPanel img { border: 1px solid #CCC; }

#join { position: relative; margin: 5px auto 0 auto; left: 0px; width: 575px; padding: 10px; }
#join h2 { position: absolute; top: 10px; left: 10px; margin: 0; width: 110px; height: 71px; background: transparent url("/images/deco/join_logo.gif") scroll no-repeat left top; }
	
#joinDetails { position: absolute; right: 0; top: 10px; width: 220px; height:115px; }

/*#join h3 { font-size: 1.4em; font-weight: normal; color:#666666; margin: 0 0 .8em 0; }*/
#join .row { height: 18px; margin: 0 0 2px 0; }
#join .label { display: block; width: 90px; font-size: 1em; float: left; }
#join input { width: 126px; font-size: 0.9em; float:right; border: 1px solid #7F7F7F; }
#join #close { float: right; width: 21px; height: 21px; background: transparent url(/images/deco/join_close.gif) scroll no-repeat 0 -21px; }
#join .hover#close { background-position: 0 0px; cursor: pointer; }
#join a#lnkJoin { display: block; margin: 10px 0 0 91px; width: 53px; height: 21px; background: transparent url(/images/deco/join_button.gif) scroll no-repeat 0 -21px; }
#join a:hover#lnkJoin { background-position: 0 0; cursor: pointer; }

#navs { display: none; }
h2#join_logo span, h1#logo a span, div#join div#close span, div#join a#lnkJoin span { display: none; }
	
/*--- styles the main garbstore logo, consistent on every page ---*/
	
/*1#logo  { display: block; position: absolute; top: 70px; left: 5px; margin: 0; width: 160px; height: 100px; background: transparent url("/images/deco/logo.png") scroll no-repeat left top; }*/

.stockists h1#logo  { background: transparent url("/images/deco/logo_black.png") scroll no-repeat left top; }
	
/*h1#logo a { display: block; width: 160px; height: 100px; }*/

/*--- main content frame - used to absolutely position page elements indide ---*/
/*#content { position: relative; width: 930px; height: 200px; margin: 0 auto; }*/
/*#content 
{ 
	position: relative; 
	/*height: 200px; */
	/*margin: 0 auto; */
	/*margin-left: auto;
	margin-right: auto;
	width: 1004px;*/
/*}*/

	
/*--- address on evey page ---*/
address.header {
	position: absolute; 
	top: 11px;
	right: 5px;
	height:20px;
	color: #CCCCCC;
	}

address {
	font-style:normal;
	line-height: 1.3em;
	}
	
/*--- begin main navigation ---*/
		
ul#smallNav { 
	position: absolute; 
	top: 217px; 
	left: 10px; 
	margin: 0;  
	padding: 0; 
	list-style-type: none; 
	display: block; 
	z-index: 40; 
	font-family: Arial, Sans-Serif; 
	text-transform: uppercase; }

ul#smallNav li { 
	margin: 0; 
	}

ul#smallNav li a {   
	font-size: 3.5em; 
	color: #fff;  
	background-color: #eee; 
	font-weight: bold;
	display: block;
	line-height: 1.1em; 
	}

.stockists ul#smallNav li a  { 
    color: #000;  
	background-color: #222;  
	}

ul#smallNav li a.garb { 
	width: 2.9em; 
	}

ul#smallNav li a.store { 
	width: 3.4em; 
	}

ul#smallNav li a.comment { 
	width: 5.2em; 
	}

ul#smallNav li a.prospect { 
	width: 5.45em; 
	}

/*--- hotspot area to, when hoverd displays larger nav ---*/
#hotNav  {  
	position: absolute; 
	top: 217px; 
	left: 10px; 
	z-index: 50; 
	width: 20em; 
	height: 15.3em; 
	}

#overNav { 
	position: absolute; 
	top: 217px; 
	left: 10px; 
	z-index: 45; 
	/*width: 31em; 
	height: 25em; 
	overflow: hidden;*/
	}

/*---altered the styles here (above and below) as on the store page the z-index was corrupting the store 
	 navigation---*/

/*
#largeNav { 
	position: absolute; 
	z-index: 50; 
	top: 0; 
	left: 0; 
	}*/

#largeNav ul { 
	margin: 0 ;  
	padding: 0 10px 10px 0; 
	list-style-type: none; 
	display: block; 
	font-family: Arial, Sans-Serif; 
	text-transform: uppercase; 
	}

#largeNav ul li { 
	margin: 0; 
	}

#largeNav ul li a { 
	font-size: 5.1em;
	line-height: 1.1em; 
	color: #fff; 
	background-color: #000; 
	font-weight: bold;
	display: block; 
	}
	
#largeNav ul li a.garb { width: 3.1em; }

#largeNav ul li a.store { width: 3.7em; }

#largeNav ul li a.comment { width: 5.32em; }

#largeNav ul li a.prospect { width: 5.63em; }
	
/*--- Third navigation - subnav ---*/

#hygeneNavs{ 
	position:absolute; 
	top: 478px; 
	left: 10px; 
	}

#hygeneNavs ul { 
	margin: 0 ;  
	padding: 0 10px 10px 0; 
	list-style-type: none; 
	display: block; 
	font-family: Arial, Sans-Serif; 
	}
	
#hygeneNavs ul li { 
	margin: 0;
	/*needed for ie 6, weird border hack!*/ 
	border-bottom: 1px solid #FFF;
	}
	
.stockists #hygeneNavs ul li {
	/*change weird border hack for stockists page!*/  
	border-bottom: #000;
	}
	
#hygeneNavs ul li a { 
	font-size: 0.9em;
	color: #CCC;
	display: block;
	}
	
#hygeneNavs ul li a:hover {
	color: #FFF; 
	background-color: #999;
	}

body.aboutus #hygeneNavs ul li a.aboutus,
body.stockists #hygeneNavs ul li a.stockists,
body.links #hygeneNavs ul li a.links,
body.terms #hygeneNavs ul li a.terms,
body.delivery #hygeneNavs ul li a.delivery,
body.privacy #hygeneNavs ul li a.privacy,
body.about #hygeneNavs ul li a.about {
	text-decoration:line-through;
	color: #db0f08; 
}

/*--- reposition the google map elements, cos of small window size ---*/

a.gmnoprint img {
	margin: -10px 0 0 0 !important;
	position: absolute;
	left: 6px;
	bottom: 17px !important
}

a.gmnoprint .col2 div span, a.gmnoprint .col2 div a {
	font-size: 10px !important;
}

/*--- main content - used consistently through the site, but modified for particular pages through inheritance ---*/

#mainContent {
	position: absolute;
	top: 400px; 
	left: 238px;
	width: 692px;
	}

/*--- unfamiliar vintage for homepage ---*/

h2#unfamiliarVintage {
	margin: 0px auto;
	display: block;
	height: 14px;
	width:231px;
	background:url("/images/deco/unfamiliar_vintage.gif") top left no-repeat;
	}
	
h2#unfamiliarVintage span { display: none; }
	
/*frames main text content after the image sliders and aligns with hygeine nav*/	

#mainContentInner {
	margin-top: 59px;
	padding: 0;
	border-top: 1px solid #FFF;
	}
	
#mainContentInner p { margin-top: 0 !important; }
		
/*--- descriptive navigation for the home page ---*/

ul#descriptiveNav { margin-top: 0; }
	
ul#descriptiveNav li {
	list-style:none;
	margin:0 0 0 -30px;
	padding: 0;
	font-family: Georgia, Verdana, HelveticaNeue, Sans-Serif;
	font-size: 1.7em;
	color: #666666; 
	}
	
ul#descriptiveNav li.light { color: #999999; }
	
ul#descriptiveNav li span {
	font-style:italic;
	font-size: .6em;
	}
	
ul#descriptiveNav li a {
	color: #00adef;
	font-size: .5em;
	font-family: Arial, Verdana, HelveticaNeue, Sans-Serif;
	font-weight: bold;
	}
	
	
/*--- Generic left and right Columns, sometimes modified for particular sectios ---*/
.col0 {
	float:left;
	/*width: 193px;*/
	/*padding: 5px 30px 5px 10px;*/
	text-align: right;
	}
.col1 {
	float:left;
	/*width: 412px;*/
	/*padding: 5px 30px 5px 10px;*/
	}
	
.col2  {
	/*float: right;*/
	float: left;
	/*width: 220px;*/
	/*padding: 5px 0 5px 0;*/
	}
	
	
/*-- google map area --*/	
#map {
	display: block;
	height: 245px;
	width: 218px;
	border: 1px solid #CCCCCC;
	margin: 4px 0 0 0;
	}
	
/*--- STORE  ---*/

#storeContent {
	/*position: absolute;*/
	/*top: 70px; 
	left: 238px;*/
	/*width: 692px;	*/
	width: 1004px;	
	}

#storeContentIntroText {
	height: 188px;
	font-size: 1.3em;
	}

#storeContentIntroText img {
	float: right;
	}
	
/*--- Store navigation ---*/

ul#storeNav, ul#storeNav li 	{
	display: inline;
	list-style:  none;
	margin: 0px;
	padding: 0px;
	}
	
ul#storeNav li {
	float: left;
	text-align: center;
	background-color: #EEE;
	}
	
ul#storeNav li a span, ul#storeNav li a {
	padding: 0;
	margin: 0;
	height: 114px;
	width: 68px;
	display: block;
	cursor: pointer;
	text-indent: -3000px;
	}
	
ul#storeNav li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	}
	
/*-- EXTRACT THE BACKGROUND COLOR AND IMPLEMENT THROUGH JS COLOR SWITCHING (check with Tim)--*/	
ul#storeNav li a:hover {
	background-color: #00adef;
	}
	
/*--- store products ---*/

ul.storeProducts, ul.storeProducts li 	{
	list-style:  none;
	margin: 0px;
	padding: 0px;
	height: 90px;
	}
		
ul.storeProducts li {
	display: inline;
	float: left;
	text-align: center;
	position: relative;
	}
	
ul.jeans li.jeans {
	height: 120px;
	}
	
ul.storeProducts li a span {
	padding: 0;
	margin: 0;
	width: 98px;
	display: block;
	cursor: pointer;
	margin-top: -20px;
	text-indent: -3000px;
	}

ul.storeProducts li a {
	width: 98px;
	display: block;
	}

ul.storeProducts li a img {
	border: none;
	text-decoration: none;	
	}

ul.storeProducts li .onsale { position: absolute; top: -5px; left: 0; width: 25px; height: 25px; text-indent: -999px; background-image: url(/images/deco/onsale_sml.png); z-index: 100; }

body a.prodHover {
	position: absolute;
	z-index: 1000;
	top: 0px;
	left: 0px;
	width:0px;
	height:0px;
	overflow:hidden;
	background-color: #fff;
	border: 1px solid #ccc;
}

	
/*--- store category's ---*/
	
.category {
	position: relative;
	}
	
/*.category h3 {
	width: 690px;
	background: url("/images/deco/category_header_bg.gif") 0 .8em repeat-x;
	}

.category h3 span {
	width: 130px;
	height:25px;
	background-color: #FFF;
	display: block;
	margin-left: 30px;
	padding-left: 20px;
	}
*/	
/*--- h4 toggler link for categorys - toggles accordion ---*/

/*h4.toggler {
	display: block;
	width: 670px;
	padding: 0 1.3em 0 0;
	margin: 0;
	text-align: right;
	background: url("/images/deco/down_arrow.gif") top right no-repeat;
	font-size: 1.4em;
	line-height: 0.7em;
	clear: both;
	}
	
h4.toggler span {
	cursor: pointer;
	}
*/		
/*--- Product Detail Styles ---*/
	
#productDetailImageLarge {
	position: absolute;
	top: 70px;
	left: 200px;
	display: block;
	width: 500px;
	height: 500px;
	text-align: center;
	}

#productDetailImageLarge img { width: 500px; }

/*--- alter .col2 for the product detail page ---*/

.productDetail .col2 {
	margin-top:147px;
	padding: 0;
	}

/*--- set the left column in .col2 for the product detail description, price, variation details ---*/

#productDetailsLeft {
	float: left;
	width: 150px;
	}
	
/*#productDetailsLeft h2, #productDetailsLeft h3 {
	margin: 0;
	line-height:1.3em;
	}
*/
/*#productDetailsLeft h3 span {
	padding-right: 0.6em;
	}

#productDetailsLeft h3 span.pounds {
	font-size: 1.5em;
	}
*/
#productOnSale { position: absolute; top: 100px; left: 710px; background-image: url(/images/deco/onsale.png); width: 102px; height: 102px; z-index: 100; }

/*#productDetailsLeft h3 span.strike { text-decoration: line-through; }*/
	
#productDetailsLeft select {
	width: 140px;
	margin-bottom: 10px;
	}

#productDetailsLeft label {
	font-size: 1.3em;	
	}
	
#productDetailsLeft input {
	width: 30px;
	margin-left: 10px;	
	}

/*--- set the right column in .col2 for the product detail description, price, variation details ---*/

#productDetailsRight {
	float: right;
	width: 56px;
	}

#productDetailsRight img {
	border: 1px solid #e4e4e4;
	margin: 0 0 5px 0;
	width: 40px;
	}

#cartButton img { width: 53px; height: 53px; }

.shippingMessage { display: block; margin: 60px 60px 0 0;  font-weight: bold; }

/*--- BLOG styles ---*/

#blogEntryDropDown {
	float:right; 
	}

.blogListing {
	border-bottom: 2px solid #E3E3E3;
	margin: 10px 0 10px 0;
	}
	
/*.blogListing .col1 h2 {
	margin: 0 0 .3em 0;
	padding:0;
	float:left;
	}
*/	
.blogListing .col1 span {
	float:right;
	height: 30px;
	font-size: 1.5em;
	}
	
.blogListing .col1 p {
	clear:left;
	margin: 5px 0 5px 0;
	}
	
.blogListing .col1 a.more {
	float: right;
	font-size: 1.2em;
	font-family: Georgia, Verdana, HelveticaNeue, Sans-Serif;
	text-decoration: underline;
	}	

.col1 a, .col2 a {	text-decoration: underline; }

/*--- set the margin for the thumb images in the second column ---*/
	
.blogListing .col2 img {
	margin:  5px 0 3px 8px;
	}

.blogListing .col2 a {
	color: #00adef;
	text-decoration: none;
	/*margin-left: 9px;*/
	margin: 0px;
	}
	

/*
body.index div#pnlGallery  { width: 690px; }
body.prospect div#pnlGallery  { width: 580px; }
*/

/*--- panel for sliding gallerys ---*/
#pnlGallery  { 
	position: absolute; 
	top: 70px; 
	left: 238px; 
	overflow: hidden; 
	width: 690px; 
	height: 300px; 
	border: 1px solid #ccc; 
	}
	
/*--- image gallery for prospect page V2 ---*/
#dblImgHolder, #imageList  { 
	position: absolute; 
	top: 70px; 
	left: 238px; 
	width: 520px; 
	border: 0px solid #ccc;
	
	}
	
#dblImgHolder  { 
	display:none;
	height: 600px; 
	}
		
#dblImgHolder img  { 
	/*--- height: 250px; ---*/
	width: 520px;
	}
#lowerContainerDiv{position: relative;}

#upperContainerMask, #lowerContainerMask {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 21; 
	width: 520px; 
	height: 300px; 
	background-color: #fff; 
	display: none;
}

.garb #preloaderDiv 
{
  position: relative; top: 100px; left: 50px; width: 100px; height: 50px; background-color: #cccccc; visibility: hidden;
}
 
/*--- adjust the height of the gallery container for the Garb page ---*/	
.garb #pnlGallery {
	width: 520px;
	height: 575px;
	border: 0px solid #ccc;
	}

/*--- PROSPECT PAGE, need to set a height for the gallery frame, taken out to set the 
      html in the page, this page will need figuring out with js by Miro---
.prospect #pnlGallery {
	width: 450px;
	height: auto;
	border: none;
	}

/*--- Ive set the height of the image here, so we can set the height of the container div
	  to include the descriptive text below ---
.prospect #pnlGallery img {
	height: 250px;
	margin: 0 0 3px 0;
	}*/
	
/* using the pnlGallery for the frame for the stockists logos - inherits top color changer bar */
.stockists #pnlGallery {
	border: none;
	height: auto;
	}
	
.stockistsLogo {
	width: 230px;
	height: 130px;
	float: left;
	text-align: center;
	}
	
#pnlSlider   { 
	width: 10000px; 
	}
	
#pnlSlider img { 
	float: left;
	}

/* thumbnail gallery */
#thumbnailGallery {
	position: absolute; 
	top: 70px; 
	right: 0;
	width: 120px;
}

.thgRow { margin-bottom: 5px; height: 60px;}

/* set the margin for the thumb images in galleries */
.thumbImg {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left:  5px;
	border: none;
}
	
.thumbsHolderDiv { width: 50px; height: 64px; float: left; margin: 0 5px 0 5px; }
.upperThumbImg { float: left; margin-bottom: 2px; border: none; }
.lowerThumbImg { border: none; margin-bottom: 6px; }

/* sliders */
.slider { position: absolute; top: 0; left: 0; }
.slider.v { width: 10px; }
.slider.h { height: 10px; }
.slider.h2 { height: 10px; }

#h, #h2 {	
	background-color: transparent;
	text-align: center; 
	position: absolute; 
	top: 50%; 
	left: 0px; 
	width: 100%; 
	height: 1px; 
	}
	
#v {	
	background-color: transparent;
	margin-left: -110px; 
	position: absolute; 
	top: -180px; 
	left: 50%; 
	width: 220px; 
	height: 360px; 
	}


/*--- CHECK OUT ---*/

.checkout #storeContent {
	padding-left: 9px;
	top: 60px;
	}

/*--- contains the header for each check out stage (aligns the 2nd section with the nav) ---*/
#checkoutHeader {
	/*height: 155px;*/
	}
	
/*--- set the widths for the left and right columns in the checkout pages ---*/
.checkout .col0 
{
	width: 235px;
	/*padding: 0;*/
	padding-right: 30px;
	/*height: 700px;*/
	height: 650px;
}
.checkout .col1 
{
	width: 215px;
	/*padding: 0;*/
	padding-left: 10px;
	padding-right: 10px;
	/*height: 700px;*/
	height: 650px;
}

.checkout .col2 
{
	width: 215px;
	padding-left: 10px;
	padding-right: 10px;
	/*width: 415px;*/
	/*padding: 0px 0 5px 30px;*/
	/*height: 700px;*/
	height: 650px;
}

#pnlCarty
{
	float: left;	
}
	
/*--- border for the checkout pages, used in combination with col2 to achive the border ---*/
.borderLeft { border-left: 2px solid #CCC; }
.borderRight { border-right: 2px solid #CCC; }

/*.checkout h1, .checkout h2, .checkout h3, .checkout h4 {
	font-family: arial, Verdana, HelveticaNeue, Sans-Serif;
	color: #999999;
	}

.checkout h2 {
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	line-height: 1em;
	}

.checkout h3 {
	margin: 0 0 5px 0;
	}
*/
/*--- styles the form elements on the check out pages ---*/

.formelement 
{
	float: left;
	/*margin: 3px 0; 
	vertical-align:middle; 
	clear:left; 
	float:left;
	position:relative;*/
	/*width: 200px;*/
	}
	
.formelement label {
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	/*font-size:1.2em;*/
	/*padding: 0 0 0 5px;*/
	height: auto;
	font-weight: bold;
	}
	
.formelement input, .formelement select  {
	/*width: 185px;*/
	width: 208px;
	margin-bottom: 2px;
	}

.formelement .check {
	width: 13px;
	float: left;
	}
	
/*--- contains the buttons continue and cancel ---*/
.continue-cancel {	
	float: right; 
	width: 150px;
	clear: both;
	margin: 0 10px 30px 0;
	}

.small input { float: left; display: inline; width: auto; }

.small label { float: left; width: 155px; height: auto; margin-top: 2px; }

.formelement a, a.decorate { text-decoration: underline;}

#txtPwdSignin
{
	float: left;
	width: 177px;	
}

#txtHint
{
	width: 177px;
	float: left;	
}

.xsubmit 
{ 
	/*float: right; 
	margin: 10px 15px 10px 0px; 
	height:auto; 
	clear: both;*/
	float: left;
	padding-left: 3px;
	padding-top: 2px;
}

/*-- the hints part (see sign in page for the usage) ---*/

.forminfo {
	position:relative; 
	top:0px; 
	left:0px; 
	width: 0px; 
	height: 0px; 
	float:none; 
	display:block; 
	clear:both; 
	padding:0px; 
	margin:0px;
	}

.forminfo p {
	position:absolute; 
	top:3px; 
	/*left: 210px; */
	left: 235px;
	z-index:100; 
	width: 160px;  
	float:none; 
	display:block;
	/*background: url(/images/deco/form_pointer.gif) top left no-repeat;*/
	background: url(/images/deco/arrow-right.jpg) top left no-repeat;
	padding: 0 0 0 15px;
	margin: 0;
	}
	
/*--- ordered list ----*/
ol {
	
	padding: 18px 0 18px 19px !important;
	padding: 18px 0 18px 24px;
	margin: 4px 0 0 0;
	text-align: right;
	}

/*ol li { list-style-type: decimal; }*/
ol li { list-style-type: none; }
/*.col1 ol li a.curr { font-weight: bold; text-decoration: none; }
.col1 ol li a.disabled { text-decoration: none; }*/
.steps li
{
	padding-top: 9px;
	/*padding-bottom: 5px;	*/
}
.steps li a.curr { text-decoration: none; color: #313131; }
.steps li a.disabled { text-decoration: none; }

/*--- basket table styles ---*/

table.basket {  width: 680px; border-collapse:collapse; padding:0px; vertical-align:middle; color:#666666; margin: 20px 0px 10px 0px; }
/*table.basket td, table.basket th { padding: 0; margin:0; }*/
table.basket td, table.basket th { text-align: left; padding: 0; margin:0; }
table.basket td {padding: 5px 0 5px 0; border-bottom: 1px solid #EEE;}
table.basket td.noBorder {border: none;}
table.basket td table td { border: none;}
table.basket td.lightGrey {color: #999;}
td.dissabled {color: #F3F3F3;}
table.basket .c1-t { width:  55px; text-align: left; }
table.basket .c1Space { width:  80px; height: 50px;}
/*table.basket .c2-t { width: 140px; text-align: left; }
table.confirm .c2-t { width: 120px; }*/
table.basket .c2-t { width: 140px; text-align: left; }
table.confirm .c2-t { width: 120px; }
table.basket .c3 { width:  75px; text-align: right; }
table.basket .c4 { width:  35px; text-align: right;}
table.confirm .c4 { width:  35px; text-align: right;}
table.basket .c4review { width:  20px; text-align: right; }
table.basket .c5 { width:  85px; text-align: left; }
table.basket .c5center {text-align: center; }
table.basket .c5lf { width:  95px; text-align: left; }
table.basket .c6 { width:  60px; text-align: right; }
table.basket .c7 
{ 
	/*width:  75px; */
	/*text-align: right; */
	padding-left: 3px;
	width: 28px;
}
table.basket .c7 img { float:right;}

/*table.basket .c1  
{
	width:  100px;
}
table.basket .c2  
{
	width:  300px;
}*/

table.basket .basketinput 
{ 
	float: left; 
	/*margin: 3px 3px 0px 2px; */
	margin: 0px 3px 0px 2px;
	padding-top: 2px; 
	padding-bottom: 0px; 
	width:20px; 
	/*height:1.5em; */
	height: 17px;
	border: 1px solid #999; 
	/*font-size: 0.7em; */
	text-align:center; }

table.basket input.discount {	width: 100px !important;	margin:0 5px; }
table.basket .c5n6 { width:182px; text-align: left;}
span.red { color: #ed1c24 }
table.basket th { padding-bottom:5px;}
table.basket td.header { vertical-align:middle;}
table.basket .smaller label { font-size: 0.9em !important; float: left !important; margin: 3px 8px 0 0; }
table.basket .smaller input { width: 100px; float: left !important; clear: none !important; }
table.basket textarea.textMessage  { width: 20em; height: 5.5em; font-size: 1.1em; }

table.basket span.shipping { display: block; }
table.basket span.shipping input { margin-top: 2px; float: left; }

.btop { font-weight: bold;  padding-top: 10px; }
.bbottom { border-bottom: 2px solid #eee; }
.extraPad { padding: 10px 0px 10px 0px; }

/*--- set the addresses out on the order confirm page ---*/

.address { position: relative; float: left; width: 200px; font-size: 1em; }

.addresses { clear:both; }

.addresses .address h5 { display: block; color: #666; font-weight: bold; font-size: 1.3em; margin: 20px 0 5px 0; float: none; padding: 0; }

.addresses .address h6 { display: block; color: #AFAFAF; font-weight: bold; font-size: 0.9em !important; margin: 2px 0 2px 0; float: none; padding: 0; }

.addresses .address span.address { display: block; margin: 0 5px 5px 0; font-size: 0.9em !important; color: #666 !important; }

.address input {
	position: absolute;
	top: 10px;
	right: 10px;
}

/*--- PAYMENT PAGE ---*/

.paymentCard {
	float: left;
	display: block;
	margin-right: 3px;
	height: 68px;
	}

.paymentCard a img  {
	border: 1px solid #CCC;
	}
	
.paymentCard a:hover img {
	border: 1px solid #9b9b9b;
}

select.short, input.short {
	width: 70px;
}

span.small {
	font-size: 0.8em;
	color: #999;
}

/*--- THANK YOU PAGE
	  adjust the widths of the 2 columns for the thank you page ---*/
.checkout #thankYou .col1 {
	width: 400px;
	}

.checkout #thankYou .col2 {
	float: right;
	width: 220px;
}

table.delivery tr {text-align:left; vertical-align:top; }

.not_shipped { font-size: 110%; color: #c33; }

#__asptrace { position: absolute; top: 880px; overflow: auto; width: 90%; }


/*Footer styles*/
#footer
{
	background-color: #FFFFFF;
	background-image: url("/Images/Common/Footer/footerbackground.jpg");
	background-repeat: no-repeat;
	height: 30px;
	width: 1004px;
}
#footer div
{
	padding-top: 6px;	
	padding-left: 37px;
}
#footer div ul
{
	margin: 0;
	padding: 0;
	display: inline;
} 
#footer div ul li
{
	margin-left: 0;
	padding: 3px 0px;
	list-style: none;
	display: inline;
	color: #FFFFFF;
}
#footer div ul li a
{
	text-decoration: none;
	color: #FFFFFF;	
	font-size: 11px;
}		
/*Hacks*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix 
{ 
	height: 1%;
}
.clearfix 
{
	display: block;
}
/* End hide from IE-mac */



h3 
{
    font: 32px arial, serif;
    color:#2E2E2C;
    background:#FFF;
    margin: -5px 0 0 0;
    padding: 0;
    font-weight: bold;
    height: 32px;
}