/* structural styles */

div {
border: 0px solid #CCC;
}

body {
	margin: 0px;
	padding: 0px;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	background-color: #8D7947;
	color: #333333;
}

#main {
position: relative;
width:800px;
height: 600px;
margin-right:auto;
margin-left:auto;
margin-top:3px;
}

#shophead {
position: relative;
width:800px;
height: 80px;
background: #FFF url('../images/shopheaderbg.jpg') no-repeat;
margin-right:auto;
margin-left:auto;
border-bottom: 20px solid #000;
}

DIV.menutable {
position: absolute;
z-index: 10;
}
#menucol {
	vertical-align: top;
width: 150px;
float: left;
}

#maincontent {
	position: relative;
	/* border: 1px solid #999; */
	height: auto;
float: left;
	width: 360px;
border-color: #C00;
margin-left: 10px;
}

.contentrow {
	margin: 0 40px 10px 160px;
	clear: right;
}

#contentbox {
position: relative;
width: 400px;
height: 600px;
margin: auto;
padding:0px;
text-align: center;
}

#welcome {
margin: 0px;
color: #FFFFFF;
text-align:left;
z-index: 2;
position: relative;
width: 120px;
}


#strap {
position: absolute;
top: 90px;
width: 700px;
color: #333;
height: 25px;
background: #ABB;
text-align: center;
padding-top: 5px;
}


#mainrow {
position: absolute;
width: 706px;
height: 400px;
top: 50px;
left: 0;
background: #333;
}

#footrow {
position: absolute;
width: 696px;
height: 32px;
margin-bottom: 0;
background: #F60;
vertical-align: center;
padding: 2px 0px 2px 10px;
}

#error {
position: absolute;
width: 670px;
padding: 3px;
z-index: 10;
background-color: #C00;
border: 3px solid #300;
left: 10px;
top: 10px;
}

#footer {
position: inline;
font-size: 10px;
height: 10px;
width: 800px;
vertical-align: middle;
padding-top: 4px;
margin: 10px auto 0 auto;
text-align: center;
clear: both;
color: #696969;
z-index: 500;
}


#enterbtn {
width: 170px;
height: 60px;
background: transparent url('../images/homebtnbg.gif') no-repeat;
color: #2C645D;
text-align: center;
vertical-align: center;
margin: auto;
}

#logins {
width: 400px;
height: 100px;
vertical-align: center;
padding: 20px 0;
}

#site_description {
width: 400px;
height: 100px;
vertical-align: center;
padding: 20px 0;
color: #9AA;
font-size: 9px;
}

.login_box {
width: 150px;
height: 100px;
border: 1px solid #699;
background: #CDD;
}

#student_login {
float: left;
}

#guild_login {
float: right;
}

.formfield {
border: 1px solid #996;
background: #EED;
}

.mini {
width: 100px;
}

td, body {
font-family: Verdana, sans-serif;
font-size: 10px;
color: #333
}
.company {
color: #8FA3A5;
font-weight: bold;
}
.maintable {
border: 1px solid #999999;
}
.fullwidth {
border-left-width:1px;
}
.capsule_top {
border: 1px solid #999999;
border-bottom-width: 0px;
}
.capsule_bottom {
border: 1px solid #999999;
border-top-width: 0px;
}
.smallpanel {
padding: 0px;
}
.paneltop {
padding: 0px;
}
.nopadding {
padding: 0px;
}
.pxborder {
border: 1px solid #999999;
}
.notop {
border-top-width: 0px;
}
.nobase {
border-bottom-width: 0px;
}
.noright {
border-right-width: 0px;
}
.noleft {
border-left-width: 0px;
}
.zeroborder {
border: 0px solid #999999;
}
.top {
border-top-width: 1px;
}
.base {
border-bottom-width: 1px;
}
.right {
border-right-width: 1px;
}
.left {
border-left-width: 1px;
}
.allround {
border-width: 1px;
}
.light {
border-color: #CCCCCC;
}
.divider {
background-color: #999;
width:1px;
padding:0px;
/* border: 1px solid #CCCCCC;
border-width: 0px 0px 0px 1px;*/
}


.light2bg {
background-color: #CCCCD7;
color: #003366;
}
.mid2bg {
background-color: #336699;
color: white;
}
.dark3bg {
background-color: #003264;
color:white;
}
.mid3bg {
background-color: #1F5082;
color: white;
}
.light3bg {
background-color: #87A2BC;
}






/* menu styles */

#menutable {
background: #BDC29C;
}
a.menu {
color: #FFF;
text-decoration:none;
}
a.menu:hover {
color: #FFF;
text-decoration:underline;
}
.menucell {
padding: 2px 6px;
background: #BDC29C;
}
.menutop {
background: #8FA3A5;
}
.menubtn {
border: 1px solid #CC9;
border-bottom-color: #ADB79F;
border-right-color: #ADB79F;
}
.jump {
width: 130px;
}
a.gallery {
color: #2C645D;
text-decoration:none;
}



/* content styles */

.bgw {
background: #FFFFFF;
color: #003366;
}

.gall_list_item {
background: #CDD;
}




/* tabular data styles */

.prompt {
padding: 2px 10px 2px 0px;
font-weight: bold;
}
.value {
padding: 2px 10px;
}
.colhead {
padding:2px;
border: 1px solid #996;
border-bottom-width:0px;
background-color: #996;
color: #FFF;
}
.resultcell {
padding: 6px;
border: 1px solid #996;
border-bottom-width:0px;
border-top-width:0px;
}
.contentcol {
padding-right: 20px;
vertical-align: top;
}
.altrow1 {
background-color: #DDC;
}
.altrow2 {
background-color: #CCB;
}


/* image styles */

.titleimg {
margin: 0px 0px 0px 0px;
}
.max_img_left {
margin: 6px 20px 20px 0px;
}
.min_img_left {
margin: 10px 5px 5px 0px;
}
.imgleft {
margin: 4px 12px 6px 0px;
}
.imgright {
margin: 4px 0px 6px 12px;
}



/* text styles */
h1 {
font: bold 20px/22px Helvetica, Arial, sans-serif;
margin: 4px 10px 6px 0px;
}

h2, .subhead {
font: bold 18px/20px Helvetica, Arial, sans-serif;
padding: 0px;
margin: 6px 4px;
font-weight: normal;
line-height: 150%;
width: 100%;
color: #900;
}
h2.huge{
font: bold 30px/34px Helvetica, Arial, sans-serif;
}

h3 {
font: bold 14px/18px Helvetica, Arial, sans-serif;
padding: 0px 0px 10px 0px;
margin: 4px 0px 0px 0px;
}

.artist_name {
color: #900;
}

p,  ul {
line-height: 150%;
margin-bottom: 6px;
margin-top:0px;
padding-top:0px;
}
ol {
padding-left: 24px;
margin-left: 36px;
}
li {
margin: 0px 0px 0px -24px;
padding: 0px;
}
.error {
padding: 10px 20px 20px 10px;
color: white;
background-color: #660000;
}
a {
color: #663;
text-decoration:none;
font-weight: bold;
}
a:hover {
color: #900;
}

a.footlink {
color: #696969;
text-decoration:underline;
}
a.footlink:hover {
color: #9c9c9c;
text-decoration:none;
}

a.nomargins {
float: left;
}
.head {
font: bold 16px/18px Helvetica, Arial, sans-serif;
margin: 4px 10px 6px 0px;
}
.subhead {
padding: 0px 0px 10px 0px;
margin: 4px 0px 0px 0px;
font-weight: bold;
line-height: 150%;
}
.copyright {
	font-size: 10px;
}

.white {
color: white;
}
.main {
color: #333366;
}
input {
font-size:8pt;
color: #333333;
}
select {
font: 10px Verdana;
border: 1px solid #E3E8E8;
}
.textfield {
border:1px solid #999999;
}
.btn {
background: #C00;
color: white;
border: 1px solid #996;
/*border-width: 1px 2px 2px 2px;
border-top-color: #C7D1D2;
border-bottom-color: #12385F;*/
height:20px;
text-align: center;
float: 0px;
}
.btn:hover {
color: #999;
}

.mainimg {
margin: 0px 0px 6px 0px;
}
.leftTable {

padding: 10px;
color: #FFFFFF;
text-align:left;

}


/* Shop styles */

.tabgreen {
background-image: url('../images/tab_green.gif');
background-repeat: repeat-x;
}
.tabbg {
background-image: url('../images/tab_bg.gif');
background-repeat: repeat-x;
}
.greybg {
background: #CCC;
}
.dkgreybg {
background: #666;
}
.tab {
font: bold 10px/12px Helvetica, Arial, sans-serif;
padding: 0; 
margin: 0;
border:1px solid #999;
border-bottom-color: #666;
border-right-color: #666;
}
.catpath {
font: 10px Helvetica, Arial, sans-serif;
}
.catdetail {
border: 1px solid #99C;
padding:3px 10px; 
height:25px;
background-color: #DCE;
}
.orderdetail {
color:#333;
font-size: 9px;
}
.tel {
font-family: Arial, Helvetica, sans-serif;
}
.catdetailname {
padding-bottom: 0px;
margin-bottom: 0px;
font-weight:bold;
}
.productdetailbox {
padding:3px 10px; 
background-color: #FFF;
}
.listbox {
padding:0px; 
background-color: #EAE3EA;
}
.productname {
font-size:14px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.manuf_name {
font-size:9px;
}
.specs {
font-size:9px;
}
.rrp {
font-size:12px;
}

.catdetailbody, p {
padding: 0px 10px 4px 0px;
margin: 0px;
}
.outertable {
	background-image: url('../images/main_bg.gif');
	background-repeat: repeat-x;
	background-position: 0px 100px;
	background-color: #C8D3E0;
}
.resultstable {
	background-color: #C8D3E0;
}

.currentcat {
	background-color: #663;
color:white;

}
.hometext {
	font-size: 8px;
	color: #666666;
}