/*
	Name:  Footwear Emporium
	Description: Global Style Sheet
	Version: 1.0
	Author: Rolled.at
	Author URI: http://www.rolled.at
	Coder: Enrique Ramirez
*/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
    line-height: 1.4;
    font-size: 75%; /* 100% = 16px */
    color: black;
    background: white;
	font-family: arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left
	}

/* Headers */
	h2 {font-size: 150%}
	h3 {font-size: 130%}
	h4 {font-size: 110%}
	h5 {font-size: 90%}
	h6 {font-size: 70%}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #000; text-decoration: underline}
	a:hover, a:active {text-decoration: none}
	
/* Paragraphs */
	p {
    margin-bottom: 1.5em;
    line-height: 1.4;
    text-align: justify
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside decimal
}

/* Forms */
.text {
	font-family: arial, verdana, sans-serif;
	font-size: 100%;
	color: #000;
	background: #fff;
	padding: .2em .3em
}

/***** Layout *****/
#wrapper {width: 893px; margin: 0 auto}

/* Header */
#header {
	margin: 35px 0 15px 0;
	overflow: hidden;
	height: 1%
}

	/* Logo */
	#logo {float: left; display: block; width: 408px; height: 43px; margin: 15px 0 0 0}
	
	/* Shopping Basket */
	#basket {
		float: right;
		background: url('../images/icons/basket.gif') no-repeat center right;
		padding: 10px 58px 15px 0;
		height: 30px;
		line-height: 1.3;
		margin-bottom: 1em
	}
	#basket a:link, #basket a:visited {display: block; text-decoration: none}
	#basket a:hover, #basket a:active {text-decoration: underline}
	
	/* Currency */
	#currency-change {
		float: right;
		clear: right
	}

/* Navigation */
#nav {
	background: #000 url('../images/nav-bg.gif') no-repeat top right;
	color: #fff;
	font-size: 116.16%;
	height: 44px;
	line-height: 44px
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left
}

#nav ul li {float: left; margin: 0 1.5em; line-height: 44px; height: 44px; display: inline}

#nav a:link, #nav a:visited {color: #fff; text-decoration: none}
#nav a:hover, #nav a:active {text-decoration: underline}

	/* Sex Pick */
	#sex-nav {
		width: 161px;
		border-right: 1px solid #fff
	}
	
	#nav #sex-nav #men-tab {
		background: #6cbaf7 url('../images/left-corner.gif') no-repeat top left;
		margin: 0;
		width: 76px;
		text-align: center;
		border-right: 1px solid #fff
	}
	
	#nav #sex-nav #women-tab {
		background: #d810da;
		margin: 0;
		width: 84px;
		text-align: center
	}
	
	/* Search Box */
	#search-site {
		float: left;
		margin: 0 6px 0 6px
	}
	
	#search-site .text {
		border: 0;
		width: 155px;
		display: block;
		float: left;
		margin-top: 12px;
		height: 20px;
		padding: 0 .2em
	}
	
	#search-site .button {
		color: #fff;
		font-weight: bold;
		border: 0;
		height: 20px;
		display: block;
		float: left;
		margin-top: 12px;
		cursor: pointer
	}
	
	/* Main Menu */
	#nav ul#main-menu {float: right}
	
/* Body */
#body {
	overflow: hidden;
	height: 1%;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7
}
#body.sidebar {border-left: 0}

	/* Sidebar */
	#sidebar {
		width: 131px;
		float: left;
		margin-right: 1px;
		padding: 25px 15px;
		min-height: 390px;
		height: auto !important;
		height: 390px
	}
	
	#sidebar .price {font-size: 1em; font-weight: normal}
	
	#sidebar.catalog {background: #d8d8d8 url('../images/catalog-sidebar-bg.png') repeat-x bottom left}
	
	#sidebar .main a:link, #sidebar .main a:visited {text-transform: uppercase; text-decoration: none}
	#sidebar .main a:hover, #sidebar .main a:active {text-decoration: underline}
	
	#sidebar ul {margin: 0; padding: 0; list-style: none; line-height: 1.7}
	#sidebar ul ul{margin: 0 0 0 1em}
	
	#sidebar {font-size: 91.66%; padding-top: 15px}
	#sidebar h2 {font-size: 100%; font-weight: bold; text-transform: uppercase; margin-bottom: .3em}
	#sidebar ul {margin-bottom: 1.5em}
	
	#sidebar a:link, #sidebar a:visited {text-decoration: none}
	#sidebar a:hover, #sidebar a:active {text-decoration: underline}
	
	#sidebar dt {font-weight: bold}
	
		/* Size Picker */
		#sidebar ul.size-pick {overflow: hidden; height: 1%}
		#sidebar ul.size-pick li {width: 32.9%; float: left}

	/* Content */
	#content {width: 891px; padding: 0}
	#content:after {content: "."; display: block; clear: both; height: 0; visibility: hidden}
	#content .cont {padding: 15px}
	.sidebar #content {
		width: 715px;
		float: left;
		padding: 10px 8px 10px 7px
	}
	
	.sidebar #content.catalog {width: 730px; padding: 0}

/* Footer */
#footer{text-align: center; padding-bottom: 2em}

	/* Newsletter */
	#signup {
		background: #000 url('../images/foot-bg.gif') no-repeat bottom left;
		color: #fff;
		padding: 10px 0
	}
	
	#signup .text {border: 0; width: 185px; margin: 0 1em}
	#signup .button {color: #fff; border: 0; padding: .2em 1em; font-weight: bold}
	
	/* Footer Links */
	#footer ul {margin: 0; padding: 0; list-style: none; font-size: 83.33%}
	#footer li {display: inline; padding: 0 .5em}
	
	#footer ul a:link, #footer ul a:visited {color: #797979}
	
/***** Sections *****/
/* Home */
.welcome-img {margin-bottom: 17px}

.offers {margin: 0; padding: 0; list-style: none; width: 717px}
.offers li {float: left; margin-right: 4px}

.offers a:link img, .offers a:visited img {border: 1px solid #000}

/* Catalog */
#items-list {margin: 0 !important; margin: 0 0 35px 0; padding: 0; list-style: none; overflow: hidden; height: 1%}
#items-list li {
	width: 180px;
	float: left;
	margin: 0 30px 35px 30px;
	position: relative;
	font-size: 91.66%;
	display: inline;
	text-align: center
}

#items-list h2 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: bold;
	text-align: left
}

#items-list .color {display: block; text-align: left}

#items-list .price {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 181.81%;
	color: #c6c6c6
}

	/* Category Header */
	#cat-header {
		padding: 5px 10px;
		overflow: hidden;
		height: 1%;
		color: #000;
		margin-bottom: 20px;
		height: 40px;
		line-height: 40px;
		border-top: 1px solid #fff
	}
	.catalog #cat-header {height: auto !important; height: 40px; line-height: 1}

	.catalog #cat-header a:link, .catalog #cat-header a:visited {color: #fff; text-decoration: none}
	.catalog #cat-header a:hover, .catalog #cat-header a:active {text-decoration: underline}
	
	#cat-header a:link, #cat-header a:visited {color: #000; text-decoration: none}
	#cat-header a:hover, #cat-header a:active {text-decoration: underline}
	
	/* Back Link */
	#back-link {float: left; margin-right: 8em}

	/* Breadcrumb */
	#cat-header .breadcrumb {color: #000; float: left}
	.catalog #cat-header .breadcrumb {color: #fff; display: block; clear: both; padding-bottom: 5px; float: none}
	
	/* Sort By */
	#content fieldset#sort {float: left; width: 200px; margin-right: 30px}
	#sort label {color: #fff; margin-right: .5em}
	#sort select {width: 140px}
	#sort select, #sort option {font-size: 91.66%; color: #666}
	
	/* Pagination */
	#pagination {margin: -8px 0 0 0; padding: 0; list-style: none; float: left}
	#pagination li {display: inline; color: #fff}
	#pagination li.current {color: #000}
	
	/* Results */
	#results {display: block; float: right; margin: -6px 5px 0 0; color: #fff}
	
/* Item */
#item-gallery {
	width: 712px;
	margin: 0 auto;
	text-align: center
}

	/* Current Image */
	#current {margin-bottom: 10px; width: 710px; height: 335px; border: 1px solid #000}	
	#previewPane{position:relative; width: 710px; height: 335px}
	
	#waitMessage{
		display: none;
		position: absolute;
		left: 290px;
		top: 155px;
		background-color: #fff;
		border: 3px double #000;
		padding: 4px;
		color: #555;
		font-size: 0.9em;
		font-family: arial, verdana, sans-serif
	}
	
	/* Gallery */
	#theImages {margin: 0 0 5px 0; padding: 0; list-style: none}
	#theImages li {display: inline; margin: 0 4px 10px 4px}
	#theImages img {border: 1px solid #000}
	
	/* Info */
	#item-info h2 {text-align: left; color: #abaaaa; font-size: 150%; margin-bottom: .8em}
	
	/* Add Item To Basket */
	#item-add {margin-bottom: 10px}
	#item-add select, #item-add .button {width: 200px; margin-bottom: 10px}
	#item-add .button {cursor: pointer}
	
/* Basket */
#basket-table {width: 100%; margin: 0 0 2em 0}
#basket-table caption {
	background: #d8d8d8;
	padding: .5em 0 .5em 35px;
	font-weight: bold;
	border-top: 2em solid #fff;
	font-size: 125%
}

#basket-table a:link, #basket-table a:visited {color: #abaaaa; text-decoration: underline}
#basket-table a:hover, #basket-table a:active {text-decoration: none}

#basket-table thead th {
	font-weight: bold;
	text-transform: uppercase;
	padding: 1em 0 0 0;
	vertical-align: bottom
}
#basket-table .description {padding-left: 35px; padding-top: .5em}
#basket-table .description img {float: left; margin: 0 20px 0 0}
#basket-table .description h2 {font-size: 100%; font-weight: normal; margin: 3.5em 0 0 0}

#basket-table tbody td {
	border-bottom: 1px solid #e8e8e8;
	padding: 3em .5em .5em .5em;
	vertical-align:top;
	color: #abaaaa
}
#basket-table .text {width: 20px}

#basket-table tfoot td {padding: .5em}
#basket-table tfoot .option-links td {text-align: right}
#basket-table tfoot .total td {
	padding: 2em 0 .8em 1em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #e8e8e8
}
#basket-table tfoot .total td.total-price {text-align: center}
#basket-table tfoot .checkout-button td {text-align: right}
#basket-table .button {padding: 0 1em}

/* Cards Accepted */
#cards-list {overflow: hidden; height: 1%; padding: 0 0 20px 20px}
#cards-list h2 {font-size: 100%; font-weight: normal; margin-bottom: .5em}
#cards-list ul {margin: 0; padding: 0; list-style: none}
#cards-list li {float: left; margin: 0 3px 0 0}

/* Error Messages */
ul.messages {list-style: none; margin: 0; padding: 0}
ul.messages li {display: block; margin-bottom: 1em; padding: 1em}

.messages li ul {list-style: none; margin: 0; padding: 0}
ul.messages li ul li {margin-bottom: 0; padding: 0}

.messages .error-msg {border: 2px solid #ffc1c1; background: #ffd5d5}
.messages .success-msg {border: 2px solid #d0eed0; background: #e1f4e1}

/* Login */
.col2-set {overflow: hidden; height: 1%; padding-top: 2em; padding-bottom: 1.5em}
.col2-set a {line-height: 1.4}
.col2-set .col-1 {float: left}
.col2-set .col-2 {float: right}
.col2-set .col-1 , .col2-set .col-2  {
	width: 45%;
	background: #eee;
	padding: 2.2% 15px 0 15px;
	min-height: 250px;
	position: relative
}

.col2-set .col-1 h4, .col2-set .col-2 h4, .legend, .product-info-box h4, .col-1 h6, .col-2 h6, .col-1 h5, .col-2 h5, .inner-head h5, .dashboard-welcome h3 {
	font-size: 1.2em;
	border-bottom: 2px solid #ddd;
	font-weight: bold;
	padding: 0 0 .3em 0;
	margin: 0 0 .5em 0
}

.col2-set .col-1  .button-set , .col2-set .col-2  .button-set {
	background: #ddd;
	position: absolute;
	bottom: 0;
	margin: 0 -15px;
	width: 92%;
	padding: .5em 4%;
	line-height: 1.8
}
.button-set {clear: both; width: 70%; margin: 0}
fieldset .button-set {width: 100%}
.button-set .form-button {
	border: 0;
	color: #fff;
	padding: .2em .5em;
	float: right;
	cursor: pointer
}

.button-set .left {float: left}
.button-set .required {float: none; clear: both}
p.required {float: right; font-size: .8em; clear: both}

.form-list {list-style: none; margin: 0 0 1.5em 0; padding:0}

fieldset ul {list-style: none; margin-left: 0}

#content fieldset {background: #eee; padding: 1.5em; overflow: hidden; height: 1%; width: 65%; margin: 1.5em 0}
#content fieldset#sort, #content fieldset#item-add {background: none; width: auto; padding: 0; margin: 0 30px 0 0}
#content fieldset input.input-text {margin-bottom: .5em}

#content .col2-set fieldset {padding: 0; width: 100%; margin: 0 0 1em 0}

/********************** Catalog Listing */
.catalog-listing {
    line-height:1.35em;
    }
.catalog-listing h5 {
    margin-bottom:.4em;
    font-size:1.05em;
    width:100%;
    overflow:hidden;
    }
.catalog-listing h5 a, .catalog-listing h5 a:hover {
    color:#203548;
    text-decoration:underline;
    }
.catalog-listing .add-to {
    margin:.7em 0;
    color:#555555;
    line-height:1.3em;
    font-size:.95em;
    font-weight:bold;
    }
.catalog-listing .add-to a, .catalog-listing .add-to a:hover {
    text-decoration:underline;
    }
.catalog-listing .ratings {
    margin-bottom:.6em;
    }

.catalog-listing .ratings { line-height:1.5; }
.catalog-listing .ratings .rating-box { float:none; margin-bottom:3px; }
.catalog-listing .ratings .pipe { display:none; }
.catalog-listing .ratings a { display:block; }


/* List Type */
.listing-type-list .listing-item { border-top:1px solid #D9DDE3; padding:12px 10px; overflow: hidden; height: 1%}
.listing-type-list .product-image { float:left; width:135px; }
.listing-type-list .product-shop { width:505px; float: right}
.listing-type-list .product-shop .description { margin:.5em 0 1.2em 0; text-align: left; clear: both}
.listing-type-list .product-shop .price-box {text-align:left; white-space:nowrap; margin:3px 13px 20px 0;}
.listing-type-list .product-shop .form-button {margin:0.5em 0 0; clear: both}
.listing-type-list .product-shop .product-reviews { margin:15px 0; font-size:.95em; }
.listing-type-list .product-shop .product-reviews a, .listing-type-list .product-shop .product-reviews a:hover { color:#6e6969; }
.listing-type-list .listing-item .rating-box { margin-bottom:6px; }

/* Grid Type */
.listing-type-grid td { width:33%; text-align:left; }
.listing-type-grid .product-image { text-align:center; }
.listing-type-grid .add-to-compare {
    display:block;
    margin:5px 0;
    background:url(../images/icon_add_to_compare.gif) no-repeat 0 50%;
    padding-left:22px;
    color:#6e6969;
    font-weight:bold;
    }
.listing-type-grid .rating-box { float:left; margin-left:0; margin-right:5px; }
.listing-type-grid .actions { margin:10px 0;text-align:center; }


/* Generic Product Grid */
.generic-product-grid { width:100%; }
.generic-product-grid td {
    border-right:1px solid #d9dde3;
    border-bottom:1px solid #d9dde3;
    padding:12px 10px;
    line-height:1.6em
    }
.generic-product-grid tr.last td { border-bottom:0; }
.generic-product-grid td.last { border-right:0; }
.generic-product-grid .product-image { text-align:center; }
.generic-product-grid td.empty-product{ border-right:0; background:#f5f6f6; }
.generic-product-grid .add-to { width:135px; overflow:hidden; }

/********************** Pager */
table.pager select,
table.view-by select { margin:0 3px; font-size:.95em; }
table.pager select { width:50px; }
td.a-right { text-align:right}
table.view-by td.sort-by { text-align:right; padding-right:44px; }
table.view-by select { width:85px; }
table.pager, table.view-by {
    width:100%;
    background: #eee;
    font-size:.95em;
    }
table.pager td {
    width:32%;
    border-top:1px solid #eee;
    padding:4px 8px;
    vertical-align:middle;
    }
table.pager td.pages { padding:4px 0; white-space:nowrap; text-align:center; }
table.pager ol, table.pager li {
    display:inline;
    }
table.pager li { padding:0 2px; }
table.view-by td {
    width:33%;
    border-top:1px solid #e2e2e2;
    padding:4px 8px;
    vertical-align:middle;
    }

/********************** Product Detail */
/* Product Images */
.product-img-box { float:left; width:267px; }
.product-img-box .main-product-img { position:relative; overflow:hidden; width:265px; height:265px; z-index:9; }
.product-img-box .main-product-img img { position:absolute; left:2px; top:2px; width:100%; cursor:move; z-index:99; }
.image-zoom { z-index:9; position:relative; height:18px; margin:0 auto 13px auto; background:url(../images/slider_bg.gif) no-repeat 50% 50%; padding:0 28px 0 28px; cursor:pointer; }
#image { width:auto; }
#track { position:relative; height:18px; }
#handle { position:absolute; left:0; top:-1px; width:9px; height:22px;background:url(../images/magnifier_handle.gif) no-repeat;  }

.product-info-box .product-name { margin-bottom:.3em; color:#0a263c; font-size:1.2em; font-weight: bold}

.no-display {display: none}

.add-to-box { text-align:right; margin-left: 0; list-style: none}
.add-to-box li { display:inline; }

.price {font-weight: bold; font-size: 1.3em}

.divider {border-bottom: 1px dotted #333; margin-bottom: 1.5em}
.short-description {margin-bottom: 1.5em}

/* Checkout Types */
.checkout-types {list-style: none; margin-left: 0; float: right}

/* Checkout Progress */
.checkout-progress { margin:0 auto 1.5em auto;}
.checkout-progress td {
    float:left;
    margin-right:3px;
    border-top:10px solid #999;
    padding:4px 20px;
    color:#abb5ba;
    font-weight:bold;
    }
	
/* Table */
#shopping-cart-table {clear: both}

/* Data Table */
.data-table { border:1px solid #e2e2e2; width:100%; }
.data-table tr { background:#fff; }
.data-table .odd  { background:#fff }
.data-table .even { background:#f5f5f5 !important; }
.data-table td.last, .data-table th.last { border-right:0; }
.data-table th { padding:2px 8px; color:#0a263c; white-space:nowrap; }
.data-table th.wrap { white-space:normal; }
.data-table th a,
.data-table th a:hover { color:#fff; }
.data-table td { padding:3px 8px; }
.data-table thead tr th { background:#eee; padding: .5em; border-bottom: 1px solid #e2e2e2}
.data-table tfoot { border-bottom:1px solid #e2e2e2;}
.data-table tfoot tr { background-color:#eee !important; }
.data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #e2e2e2; }
.data-table tbody td { border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; }

.data-table td, .data-table th {vertical-align: middle}
/* Bundle Products */
.data-table tbody.odd tr { background:#fff !important; }
.data-table tbody.even tr { background:#f5f5f5 !important; }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; }

.data-table tbody td h5.title { margin:0; padding:0; font-size:1em; font-weight:bold; color:#2f2f2f; }
.data-table tbody td .option-label { font-weight:bold; font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }

.box-table, .data-table {margin-bottom: 1.5em}
.box-table td { padding:10px}
.box-table tfoot td { padding-top:5px; padding-bottom:5px; }
.box-table select { width:100%; }

.nested-data-table th, .nested-data-table td { padding-top:2px; padding-bottom:2px;  }

.generic-table td { padding:0 8px}
.generic-table td.first { padding-left:0; white-space:nowrap;}
.shipping-tracking .button-set { margin-top:0; border:none; border-top:0; padding-top:0; }

.data-table .price {font-size: 1em; font-weight: normal}

/* Collaterals */
.shopping-cart-collaterals {
    float:left;
    width:100%;
    padding:25px 0
    }
	
.shopping-cart-collaterals .col-2 {width: 95%; height:auto; padding-bottom: 4.8%; padding-top: 4.8%; border: 1px solid #e2e2e2; float: none; overflow: hidden}
.shopping-cart-collaterals .box {
    margin-bottom:18px;
    padding:12px 15px;
    border:1px solid #D0CBC1;
    background:#fff;
	width: 40%;
	float: left;
	margin: 0 2.4%
    }
.shopping-cart-collaterals .box .form-button  {  margin-left:5px; }
.shopping-cart-collaterals .discount-codes h4, .shopping-cart-collaterals .shipping-estimate h4 {
    min-height:16px;
    color:#333;
    background-repeat:no-repeat;
    background-position:0 0;
    padding:1px 0 1px 21px;
    text-transform:uppercase;
    }
.shopping-cart-collaterals .discount-codes h4 { background-image:url(../images/icon_asterick.gif);  padding-left:23px; }
.shopping-cart-collaterals .shipping-estimate h4 { background-image:url(../images/icon_lorry.gif);  padding-left:23px; }
.shopping-cart-collaterals .shipping-estimate .input-text { width:214px; }
.shopping-cart-collaterals .shipping-estimate select { width:220px; }
.shopping-cart-collaterals .upsell {
    width:42.5%;
    border:1px solid #cec3b6;
    padding:12px 15px;
    background:#fafaec;
    }
.shopping-cart-collaterals .upsell .product-image { float:left; width:75px; border:1px solid #d0cdc9; }
.shopping-cart-collaterals .upsell .product-shop { width:170px; }
.shopping-cart-collaterals .upsell .product-shop h5 { font-size:1em; }
.grand_total {
    width:auto;
    margin-top:15px;
    border:1px solid #BEBCB7;
    background:#DEE5E8;
    font-size:1.3em !important;
    font-weight:bold;
    text-align:right;
    }
tr.grand_total td, p.grand_total { padding-top:5px; padding-bottom:5px; }

#content .shopping-cart-collaterals fieldset {background: none; padding: 0; margin: 0}

.shopping-cart-totals {
    width:100%;
    float:right;
    margin-top:25px;
    border:1px solid #e2e2e2;
    background:#eee;
    text-align:right;
    }
.shopping-cart-totals table { width:100%; margin:7px 0; }
.shopping-cart-totals td { padding:0 15px; }
.shopping-cart-totals tr.last td {}
.shopping-cart-totals tfoot td {
    padding-top:10px;
    font-size:1.3em;
    border:none!important;
    }
.shopping-cart-totals .checkout-types { padding:8px 15px 15px; }
.shopping-cart-totals .checkout-types li { clear:both;  margin:10px 0; }

.shopping-cart-totals #basket {float: right; margin: 1em}
.shopping-cart-totals .checkout-types {float: left; margin: 0 1em}

/* One Page Checkout */
#checkoutSteps {list-style: none; margin-left: 0}
#checkoutSteps .section {background: #eee; width: 65%; margin: 0 0 2em 0; padding: 1em}
#checkoutSteps fieldset {width: 100%; padding: 0; margin: 0}
#checkoutSteps .button-set .form-button {float: none}

/* Customer Day of Birth */
.customer-dob {overflow: hidden; width: 100%}
.customer-dob .input-box {float: left; margin: 0 15px 0 0}

.validation-advice {border: 2px solid #ffc1c1;background: #ffd5d5; padding: .5em; margin-bottom: 1em}

dd ul {list-style: none; margin-left: 0}

#co-billing-form ul {list-style: none; margin-left: 0}
#content .address-select {width: 98%}

/* *************************************************************************************************************************** */
/* *************************************************************************************************************************** */
/* *************************************************************************************************************************** */
/* *************************************************************************************************************************** */
/* *************************************************************************************************************************** */

/* One-Page checkout */
.one-page-checkout .group-select { margin-right:0; }
.one-page-checkout .box {
    border:1px solid #bbb6a5;
    border-top:0;
    padding:15px 20px;
    background:#faf7ee;
    }
.one-page-checkout .head {
    margin-bottom:0 ;
    padding:4px 8px 6px 8px;
    background:url(../images/opc_off_head_bg.gif) repeat-x 0 100% #eee;
    border-width:0 1px 0 1px;
    border-color:#D9DDE3;
    border-style:solid;
    border-top:1px solid #fff;
    }
.one-page-checkout .head a { display:none; }  /* Hide Edit button in step header */
.one-page-checkout h3 { color:#999; font-size:1.05em; }
.one-page-checkout h4 { border-bottom:1px solid #E4E4E4; padding-bottom:2px; text-transform:uppercase; }
.one-page-checkout h4.title { border-bottom:0; text-transform:none; }
.one-page-checkout .step-count { background:#fff; font-size:.9em; padding:0 4px; line-height:1em; }
.one-page-checkout .content { padding: 10px 20px; }
.one-page-checkout label.label { font-size:1.05em; color:#2f2f2f; }
.one-page-checkout .allow .head { background:#d0dce1; border-color:#a3aeb3; border-width:1px 1px 0 1px; cursor:pointer; }
.one-page-checkout .active .head { margin-bottom:0; border:1px solid #BBAFA0; background:#F9F3E3; padding-bottom:5px; cursor:default; }
.one-page-checkout .alloq .head a { display:block; } /* Display Edit button in active selection */
.one-page-checkout .group-select { margin-top:0; border:0; background:none; padding:0; }
.one-page-checkout .allow h3 { color:#a4b3b9; }
.one-page-checkout .active h3 { color:#F18200; }
.one-page-checkout .allow .step-count { background:#dbe6eb; }
.one-page-checkout .active .step-count { color:#fff; border:1px solid #f19900; background:#F18200; }
.one-page-checkout .active .box { display:block; border-color:#BBAFA0;  background:url(../images/multi_address_box_bg.gif) repeat-x #FBFAF6; }
.one-page-checkout dd .form-list ul { margin:5px 17px 15px 17px; }
.one-page-checkout .checkmo-mailing-address { padding-left: 20px; }
.one-page-checkout-progress .page-head { margin-bottom:1em; }
.one-page-checkout-progress li { border:1px solid #A3AEB3; background:#eee; margin-bottom:6px; }
.one-page-checkout-progress h4 { margin:0; color:#999; padding:2px 8px; background:#eee; text-transform:none;  }
.one-page-checkout-progress h4.complete { border-bottom:1px solid #A3AEB3; background:#D0DCE1; color:#5e8ab4; }
.one-page-checkout-progress h4 a { text-transform:none; }
.one-page-checkout-progress .content { padding:8px 13px; }
#opc-login .button-set { border-top:0; }
#opc-review .box { border:0; padding:0; }
#opc-review .content { border:1px solid #d9dde3; border-top:0; }
#opc-review .data-table { border-top:0; }
.opc-please-wait { padding-right:7px;}
.one-page-checkout a.back { background:url(../images/icon_opc_back.gif) no-repeat; padding-left:16px; line-height:13px;}
.one-page-checkout .payment-methods dd { padding:0; }
.one-page-checkout .button-set { margin-top:0; padding-top:2em; }

#checkoutSteps #opc-login.section {width: 97%}
#checkoutSteps #opc-login .col2-set .col-1, #checkoutSteps #opc-login .col2-set .col-2 {height: auto; overflow: hidden; min-height: 50px}
#checkoutSteps #opc-login .col2-set {padding-top: .5em}

.product-img-box { float:left; width:267px; }
.product-img-box .main-product-img { position:relative; overflow:hidden; width:265px; height:265px; z-index:9; }
.product-img-box .main-product-img img { position:absolute; left:2px; top:2px; width:100%; cursor:move; z-index:99; }
.image-zoom { z-index:9; position:relative; height:18px; margin:0 auto 13px auto; background:url(../images/slider_bg.gif) no-repeat 50% 50%; padding:0 28px 0 28px; cursor:pointer; }
#image { width:auto; }
#track { position:relative; height:18px; }
#handle { position:absolute; left:0; top:-1px; width:9px; height:22px;background:url(../images/magnifier_handle.gif) no-repeat;  }
.btn-zoom-out { position:absolute; left:2px; top:1px;}
.btn-zoom-in { position:absolute; right:2px; top:1px;}
.product-img-box .more-views h4 { border-bottom:1px solid #ccc; margin-bottom:.8em; font-size:.95em; text-transform:uppercase; }
.product-img-box .more-views ul {list-style: none; margin: 0}
.product-img-box .more-views li { float:left; margin-right:6px;}
.product-img-box .more-views li.last { margin-right:0; }
.product-img-box .more-views li img { border:2px solid #ddd; }

/* Product Collateral */
.product-collateral { clear: both }
.product-collateral .head { margin-bottom:1em; padding-bottom:1px; font-size:1.15em; }
.product-collateral .collateral-box { margin-bottom:2em;  }
.product-collateral .collateral-box h4{ color:#333;}
.product-collateral .attribute-specs table { border-color:#d9DDE3; }
.product-collateral .attribute-specs .label { font-weight:bold; }
.product-collateral .attribute-specs .data { border-right:0; }
.product-collateral .attribute-specs td { padding-top:3px; padding-bottom:3px; line-height:1.25em; }

.product-collateral .up-sell .head { padding-bottom:8px; margin-bottom:0; }
.product-collateral .up-sell .generic-product-grid { border:1px solid #E5DCC3; border-top:0; }
.product-collateral .up-sell .generic-product-grid td { width:25%; border-color:#E5DCC3; background:#f6f2e7; padding-top:15px; }
.product-collateral .up-sell .generic-product-grid td img { border:1px solid #E5DCC3; }
.product-collateral .up-sell .generic-product-grid .product-image { text-align:center; }
.product-collateral .up-sell .generic-product-grid td.empty-product { background:#f1ecdb; }

.product-essential .product-shop { width:400px; float: right}
.product-info-box .product-collateral {padding-top: 2em}

#content fieldset.add-to-cart-box {width: 380px; padding: 10px; margin: 1em 0}
#content fieldset.add-to-cart-box legend {display: none}
.add-to-cart-box .qty-box { float:left; }
.add-to-cart-box .qty-box label { float:left; }
.add-to-cart-box .qty-box .qty { float:left; margin:0 5px; }
.add-to-cart-box .form-button { float:left; }

#content #product-options-wrapper {float: right; width: 365px}
#content #product-options-bottom {width: 400px; float: right}

.product-options-bottom .price-box {width: 400px; float: right}
#content fieldset.add-to-cart-box {float: right}

/* Special Price */
.price-box .old-price .price{text-decoration: line-through}

.strikethrough{text-decoration: line-through}

.checkout-types {margin-top:0;margin-bottom:0}
#shopping-cart-table {
	margin-top:1.5em;
	margin-bottom:0px;
}
.shopping-cart-collaterals  {padding-top:0px;padding-bottom:0}