@charset "utf-8";
/* CSS Document */

#content div.productimage,
#content div.sectionimage{
float:right;
height:150px;
width:150px;
margin:0 0 3px 10px;
}

#content div.productimage img.imgright{
/* margin:3px 0 0.5em 1em; */
}

#logintop{
float:right;
font-size:0.9em;
margin:1em 20px 0 0;
width:200px;
text-align:right;
}

#logintop h3{

}

#logintop label{
display:inline-block;
width:60px;
}

#logintop input#username,
#logintop input#password{
background-color:#ffa;
border:1px solid orange;
}

#logintop input.button{
}

#login{
border:1px solid #ccc;
padding:1em;
}

#login input#username,
#login input#password{
background-color:#ffa;
border:1px solid orange;
}

#loggedin{
margin:30px 0 0 0;
}

#loggedin p{
margin:0 0 1em 0;
color:#161;
font-weight:bold;
font-size:0.9em;
}


#loggedin #logout{
background:#fff url('/grafix/logout.png') no-repeat 0 0;
width:60px !important;
height:18px;
}

#loggedin #logout a{
text-decoration:none;
}


.invisible{
visibility:hidden;
}


#search{
  font-size:0.9em;
}

#rightbasket{
background-color:#fff;
border:2px solid #696;
line-height:1.3em;
font-size:0.9em;
padding:0.5em;
margin-bottom:2em;
}


#rightbasket h3{
font-size:1.2em;
font-weight:bold;
color:#393;
margin:0 0 0.5em 0;
}

#rightbasket p{
text-align:right;
border-bottom:1px solid #393;
}

#rightbasket p span{
display:inline-block;
width:6em;
}

#rightbasket p.button{
margin:0.5em 0 0 0;
}

/* basket stuff - START */

#content #basket,
#content #order{
background-color:#fff;
font-size:1em;
font-family: Arial, Helvetica, sans-serif;
border:1px solid #ccc !important;
}

#content #basket caption{
background-color:#fff;
font-weight:bold;
font-size:1.1em;
color:#900;
border:1px solid #ccc;
border-top:2px solid #ccc;
}


#content #basket thead tr{

}

#content #basket tbody tr{
height:1em;
}

#content #basket tbody td,
#content #basket tbody td.pric,
#content #basket thead th.hpric,
#content #basket tbody td.quty,
#content #basket thead th.hquty,
#content #basket tbody td.cost,
#content #basket thead th.hcost,
#content #basket tbody td.desc,
#content #basket thead th.hdesc,
#content #order tbody td.pric,
#content #order thead th.hpric,
#content #order tbody td.quty,
#content #order thead th.hquty,
#content #order tbody td.cost,
#content #order thead th.hcost,
#content #order tbody td.desc,
#content #order thead th.hdesc{
border:1px solid #ccc;
/*width:4em;*/
}

#content #basket tbody td.prid,
#content #basket thead th.hprid,
#content #order tbody td.prid,
#content #order thead th.hprid{
text-transform:uppercase;
font-size:1em;
border:1px solid #ccc;
/*width:3em;*/
}

#content #basket td.quty input{
width:1.5em;
/*height:12px;*/
font-size:0.9em;
background-color:#ffa;
border:1px solid orange;
text-align:right;
}

p#checkout{
float:right;
padding-right:0;
margin-right:0;
position:relative;
right:-10px;
}


/* basket stuff - END */


form#search{
position:relative;
left:25px;
top:40px;
}

form#search #keywords{
background-color:#ffa;
border:1px solid orange;
width:200px;
}

form#search select{
background-color:#ffa;
border:1px solid orange;
}

/* shop stuff - START */

p.productgroup{
background-color:pink;
padding:0 0 0 2em;
}

p.productitem{
background-color:yellow;
padding:0 0 0 4em;
}



/* shop stuff - START */

ul#shoplist{
/*border:1px solid red;*/
list-style-type:none !important;
margin-left:0 !important;
font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
margin:0;
}

ul#shoplist li{
font-size:0.9em;
font-weight:bold;
/*color:red;*/
/*background-color:#f9f9f9;*/
padding-bottom:0.5em;
padding-right:5px;
/*border:3px solid green;*/
margin:0;
/*padding:1em;*/
background-color:#fff8f8;
border:1px solid #ccc;
margin-bottom:0.5em;
padding:3px;
}

ul#shoplist ul{
list-style-type:none !important;
margin-left:1em !important;
margin:0;
}

ul#shoplist ul li{
font-size:1em;
font-weight:bold;
/*color:orange;*/
padding:0;
border:0;
/*border:3px solid red;*/
margin:0;
}

ul#shoplist ul ul{
list-style-type:none !important;
margin-left:1em !important;
margin:0;

}

ul#shoplist ul ul li{
font-size:1em;
font-weight:bold;
/*color:blue;*/
border:0 !important;
margin:0;
}

span.productgroup{
/*background-color:#ecc;*/
color:#333;
font-weight:bold !important;
font-size:1.3em !important;
width:100%;
display:block;
padding:2px 0 3px 5px;
width:517px;
}


ul#shoplist li ul li span{
padding:3px 0 2px 15px;
background:transparent url('/grafix/list-arrow.png') no-repeat 0 -3px;
width:497px;
border-bottom:1px dotted #ccc;
}

ul#shoplist li ul li ul li span{
padding-left:25px;
background:transparent url('/grafix/list-arrow.png') no-repeat 10px -3px;
width:477px;
}



span.productgroup a:link,
span.productgroup a:visited{
font-weight:normal;
font-size:1em;
color:#fff !important;
text-decoration:none;
border-bottom:none !important;
}

span.productgroup a:hover{
color:#000 !important;
text-decoration:none;
}

span.product{
/*background-color:#ced;*/
color:#333;
font-weight:bold !important;
font-size:1.3em !important;
width:100%;
display:block;
padding:2px 0 3px 5px;
}


span.product a:link,
span.product a:visited{
font-weight:normal;
font-size:0.9em;
color:#fff !important;
text-decoration:none;
border-bottom:none !important;
padding:2px 0 3px 5px;
}

span.product a:hover{
color:#000 !important;
text-decoration:none;
}

li.multitems,
span.multitems{
/*background-color:#edc !important;*/
color:#333 !important;
font-weight:bold !important;
font-size:1.2em !important;
width:100%;
display:block;
padding:2px 0 3px 5px;
width:517px;
}

.hasimg{
/*height:60px;*/
}

/*.hasimg img{
position:relative;
top:-3px;
}*/

div.imgbox{
width:63px;
height:60px;
float:left !important;
background-color:#fff;
border:1px solid #ccc;
margin-right:3px;
}

div.imgbox img{
display:inline-block;
margin:0 !important;
padding:0 !important;
}

div.imgbox a{
background-color:transparent;
border:0 !important;
}


/*ul#shoplist div.imgbox{
float:left !important;
}*/


li.multitems a:link,
li.multitems a:visited,
span.multitems a:link,
span.multitems a:visited{
font-weight:normal;
font-size:0.9em;
color:#fff !important;
text-decoration:none;
border-bottom:none !important;
}

li.multitems a:hover,
span.multitems a:hover{
color:#333 !important;
text-decoration:none;
}

a.button{
background-color:#e99;
padding:0 3px;
float:right;
}

a.details{
background-color:#9cc;
padding:0 3px !important;
color:#333;
}

small{
font-size:0.8em;
font-weight:normal;
position:relative;
top:-1px;
}

span.product{
border:0 !important;
}

p.prodbrif{
border:1px solid #ccc;
padding:5px;
font-weight:bold;
width:350px;
}

#content p.prodcode,
#content p.sectioncode,
#content p.itemcode{
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
color:#888;
font-family: Verdana, Arial, Helvetica, sans-serif
}

div.buyitembox{
border:1px solid #b00;
padding:10px;
margin-bottom:10px;
}


/* shop stuff - END */

#messages{
background-color:#ffb;
border:2px solid #b00;
color:#b00;
font-weight:bold;
padding:5px 5px 0 5px;
margin-bottom:10px;
}

#user p{
font-size:1em;
color:#195;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}

/*  front page stuff start  */

#content #justin{
width:530px;
padding:0;
height:250px;
margin:0 0 10px 0;
background: #fff url('/grafix/justin-bgd.png') no-repeat left bottom;
}

#content #bestsellers{
width:530px;
padding:0;
height:460px;
margin:0 0 10px 0;
background: #fff url('/grafix/justin-bgd.png') no-repeat left bottom;
}

#content #justin h2,
#content #bestsellers h2{
height:19px;
color:#fff;
font-weight:bold;
padding: 3px 0 0 10px;
margin:0 0 10px 0;
width:520px;
background:#fff url(/grafix/red-button.png) repeat-x 0 0;
}

#content #justin div.featured,
#content #bestsellers div.featured{
float:left;
/* margin-left:15px; */
margin:0 0 0 15px;
width:160px;
height:200px;
}

#content #justin div.featured img,
#content #bestsellers div.featured img{
float:none;
display:block;
margin:0;
z-index:500 !important;
}

#content #justin div.featured h3,
#content #bestsellers div.featured h3{
margin:5px 0 0 0;
font-size:1em;
}

#content #justin div.featured h3 a,
#content #bestsellers div.featured h3 a{
border:0;
}

/*  front page stuff end  */

#extraimgs{
height:180px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; 
font-size:1.5em;
font-weight:bold;
color:#b00;}
#keyboardMsg{ float: right; }
#closelink{font-size:1.5em;
font-weight:bold;
color:#b00;}
#lightbox img{ border: none; }
#overlay img{ border: none; }

#overlay{ background-image: url(/grafix/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
#closeButton{
postion:absolute;
top:0;
right:0;
}

#instinvoice{
border:1px solid #b00;
padding:1em;
padding-top:0;
margin-top:35px;
}