/* @override 
	http://localhost/~Darren2/hobosvintageclothing.co.uk/css/stylesheet-test.css
	http://www.hobosvintageclothing.co.uk/includes/templates/speedcom/css/stylesheet.css
*/

@import url(reset.css) all;
/*
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce                                       |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers                           |
// |                                                                      |
// | http://www.zen-cart.com/index.php                                    |
// |                                                                      |
// | Portions Copyright (c) 2003 osCommerce                               |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license,       |
// | that is bundled with this package in the file LICENSE, and is        |
// | available through the world-wide-web at the following url:           |
// | http://www.zen-cart.com/license/2_0.txt.                             |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to       |
// | license@zen-cart.com so we can mail you a copy immediately.          |
// +----------------------------------------------------------------------+
// $Id: stylesheet.css 277 2004-09-10 23:03:52Z wilt $
*/

body {
	background-color: #e5edf5;
	color: #000000;
   font: 11px Verdana, Arial, sans-serif;
}

#site-border	{ width:740px; margin:1em auto; padding:0; position:relative; background:#FFF; }
.centershop {
	padding: 0px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 740px;
}

td.main, p.main {
  font-size: 11px;
  line-height: 1.5;
}

a {
  color: #3675D5;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: #00AEEF;
  text-decoration: underline;
}

h2	{ font-size:1.1em; margin:1em 0 1em 0; font-weight:bold; color:#333; }
h3	{ font-style:italic; }
form {
	display: block;
}

table	{ border-collapse:collapse; border:none; }

/*HEADER CSS*/

#header {
  background:#000 url(../images/header-background.gif) 0 bottom no-repeat;
  width: 748px;
  height:181px;
  border-right: 1px solid #BBB;
  border-left: 1px solid #DDD;
  border-top:1px solid #DDD;
  position:relative;
}

#header #search_box	{ position:absolute; display:block; width:175px; height:36px; right:12px; bottom:15px; height:20px; margin:0; padding:8px 0; }
#header #search_box input#keyword	{ width:118px; height:1.4em; border:1px solid #BBB; float:left; display:block; margin:0 10px 0 0; padding:0 3px; line-height:1.4em; }
#header #search_box input.submit	{ display:block; float:left; background:url(../images/search.gif) 0 0 no-repeat;}

#header h1	{ color:#FFF; font-size:3em; margin:0; padding:0; text-indent:-1000em; display:block; background:url(../images/hobos-logo.gif) 0 0 no-repeat; width:245px; height:90px; position:absolute; left:45px; top:15px;  }
#header h2	{ font-size:1.8em; font-weight:normal; text-align:center; display:block; width:340px; color:#FFF; position:absolute; left:0; top:125px; margin:0; }

#header .vcard	{ position:absolute; right:10px; top:10%; width:auto; height:auto; color:#FFF; list-style-type:none; }
#header .vcard li	{ text-align:center; font-weight:bold; font-size:1.25em; margin:0 0 0.4em 0; }

table.headerNavigation {
  background: #abbbd3;
  background-image: url(../images/header_06.gif);
  background-color: #ffffff;
  border-right: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
  width: 100%;
}

td.headerNavigation {
  width: 745px;
  position: relative;
  vertical-align:middle;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color:#000000;
  letter-spacing:1px;
  padding: 5px;
}

td.breadCrumb {
  font-size: 10px;
  font-weight: bold;
  color: #9a9a9a;
  padding: 3px;
  border-bottom: 1px dotted #9a9a9a;
}

td.headerNavigation a, td.headerNavigation A:visited, .sideBoxHeading A, td.footertop a, .centerboxheading a  {
  font-weight: bold;
  color: #000000;
}

td.headerNavigation a:hover, .sideBoxHeading a:hover, td.footertop a:hover, .centerboxheading a:hover  {
  color: #0000ff;
}

tr.headerError {
  background: #ff0000;
}

td.headerError {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

tr.headerInfo {
  background: #00ff00;
}

td.headerInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*SIDEBOX CSS*/

.column_box_spacer_left {
  height: 6px;
}

.column_box_spacer_right {
  height: 6px;
}

.column_box_spacer_single {
  height: 6px;
}

.column_left{
	float:left; width:136px;
  	background:#ECEBF0 url(../images/header_03.gif) 0 0 repeat-x;
  	border:1px solid #CCC; border-top:1px solid #EEE; border-bottom:1px solid #BBB; border-right:1px solid #BBB; padding:0.5em 7px; margin:0 10px 1em 15px;
}

.column_right{
  background: #ffffff;
  padding: 2px;
}

.boxText {
  font-size: 11px;
  line-height: 125%;
}

.sideBoxContent, .centerboxcontent {
  line-height: 125%;
  padding: 4px;

}



.sideBox, .centerbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ffffff;
  border:1px solid #9a9a9a;
  margin-bottom: 15px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

#side_box	{ display:block; }
#side_box h2	{ color:#333; font-weight:bold; font-size:1.1em; margin:0.8em 0 0.8em 0; }
#side_box h2 a	{ font-weight:inherit; }
#side-box li	{ padding:0 0 0 8px; }

td.sideBoxHeading, td.centerboxheading {
  height: 20px;
  padding-left: 5px;
}

.sideBoxHeading, .productListing-heading, .centerboxheading {
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  padding: 3px;
}

tr.sideBoxHeading, td.productListing-heading, tr.centerboxheading {
  background: #abbbd3;
  background-image: url(../images/header_06.gif);
}

.sideBoxFooter, .centerboxfooter {
 background: #abbbd3;
 background-image: url(../images/header_06.gif);
}

.column_left ul	{ list-style-type:none; padding-left:5px; margin:0 0 1em 0; }
.column_left ul li	{ margin:0.4em 0; }
.column_left ul.category-nav li	{ margin:0.8em 0; line-height:1.4em; }

/*center main section
-----------------------------------*/
td.pageHeading, div.pageHeading, h1 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding-top: 0px;
  margin:0.8em 0 1em 0;
}

.center_column {
  padding: 8px;
  float:left; width:550px;
}
.breadcrumbs	{ padding:0.8em 0; width:550px; }
.breadcrumbs .seperator	{ margin:0 0.5em; color:#E0E1E4; }

.main_page{
   width: 745px; display:block; clear:both;
  background-color: #ffffff;
  border-right: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  padding: 5px; 
 }
 
.content p	{ clear:left; margin:0 0 1.4em 0; line-height:1.4em; }

#page_border div.centerColumn { float:left; width:550px; }
.content img	{ padding:5px; border:1px solid #DEE; border-bottom:1px solid #BBB;  border-right:1px solid #CDD; background:#EFF; margin:5px; }
.content img.right	{ float:right; }
.content img.left	{ float:left; }

#page_border	{
	width:738px;
  background:#FFF;
  border-right: 1px solid #CCC;
  border-left: 1px solid #DDD;
  float:left;
  padding:5px; margin:0; position:relative;
}

.plainBox, .plainbox-description {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #ffffff;
  margin-bottom: 15px;
  padding: 5px;
}

.plainBoxHeading {
  font-size: 12px;
  font-weight: bold;
  padding: 11px 5px 5px;
}

/* @group footer */

div.footer {
  clear:both; display:block; width:718px;
  text-align: center;
  font-size: 10px;
  background:#FFF;
  border-right: 1px solid #CCC;
  border-left: 1px solid #DDD;
  border-bottom: 1px solid #BBB;
  margin:0 0 2em 0;
  padding:1em 15px;
}

.banners	{ text-align:center; }

/* @end */

/*miscellaneous areas
-------------------------------------*/
td.infoBox, span.infoBox {}

td.cartBox {
   background: #eff4f8;
   font-size: 10px;
   padding: 3px;
   border: 1px dotted #000000;
}

tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd {
  background: #ffffff;
}

tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even {
  background: #eff4f8;
}
.productsNotifications { background: #f2fff7; }
.orderEdit {   color: #70d250; text-decoration: underline; }
.productListing-heading {
  border-bottom: 1px solid #9a9a9a;
}

td.productListing-data {
   font-size: 10px;
}

td.pageresults a {
  color: #0000FF;
}

td.pageresults a:hover {
  background: #FFFF33;
}
td.pageresults {
  font-size: 1em;
}
tr.subBar {
  background: #f4f7fd;
}

td.smallText, span.smallText, p.smallText {
   font-size: 1em;
}

td.accountCategory {
  font-size: 1.3em;
  color: #aabbdd;
}

td.fieldKey {
  font-size: 1.2em;
  font-weight: bold;
}

td.fieldValue {
  font-size: 1.2em;
}

td.tableHeading {
  font-size: 1.2em;
  font-weight: bold;
}

checkbox, input, radio, select {
  font-size: 1.1em;
}

textarea {
  width: 100%;
  font-size: 11px;
}

table.formArea {
	background: #f1f9fe;
	border: 1px solid #7b9ebd;
}

td.formAreaTitle {
	font: bold 12px Verdana, Arial, sans-serif;
}

span.normalprice {
	text-decoration: line-through;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

/* @group checkout */

.checkoutBarFrom, .checkoutBarTo {   color: #8c8c8c; }
.checkoutBarCurrent {   color: #000000; }
td.ot-subtotal-Text, td.ot-cod-fee-Text, td.ot-total-Text, td.ot-group-pricing-Text, td.ot-gv-Text, td.ot-loworderfee-Text, td.ot-shipping-Text, td.ot-subtotal-Text, td.ot-tax-Text, td.ot-coupon-Text {
  font-weight: bold;
}
td.ot-subtotal-Amount, td.ot-cod-fee-Amount, td.ot-total-Amount, td.ot-group-pricing-Amount, td.ot-gv-Amount, td.ot-loworderfee-Amount, td.ot-shipping-Amount, td.ot-subtotal-Amount, td.ot-tax-Amount, td.ot-coupon-Amount {}

/* @end */

/* @group alerts & messages */

span.greetUser {
  color: #f0a480;
  font-weight: bold;
}

span.newItemInCart {
  color: #ff0000;
  font-weight: bold;
}

span.markProductOutOfStock {
	color: #c76170;
	font: bold 12px Verdana, Arial, sans-serif;
}

td.alert, p.alert, span.alert {
  color: #F06600;
  font-weight: inherit; font-style:italic;
}
span.alert	{ display:block; float:left; margin:0 5px; }
td.alertBlack, span.alertBlack {
  color: #000000;
  font-weight: bold;
}

.inputRequirement {
  color: #ff0000;
  font-size: 10px;
}

span.coming {
color: #ff797c;
}

.ProductInfoComments, td.ProductInfoComments, span.ProductInfoComments {
  color: #ff0000;
  font-size: 9px;
  line-height: 1.0;
  text-align : left;
  font-weight: bold;
  padding-top: 6px;
  border-top: 1px solid #9a9a9a;
}

.messageStackError, .messageStackWarning { background-color: #ff797c; color: #ffffff; padding: 2px; border: 1px solid #9a9a9a; line-height:1.9em; min-height:20px; margin:0 0 0.8em 0; }
.messageStackError img, .messageStackWarning img	{ display:block; float:left; margin:auto 3px auto 0; }
.messageStackSuccess {   background-color: #b3ffa8; padding: 2px; border: 1px solid #9a9a9a; }
.messageStackCaution { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #FFFF00; }

span.productSpecialPrice {
  color: #ff797c;
}

span.productSpecialPriceSale {
  color: #ff797c;
	text-decoration: line-through;
}

span.productSalePrice {
  color: #FF0000;
}

span.productPriceDiscount {
  font-size: 10px;
  color: #FF0000;
}

span.errorText {
  color: #ff0000;
}

.greetUser {
   font-size: 12px;
   padding-top: 5px;
   padding-bottom: 5px;
}

.errorBox {   background: #ff797c; color: #ffffff; font-weight: bold; }
.stockWarning {   color: #cc0033; }

.messageBox {   }

/* @end */

/* @group popup */

table.popupattributeqty, table.popupcouponhelp, table.popupcvvhelp, table.popupimage, table.popupimageadditional, table.popupsearchhelp, table.popupshippingestimator, table.popupinfoshoppingcart {
  background-color: #ffffff;
	margin: 6px;
  padding: 6px;
  font: 11px Verdana, Arial, sans-serif;
}



/* @end */

/* categories_description */
table.categoriesdescription {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #D0D0D0;
  border:1px solid #9a9a9a;
}

td.categoriesdescription {
  font-size: 11px;
  line-height: 1.0;
}

/* attribute images table */
table.products-attributes-images {
/*  width: 100%; */
/*  border: 1px solid #9a9a9a; */
  float: left;
  padding: 2px;
}

.categories li	{ width:48%; display:block; float:left; }
.categories a	{ display:block; font-size:2em; line-height:109px; width:100%; height:109px; margin:0 0 1em; }
.categories img	{ float:left; margin:0 0.6em 0 0; }

.categoryIcon a:hover	{ text-decoration:none; }
.categoryIcon.Tops	{ background:#932A8C; }
.categoryIcon.Tops:hover span, .categoryIcon.Tops:focus span	{ color:#DF6AAC !important; }
.categoryIcon.Dresses	{ background:#2697ff; }
.categoryIcon.Dresses:hover span, .categoryIcon.Dresses:focus span	{ color:#AAE7ff !important; }
.categoryIcon.Bottoms	{ background:#00E4E0; }
.categoryIcon.Jackets	{ background:#658A3A; }
.categoryTitle	{ font-size:2em; line-height:109px; color:#FFF; width:100%; display:block; }
.categoryIcon img	{ float:left; margin:0 2em 0 0; }
#product_image	{ float:left; width:200px; background:#EEE; padding:15px; margin:10px 0; }
#productMainImage	{  }
#productMainImage img	{ border:2px solid #FFF; margin:0 0 5px; padding:1px; }
#productDescription, #productName, #cartAdd, #productDetailsList	{ float:right; width:300px; }
#productDescription h2	{ margin-top:0; }
#productName	{ margin-bottom:0.3em; }
#cartAdd, #productDetailsList	{ background:#EEE; padding:15px 15px 0; width:270px; }
#productDetailsList	{ background:#EEE; clear:none; }
#productAdditionalImages	{ float:left; width:100%; margin:1em 0; }
#productAdditionalImages li	{ display:block; float:left; min-width:65px; height:100px; width:auto; margin-right:1px; clear:none; }
#productAdditionalImages a	{ display:block; }
#productAdditionalImages img	{ border:1px solid #FFF; }
#productAdditionalImages li::nth-child(3n)	{ margin-right:0; }
#productDescription table	{ width:100%; margin-bottom:1em; }
#productDescription table tr td	{ width:200px; }
#productDescription table tr td:first-child	{ width:150px; }
#productPrices	{ float:right; width:300px; margin:0; }
.extra_controls	{ float:left; width:200px; clear:left; margin:1em 0 0; }
.extra_controls li	{ min-height:1.2em; clear:none; }

/* @group nav */
a.category-top, a.category-links {
  color: #428dff;
  text-decoration: none;
  font-size:1.2em; font-weight:bold;
}
a.category-subs, a.category-products { color: #428dff; text-decoration: none;padding-left:1.5em; }
span.category-subs-parent {
  font-weight: bold;
}
span.category-subs-selected {
  font-weight: bold;
}
.count	{ color:#428dff; margin:0 0 0 0.4em; }
.categoryListBoxContents	{ width:109px; float:left; margin:0 3% 2em 0; }
.categoryListBoxContents a	{  font-size:1.1em; font-weight:bold; display:block; }
.categoryListBoxContents img	{ display:block; }



/* @end */

.center	{ text-align:center; }

/* @group general */

p.fullwidth	{ width:100%; }
.left	{ text-align:left; }
.right	{ text-align:right; }
.style6	{ clear:both; width:100%; text-align:center; }
br, hr	{ clear:both; }


/* @end */

/* @group default forms */

form p	{ clear:left; width:100%; margin:1em 0; }
form fieldset	{ margin:0 0 2em 0; }
form legend	{ color:#333; font-weight:bold; font-size:1.1em; margin:0 0 1em 0; float:left }
form ul	{ clear:left; }
form li	{ clear:left; float:left; display:block; width:100%; min-height:3em; }
form li label,
form li input,
form li textarea,
form li select	{ float:left; display:block; width:150px; height:1.4em; margin:0em 0 0.5em 0; }
form li label	{ text-align:left; width:120px; margin-right:8px; line-height:1.8em }
form li input,
form li textarea	{ border:1px solid #CCC; width:250px }
form li textarea	{ height:7em; }
form li label.checkboxLabel	{ width:auto; margin:0 0 0 1em; line-height:1em; }
form li label.radioButtonLabel	{ width:auto; margin:0 3em 0 1em; line-height:1em; }
form li input.radio	{ width:auto; }
form li input.check	{ width:auto; }

form li input.button	{ display:block; float:left; width:auto; margin:0 0 0 128px; background:#CEE; color:#011; border:1px solid #BDD; border-top:1px solid #DFF; border-left:1px solid #DFF; width:auto; height:auto;  padding:0.3em 1em; }
form li input.button	{ cursor:pointer; }

/* @end */

/* @group contact */

#contactUsForm	{ width:90%; float:left; margin:0 0; }
#contactUsForm p	{ margin-left:105px; }

/* @end */

/* @group header */



/* @end */

/* @group shoppping cart */

table#cartContentsDisplay	{ width:100%; border-bottom:2px solid #FFE116; margin:0 0 1em 0; }
table#cartContentsDisplay th	{ font-weight:bold; text-align:left; background:#FFE116; color:#628622; font-size:1.2em; padding:0.4em 1em; border:2px solid #FFF; }
table#cartContentsDisplay tbody td	{ padding:0.4em 1.2em; }
table#cartContentsDisplay tr.foot td	{ border-top:2px solid #FFE116; }
table#cartContentsDisplay tr.foot th	{ border:2px solid #FFE116; }
table#cartContentsDisplay .cartImage	{ float:left; margin:0 0.6em 0.6em 0; }
table#cartContentsDisplay .cartProdTitle	{ font-size:1.2em; font-weight:bold; text-transform:capitalize; }

table#cartContentsDisplay tbody td.cartProductDisplay	{ width:220px; }

.update_link	{ clear:both; }
.buttons	{ width:30%; float:right; margin:0; }
.buttons a	{ display:block; width:12em; padding:0.4em 1em; font-weight:bold; height:2em; background:#FFE116; color:#628622; border:1px solid#628622; }
.buttons a:hover,
.buttons a:focus,
.buttons a:active	{ cursor:pointer; border:1px solid #FFF; }
.buttons a span.button	{ width:100%; font-weight:bold; text-align:center;line-height:2em; margin:auto 0; }

/* @end */

/* @group sizing */

#sizing dl	{ width:100%; }
#sizing dt	{ display:block; float:left; clear:left; font-weight:bold; margin:0 3% 0.6em 0; width:20%; text-align:right; color:#333; }
#sizing dd	{ display:block; width:75%; float:left; margin:0 0 0.6em 0; }

#sizing table	{ clear:left; float:left; width:80%; margin:2em 0 0 0; }
#sizing table th	{ width:25%; padding-right:3%; font-weight:bold; text-align:right; padding:0 3% 0.5em 0;  color:#333; }
#sizing table td	{ width:8%; padding:0 0 0.5em 0; }

/* @end */