/**
 * Layout.css - Global styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 * 
 * Colors:
 * Base:    #3F2682
 * Pink:    #E2007A
 * Orange:  #F18E00
 * Blue:    #009EE0
 */

/* General */

body {
	margin: 0;
	padding: 0;
	background: #3F2682 url(../img/body-bg.gif) repeat-y 50% 0;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3F2682;
}

a {
	color: #E2007A;
}

a:hover {
	color: #009EE0;
}

blockquote {
	margin: 10px 30px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #E2007A;
}

h1 {
	margin: 0 0 12px;
	font-size: 24px;
}

h1 span {
	color: #3F2682;
}

h2 {
	margin: 0 0 8px;
	font-size: 20px;
}

h2.alt {
	margin: 0 0 2px;
	font-size: 13px;
}

h3 {
	margin: 0 0 6px;
	font-size: 16px;
}

h4 {
	margin: 0 0 4px;
	font-size: 14px;
}

h5 {
	margin: 0 0 3px;
	font-size: 13px;
}

h6 {
	margin: 0 0 2px;
	font-size: 12px;
}

img {
	border: 0;
}

ol, ul {
	margin: 0 0 20px;
	padding: 0 0 0 30px;
	line-height: 150%;
}

p {
	margin: 0 0 20px;
	line-height: 150%;
}


/* Table styles */

table {
	margin: 10px 0 20px;
	width: 100%;
	border-collapse: collapse;
}

td {
	padding: 8px;
	border-bottom: 1px solid #FFCFEA;
}

th, thead td {
	padding: 8px;
	background-color: #FFCFEA;
	border-bottom: 1px solid #FF7FC6;
	font-weight: bold;
	text-align: left;
}


/* Form styles */

form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

form li {
	margin: 0 0 10px;
}

form li.indent {
	padding-left: 160px;
}

fieldset {
	margin: 0 0 15px;
	padding: 0;
	border: 0;
}

legend {
	display: none;
}

legend.alt {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 160px;
	font-size: 13px;
	color: #E2007A;
}

input.text {
	margin-right: 2px;
	padding: 4px;
	border: 1px solid #3F2682;
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

input.extra-small {
	width: 40px;
}

input.small {
	width: 60px;
}

input.medium {
	width: 125px;
}

input.large {
	width: 200px;
}

input.extra-large {
	width: 275px;
}

input.toggle-value {
	color: #AC99DF;
}

input.focus {
	color: #3F2682 !important;
}

label.indent {
	display: -moz-inline-box;
	display: inline-block;
	width: 160px;
	color: #E2007A;
}

label .accent {
	font-size: 10px;
	color: #9681CF;
}

label.indent .accent {
	color: #FF9FD4;
}

textarea {
	padding: 4px;
	width: 275px;
	height: 150px;
	border: 1px solid #3F2682;
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
}

input.wsv-error,
textarea.wsv-error {
	background-color: #FFEFF8;
	border-color: #E2007A;
}

fieldset.wsv-error {
	background-color: #FFCFEA;
}

.submit-button {
	padding: 0 10px;
	width: 150px;
	height: 35px;
	background: url(../img/totals-sprite.gif) no-repeat 0 -35px;
	border: 0;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 35px;
	cursor: pointer;
	color: white;
}

.submit-button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.submit-button:hover {
	text-decoration: underline;
}


/**
 * GENERAL CLASSES
 * ----------------------------------------
 */

.accent {
	font-size: 13px;
	color: #E2007A;
}

.hidden {
	visibility: hidden;
}


/* Custom horizontal rules */

.hr {
	margin: 0 0 20px;
	width: 510px;
	height: 20px;
	background: url(../img/horizontal-rule.gif) no-repeat;
}

.hr hr {
	display: none;
}


/* Blue blocks */

.block {
	color: white;
}

.block p {
	margin: 0 0 10px;
}

.block .accent {
	font-size: 14px;
	color: white;
}

.block a {
	text-decoration: none;
	color: white;
}

.block a:hover {
	text-decoration: underline;
}

.block .action {
	display: block;
	margin: 0 -20px;
	padding: 5px 20px;
	width: 190px;
	background-color: #3F2682;
	text-decoration: none;
	color: white;
}

.block button.action {
	padding: 2px 20px;
	width: 230px;
	border: 0;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	cursor: pointer;
}

button.action::-moz-focus-inner {
	padding: 4px 0;
	border: none;
}

.block .action:hover {
	text-decoration: underline;
	color: white;
}

.block .alt-action {
	display: block;
	padding: 5px 0;
}


/* Thumbs */

.thumb,
.thumb img {
	display: block;
}


/* Banners */

.banner img,
.banner object,
.banner embed {
	display: block;
}


/**
 * LAYOUT ELEMENTS
 * ----------------------------------------
 */

#wrapper {
	margin: 0 auto;
	width: 970px;
}

#header {
	position: relative;
	height: 155px;
	background: url(../img/header-bg.gif) repeat-x 0 100%;
}

#main {
	width: 100%;
	background: url(../img/main-faux-bg.gif) repeat-y;
}

#menubar {
	padding-top: 30px;
	width: 170px;
}

#content {
	padding: 25px 40px 60px 100px;
	width: 510px;
	background-color: white;
}

#inner-content {
	float: left;
	margin-right: 30px;
	width: 250px;
}

#infobar {
	padding-top: 10px;
	width: 150px;
}

#footer {
	padding: 0 150px 0 170px;
	width: 650px;
	height: 100px;
	clear: both;
}

.column {
	float: left;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/**
 * HEADER ELEMENTS
 * ----------------------------------------
 */

#logo {
	position: relative;
	display: block;
	float:left;
	width: 330px;
	height: 155px;
	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 10;
}


/* Navigation */

#navigation {
	float: left;
	margin: 70px 0 0;
	padding: 0 5px;
	width: 400px;
	height: 85px;
	background: white url(../img/navigation-bg.gif) repeat-x;
	list-style: none;
}

#navigation li {
	float: left;
	margin-right: 1px;
}

#navigation li a {
	display: block;
	padding-left: 10px;
	font-size: 13px;
	text-decoration: none;
	line-height: normal;
	color: white;
}

#navigation li a span {
	display: block;
	padding: 21px 10px 21px 0;
}

#navigation li:hover a,
#navigation li.selected a,
#navigation li.iehover a {
	background: #3F2682 url(../img/navigation-item-bg.gif) no-repeat 0 100%;
}

#navigation li:hover a span,
#navigation li.selected a span,
#navigation li.iehover a span {
	padding: 21px 10px 36px 0;
	background: #3F2682 url(../img/navigation-item-bg.gif) no-repeat 100% 100%;
}


/* Sub level navigation */

#navigation .subnav {
	position: absolute;
	display: none;
	margin: -15px 0 0;
	padding: 0 0 0 350px;
	left: 0;
	width: 620px;
	height: 25px;
	background-color: #3F2682;
	list-style: none;
	z-index: 5;
}

#navigation li:hover .subnav,
#navigation li.selected .subnav,
#navigation li.iehover .subnav {
	display: block;
}

#navigation .subnav li a {
	background: none;
	line-height: 25px;
}


/* Cart */

#cart {
	position: relative;
	float: right;
	padding: 30px 20px 15px;
	width: 190px;
	height: 110px;
	background: url(../img/block-blue-bg.png) no-repeat 0 100%;
	z-index: 10;
}

#cart img {
	position: absolute;
	right: -8px;
	bottom: -8px;
}


/**
 * MENUBAR ELEMENTS
 * ----------------------------------------
 */

#menu {
	position: relative;
	margin: 0 -90px 40px 0;
	padding: 30px 30px 30px 0;
	width: 230px;
	overflow: hidden;
}

#menu ul {
	position: relative;
	margin: 10px 0 10px 0;
	padding: 2px 0 0;
	width: 230px;
	list-style: none;
}

#menu li {
	position: relative;
	margin-top: -2px;
	width: 230px;
	vertical-align: middle;
}

#menu li.selected {
	z-index: 5;
}

#menu li a {
	position: relative;
	display: block;
	padding: 0 10px 0 60px;
	width: 160px;
	background: url(../img/menu-item-sprite.gif) no-repeat 100% 0;
	font-size: 13px;
	text-decoration: none;
	line-height: 39px;
	color: white;
}

#menu li a:hover {
	background-position: 100% -39px;
}

#menu li.selected a {
	margin-right: -30px;
	width: 190px;
	background-position: 100% -39px;
	font-style: italic;
}

#menu li.aktie {
	z-index: 5;
}

#menu li.aktie .aktie-label {
	position: absolute;
	display: block;
	width: 130px;
	height: 75px;
	top: -12px;
	right: -25px;
	background: url(../img/menu-aktie-label.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#menu li.aktie-bullet a {
	background-position: 100% -78px;
}

#menu li.aktie-bullet a:hover {
	background-position: 100% -117px;
}

#menu li.aktie-bullet.selected a {
	background-position: 100% -156px;
}

#menu li.aktie-bullet.selected a:hover {
	background-position: 100% -195px;
}

#menu li a.madebyholland {
	display: none;
}

#menu li.selected a.madebyholland {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: -10px;
	right: -25px;
	width: 120px;
	height: 90px;
	background: url(../img/madebyholland.png) no-repeat 0 0;
	line-height: normal;
	text-indent: -9999px;
	overflow: hidden;
}

#menu li.selected a:hover.madebyholland {
	background: url(../img/madebyholland.png) no-repeat 0 0;
}

#menu-mask {
	position: absolute;
	top: -10px;
	width: 19px;
	height: 120%;
	background: url(../img/menu-bg.png) repeat-y;
	z-index: 10;
}

* html #menu-mask {
	height: 800px;
}


/* Testimonial scroller */

#testimonials {
	position: relative;
	margin: 0 -60px 30px 0;
	padding: 0 20px 32px; 
	width: 190px;
	height: 272px;
	background: url(../img/testimonial-scroller-bg.png) no-repeat;
}

#testimonials .carousel-control {
	display: block;
	width: 190px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

#testimonial-up {
	background: url(../img/arrow-purple-up.gif) no-repeat 50% 50%;
}

#testimonial-down {
	background: url(../img/arrow-purple-down.gif) no-repeat 50% 50%;
}

#testimonial-scroller {
	height: 192px;
	width: 190px;
	overflow: hidden;
}

#testimonial-content {
	width: 190px;
	height: 2200px;
}

#testimonial-content blockquote {
	margin: 0;
	width: 190px;
	height: 192px;
	overflow: hidden;
}

#testimonial-content blockquote p {
	margin: 0 0 5px;
	font-size: 13px;
}


/* Search form */

#search-form,
#search-form fieldset {
	margin: 0;
}

#search-form label {
	display: block;
	font-size: 13px;
	color: white;
}

#search-form input,
#search-form button {
	vertical-align: middle;
}

#search-form .text {
	margin-right: 5px;
	padding: 10px 5px;
	width: 100px;
	height: 15px;
	background: url(../img/search-input-bg.gif) no-repeat;
	border: 0;
}

#search-submit {
	width: 40px;
	height: 40px;
	background: url(../img/search.gif) no-repeat;
	border: 0;
	text-indent: -9999px;
}


/**
 * CONTENT ELEMENTS
 * ----------------------------------------
 */

#banner {
	float: right;
	margin: -13px 50px 20px 10px;
}

#carousel-title {
	display: inline-block;
	width: 100%;
	text-align: center;
	background-color: white;
}

#carousel {
	position: relative;
	margin: 0 0 70px 0;
	padding: 2px;
	width: 506px;
	height: 296px;
	background: url(../img/carousel-bg.gif) no-repeat;
}

#carousel .carousel-control {
	display: block;
	float: left;
	width: 48px;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

#carousel #prev {
	background: url(../img/arrow-purple-left.gif) no-repeat 50% 50%;
}

#carousel #next {
	background: url(../img/arrow-purple-right.gif) no-repeat 50% 50%;
}

#carousel-viewport {
	position: relative;
	float: left;
	width: 410px;
	height: 100%;
	background-color: #E2DFEC;
	overflow: hidden;
}

#carousel-content {
	width: 8200px;
}

.carousel-item {
	position: relative;
	float: left;
	display: block;
	width: 410px;
	height: 296px;
}

.carousel-item img {
	display: block;
}

.carousel-item .label {
	top: 0;
	left: 0;
}

.price-tag.home {
	margin: -120px 0 0 380px;
}


/* Specials */

.specials {
	margin: 0 -180px 20px 0;
	padding: 20px 0 0;
	width: 690px;
	background: url(../img/specials-sprite.gif) no-repeat;
}

.specials-inner {
	padding: 0 15px 15px;
	width: 660px;
	background: url(../img/specials-sprite.gif) no-repeat 0 100%;
}

.specials h2 {
	margin: 0 0 15px;
	font-size: 30px;
	line-height: normal;
	color: white;
}


/* Toppers */

#toppers {
	background-position: -690px 0;
}

#toppers .specials-inner {
	background-position: -690px 100%;
}


/* Items */

.item {
	position: relative;
	width: 210px;
	height: 280px;
	background: url(../img/item-bg.png) no-repeat;
}

.overview .item {
	float: left;
	margin-right: 15px;
}

.overview .last {
	margin-right: 0;
}

.position {
	margin: 0;
	width: 50px;
	height: 50px;
	background: url(../img/position-bg.png) no-repeat;
	font-size: 28px;
	text-align: center;
	line-height: 50px;
	color: white;
}

.item .position {
	position: absolute;
	top: -10px;
	right: -10px;
}

.item .thumb {
	width: 100%;
	height: 150px;
}

.item-body {
	padding: 5px 10px;
	width: 190px;
	height: 90px;
}

.item h2 {
	margin: 0 0 1px;
	font-size: 18px;
}

.item h2 a {
	text-decoration: none;
}

.item h2 a:hover {
	text-decoration: underline;
}

.item-body p {
	height: 33px;
	margin-bottom: 2px;
	font-size: 11px;
}

.item .price {
	height: 17px;
	margin: 0;
	text-align: right;
}

.item .our-price {
	font-size: 16px;
	color: #E2007A;
}

.item .more {
	display: block;
	padding: 0 15px;
	width: 180px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: white;
}

.item .more:hover {
	text-decoration: underline;
}


/* Contact options */

#contact-options {
	margin: 0 0 0 -10px;
	padding: 0;
	width: 530px;
	height: 100px;
	list-style: none;
}

#contact-options li {
	float: left;
	margin-right: 10px;
	font-size: 30px;
	line-height: 100px;
	color: white;
}

#contact-phone {
	display: block;
	padding: 0 10px 0 40px;
	width: 200px;
	height: 100px;
	background: url(../img/phone-bg.gif) no-repeat;
}

#contact-email a {
	display: block;
	padding: 0 70px 0 20px;
	width: 170px;
	height: 100px;
	background: url(../img/email-bg.gif) no-repeat;
	text-decoration: none;
	color: white;
}

#contact-email a:hover {
	text-decoration: underline;
}


/* Thumbnails */

#thumbnails {
	float: left;
	margin-top: 45px;
	padding-top: 20px;
	width: 230px;
	background: url(../img/thumbnails-bg.gif) no-repeat;
}

#thumbnails .carousel-control {
	display: block;
	width: 100%;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

#thumbnails-up {
	background: url(../img/arrow-purple-up.gif) no-repeat 50% 50%;
}

#thumbnails-down {
	background: url(../img/arrow-purple-down.gif) no-repeat 50% 50%;
}

#inner-thumbnails {
	padding: 0 10px 12px 10px;
	width: 210px;
	background: url(../img/thumbnails-bg.gif) no-repeat 0 100%;
}

#inner-thumbnails a {
	display: block;
	margin-bottom: 8px;
}

#inner-thumbnails img {
	display: block;
}


/* Product blocks */

.product-block {
	float: left;
	margin: 0 20px 20px 0;
	width: 245px;
	height: 140px;
	background: url(../img/product-block-bg.gif) no-repeat;
}

.product-block.last {
	margin: 0 0 20px 0;
}

.product-block img {
	display: block;
}

.product-thumb {
	display: block;
	float: left;
	width: 130px;
	height: 140px;
	text-indent: -9999px;
	overflow: hidden;
}

.product-details {
	float: left;
	padding: 10px;
	width: 95px;
	height: 120px;
	overflow: hidden;
}

.product-details h2 {
	margin: 0 0 2px;
	font-size: 13px;
	height: 38px;
	/*white-space: nowrap;*/
	overflow: hidden;
}

.product-details h2 a {
	text-decoration: none;
}

.product-details h2 a:hover {
	text-decoration: underline;
}

.product-details p {
	margin: 0 0 5px;
	font-size: 11px;
}

.product-details .product-description {
	height: 30px;
	overflow: hidden;
}

.product-details .product-price {
	font-size: 14px;
	text-align: right;
}

.product-details a.more {
	display: block;
	padding: 5px 0;
	width: 100%;
	text-decoration: none;
	color: white;
}

.product-details a.more:hover {
	text-decoration: underline;
}


/* Product header */

#product-header {
	margin-top: -15px;
	/*height: 60px;*/
	overflow: hidden;
}

#product-header h1 {
	float: left;
	margin: 15px 0 15px 0;	
	width: 300px;
}

#colorpicker {
	float: right;
	padding: 5px 0 5px 25px;
	width: 165px;
	height: 50px;
	background: url(../img/vertical-delimiter.gif) no-repeat;
}

#colorpicker select {
	display: block;
}


/* Gallery */

#gallery-wrap {
	position: relative;
	margin: 0 -180px 60px 0;
	padding: 2px 0 2px 2px;
	width: 688px;
	height: 376px;
	background: url(../img/gallery-bg.gif) no-repeat;
}

#gallery-image {
	float: left;
	width: 548px;
	height: 376px;
}

#gallery-wrap #main-image {
	display: block;
	margin: 0 auto;
}

#gallery-wrap #thumbnails {
	position: relative;
	margin: -2px 0 -2px -30px;
	padding: 0;
	width: 170px;
	height: 380px;
	background: url(../img/thumbnails-bg.png) no-repeat;
}

#gallery-wrap #inner-thumbnails {
	padding: 0 10px;
	width: 150px;
	height: 300px;
	background: none;
	overflow: hidden;
}

#gallery-wrap #thumbnails-content {
	width: 150px;
}

#loading-overlay {
	position: absolute;
	width: 548px;
	height: 380px;
	top: 0;
	left: 0;
	background: white url(../img/loading.gif) no-repeat 50% 50%;
}


/* Labels */

.label {
	position: absolute;
	margin: 0;
	top: 2px;
	left: 2px;
	width: 163px;
	height: 82px;
	background: url(../img/label-sprite.png) no-repeat;
	text-indent: -9999px;
}

.nieuw-label { background-position: 0 -82px; }
.opisop-label { background-position: 0 -164px; }

.binnenkort-label {
	width: 325px;
	height: 165px;
	background: url(../img/label-binnenkort.png) no-repeat;
}

.uitverkocht-label {
	width: 325px;
	height: 165px;
	background: url(../img/label-golf-sprite.png) 0 -330px no-repeat;
}

.tijdelijk-uitverkocht-label {
	width: 325px;
	height: 165px;
	background: url(../img/label-golf-sprite.png) 0 -165px no-repeat;
}


/* Gallery zoom */

#gallery-zoom {
	position: absolute;
	display: block;
	padding: 30px 0 0 55px;
	bottom: -23px;
	left: 30px;
	width: 110px;
	height: 20px;
	background: url(../img/zoom-button.png) no-repeat;
	font-size: 11px;
	text-decoration: none;
	color: #9681CF;
}

#gallery-zoom:hover {
	color: #3F2682;
}


/* Price tag */

.price-tag {
	position: absolute;
	margin: -120px 0 0 275px;
	padding: 25px 20px 25px 30px;
	width: 180px;
	height: 60px;
	background: url(../img/price-tag-bg.png) no-repeat;
	font-size: 16px;
	line-height: normal;
	color: white;
}

.price-tag-price {
	display: block;
	margin: -2px 0 0 50px;
	font-size: 26px;
}


/* Tabs */

.tabs {
	margin: 0 0 10px -12px;
	padding: 0;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

.tabs li {
	float: left;
}

.tabs li a {
	display: block;
	padding: 12px;
	font-size: 16px;
	text-decoration: none;
	color: #3F2682;
	outline: none;
}

.tabs li a:hover,
.tabs li.selected a {
	color: #E2007A;
}

.tab-content {
	width: 100%;
}

.tab-content div {
	overflow: hidden;
}

#product-tab-content {
	margin-bottom: 20px;
	width: 410px;
	height: auto !important;
	height: 200px;
	min-height: 200px;
}


/* Product tabs */

#product-tabs {
	height: 50px;
	background: url(../img/product-tabs-sprite.gif) no-repeat;
}

#product-tabs a {
	height: 28px;
	background:  url(../img/product-tabs-sprite.gif) no-repeat 0 50px;
	overflow: hidden;
}

#product-info-tab a { width: 81px; }
#product-specs-tab a { width: 91px; }
#product-downloads-tab a { width: 76px; }

#product-info-tab.selected a { background-position: 0 -50px; }
#product-specs-tab.selected a { background-position: -105px -50px; }
#product-downloads-tab.selected a { background-position: -220px -50px; }


/* Related tabs */

#related-tabs {
	height: 50px;
	background: url(../img/related-tabs-sprite.gif) no-repeat;
}

#related-tabs a {
	padding: 14px 10px;
	height: 24px;
	background:  url(../img/related-tabs-sprite.gif) no-repeat 0 50px;
	overflow: hidden;
}

#bulk-tab a { width: 115px; }
#related-tab a, #related-tab-alt a { padding-right: 0; width: 173px; }

#bulk-tab.selected a { background-position: 0 -50px; }
#related-tab.selected a { background-position: -135px -50px; }
#related-tab-alt.selected a { background-position: 0 -100px; }


/* Cart table */

.cart-overview th,
.cart-overview td {
	background-color: transparent;
	border-bottom: 0;
	vertical-align: top;
}

.cart-overview th {
	color: #E2007A;
}

.cart-overview .amount {
	width: 40px;
}

.cart-overview .color,
.cart-overview .unit-price,
.cart-overview .sub-price {
	width: 60px;
}

.cart-overview .actions {
	width: 16px;
}

.cart-overview .indent td {
	color: #826BBF;
}

.cart-overview .indent td:first-child {
	padding-left: 16px;
}

.cart-overview select {
	width: 90px;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3F2682;
}

.cart-overview .indent select {
	color: #826BBF;
} 

.delete {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/delete-button-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.delete:hover {
	background-position: 0 -16px;
}


/* Totals */

#continue-shopping {
	display: block;
	float: left;
	padding: 9px 10px 8px 25px;
	width: 115px;
	background: url(../img/totals-sprite.gif) no-repeat 0 -70px;
	border: 0;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: white;
	clear: both;
}

#totals-toolbar {	
	padding-left: 0;
	list-style: none;
}

#total {
	float: right;
	margin: 0 0 10px;
}

#total-price {
	display: inline-block;
	margin-left: 10px;
	padding: 9px 10px 8px;
	width: 130px;
	background: url(../img/totals-sprite.gif) no-repeat;
	line-height: normal;
	vertical-align: middle;
	color: white;
}

#total-next {
	display: block;
	float: right;
	padding: 9px 10px 8px 10px;
	width: 130px;
	background: url(../img/totals-sprite.gif) no-repeat 0 -35px;
	border: 0;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: white;
	clear: both;
}

button#total-next {
	width: 150px;
	border: 0;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 7px 10px 8px 10px;
	cursor: pointer;
	line-height: 150%;
}

#total-next:hover {
	text-decoration: underline;
}


/* Checkout */

#shipment-type {
	background: url(../img/delivery-purple.gif) no-repeat 20px 50%;
}


/**
 * INFOBAR ELEMENTS
 * ----------------------------------------
 */

#payment-methods {
	position: relative;
	display: block;
	margin: 0 0 10px -80px;
	width: 230px;
	height: 50px;
	background: url(../img/payment-methods-bg.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


/* Delivery methods */

#delivery-methods {
	margin: 0 0 20px;
	padding: 0;
	height: 37px;
	background: url(../img/delivery-white.gif) no-repeat 20px 0;
}

#delivery-methods li {
	display: none;
}


/* Order block */

#order-block {
	position: relative;
	margin: 490px 0 20px -80px;
	padding: 20px 20px 0;
	width: 190px;
	/*height: 252px;*/
	background: url(../img/block-blue-bg.png) no-repeat;
}

#order-block-footer {
	margin: 0 0 0 -20px;
	width: 230px;
	height: 20px;
	background: url(../img/block-blue-bg.png) bottom no-repeat;
}

#order-block label {
	display: block;
}

#order-block select {
	margin: 0;
	width: 100%;
}

#prices {
	width: 100%;
	padding: 15px 0;
}

#prices p {
	margin: 0;
}

#order-block-price {
	display: block;
	padding: 10px 10px 10px 30px;
	font-size: 30px;
}


/* Infobar banners */

#infobar .banner {
	position: relative;
	display: block;
	margin: 0 0 10px -25px;
	width: 175px;
}


/**
 * FOOTER ELEMENTS
 * ----------------------------------------
 */

#inner-footer {
	width: 650px;
	height: 100px;
	background-color: #3F2682;
}

/* Footer general */

#footer p {
	margin: 0;
	text-align: center;
	color: white;
}

#footer a {
	text-decoration: none;
	font-style: italic;
	color: white;
}

#footer a:hover {
	text-decoration: underline;
}


/* Service navigation */

#service-navigation {
	margin: 0 0 10px;
	padding: 0 0 0 170px;
	width: 480px;
	height: 60px;
	background-color: #F18E00;
	text-align: center;
	list-style: none;
}

#service-navigation li {
	float: left;
	margin-right: 1px;
}

#service-navigation li a {
	position: relative;
	display: block;
	padding-left: 10px;
	font-size: 13px;
	font-style: normal;
	text-decoration: none;
	line-height: 125%;
	color: white;
}

#service-navigation li a span {
	
	display: block;
	padding: 21px 10px 21px 0;
}

#service-navigation li a:hover,
#service-navigation li.selected a {
	margin-top: -15px;
	background: #3F2682 url(../img/service-navigation-item-bg.gif) no-repeat;
	text-decoration: none;
}

#service-navigation li a:hover span,
#service-navigation li.selected a span {
	padding: 36px 10px 23px 0;
	background: #3F2682 url(../img/service-navigation-item-bg.gif) no-repeat 100% 0;
}


/* Tell-a-friend */

#tellafriend {
	position: relative;
	display: inline;
	float: right;
	margin: -170px -160px 0 0;
	width: 219px;
	height: 172px;
	background: url(../img/tellafriend.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#tellafriend-wrap {
	padding: 30px;
	width: 460px;
	height: 200px;
	background-color: white;
}

#tellafriend-form {
	margin: 0;
}