/********************************************/
/*  Vjs Style Sheet                         */
/********************************************/

/* BODY AND CENTRE COLUMN */

body {
	text-align:center;
    font-family:Arial,Helvetica,sans-serif;
    font-size:small;
}

#centerColumn {
	width:763px;
	text-align:left;
	margin: 0 auto;
}

/* NAVIGATION LAYOUT */

div#preload {
    display:none;
}

#navigation {
	position:relative;
	top:0px;
	left:0px;
	width:760px;
	height:180px;
}

span#navMain {
    position:relative;
    float:left;
    left:0px;
    top:0px;
    width:527px;
    height:111px;
}

span#navAddress {
    position:relative;
    float:left;
    right:0px;
    top:0px;
    width:233px;
    height:69px;
}

span#navEmail {
    position:relative;
    float:left;
    right:0px;
    top:0px;
    width:233px;
    height:42px;
}

span.navMenu {
	position:relative;
	float:left;
	left:0px;
	top:0px;
    height:39px;
    margin:0px;
    padding:0px;
    border:0px;
}

/* LINK PICTURES */

div#linkPics {
    position:relative;
    top:20px;
    left:0px;
    width:765px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border:0px;
}

span.linkPic {
    position:relative;
    float:left;
    top:0px;
    left:0px;
    padding:0px 0px 0px 0px;
    border:0px;
    height:120px;
}

span.mainLinkPic {
    position:relative;
    float:left;
    top:0px;
    left:0px;
    height:165px;
}

/* BODY */

div#pageBody {
    position:relative;
    text-align:left;
    float:left;
    top:0px;
    width:760px;
}

/* RESULTS HEAD POSITIONING */

div#pageTitle {
    margin:2px;
}

div#pagetitle img {
    position:relative;
    left:-3px;
}

div#resultsHeading {
    float:left;
    position:relative;
    width:760px;
    margin:0px;
}

span#resultsHeadingText {
    float:left;
    position:relative;
}

span#resultsPageButtons {
    text-align:right;
    float:right;
    position:relative;
    top:10px;
}

div#resultsBottomButtons {
    text-align:right;
    float:right;
    position:relative;
    margin:2px;
}


/* DISPLAY RESULTS TABLES */

div.displayResultTable {
    width:100%;
    float:left;
}

div.displayResultTable table {
    border-collapse:separate;
    width:100%;
    border:1px solid #000000;
    border-color:#CECECE #555 #555 #CECECE;
    padding:1px;
}

div.displayResultTable table td {
    border:1px solid;
    border-color:#555 #CECECE #CECECE #555;
}


div.displayResultTable table thead {
    font-size:12px;   
    font-weight:bold;
    text-align:center;
}

div.displayResultTable table tbody {
    font-size:10px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}      

/* DISPLAY RESULTS DETAILS */

div.displayResultDetail {
    float:left;
    border-collapse:separate;
    border:1px solid #000000;
    border-color:#CECECE #555 #555 #CECECE;
    padding:4px;
}

span.itemDisplay {
   font-size:12px;
   height:290px;
   float:left;
   position:relative;
   width:120px;
   padding:8px;
   margin:6px;
   border:1px solid;
   border-color:#555 #CECECE #CECECE #555;
}

.itemPic {
   position:relative;
   top:0px;
   height:120px;
   clip:rect('0px', '120px', '120px', '0px');
   overflow:hidden;
}

.itemArtist {
   position:relative;
   height:30px;
   top:0px;
   clip:rect('0px', '120px', '30px', '0px');
   overflow:hidden;
}

.itemTitle {
   position:relative;
   height:85px;
   top:5px;
   clip:rect('0px', '120px', '60px', '0px');
   overflow: hidden;
}

.itemAddToBag {
   position:relative;
   height:25px;
   overflow: hidden;
}

.itemBottom {
    position:relative;
    float:bottom;
}