@import url(https://fonts.googleapis.com/css?family=Roboto);

#price-comp-widget {
	margin-right: 5px;
	clear: both;
	margin-bottom: 50px;
	font-family: 'Roboto Condensed', sans-serif;
	border-bottom: 26px solid #33689C;
}

#price-comp-widget .widget-area select {
	max-width: 100%;
}

#price-comp-widget .widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}

#price-comp-widget .widget_search label {
	display: none;
}

#price-comp-widget .widget-container {
	margin: 0 0 18px 0;
	background-color: #eae6e6;
	clear: both;
	display: block;
	overflow:hidden;
}

#price-comp-widget .widget-title {
	background-color: #33689C;
	clear: both;
	display: block;
	font-family: 'Roboto Condensed', sans-serif; font-weight: 400;
	line-height: 100%;
	overflow: hidden;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	padding: 8px 10px 6px 10px;
	width: 100%;
}

#price-comp-widget .clearFix {
	clear: both;
}

#price-comp-widget .tabs .tab {
	float: left;
	border-right: 0px solid #999;
	border-left: 0px solid #999;
	border-top: 0px solid #999;
	border-bottom: 3px solid #33689C;
	position: relative;
	background: #33689C;
	color: #fff;
	top: 0px;
	left: 0px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

#price-comp-widget .tabs.lower .tab {	
	background: #eae6e6;
	color: #000;
	border-bottom: none;	
	top: 0px;
}

	#price-comp-widget .tabs .tab.price {
		padding: 5px 11px 5px 20px;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	}
	
	#price-comp-widget .tabs.lower .tab.price {
		padding: 0px 0px 2px 0px;
		text-shadow: none;
		width: 100%;
	}
	
	#price-comp-widget .tabs .tab.price .title {
		text-transform: uppercase;
		font-size: 11px;
		float: left;
		margin-left: 10px;
	}
	
		#price-comp-widget .tabs.lower .tab.price .title {
			font-weight: 700;
		}
	
	#price-comp-widget .tabs .tab.price select {
		margin: 0px;
		float: left;
		font-size: 11px;
	}

#price-comp-widget .upper-box {
	clear: both;
	width: 100%;
	position: relative;
	background-color: #eae6e6;
}


#price-comp-widget .description {
    position: relative;
    top: 0px;
    padding: 0px 23px 0px 0px;
}
	
	
	#price-comp-widget .widget-logo {
		position: absolute;
		left: 3px;
		top: -20px;
		width: 80px;
		height: 81px;
		background-image: url( ../img/sde-logo.png );
		background-repeat: no-repeat;
		background-size: 100% 100%;
		
	}
	
	#price-comp-widget .description .thumb {
		float: left;
		width: 20%;
		display: none;
	}
	
	#price-comp-widget .description img {
		width: 100%;
		height: auto;
		border: 2px solid #ddd;
		position: relative;
		z-index: 10;
	}
	
	#price-comp-widget .description .widget-title {
		color: #fff;
		text-transform: uppercase;
		font-size: 14px;
		padding: 5px 0px 3px 23px;
		font-family: 'Roboto Condensed', sans-serif;
   		font-weight: 300;
   		letter-spacing: 0.5px;
	}
		#price-comp-widget .description .widget-title .text {
			padding-left: 70px;
		}
		
		#price-comp-widget .description .widget-title .subtext {
			font-size: 12px;
			padding: 0px;
		}
	
	#price-comp-widget .description .text {
		float: left;
		padding-top: 0px;
		margin-left: 0px;
	}
	
		#price-comp-widget .description .text .artist {
   			margin: 10px 0px 0px 85px;
			   color: #272E2D;
   			font-weight: 600;
	   		letter-spacing: 0px;   		
			   font-family: paralucent-condensed, sans-serif;
			   font-size: 16px;
			   font-weight: 600;
			   letter-spacing: 0;
			   line-height: 19px;	
		}
	
		#price-comp-widget .description .text .heading {
   			margin: 3px 0px 10px 85px;
			   color: #272E2D;
			   font-family: paralucent-condensed, sans-serif;
			   font-size: 21px;
			   font-weight: 900;
			   letter-spacing: 0;
			   line-height: 19px;
			   text-transform: uppercase;	
		}
		
		#price-comp-widget .description .text .versions {
			font-weight: 300;
   			font-size: 15px;
   			margin-left: 0px;
   			display: none;
		}
		
			#price-comp-widget .description .text .versions li a {
				color: #aaa;
			}
			
			#price-comp-widget .description .text .versions li a:hover {
				color: #000;
			}
			
			#price-comp-widget .description .text .versions li.active a {
				color: #000;
				font-weight: 400;
			}
			
			#price-comp-widget .description .text .versions li.active a:hover {
				text-decoration: none;
			}

#price-comp-widget .main-box {
	
	clear: both;
	background: #eae6e6;
	border: 0px solid #333;
	width: 100%;
	padding-bottom: 5px; 
	
}
		
#price-comp-widget .main-box .data-table {
	margin: 0px 0px 0px 0px;
	border: none;
}

#price-comp-widget .cell-contents {
	display: block;
	padding: 0px 8px;
}
	
	#price-comp-widget .cell-contents span {
		padding: 0px;
	}

	#price-comp-widget .cell-contents a {
		display: inline-block;
		width: 100%;
		height: 100%;		
	}


#price-comp-widget .data-table th {
	padding: 5px 0px;
	background-color: #666666;
	font-weight: 400;
	line-height: 100%;
	overflow: hidden;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
}
	
	#price-comp-widget .data-table th.left {		
		padding-left: 5px;
	}
	
	#price-comp-widget .data-table th.right {		

	}
	
	#price-comp-widget .data-table th.detail {
		display: none; /* TEMP WHILE DECIDE WHAT TO USE THIS FOR? */		
	}
	
	#price-comp-widget .data-table th.price {
		text-align: right;
		padding-right: 10px;
		white-space: nowrap;
	}
	
		#price-comp-widget .data-table th.price.header {
			background-repeat: no-repeat;
			background-position: right center;
			background-image: url(../img/tablesorter/bg.png);
		}
	
		#price-comp-widget .data-table th.price.headerSortDown {
			background-image: url(../img/tablesorter/desc.png);			
		}
		
		#price-comp-widget .data-table th.price.headerSortUp {
			background-image: url(../img/tablesorter/asc.png);			
		}
		
			#price-comp-widget .data-table th.price .currency_code {
				text-transform: uppercase;
			}
	
	#price-comp-widget .data-table th.stock {
		text-align: center;
	}

#price-comp-widget .data-table.inner tbody tr.clickable:hover {
	background: #990100;
}

	#price-comp-widget .data-table.inner tbody tr.clickable a {
		color: #000; /* #716d6e; */
		text-decoration: none;
	}

	#price-comp-widget .data-table.inner tbody tr.clickable:hover a {
		color: #fff;
		text-decoration: none;
	}
	
	#price-comp-widget .data-table.inner tbody tr.clickable:active a, 
	#price-comp-widget .data-table.inner tbody tr.clickable:visited a  
	{
		color: #ffff04;
		text-decoration: none;
	}


	#price-comp-widget .data-table.inner tbody tr.clickable .cell-contents.spc-order-highlight {
		text-align: right;
		padding-right: 0px !important;
	}
	
	#price-comp-widget .data-table.inner tbody tr.clickable .cell-contents.spc-order-highlight a{
		color: #fff !important;
		background: #cc0000;
		padding: 2px;
		display: inline-block;
		width: auto;
		margin-right: 0px;
			
	}


#price-comp-widget .data-table td {
	padding: 5px 0px 0px 0px;
	vertical-align: top;
	border-bottom: 1px solid #eee;
	color: #000; /* #716d6e; */
}

#price-comp-widget .data-table td.closeUp {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	border-bottom: none;
	border-top: none;
}


	#price-comp-widget .data-table .last td {
		border-bottom: none;
		padding: 2px 0px 0px 0px;
	}

	#price-comp-widget .data-table td.left {
		padding-left: 0px;
	}

	#price-comp-widget .data-table td.detail {
		color: #999;
		
		display: none; /* TEMP WHILE DECIDE WHAT TO USE THIS FOR? */
		
	}

	#price-comp-widget .data-table td.price {
		text-align: right;
		font-weight: bold;
		font-size: 15px;
	}
	
	#price-comp-widget .data-table td.stock {
		text-align: center;
	}
		#price-comp-widget .data-table td.stock.yes .icon {
			width: 17px;
			height: 14px;
			background: url(../img/tick.png) 0px 0px no-repeat;
			display: inline-block;
			position: relative;
			top: 3px;
		}
		
		#price-comp-widget .data-table tr.clickable:hover td.stock.yes .icon {
			background: url(../img/tick.png) -17px 0px no-repeat;
		}
		
		#price-comp-widget .data-table tr.clickable:active td.stock.yes .icon {
			background: url(../img/tick.png) -34px 0px no-repeat;
		}
	
	#price-comp-widget .data-table td.thumb .cell-contents {
		padding: 0px 8px 0px 8px;
	}
	
	#price-comp-widget .data-table td.thumb .cell-contents img {
		width: 98%;
		height: auto;
	}
	
	#price-comp-widget .data-table td.store.name .cell-contents {
		white-space: nowrap;
	}
	
	#price-comp-widget .data-table td.store.logo .cell-contents {
		display: block;
		text-align: left;
	}
	
	#price-comp-widget .data-table td.store .icon {
		height: 22px;
		display: inline-block;
		padding: 0px;
	}
	
		#price-comp-widget .data-table td.store.amazon .icon {
			width: 22px;
			background: url(../img/store-logos/amazon.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.jpc .icon {
			width: 44px;
			background: url(../img/store-logos/jpc.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.hmv .icon {
			width: 44px;
			background: url(../img/store-logos/hmv.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.fnac .icon {
			width: 48px;
			background: url(../img/store-logos/fnac.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.sdeshop .icon {
			width: 22px;
			background: url(../img/store-logos/sdeshop.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.mvshop .icon {
			width: 22px;
			background: url(../img/store-logos/mvshop.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.cdjap .icon {
			width: 44px;
			background: url(../img/store-logos/cdjap.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.artistshop .icon {
			width: 44px;
			background: url(../img/store-logos/artistshop.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.waterstones .icon {
			width: 44px;
			background: url(../img/store-logos/waterstones.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.rtuk .icon {
			width: 44px;
			background: url(../img/store-logos/rtuk.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.rtusa .icon {
			width: 44px;
			background: url(../img/store-logos/rtusa.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.pias .icon {
			width: 44px;
			background: url(../img/store-logos/pias.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.tm .icon {
			width: 44px;
			background: url(../img/store-logos/tm.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.nowshop .icon {
			width: 50px;
			background: url(../img/store-logos/nowshop.png) no-repeat;
		}
		
		#price-comp-widget .data-table td.store.sov .icon {
			width: 50px;
			background: url(../img/store-logos/sov.png) no-repeat;
		}

		
	#price-comp-widget .data-table td.link {
		text-align: right;
		padding-right: 10px;
	}
	
	#price-comp-widget .data-table td.link .button {
		margin-right: 5px;
		display: inline-block;
		color: #716d6e;
		padding: 4px 6px 3px 6px;
		text-decoration: none;
		font-weight: 700;
		line-height: 100%;
		font-size: 12px;
		text-transform: uppercase;
		white-space: nowrap;
		font-family: 'Roboto', sans-serif;		
	}
	
	#price-comp-widget .data-table td.link .button:hover {
		
	}

	
/* ***************** */
/* ERRORS */
/*                   */

.spc-error-report {
	
}

.spc-error {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	border: 1px solid #527571;
	background: #009956;
	font-family: Arial, Helvetica, sans-serif;	
	padding: 5px;	
}

.widgetizedArea .spc-error {
	margin-right: 0px;
}

.spc-error p {
	color: #fff !important;
	font-size: 12px !important;
}

.spc-error li, .spc-error h4 {
	color: #fff !important;
}

.spc-error h4#spc-e-title {
	font-size: 15px;
	margin-bottom: 10px;
}

.spc-error ul {
	list-style-type: circle;
}

.spc-error li { 	
	font-weight: normal;
	font-size: 12px	
}

/* ***************** */
/* ALERTS */
/*                   */

.spc-alert {
	margin-bottom: 30px;
	margin-right: 5px;
	border: 2px solid #090;
	background: #080;
	font-family: Arial, Helvetica, sans-serif;	
	padding: 5px;
}

.spc-alert li, .spc-alert h4 {
	color: #fff !important;
}

.spc-alert h4#spc-e-title {
	font-size: 15px;
	margin-bottom: 10px;
}

.spc-alert ul {
	list-style-type: circle;
}

.spc-alert li { 	
	font-weight: normal;
	font-size: 12px	
}


/* ***************** */
/* SIDEBAR LAYOUT */
/*                   */
/* ***************** */

#price-comp-widget.sidebar {
	margin-right: 0px;
	margin-bottom: 20px;
	border-bottom: 1px solid #000; 
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
}

#price-comp-widget.sidebar .widget-logo {
	top: -2px;
	width: 75px;
	height: 75px;
}

#price-comp-widget.sidebar .description {
	padding: 0px 0px 0px 0px;
}

#price-comp-widget.sidebar .description .widget-title {
	font-size: 30px;
	padding: 0px 0px 0px 0px;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top: 0px;
}

#price-comp-widget.sidebar .description .widget-title .text {
	color: #fff;
	float: right;
	text-transform: none;
	padding: 10px 10px;
	font-size: 30px;
}

#price-comp-widget.sidebar .description .text .artist {
	margin: 8px 0px 0px 0px;
	text-align: right;
	margin-right: 11px;
}

#price-comp-widget.sidebar .description .text .heading {
	margin: 3px 0px 5px 0px;
	text-align: right;
	margin-right: 11px;
	font-size: 19px;
}

#price-comp-widget.sidebar .description .short-cropped {
	max-height: 298px;
	overflow-y: hidden;
	text-align: center;
	background: #fff;
	width: 100%;
}

#price-comp-widget.sidebar .description img {
	border: none;
	display: inline-block;
	width: 100%;
}

#price-comp-widget.sidebar .main-box {
	padding-bottom: 0px;
}

#price-comp-widget.sidebar .description .text {
	float: right;
}

#price-comp-widget.sidebar .cell-contents {
	padding: 0px 0px;
}

#price-comp-widget.sidebar .main-box .data-table {
	width: 100%;
}

#price-comp-widget.sidebar .data-table td {
	border-bottom: none;
	font-size: 16px;	
	padding: 2px 20px 5px 20px;
	font-family: 'Roboto Condensed', sans-serif;
	background: #cc0000;
	text-align: center;
}

#price-comp-widget.sidebar .data-table td .price {
	font-size: 27px;
	display: inline-block;
	position: relative;
	top: 4px;
	padding: 0px 5px;
}

#price-comp-widget.sidebar .data-table td .click-to-grab {
	font-size: 18px;
	display: none;
	padding-top: 8px;
	padding-bottom: 3px;
}

#price-comp-widget.sidebar .data-table td .icon {
	position: relative;
	top: 5px;
	left: 30px;
}

#price-comp-widget.sidebar .data-table.inner tbody tr.clickable a {
	color: #fff;
	text-transform: uppercase;
}

#price-comp-widget.sidebar .data-table.inner tbody tr.clickable.on td .price-info {
	display: none;
}

#price-comp-widget.sidebar .data-table.inner tbody tr.clickable.on td .click-to-grab 
{
	display: inline-block;
} 

/* ***************** */
/* RESPONSIVE BREAKS */
/*                   */
/* ***************** */



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	
	
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 900px) {


	

	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 851px) {



}

/* Medium Devices, Desktops */
@media only screen and (max-width : 850px) {

	
	
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 769px) and (max-width : 900px) {

	#price-comp-widget .description .thumb {
		display: block;
		margin: 40px 0px 0px 5px;
	}
	
	#price-comp-widget .data-table .left {
		display: none;
	}
	
	#price-comp-widget .data-table td.store.logo .cell-contents {
		/* display: none; */
	}
	
	#price-comp-widget .data-table td.stock .cell-contents, 
	#price-comp-widget .data-table th.stock .cell-contents {
		display: none;
	}
	
	#price-comp-widget .description .text {
		width: 70%;
		margin-left: 0px;
	}
	
	#price-comp-widget .description .widget-title {
		padding-left: 23px;
	}
		
		#price-comp-widget .description .widget-title .text {
			padding-left: 70px;
		}
	
	#price-comp-widget .description .text .heading {
		margin: 3px 0px 10px 10px;
	}
	
	#price-comp-widget .description .text .artist {
		margin: 10px 0px 0px 10px;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {



}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 580px) {
	
	

	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
	#price-comp-widget .description .thumb {
		display: block;
		margin: 36px 0px 0px 10px;
	}
	
	#price-comp-widget .data-table .left {
		display: none;
	}
	
	#price-comp-widget .data-table td.store.logo .cell-contents {
		/* display: none; */
	}
	
	#price-comp-widget .data-table td.stock .cell-contents,
	#price-comp-widget .data-table th.stock .cell-contents {
		display: none;
	}
	
	#price-comp-widget .description .text {
		width: 70%;
		margin-left: 10px;
	}
	
	#price-comp-widget .description .widget-title {
		padding-left: 90px;
	}
	
	#price-comp-widget .description .widget-title .text {
			padding-left: 0px;
		}
	
	#price-comp-widget .description .text .heading {
		margin: 3px 0px 10px 10px;
	}
	
	#price-comp-widget .description .text .artist {
		margin: 10px 0px 0px 10px;
	}
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
	
	
}