/*Left Column for each project page*/

#columnone{
width: 330px;
height: 400px;
float: left;
padding-right: 20px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ababab;
margin-right: 20px;
}

#columnoneCT{
width: 330px;
height: 700px;
float: left;
padding-right: 20px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ababab;
margin-right: 20px;
}

#columnoneUDA{
width: 330px;
height: 850px;
float: left;
padding-right: 20px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ababab;
margin-right: 20px;
}

#columnoneTR{
width: 330px;
height: 300px;
float: left;
padding-right: 20px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ababab;
margin-right: 20px;
}

/*purchase/watch button on Common Threads/UDA pages*/

#largebutton{
padding-top: 15px;
}

.purchase{
display: block;
width: 302px;
height:66px;
background:url(images/purchasebutton.jpg);
background-repeat: no-repeat;
text-decoration: none;
color: black;
margin-left: 4px;
}

a{
outline: none;
}

a.purchase:hover, a.purchase:visited, a.purchase:active{
background:url(images/purchasebutton.jpg);
background-repeat: no-repeat;
}

a.purchase:hover{
background-position: -302px 0;
}


.watch{
display: block;
width: 302px;
height:66px;
background:url(images/watchbutton.jpg);
background-repeat: no-repeat;
text-decoration: none;
color: black;
margin-left: 4px;
}

a{
outline: none;
}

a.watch:hover, a.watch:visited, a.watch:active{
background:url(images/watchbutton.jpg);
background-repeat: no-repeat;
}

a.watch:hover{
background-position: -302px 0;
}