/* general */
.hide {
	display: none;	
}

.to-left {
	float: left;	
}

img.to-left {
	margin: 0 10px 10px 0;
}

.to-right {
	float: right;
}

img.to-right {
	margin: 0 0 10px 10px;
}

.loading {
	background: transparent url('../images/ajax-loader.gif') no-repeat center center;	
}

a.no-border {
	border: 0 !important;	
}

ul.not-list li {
	text-indent: 0;
}

p.price {
	font-weight: bold;	
}

.a-right {
	text-align: right;	
}

h4 {
	margin-bottom: 0.75em;	
}

address {
	font-size: 1.2em;
	line-height: 1.667;	
}

ul.list-items li {
	background: transparent url(../images/interface-sprites.gif) repeat scroll -480px -1360px;	
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding-left: 25px;
	text-indent: 0;
}

ul.list-items li a {
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	text-decoration: none;
}

ul.list-items li a:hover {
	border-color: #999999 !important;
	color: #BB0101 !important;
}

.validation-advice {
	color: #ff0000;	
}

.validation-failed {
	border: 1px dotted #ff0000;
	background-color: #fccbcb;
}

/* boxes */
table.data-table {
	font-size: 1.2em;
	border: 1px solid #BEBCB7;	
	width: 100%;
	margin: 10px 0 25px;
}

table.data-table thead th {
	background-color: #666666;
	color: #fff;
	text-align: left;
}

table.data-table th, 
table.data-table td {
	padding: 4px 8px;	
}

table.data-table td {
	vertical-align: top;
}

ul.messages, ul.messages ul {
	margin: 0 0 10px 0;	
}

ul.messages li {
	list-style-type: none;	
}

ul.messages li li {
	padding: 10px 10px 10px 45px;
	background-position: 10px 12px;
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
}

ul.messages li.notice-msg li, ul.messages li.note-msg li {
	background-color: #FAFAEC;
	background-image: url(../images/note_msg_icon.gif);
	border-color: #FCD344;
	color: #3D6611;
}

ul.messages li.error-msg li {
	background-color: #ffe8e8;
	background-image: url(../images/error_msg_icon.gif);
	border-color: #ff0000;
	color: #ff0000;
}

ul.messages li.success-msg li {
    border-color:#446423;
    color:#3d6611;
    background-color:#eff5ea;
    background-image:url(../images/success_msg_icon.gif);
}

ul.left-to-right {
	height: 100%;
	overflow: hidden;
	margin-left: 0;
	margin-right: 0;	
	margin-bottom: 10px;
}

ul.left-to-right li a img {
	float: left;	
}

.listing-type-list .listing-item p {
	margin-left: 135px;	
}

.listing-type-list h4.listing-summary,
ul.left-to-right li h4.listing-summary {
	text-align: left;	
}

ul.left-to-right .price-box, ul.left-to-right .out-of-stock {
	margin-bottom: 5px;
}

ul.curr {
	
}

ul.curr li {
	display: inline;
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px solid #333333;
	list-style-type: none;
}

ul.curr li.first {
	border-left: 0;
}

/* forms */

ul.form-list {
	margin-left: 0;	
}

ul.form-list li {
	list-style-type: none;		
	text-indent: 0;
}

select {
	font-size: 1.2em;	
}

/*-------------------------------------------------------------------
// Page layout and appearance
-------------------------------------------------------------------*/
body {
	background: #ddd;
	}
	
#accessibility {
	display: none;
	}
	
#container {
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	overflow: hidden;
	background: #fff;
	}
	
	#header {
		width: 980px;
		height: 90px;
		margin: -25px -10px 0 -10px;
		position: relative;
		z-index: 50;
		background: url(../images/header-background.jpg) center top no-repeat;
		}

		#logo {
			display: none;
			}
			
		#header h1 {
			margin: 0;
			}
			
			#header h1 a { /* Logo */
				width: 205px;
				height: 35px;
				position: absolute;
				top: 35px;
				left: 20px;
				display: block;
				text-indent: -999em;
				overflow: hidden;
				background: url(../images/drago-logo.png) 0 0 no-repeat;
			}
				
	#controls {
		width: 200px;
		height: 65px;
		position: absolute;
		top: 50px;
		right: 20px;
		z-index: 50;
		}
		
		#controls h4 {
			display: none;
			}
		
		#controls #language {
			height: 25px;
			position: absolute;
			top: 35px;
			right: 0;
			}
	
		#controls #search {
			height: 25px;
			position: absolute;
			top: 0;
			right: 0;
			}
		
	#navigation {
		width: 940px;
		height: 40px;
		margin: 0 -10px;
		padding: 0 20px;
		position: relative;
		z-index: 50;
		background: #0a0a0a;
		}

		#navigation h4 {
			display: none;
			}
		
	#content {
		padding: 25px 0;
		clear: both;
		position: relative;
		z-index: 20;
		}
			
	#summary {
		padding: 20px 0;
		clear: both;
		border-top: 2px solid #ccc;
		}
		
	#footer {
		padding: 20px 0 0 0;
		border-top: 2px solid #ccc;
		}

/* 
Grid system customisation
---------------------------
*/

.row {
	clear: both;
	}
	
	.row br {
		clear: both;
		}
		
#summary .grid_4 {
	margin-right: 9px;
	border-right: 1px solid #ccc;
	}
	
#summary .grid_4.last {
	margin-right: 0;
	border-right: 0;
	}
	
/* 
Modules
---------------------------
*/

.module {
	margin: 0 0 18px 0;
	border-bottom: 2px solid #ccc;
	}
	
.module.feed {
	margin: 0;
	padding: 0;
	border:0;
	}

/* 
Category icons
---------------------------
*/

.category {
	background: url(../images/interface-sprites.gif) 0 0 no-repeat;
	}
	
	/* Heading icons */
	.category.heading {
		padding-left: 40px;
		}
		
		.category.heading.books {
			background-position: -928px -160px;
			}
			
		.category.heading.projects {
			background-position: -928px -240px;
			}
			
		.category.heading.world {
			background-position: -928px -320px;
			}
			
		.category.heading.news {
			background-position: -928px -400px;
			}
			
		.category.heading.shop {
			background-position: -928px -480px;
			}
			
	/* Link icons */
	.category.link {
		padding-left: 25px;
		}
		
		.category.link.books {
			background-position: -940px -560px;
			}
			
		.category.link.projects {
			background-position: -940px -620px;
			}
			
		.category.link.world {
			background-position: -940px -680px;
			}
			
		.category.link.news {
			background-position: -940px -740px;
			}
			
		.category.link.shop {
			background-position: -940px -800px;
			}
			
	/* Image icons */
	.category.image {
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 1px;
		left: 1px;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		}
		
		.category.image.books {
			background-position: -940px -560px;
			}
			
		.category.image.projects {
			background-position: -940px -620px;
			}
			
		.category.image.world {
			background-position: -940px -680px;
			}
			
		.category.image.news {
			background-position: -940px -740px;
			}
			
		.category.image.shop {
			background-position: -940px -800px;
			}
			
	/* Event icons */
	.category.event {
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		}
		
		.category.event.projects {
			background-position: -940px -620px;
			}


/* top top nav */

#shop-navigation {
	background-color: #0A0A0A;
	width: 980px;
	margin: 0 -10px;
	overflow: hidden;
	height: 25px;
	position: relative;
	z-index: 51;
}

#shop-navigation ul {
	float: right;
	margin: 2px 0;
}

#shop-navigation ul.left {
	float: left;	
}

#shop-navigation ul.right {
	float: right;	
}

#shop-navigation ul li {
	list-style-type: none;
	display: inline;
	margin-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #fff;
	font-style: italic
}

#shop-navigation ul li.first {
	border-left: 0;	
}

#shop-navigation ul li a {
	color: #fff;	
	text-decoration: none;
}

#shop-navigation ul li a:hover {
	border-bottom: 1px solid #fff;	
}

/* breadcrumb */

#breadcrumb-navigation {
	color: #666666;
	font-size: 1.2em;
	line-height: 1.667;
	border-bottom: 1px solid #cccccc;
	padding: 20px 0 10px;
	position: relative;
	z-index: 20;
	text-align: left;
}

#breadcrumb-navigation a {
	border-bottom: 1px solid #cccccc;
	color: #666666;
	text-decoration: none;
}

/* home page */

h4.listing-summary {
	text-align: center;
	font-family: Georgia,"Times New Roman",Times,serif;
	text-transform: none;
	margin-right: 10px;
}

#slide-more-info h4.listing-summary {
	text-align: left;
}

h4.listing-summary .title {
	display: block;
	font-size: 1.167em;
	line-height: 1.429;	
}

h4.listing-summary .author {
	color: #999999;
}

.recently {
	
}

.recently ul {
	height: 100%;
	overflow: hidden;
	margin: 0;	
}

.recently ul li {
	border-right: 1px solid #cccccc;
	margin-right: 9px;
}

.recently ul li.last {
	border: 0;
	margin-right: 0;
}

.recently ul li img {
	margin: 0 10px 0 0;	
}

.recently ul li p {
	margin: 0 10px 10px 0;		
}

/* wishlist page */

#wishlist-table .price-box p.old-price {
	display: none;
}

#wishlist-table .price-box p.special-price .price {
	font-size: 1em;
}

#wishlist-table .price-box p.special-price .price-label {
	display: none;	
}

/* cart */

ul.checkout-types {
	margin-right: 0;
}

ul.checkout-types li {
	list-style-type: none;
}

.page-head-alt h3 {
	float: left;	
}

.page-head-alt ul.checkout-types {
	float: right;
}

.page-head-alt {
	overflow: hidden;
	height: 100%;	
}

.shopping-cart-totals {
	text-align: right;
	line-height: 1.5em;	
}

.shopping-cart-totals table {
	width: 100%;
	font-size: 1.3em;
}

.shopping-cart-totals ul {
	text-align: right;
	margin: 15px 0 0;	
}

.discount-codes fieldset {
	padding: 0 0 15px !important;
	margin-bottom: 15px;
	border-top: 0 !important;
}

.discount-codes {
	margin-bottom: 15px;	
}

.shipping-estimate select {
	width: 100%;
	margin-bottom: 0;
}

.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: #999;
    font-weight: bold;
}

.checkout-progress td.active {
	border-top-color: #BB0101;
	color: #BB0101;
}

#multiship-addresses-table select {
	width: 100%;	
}

/* One-Page checkout */

.one-page-checkout-progress ol li {
	list-style-type: none;	
}

ol.one-page-checkout { 
	margin: 0; 

}

ol.one-page-checkout li { 
	list-style-type: none;
}

.one-page-checkout li.section { 
	position: relative;
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#content .one-page-checkout li.section .head h3 {
	margin-bottom: 0;
}

.one-page-checkout .group-select { 
	margin-right: 0; 
}

.one-page-checkout .tool-tip { 
	right: 8px; 
}

.one-page-checkout .head a { 
	display: none; 
}  

.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: transparent; 
	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 .alloq .head a { display:block; }
.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 .active .head { margin-bottom: 15px; }
.one-page-checkout .allow .step-count { background:#dbe6eb; }
.one-page-checkout .active .step-count { color: #fff; border: 1px solid #FF0000; background: #000; }
.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 { margin-bottom:6px; }
.one-page-checkout-progress h4 { margin:0; color:#999; padding:2px 8px; text-transform:none;  }
.one-page-checkout-progress h4.complete { border-bottom:1px solid #A3AEB3; }
.one-page-checkout-progress h4 a { text-transform:none; }
.one-page-checkout-progress .content { padding:8px 13px; }
.one-page-checkout-progress address { font-size: 1em; }
#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 fieldset {
	padding: 0 !important;
	border: 0 !important;
}

.one-page-checkout .button-set { 
	margin-top: 0; 
	padding-top: 1em; 
}

/* category view */
.list-controls {
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	padding: 10px 0 0;
	margin-bottom: 10px;
}

.pages ol li {
	margin: 0 0 0 5px;
	padding: 0;
	text-indent: 0;
}

.pages ol li a, .pages ol li span {
	border-bottom: 0 none !important;
	color: #333333;
	font-weight: bold;
	padding: 5px;
}

.pages ol li span {
	background: #A00B0B none repeat scroll 0 0;
	color: #FFFFFF;
}

#content .listing-type-grid.catalog-listing {
	
}

#content .listing-type-grid.catalog-listing ol.grid-row {
	margin: 0;
	height: 100%;
	overflow: hidden;
}

#content .listing-type-grid.catalog-listing ol.grid-row .item {
	text-align: center;	
}

#content .listing-type-grid.catalog-listing ol.grid-row .item h4 {
	text-align: center;
	margin-bottom: 0.5em;
}

#content .listing-type-grid.catalog-listing ol.grid-row .product-image {
	margin-bottom: 0.5em;
}

#content .listing-type-grid.catalog-listing ol.grid-row .item p {
	text-align: center;		
}

#content .catalog-listing .product-image a {
	border-bottom: 0;
}

#content .listing-type-list.catalog-listing .listing-item {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #cccccc;	
}

#content .listing-type-list.catalog-listing .listing-item .product-image {
	float: left;
}

#content .listing-type-list.catalog-listing .listing-item .description,
#content .listing-type-list.catalog-listing .listing-item .price-box,
#content .listing-type-list.catalog-listing .listing-item .out-of-stock {
	font-size: 1.2em;	
}

#content table.pager {
	width: 100%;	
	font-size: 1.2em;
}

#content table.pager select {
	font-size: 1.2em;	
}

#content table.pager td.pages {
	text-align: center;	
}

#content table.pager td.pages ol {
	display: inline;	
}

#content table.pager td.pages ol li {
	display: inline;
	list-style-type: none;	
}

#content table.view-by {
	width: 100%;
	font-size: 1.2em;
}

#content table.view-by select {
	font-size: 1.0em;	
}

#content table.view-by td {
	width: 50%;	
}
		
#content table.view-by td.sort-by {
	text-align: right;	
}

/* product view */

.link-cart {
	font-size: 1.2em;	
}

.order-info {
	display: none;	
}

h2.product-name {
	margin-bottom: 0;
}

.price-box {
	margin-bottom: 15px;	
}

.price-box p {
	margin-bottom: 0;
}

.price-box p.old-price {
	text-decoration: line-through;
}

.price-box .regular-price .price {
	font-weight: bold;
	font-size: 1.2em;
}

.price-box p .price {
	font-weight: bold;	
}

.price-box p.special-price .price {
	font-size: 1.4em;
	color: #bb0101;
}

.add-to-holder {
	font-size: 1.2em;
	margin-bottom:15px		
}

ul#attribute-list li {
	list-style-type: none;	
}

ul#attribute-list label {
	display: block;
	float: left;
	width: 80px;
	padding-right: 25px;
	color: #999;
	font-weight: normal;
}

#product-gallery ul.more-views {
	margin: 10px 0;
	height: 100%;
	overflow: hidden;	
}

#product-gallery ul.more-views li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
	text-indent: 0;
}

#product-gallery ul.more-views li a, #product-gallery ul.more-views li a:hover {
	border: none;	
}

.mini-related-items ol li {
	list-style-type: none;
	margin-bottom: 25px;
}

.mini-related-items ol li .product-details {
	margin-left: 60px;
}

.mini-related-items ol li .price-box {
	margin-bottom: 5px;
}

.mini-related-items ol li p.out-of-stock {
	margin-bottom: 5px;		
}

.mini-related-items ol li .price-box p.special-price .price {
	font-size: 1em;
}

/* account */

.input-box.name-firstname {
	margin-right: 15px;
	float: left;	
}

/* paint effect */

#paint {
	width: 980px;
	height: 400px;
	position: absolute;
	top: 130px;
	left: 0;
	z-index: 5;
	background: url(../images/content-background-2-col.gif) center top no-repeat;
}

#paint #mask {
	width: 980px;
	height: 450px;
	position: absolute;
	top: -50px;
	left: 0;
	z-index: 10;
	background: url(../images/paint-mask.gif) center top no-repeat;
}


