/* Main Layout */
body {
	background: #279bd5 url(img/page-bg.png) 0 0 repeat-x;
	text-align: center;
}
#wrapper {
	text-align: left;
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#body {
	padding-top: 10px;
}
#body-frame {
	float: right;
	width: 765px;
}
#categories {
	width: 208px;
	float: left;
}
#side-bar {
	float: right;
	width: 195px;
}
#main-content {
	float: left;
	width: 563px;
}
input.text {
	background: #FFF url(img/input-bg.png) no-repeat -4px -4px;
	border:1px solid #AAA;
}
.overlay-box strong {
	font-weight:bold;
}
strong {
	font-weight:bold;	
}
p {
	margin:0.2em 0 0.9em 0;
}
.notice {
	background: #FFC;
	border: 1px solid #FF6;
	padding:8px;
	margin:10px;
}
/* Header */
#header {
	background: url(img/header-bg.png) 0 0 repeat-x;
	height: 130px;
	position: relative;
}
#header-frame {
	background: url(img/logo-bg.png) 0 0 no-repeat;
}
#header h1, #header h1 a, #header h1 a:visited {
	height: 115px;
	width: 288px;
}
#header h1 a, #header h1 a:visited {
	background: url(img/sottocosto-logo.png?v=2) 100% 50% no-repeat;
}
/* Welcome Bar */
#welcome {
	color: #fffd32;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 1.5em;
	width: 600px;
	font-size: 90%;
	font-weight: bold;
	text-align: right;
}
#welcome strong, 
#welcome strong a, 
#welcome strong a:visited {
	font-weight: bold;
	color: #FFF;
}
#welcome span, 
#welcome span a, 
#welcome span a:visited {
	font-weight: normal;
	color: #DDD;
}
#welcome span a, #welcome span a:visited {
	text-decoration: underline;
}
#welcome span a:hover {
	color: #FFF;
}
/* Header Navigation */
#header-nav {
	position: absolute;
	width: 10px;
	bottom: 35px;
	right: 10px;
	height: 27px;
}
#header-nav .ghost {
	height: 27px;
	position: absolute;
	bottom: 0;
}
#cart-toggle, #cart-toggle:visited {
	width: 91px;
	right: 0;
	background: url(img/cart-btn.png) 0 0 no-repeat;
}
#cart-toggle:hover {
	background: url(img/cart-btn.png) 0 -27px no-repeat;
}
#search-toggle, #search-toggle:visited {
	width: 82px;
	right: 100px;
	background: url(img/search-btn.png) 0 0 no-repeat;
}
#search-toggle:hover {
	background: url(img/search-btn.png) 0 -27px no-repeat;
}
/* Popup area (Search & Cart) */
#popup-area {
	position: absolute;
	top: 121px;
	right: 0;
	height: 10px;
	width: 400px;
}
.popup-notice {
	padding: 10px;
	margin: 5px 15px;
	text-align: center;
	clear:both;
}
body #wrapper table {
	clear:both;	
}
.area-frame {
	margin: 0 auto;
	width: 380px;
	position: absolute;
	background: url(img/area-frame-bg.png) 0 100% no-repeat;
}
.area-frame .content {
	padding: 8px 15px 20px 15px;
}
#search-frame small {
	display: block;
	text-align: right;
	color: #AAA;
	clear: both;
}
#search-frame label {
	line-height: 2em;
}
#search-frame input.search {
	border: 1px solid #35A2F5;
	width: 210px;
	position: absolute;
	top: 0;
	right: 0;
}
* html #search-frame input.search {
	height: 1%;
}
.search-action-btn, .search-action-btn:visited {
	width: 71px;
	height: 33px;
	background: url(img/search-form-btn.png) 0 0 no-repeat;
}
.search-action-btn:hover {
	background: url(img/search-form-btn.png) 0 -33px no-repeat;
}
/* Cart Action Buttons */
.cart-empty-btn, a.cart-refresh-btn, .cart-proceed-btn {
	height: 32px;
}
.cart-empty-btn, .cart-empty-btn:visited {
	width: 81px;
	background: url(img/empty-cart.png) 0 0 no-repeat;
}
a.cart-refresh-btn, a.cart-refresh-btn:visited {
	width: 98px;
	background: url(img/refresh-cart.png) 0 0 no-repeat;
}
.cart-proceed-btn, .cart-proceed-btn:visited {
	width: 81px;
	background: url(img/proceed-cart.png) 0 0 no-repeat;
}
.cart-empty-btn:hover, a.cart-refresh-btn:hover, .cart-proceed-btn:hover {
	background-position: 0 -32px;
}
/* Categories */
#categories {
	background: #FFF url(img/category-top-bg.png) 0 0 no-repeat;
	font-size: 90%;
}
#categories-frame {
	background: url(img/category-bottom-bg.png) 0 100% no-repeat;
	min-height: 400px;
	padding: 30px 10px 10px 10px;
}
#categories dt {
	font-size: 120%;
	font-weight: bold;
	margin-top: 0.8em;
}
#categories dd a, #categories dd a:visited {
	color: #3e6ab4;
}
/* Spotlight */
#spotlight {
	background: #FFF url(img/spotlight-bg.png) 0 0 repeat-y;
	margin-bottom: 7px;
}
#spotlight-frame {
	background: url(img/spotlight-top-bg.png) 0 0 no-repeat;
}
#spotlight-content {
	background: url(img/spotlight-bottom-bg.png) 0 100% no-repeat;
	min-height: 200px;
	position: relative;
}
#spotlight-content h3 {
	height: 90px;
	width: 90px;
	background: url(img/in-primo-piano.png);
	position: absolute;
	top: -20px;
	right: -20px;
}
#spotlight-box {
	padding: 15px;
}
#spotlight-list {
	width: 90%;
	margin: 0 auto;
}
#spotlight-list li {
	float: left;
	width: 50%;
	height: 202px;
	background: url(img/spotlight-product-box.png) 50% 0 no-repeat;
	text-align: center;
}
#spotlight-list li td.header {
	height: 45px;
	padding-right: 10px;
	vertical-align: middle;
	text-align: center;
}
#spotlight-list li img {
	border: none;
	vertical-align: middle;
}
#spotlight-list .row {
	padding: 3px 15px 15px 15px;
}
#spotlight-list .row table {
	width: 100%;
}
#spotlight-list strong {
	font-size: 130%;
	color: #fa9300;
}
#spotlight-list .pic-frame {
	text-align: center;
	height: 110px;
}
.recently-viewed-list {
	overflow:hidden;
	width:185px;
	
}
.recently-viewed-list li {
	float:left;
	margin:0 2px;	
}

/* Sidebar */
.side-bar-wrapper {
	font-family: "Lucida Grande" ,Helvetica,Arial,Verdana,sans-serif;
	font-size: 90%;
	background: #FFF;
}
.side-bar-frame {
	background: url(img/sidebar-top-bg.png) 0 0 no-repeat;
}
.side-bar-content {
	background: url(img/sidebar-bottom-bg.png) 0 100% no-repeat;
	min-height: 200px;
}
.side-bar-content dl {
	padding: 10px 5px;
}
.side-bar-content dt {
	margin-top: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 5px 2px 10px;
	background: #f2f8fd;
}
.side-bar-content dt.first {
	margin-top: 0;
}
.side-bar-content li a.arrow, #side-bar-content li a.arrow:visited {
	padding-left: 30px;
	line-height: 1.8em;
	color: #222;
	background: url(img/sidebar-item-arrow.gif) 10px 50% no-repeat;
}
.side-bar-content li a.is-open {
	background: url(img/sidebar-item-arrow-open.gif) 10px 50% no-repeat;
}
.side-bar-content li a.arrow:hover {
	color: #008af4;
}
.side-bar .loading {
	color: #888;
	text-align: center;
	padding: 5px;
	font-size: 90%;
}
/* Quick Search */
.area-frame table {
	clear:both;
}
.area-frame .breaker {
	padding-top:10px;	
}
#search-results li, 
.cart-list li {
	clear: both;
	float: left;
	border-bottom: 1px solid #DDD;
	background: #f9fafb;
	padding: 1px 0;
	width: 100%;
}
#search-results li.hover {
	background: #fcfecc;
	cursor: pointer;
}
#search-results li.row *,
.cart-list li.row span,
.cart-list li.row strong,
.cart-list li.row em,
.cart-list li.row a {
	display: block;
	float: left;
	line-height: 30px;
	height:30px;
}
.cart-list li.header {
	width:100%;
	background:#EEE;	
	height:1.8em;
}
.cart-list li.footer {
	width:100%;
	background:#F6F6F6;	
	height:1.8em;	
	line-height:1.8em;
	text-align:right;
	font-weight:bold;
	font-size:110%;
	margin-bottom:10px;
}
.cart-list li.header * {
	display: block;
	float: left;
	line-height: 1.8em;
	height:1.8em;
	font-size:90%;
	font-weight:bold;
	width:55px;
}
#search-results li.row img,
.cart-list li.row img{
	float: none;
	margin: 0 auto;
}
#search-results li span,
.cart-list li span {
	width: 35px;
	text-align: center;
	height: 30px;
}
#search-results li strong,
.cart-list li strong {
	white-space: nowrap;
	width: 260px;
	overflow: hidden;
}
.cart-list li strong {
	width: 230px;
}
.cart-list li.header strong {
	width: 260px;
}
.cart-list li span.qty {
	width: 25px;
	text-align:right;
}
#search-results li em,
.cart-list li em {
	text-align: right;
	width: 55px;
	font-size: 90%;
}
.search-summary {
	clear: both;
	padding: 2px 0;
	background: #EEE;
	font-weight: bold;
}
.search-summary span {
	color: #AAA;
}
.popup-footer {
	clear: both;
	padding-top: 5px;
}
/* Body Content */
#body-content-wrapper {
	background: url(img/body-content-bottom-bg.png) 0 100% no-repeat;
}
#body-content-frame {
	background: url(img/body-content-top-bg.png) 0 0 no-repeat;
	padding: 15px 0;
}
#body-content {
	background: #FFF;
	padding: 0 15px;
}
#body-content h3 strong {
	font-weight: bold;
	color: #000;
}
#body-content h1 {
	color:#021069;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
}
/* Footer */
#footer {
	padding: 20px 0 0 0;
	clear: both;
}
#footer-frame {
	background: #091c35 url(img/footer-bg.png) 0 0 repeat-x;
	padding: 20px 10px 10px 10px;
	color: #FFF;
}
#footer-list {
	width: 90%;
	float: right;
}
#footer-frame dl {
	float: left;
	width: 25%;
}
#copyright {
	clear: both;
	text-align: center;
	padding-top: 15px;
	color: #5d789c;
	font-size: 90%;
}
#footer dt {
	font-weight: bold;
	font-size: 110%;
	font-variant: small-caps;
}
#footer dd {
	font-family: verdana,arial,helvetica,sans-serif;
	margin-left: 5px;
	padding-left: 12px;
	line-height: 1.5em;
	background: url(img/dot-bg.png) 0 55% no-repeat;
}
#footer dd a, #footer dd a:visited {
	color: #DADADA;
	border-bottom: 1px solid #95A0AA;
}
#footer dd a:hover {
	border-bottom: 1px solid #FFF;
}
.deep-footer {
	background: #1a2e37;
	padding: 2px 5px;
	text-align: center;
	font-size: 90%;
	margin-top: 1em;
}
.deep-footer a {
	color: #FFF;
}
/* Generic List */
.paginated-list .pagination-title {
	clear: both;
	padding: 2px 5px;
	background: #EEE;
	font-weight: bold;
	font-size: 90%;
}
.pagination-footer {
	clear: both;
	padding-top: 3em;
}
.pagination {
	clear: both;
	text-align: center;
}
.pagination .disabled {
	color: #DDD;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
}
.pagination .current {
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
}
.pagination a {
	color: #000099;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAFEE;
}
/* Content Columns */
.secondary-row {
	padding-top: 15px;
	clear: both;
}
.content-column {
	float: left;
	width: 50%;
}
.main-product-list li {
	border-top: 1px dotted #CCC;
	margin: 0 5px 5px 5px;
	padding: 5px 10px 0 15px;
	position: relative;
}
.main-product-list li:first-child {
	border: none;
}
.main-product-list li img {
	border: none;
	position: absolute;
	top: 5px;
	left: 10px;
}
.main-product-list li h5 {
	font-weight: normal;
	font-size: 100%;
	height: 1.2em;
	overflow: hidden;
}
.main-product-list li h5, .main-product-list span {
	display: block;
	margin-left: 40px;
}
table.product-description {
	font-size:90%;
}
table.product-description th {
	color:#333;
	width:25%;
	padding:1px 2px;
	border-right:2px solid #FFF;
}
table.product-description td {
	padding:1px 2px;
}
table.product-description .alt td {
	background:#F2F2F2;
}
table.product-description .alt {
	background:#EEE;	
}
/* Product Lists */
.product-list ul li {
	border-top: 1px dotted #CCC;
	margin: 0 5px 5px 5px;
	padding: 5px 10px 0 15px;
	position: relative;
	clear: both;
	height:112px;
}
.product-list ul li:first-child {
	border: none;
}
.product-list ul li h5 {
	font-weight: normal;
	font-size: 120%;
	height: 1.2em;
	overflow: hidden;
	margin: 0;
}
.product-list ul .picture-frame {
	position: absolute;
	top: 5px;
	left: 10px;
	text-align: center;
	height: 110px;
	width: 110px;
}
.product-list ul li img {
	border: none;
}
.product-list ul .content {
	padding-bottom: .2em;
}
.product-list ul .detail {
	font-weight: bold;
	font-size: 90%;
	color: #777;
	line-height: 1.8em;
}
/* Products command bar */
.product-detail .command-bar,
.product-list ul .command-bar {
	line-height: 3em;
}
.product-list ul .price {
	font-weight: bold;
	font-size: 110%;
	color: #FA9300;
	float: left;
	width: 30%;
}
.product-detail .links,
.product-list ul .links {
	float: right;
	width: 70%;
	font-size: 90%;
	font-weight: normal;
	text-align: right;
}
.add-to-cart {
	background: url(img/basket_put.png) 0 50% no-repeat;
	padding: 0.4em;
	padding-left: 18px;
}
.view-detail {
	background: url(img/page_go.png) 0 50% no-repeat;
	padding: 0.4em;
	padding-left: 18px;
}
.product-list ul li h5, .product-list ul .content, .product-list ul .detail, .product-list ul .command-bar {
	display: block;
	margin-left: 130px;
}
#cart-total-popup {
	font-weight:bold;
	color:#000;	
}
/* Product Detail */
.product-detail .picture-frame {
	float: left; 
	width: 130px; 
	text-align: center;	
	font-size:90%;
}
.product-detail h2 {
	margin-bottom:0.2em;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:140%;
	font-weight:bold;
	margin-left:130px;	
}
.product-detail .description {
	margin-left:130px;	
}
.product-detail .detail {
	color:#777;	
	line-height:2em;
}
.product-detail .content {
	font-size:105%;
}
.product-detail .price-detail strong {
	float:left;
	width:100px;
	font-weight:bold;
}
.product-detail .price-detail li {
	clear:right;	
	line-height:1.7em;
}
.product-detail .strike {
	text-decoration:line-through;
}
.product-detail .price {
	font-size:130%;	
	font-weight: bold;
	color: #FA9300;
}
.product-detail .price-light {
	color: #FA9300;
}
.product-detail .command-bar {
}
.product-detail .categories {
	color:#AAA;	
	font-size:90%;
	clear:both;
}
/* Staff Picks */
.staff-picks-list li {
	float: left;
	font-size: 90%;
	width: 33%;
	font-weight: bold;
	margin-bottom: 20px;
}
.staff-picks-list img {
	border: none;
	vertical-align: middle;
	display: table-cell;
}
.staff-picks-list .name {
	height: 1.2em;
	overflow: hidden;
}
.staff-picks-list .image {
	text-align: center;
	padding-top: 5px;
	height: 110px;
}
.staff-picks-list .more {
	height: 1.2em;
	overflow: hidden;
	font-weight: normal;
	text-align: center;
}
.staff-picks-list .price {
	text-align: center;
}
#body-content h2 {
	font-size:100%;
	color:#000;
	background:#EEE;
	font-weight:bold;
	padding:2px 5px;
	margin:5px 5px 0 5px;
}
#body-content .product-detail h2 {
	margin-top:0;
	margin-left:130px;	
}
.side-pop-list  {
	width:50%;
	float:left;
}
.side-pop-list ol {
	margin: 0 5px;	
}
.side-pop-list li {
	padding:5px;
	border-bottom:1px dotted #AAA;	
}
.side-pop-list .icon {
	float:left;
	width:40px;
	height:40px;
	line-height:40px;
}
.side-pop-list strong {
	font-weight:bold;
	color:#000;
	font-size:90%;	
}
/** Forms **/
.form-table table {
	margin:4px 5px;
}
.form-table table td {
	vertical-align:top;	
}
.form-table .label {
	width:140px;
	padding:4px 0;
}
.form-table .select,
.form-table .text {
	width:180px;
	margin:4px 5px;
}
.form-table .disabled {
	color:#999;	
}
.form-table input.disabled {
	background:#EEE;
	border-color:#CCC;	
}
.form-table small {
	display:block;
	color:#888;	
}
.form-table .buttons td {
	padding-top:10px;
}
.form-table h2 em {
	display:block;
	color:#888;	
}
.form-table .advice {
	color:#CC0000;
}
.form-table .text-field {
	width:180px;	
}
.login-box fieldset {
	background:#EEE;
	margin:10px auto;
	width:400px;
	border:1px solid #DDD;
}
.login-box fieldset .label {
	width:50px;	
}
.login-box fieldset .field-set {
	width:80px;	
}
.login-box fieldset table {
	margin:5px 10px 10px 10px;	
}
.form-table p {
	margin-left:5px;	
	margin-right:5px;	
}
.form-table .advice {
	margin-top:5px;	
}
.error {
	background : #FFC2C2;
	padding:5px;
	border:1px solid #FF5F5F;
	color:#5B0000;
	margin:10px;
}
/* Checkout */
.checkout-body {
	clear:both;
	padding:10px 0 0 0;	
}
.checkout-body li.footer {
	font-size:120%;	
}
.checkout-steps {
	margin:8px 0;	
}
.checkout-steps li {
	float:left;
	font-weight:bold;
	font-size:100%;
	background:#F5F5F5;
	margin:1px;
	padding:5px;
	color:#999;
}
.checkout-steps li.current {
	background:#007FE1;
	color:#FFF;	
}
.checkout-steps li.done a {
	color:#000;	
}
.checkout-list a {
	margin: 0 8px;
}
.checkout-list li.header strong {
	width:350px;	
}
.checkout-list li strong {
	width:320px;	
}
.checkout-list li.row em {
	width: 80px;
}
.checkout-list li.header span {
	text-align:right;
	width: 80px;
}
.checkout-list li.header span.qty {
	text-align:left;
	width: 55px;
	padding-left:15px
} 
.checkout-list li span.qty {
	width:40px;
}
.checkout-list li .qty input {
	margin-left:15px;
}
.checkout-buttons {
	text-align:right;	
}
.checkout-buttons input {
	margin-left:8px;	
}
.checkout-footer {
	background:#F2F8FD;
	border:solid 1px #DDD;
	padding:10px;
	margin:15px 0;	
}
.checkout-footer h3 {
	color:#000;
	font-size:120%;
	font-weight:bold;
	padding:0;
	margin:0;	
}
.checkout-footer td {
	font-weight:bold;	
}
.checkout-footer td.shipping {
	font-size:90%;	
}
.checkout-footer .shipping-price {
	color:Red;
}
.checkout-body .checkout-options li {
	padding:10px 0;	
}
.checkout-options-header {
	height:2em;	
}
.checkout-options-header li {
	float:left;	
	font-weight:bold;
	width:70px;
	background:#F6F6F6;
	padding:5px 0;
	border-bottom:1px solid #DDD;
}
.checkout-options-header li.col2 {
	width:395px;
}
.checkout-options-header li.col3 {
	width:65px;
	text-align:right;
	overflow:hidden;
}
.checkout-body .checkout-options .check {
	text-align:center;
	height:60px;
	width:60px;
	line-height:60px;
	background:#F3F3F3;
	float:left;
}
.checkout-body .checkout-options .info {
	margin-left:70px;	
}
.checkout-body .checkout-options .price {
	float:right;
	width:65px;
	text-align:right;
	padding-top:1em;
	color:#333;
	font-weight:bold;
}
.checkout-body .checkout-options .labels {
	float:left;
	width:390px;
}
.checkout-body .checkout-options .info label {
	display:block;
}
.checkout-body .checkout-options strong {
	font-weight:bold;	
}
.checkout-body .cart-total {
	padding:5px;
	background:#F3F3F3;
	border:1px solid #DDD;
	border-right:none;	
	border-left:none;	
	font-weight:bold;
	text-align:right;
	font-size:120%;
	margin-bottom:10px;
}
.checkout-side .frame {
	margin:0 15px;	
}
.checkout-side table {
	margin:0 5px;	
}
.checkout-summary {
	font-size:110%;
	margin:0 auto;	
	width:520px;
}
.checkout-summary .price {
	color:#000;
	font-weight:bold;
	text-align:right;
	width:60px;
}	
.checkout-summary .qty {
	width:30px;	
}
.checkout-summary td {
	border-bottom:1px solid #EEE;
	padding:1px 0;	
}
.checkout-body .section-footer { 
	text-align:right;
	font-size:90%;	
	margin:5px 5px 10px 10px;
	
}