/* CSS Document */


body {
	margin: 0;
	text-align: center;/*correct IE bug */
	background-color:#ffffff;
 	font-family:  Helvetica, Arial,  sans-serif;
	font-size: 12px;
	color: #808080;
	height: 100%;
	}

/*------------------------------------------------------------------------------------------

ACCESSIBILITY

------------------------------------------------------------------------------------------*/

span#hide {/*back to graphic version on the text only version - hide on the graphic version*/
	position: absolute;
	top: -1000px;
	}



/*------------------------------------------------------------------------------------------

common tag

------------------------------------------------------------------------------------------*/

p {
	border: 0;
	margin: 0;
	padding: 0;
	}

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

a {
	color: #808080;
	font-weight:bold;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	}

img {
	border: 0;
	margin: 0;
	padding: 0;
	}
form {
	border: 0;
	margin: 0;
	padding: 0;
	}
input, select, textarea{
	border:1px solid #666666;
	color:#666666;
	}
h1{
	color:#666666;
	font-size:16px;
	}
h2{
	color:#666666;
	font-size:14px;
	}


/*------------------------------------------------------------------------------------------

general class

------------------------------------------------------------------------------------------*/

.imgAlignMiddle {
	vertical-align: middle;
	}

.imgAlignTop {
	vertical-align: top;
	}
.floatLeft {
	float: left;
	}

.floatRight {
	float: right;
	}
.alignRight{
	text-align:right;
	}
.topLink{
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	}
.topLink:hover{
	background-color:#f5f5f5;
	border-bottom:1px solid #e5e5e5;
	}

.smallLink{
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	}
.smallLink:hover{
	background-color:#f5f5f5;
	border-bottom:1px solid #e5e5e5;
	}
.smallLink a{
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	}
.smallLink a:hover{
	background-color:#f5f5f5;
	border-bottom:1px solid #e5e5e5;
	}
.smallText{
	font-size:11px;
	}
.bigText{
	font-size:14px;
	line-height:16px;
	}
.button{
	background-image:url(../Resources/button.gif);
	background-repeat:no-repeat;
	padding:7px 20px 7px 20px;
	width:85px;
	display:block;
	}
.button:hover{
	background-image:url(../Resources/button_over.gif);
	background-repeat:no-repeat;
	}
.buttonText{
	text-decoration:none;
	}
#buyLink{
	color:#990000;
	}
.formInput{
	width:230px;
	}
.smallInput{
	width:40px;
	}

/*------------------------------------------------------------------------------------------

main structure

------------------------------------------------------------------------------------------*/

#conteneurTop {
	position: relative;
	width: 100%;
	background-color: #FFF;
	display:block;
	}
#conteneurGrey {
	position: relative;
	width: 100%;
	background-color: #e5e5e5;
	display:block;
	min-height:500px;
	}
	
#conteneurBottom {
	position: relative;
	width: 100%;
	background-color: #FFF;
	display:block;
	height:176px;
	}


div#header {
	height: 151px;
	background-color:#FFFFFF;
	display:block;
	position: relative;/* global div position */
 	margin: auto;
	width: 900px;/* page size */
	text-align: left;
	}


div#main {
	background-color: #e5e5e5; /* light grey */
	overflow: auto;
 	margin: auto;
	width: 900px;/* page size */
	text-align: left;
	}

div#left {
	float:left;
	width: 395px;
	min-height: 473px;
	height:100%;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;
	text-align:right;
	padding-right:10px;
	line-height:15px;
	}
div#right{
	float:left;
	display:block;
	width:369px;
	min-height: 449px;
	height:100%;
	padding:10px;
	}

div#footer{
	height: 176px;
	width: 900px;
	border: 0;
	padding: 0;
	background-color:#FFFFFF;
	display:block;
	position: relative;/* global div position */
 	margin: auto;
	text-align: left;
	}

/*------------------------------------------------------------------------------------------

HEADER

------------------------------------------------------------------------------------------*/
img#logo{
	margin-right:125px;
	margin-top:37px;
	}
div#headerLeft{
	width: 395px;
	display:block;
	padding-top:30px;
	text-align:right;
	height: 121px;
	line-height:25px;
	padding-right:12px;
	}
div#headerLeft ul li{
	display:inline;
	font-size:18px;
	}
select#artist{
	width:150px;
	}

/*------------------------------------------------------------------------------------------

LEFT

------------------------------------------------------------------------------------------*/
div#topImg{
	display:block;
	width:395px;
	/* background-color:#cccccc; */
	margin-top:1px;
	margin-bottom:12px;
	}



/*------------------------------------------------------------------------------------------

RIGHT

------------------------------------------------------------------------------------------*/
p.paragraph{
	line-height:15px;
	margin-bottom:10px;
	}

div#globalBox{
	display:table;
	width:365px;
	height:209px;
	
	}
div#globalBox ul li{
	width:110px;
	margin-bottom:5px;
	margin-top:10px;
	margin-right:11px;
	}

div#globalBox2{
	display:table;
	width:470px;
	min-height:209px;
	}
div#globalBox2 ul li{
	float:left;
	width:110px;
	margin-bottom:5px;
	margin-top:10px;
	margin-right:11px;
	}
div.box{
	display:block;
	width:115px;
	height:100px;
	background-color:#CCCCCC;
	margin-right:6px;
	margin-bottom:6px;
	float:left;
	z-index:1;
	}

div.thumbnails{
	height:82px;
	display:block;
	
	}
div.box p{
	height:14px;
	background-color:#999999;
	padding:2px 2px 2px 5px;
	}
div.box p a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	}
div.box p a:hover{
	text-decoration:underline;
	}

p.news{
	min-height:110px;
	}
table#contactForm{
	margin-top:10px;
	margin-bottom:20px;
	}

table#contactForm td{
	padding:5px 0px;
	}

p#address{
	margin-left:60px;
	margin-top:-20px;
	}

p.quicklinks{
	height:14px;
	background-color:#999999;
	padding:2px 2px 2px 5px;
	width:108px;
	margin-right:6px;
	margin-bottom:6px;
	float:left;
	}

p.quicklinks a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	}
p.quicklinks a:hover{
	text-decoration:underline;
	}
#quicklinksActive{
	background-color: #CCCCCC;
	color:#666666;
	}

td#colspan{
	width:248px;
	}

.textForm{
	width: 80px;
	}



/*------------------------------------------------------------------------------------------

BASKET

------------------------------------------------------------------------------------------*/



#NavBasket{
	width:440px;
	height:20px;
	margin:0;
	margin-top:5px;
	margin-bottom:10px;
	display:block;
	padding:0;
	}
#NavBasket li{
	display:inline;
	background-color: #d2d2d2;
	border:0;
	color:#333333;
	padding:3px 6px;
	margin:0;
	font-size:11px;
	
	}
#NavBasket li.navActive{
	background:none;
	font-weight:bold;
	}


table.tableBasket{
	width:430px;
	text-align:left;
	}
.tableBasket td{
	padding-right:5px;
	padding-left:5px;
	height:25px;
	border-bottom:1px solid #FFFFFF;
	}

table.tableBasketPrice{
	margin-top:0px;
	margin-left:62px;
	width:368px;
	text-align:right;
	}
.tableBasketPrice td{
	padding-right:5px;
	padding-top:10px;
	text-align:right;
	}

.tableBasketPrice td a{
	background-image:url(../Resources/button.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	display: block;
	text-decoration:none;
	}


.tableBasketPrice td a:hover{
	background-image:url(../Resources/button_over.gif);
	}

.bkgGreyDark{
	background-color: #666666;
	color:#FFFFFF;
	}
.bkgGreyLight{
	background-color:#dcdcdc;
	border-bottom:1px #FFFFFF solid;
	}
.bkgGreyLighter{
	background-color: #E7E7E7;
	}

.bkgdGreyPrice{
	background-color:#dcdcdc;
	font-size:20px;
	line-height:50px;
	color:#990000;
	border-bottom:1px #FFFFFF solid;
	width:110px;
	}
#column{
	width:65px;
	}


/*------------------------------------------------------------------------------------------

FOOTER

------------------------------------------------------------------------------------------*/
img#google{
	margin-right:20px;
	}





/*------------------------------------------------------------------------------------------

LIGHTBOX

------------------------------------------------------------------------------------------*/

body#lightBox {
background:none;
 	font-family:  Helvetica, Arial,  sans-serif;
	font-size: 12px;
	color: #666666;
	height: 100%;
	background-color:#f0f0f0;
	text-align:center;
	margin:auto;
	}

body#lightBox a{
	color: #333333;
	font-weight:bold;
	text-decoration: underline;
	}

body#lightBox a:hover {
	text-decoration: none;
	}


div#globalLightBox{
	background-color:#f0f0f0;
	height:531px;
	width:500px;
	display:block;
	padding:20px;
	}
div#globalImg{
	background-color:#f0f0f0;
	height:467px;
	width:567px;
	display:block;
	margin:0;
	padding:0;
	}
.testP{
	height:130px;
	display:block;
	line-height:15px;
	}
div.boxLightBox{
	display:block;
	width:115px;
	height:100px;
	background-color:#666666;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	}



.overlayArtistText  {
	position: relative;
	}

.searchLongTitle {
    overflow: hidden;
    height: 60px;
    margin-top: 20px;
	}
.searchLongArtist {
    height: 40px;
	}