@charset "utf-8";
/*

<summary>
CDON Public - product.css
</summary>
<author>Dan Nilsson, Web designer - CDON.COM</author>
<copyright>CDON.COM AB 1999-2011, all rights reserved</copyright>
*/

/* < product-layout > */

#product { overflow: hidden; }

#product h1,
#product h2 {
	font-weight: normal;
	margin: 4px 0;
}

#product .subtitle { color: #666; }

#product h2 { margin: 0 0 10px 0; }

#product .product-image-container {
	float: left;
	text-align: center;
	width: 135px;
}

#product .product-image-container * {
	font-weight: bold;
	color: #0080a3;
}

#product .product-image-container p {
	margin: 0;
	padding: 0;
}

#product .product-image-container .product {
	max-width: 135px;
	display: inline;
}

#product .product-image-container p.icon { padding: 5px 0 0 10px; }


/* < book-sample > */

.book-sample-wrapper {
	position: relative;
	margin-top: -3.5em;
	overflow: hidden;	
}

.book-sample {
	margin: 7px 1em .5em 1em;
	padding: 0 0 0 1em;
	border: 1px solid #41a500;
	background: #fff url(../images/icon/book-sample.gif) no-repeat 1em .3em;
	line-height: 2.7em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}

.book-sample-top-arrow {
	position: absolute;
	top: 0px;
	left: 60px;
	width: 15px;
	height: 8px;	
	background: url(../images/layout/common/overlay-arrow-top.png) no-repeat left top;
}

/* </ book-sample > */


#image-link { padding: 5px 0 0 0 !important; }
#image-link span {line-height: 1.5em; }

#front-image {
	background: url(../images/icon/zoom-glas.gif) no-repeat;
	padding-left: 15px;
}

#back-image {
	border-left: 1px solid #0080a3;
	padding-left: 4px;
}

#product .main-content-container {
	float: right;
	width: 410px;
}

#product form.buy-container {
	position: relative;
	min-height: 19px;
}

#product form.buy-container,
#product div.info-container {
	padding: 6px 0;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
}

form.buy-container input.buy,
form.buy-container div.price,
form.buy-container div.default-price,
form.buy-container a,
#price-button-container,
#price-button-container .price,
#price-button-container button,
#price-info-container,
#product div.info-container img { float: left; }

#product div.item-count,
#product input.item-count { float: right; }

#product div.price,
#product div.price span { color: #ca0705; }

#product div.price {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0 0 0 8px;
}

#product div.default-price,
#product div.item-count { margin-top: 3px; }

#product div.default-price {
	margin-left: 8px;
	text-decoration: line-through;
}

#product div.item-count { margin-right: 5px; }

#product input.item-count {
	text-align: right;
	padding: 1px 2px;
	width: 20px;
	border: 1px solid #cacaca;
}

#product .addthis-links,
#product .addthis_default_style { overflow: hidden; }

#product .addthis_default_style {
	margin-left: 18px;
	text-align: left;	
	margin-top: 3px;
}

#product .addthis_default_style.horizontal {
	margin: 10px 0 0 8px;
}

.addthis_default_style .addthis_button_google_plusone { padding-top: 1px; }
.addthis_default_style .addthis_button_facebook_like { height: 25px; width: 100%; }

.addthis_default_style.horizontal .addthis_button_google_plusone { padding-top: 3px !important; }
.addthis_default_style.horizontal .addthis_button_facebook_like {height: 25px; width: 85px !important; }
.addthis_default_style.horizontal .addthis_button_tweet { padding: 0 5px; margin-right: 11px; }

/* Fix for IE7 where right part was hidden*/
.twitter-share-button { width: 87px !important; }

#vinyl-info {
	background: url(../images/icon/vinylikon-vitbg.gif) center left no-repeat;
	margin: 0;
	padding: 10px 0 10px 30px;
	border-bottom: 1px solid #cbcbcb;
}

/* </ product-layout > */


/* < shippinggroup > */

#shippinggroup-link,
#product-shipping-info a { color: #0080a3; }

#shippinggroup-description { display: none; }

a.shippinggroup-free-freight {
	display: inline-block;
	height: 22px;
	margin-top: 2px;
	padding-left: 25px;
	background: transparent url(../images/icon/freight-free.gif) no-repeat left top;
	line-height: 20px;	
}

p.shippinggroup-name {
	width: 70%;
	float: left;
	font-weight: bold;
}

p.shippinggroup-price {
	width: 27%;
	float: right;
	text-align: right;
}

p.shippinggroup-description { clear: both; }

/* </ shippinggroup > */


/* < product-monitor > */

.monitor {
	border-bottom: 1px solid #cacaca;
	overflow: hidden;
}

.monitor input { float: left; }
.monitor .button { margin: 0 0 5px 5px; }
#monitor-email {
	border: 1px solid #cfcfcf;
	margin: 0 0 5px 0;
	padding: 2px;
	width: 160px;
}

.monitor p { margin: 5px; }

.monitor .error-message {
	border: none;
	color: #ca0705;
	float: right;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#monitor-bookable-toggler {
	background: url(../images/icon/product-monitor.gif) center left no-repeat;
	color: #0080a3;
	font-weight: bold;
	text-decoration: underline;
	padding: 5px 0 4px 30px;
	margin: 5px 0;
}

#monitor-bookable-toggler p { text-decoration: none; }

/*
#product form#product-monitor input {
	float: left;
	width: 150px;
}

#product form#product-monitor input.button { width: auto; }

#product form#product-monitor img {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}
*/

#product div.product-price-wrapper {
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	overflow: hidden;
	padding: 5px 0;
}

#product div.product-price-wrapper div { float: left; }
#product div.product-price-wrapper span.price-text { font-size: .9em; }

#product .data form#product-monitor {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

#product .data input#monitor-email {
	border: 1px solid #cfcfcf;
	color: #333;
	padding: 2px;
}


/* Old design */

#product-monitor {
	overflow: hidden;
	background: #fffbe6;
	border: 1px solid #ffd600;
	padding: 10px;
	margin: 10px 0;
}

#product-monitor input { width: 250px; }
#product-monitor .button { width: auto; }

#product-monitor img {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

#product-monitor .error-message {
	clear: both;
	float: none;
}

/* </ product-monitor > */


/* < delivery-time & part-payment & product-campaign & product-sitelist-channel-list > */

#product div.part-payment,
#product div.mobile-subscription,
#product .campaign,
#product .sitelist-channel-list {
	border-bottom: 1px solid #cfcfcf;
	overflow: hidden;
	padding: 5px 0;
}

#product .sitelist-channel-list { margin: 0; }

#product div.part-payment {
	background: url(../images/layout/dela-upp-betalning-small.gif) left center no-repeat;
	font-weight: bold;
	padding: 10px 5px;
	text-align: right;
}

#product div.part-payment * { color: #0080a3; }

/*
#product div.part-payment-sv { background: url(../images/layout/dela-upp-betalning-small-sv.gif) left center no-repeat; }
#product div.part-payment-da { background: url(../images/layout/dela-upp-betalning-small-da.gif) left center no-repeat; }
#product div.part-payment-fi { background: url(../images/layout/dela-upp-betalning-small-fi.gif) left center no-repeat; }
*/

#product div.part-payment-alt {
	clear: both;
	float: none;
	overflow: hidden;
	padding-top: 2px;
}

#product div.part-payment-alt a {
	color: #ca0705;
	font-weight: bold;
	margin-left: 67px;
}

#product .delivery-time {
	background: url(../images/layout/white-grey-horizontal-line.gif) bottom repeat-x #f8f8f8;
	/* clear: both; */
	margin-top: 1px;
	overflow: auto;
	padding: 0 5px;
}

#product .expected-delivery-date {
	background: #f8f8f8;
	border-top: 1px solid #cbcbcb;
}

/*
#product div.delivery-time p.left { float: left; }
#product div.delivery-time p.right { float: right; }
*/

/* < hide delivery-time for book - temporary > */

/*
div.product-book div.delivery-time { display: none; }
*/

/* </ hide delivery-time for book - temporary > */

#product .campaign p {
	margin: 0;
	margin-right: 5px;
	float: left;
}

#product .campaign img,
#product .sitelist-channel-list img {
	display: inline;
	margin-right: 8px;
	vertical-align: middle;
}

/*
#product div.campaign div.item { float: left; }

#product div.campaign div.item p {
	padding-top: 5px;
	position: relative;
}
*/

#product .campaign a,
#product .sitelist-channel-list a {
	color: #0080a3;
	font-weight: bold;
}

#product .campaign ul {
	float: left;
	list-style: none;
	margin: 2px 0 0 0;
	padding: 0;
	width: 297px;
}

#language-da .campaign ul { width: 282px; }
#language-no .campaign ul { width: 285px; }
#language-fi .campaign ul { width: 273px; }
#language-en .campaign ul { width: 290px; }

#product .campaign li { line-height: 1.4em; }

/* </ delivery-time & part-payment & product-campaign & product-sitelist-channel-list> */


/* < product-description > */

#product div.main-content-container div.description-container {
	padding-top: 5px;
	min-height: 40px;
	overflow: hidden;
	position: relative;
	z-index: 77;
}

.description-container ul {
	padding: 0 0 0 19px;
	margin: 0;
	list-style-image: url(../images/icon/custom-li-icon.gif);
	line-height: 19px;
}

.description-container ul a {
	font-weight: normal;
	text-decoration: none;
}

.description-container ul a:hover { text-decoration: underline; }

/* </ product-description > */


/* < product-data > */

#product-data {
	clear: both;
	overflow: hidden;
	padding: 10px 0;
	margin-bottom: 10px;
}

#product-data div.tab {
	overflow: hidden;
	padding: 0 1px;
}

#product-data div.tab div.left,
#product-data div.tab div.right,
#product-data div.tab h3 { float: left; }

#product-data div.tab h3 {
	background: #fff;
	border-top: 1px solid #cbcbcb;
	padding: 0 6px;
	line-height: 25px;
}

#product-data div.tab div.left,
#product-data div.tab div.right {
	width: 8px;
	min-height: 26px;
}

#product-data div.tab div.left { background: url(../images/layout/tab-left.gif) no-repeat; }

#product-data div.tab div.right { background: url(../images/layout/tab-right.gif) no-repeat; }

#product-data div.tab-wrapper {
	overflow: hidden;
	background: url(../images/layout/horizontal-line.gif) repeat-x bottom;
}

#product-data div.tab-wrapper div.tab {
	overflow: hidden;
	float: left;
	background: url(../images/layout/horizontal-line.gif) repeat-x bottom;
}

#product-data div.tab-wrapper div.first { padding-left: 0 !important; }
#product-data div.tab-wrapper div.last { padding-right: 0 !important; }
#product-data div.tab-wrapper div.active * { border-bottom: 1px solid #fff; }

#product-data div.tab-wrapper div.inactive h3 {
	border-bottom: 1px solid #cbcbcb;
	color: #007e9f;
	text-decoration: underline;
}

#product-data div.data {
	clear: both;
	/* overflow: hidden; */
	margin-top: 5px;
	padding: 0 5px;
}

#product-data div.data.system-requirements { padding-top: 5px; }

#product-data div.data h3.product-fact {
	margin-bottom: 2px;
	border-bottom: 1px solid #cfcfcf;
}

#product-data div.data div.product-fact {
	width: 50%;
	float: left;
}

#product-data div.data table.product-fact { width: 100%; }
#product-data div.data table.product-fact tr.odd { background: #f8f8f8; }
#product-data div.data table.product-fact tr.even { background: #fefefe; }

#product-data div.data table.product-fact th,
#product-data div.data table.product-fact td {
	padding: 3px 0;
	vertical-align: top;
	border-bottom: 1px solid #cbcbcb;
}

#product-data div.data table.product-fact th {
	text-align: left;
	padding-right: 10px;
	padding-left: 5px;
	width: 1px;
	white-space: nowrap;
}

#product-data div.data table.product-fact td { width: 50% }

#product-data div.data table.product-fact p {
	padding: 0;
	margin: 0;
}

#product-data div.data table.product-fact td.left {
	width: 30%;
	padding-right: 15px;
}

/* </ product-data > */


/* < product-data-tracklist > */

#product-data .tracklist { margin-bottom: 5px; }

#product-data .tracklist td {
	border: none;
	width: 50%;
}

#product-data .tracklist ul,
#product-data .tracklist li { overflow: hidden; }

#product-data .tracklist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#product-data .data .tracklist.product-fact p {
	float: left;
	margin: 2px 10px 5px 0;
}

#product-data .tracklist .ordinal { font-weight: bold; }
#product-data .tracklist .title { width: 200px; }

#product-data .player-mp3 {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	text-indent: -99em;
	float: right;
	margin-right: 10px;
	cursor: pointer;
}

#product-data .player-mp3.play			{ background-image: url(../images/music-player/control_play.png); }
#product-data .player-mp3.play:hover	{ background-image: url(../images/music-player/control_play_blue.png); }

#product-data .player-mp3.stop 			{ background-image: url(../images/music-player/control_stop.png); }
#product-data .player-mp3.stop:hover	{ background-image: url(../images/music-player/control_stop_blue.png); }


/* </ product-data-tracklist > */


/* < product-data-trailer > */

#product-data .data.trailer { padding: 0; }

#product-data .data.trailer a {
	display: block;
	height: 279px;
}

/* </ product-data-trailer > */


/* < scissor-toggler > */

div.scissor-toggler,
tr.scissor-toggler {
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	color: #0080a3;
}

div.scissor-toggler {
	text-align: right;
	margin-top: 5px;
}

tr.scissor-toggler td span {
	color: #0080a3;
	text-decoration: underline;
}

tr.scissor-toggler td {
	border: none !important;
	text-align: right;
}

/* </ scissor-toggler > */
