@import url("positioning.css");
@import url("searchHeader.css");

body {
 
 background-color: #FFFDF4;
 font-family: Arial, Helvetica, sans-serif;
}

body.admin{
	font-size : 10pt;
}

img {
	border : 0px;
}

div#mainText img{
 padding-left : 10px;
}

.large {
 font-size: 11pt;
 
}

.red{
	color : #C61F1F;
}

.blue{
	color: #212889;
}

.med{
	font-size : 95%;
}

.small{
	font-size : 80%;
}

.hidden{
	display : none;
}

.bold{
	font-weight : bold;
}

.space{
	margin-top : 10px;
	margin-bottom : 10px;
}

.spaceinherit{
	margin-top : 10px inherit;
	margin-bottom : 10px inherit;
}

.rightalign{
	float : right;
}

.left{
	text-align : left;
}

.right{
	text-align : right;
}

.noborder{
	border : 0px;
}


.error
		{
			background:#fdd;
		}

label{
	vertical-align : top;
}

dt{
	color : #C61F1F;
	margin : 8px 0px;
}

dd{
	margin : 8px 20px;
	line-height : 130%;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 95%;
}

dd.itemPrice{
	font-family: Arial, Helvetica, sans-serif;
}

caption{
	color : #C61F1F;
	font-weight : bold;
}

h2.med a:link{text-decoration: none; color: #C61F1F;}
h2.med a:visited{text-decoration: none; color: #C61F1F;}
h2.med a:hover{text-decoration: underline; color: #212889;}

div#content{ /* Everything but the header */
	font-size : 80%;
}

div#mainText h1{
	font-weight : bold;
	margin : 0 0 10px 0;
	padding : 0;
}

.searchBreadcrumb{
	font-size : 95%;
}

div#mainText p{
	font-family: arial, verdana, Helvetica, sans-serif;
	margin : 0 0 1em 0;
	padding : 0;
	text-align : justify;
}

img.keywordmax{
	width : 1px;
	height : 1px;
}

ul.links li{
	list-style-type : none;
	font-size : 10pt;
	font-weight : bold;
}

ul.links li a:link{text-decoration: none; color: #212889;}
ul.links li a:visited{text-decoration: none; color: #212889;}
ul.links li a:hover{text-decoration: underline; color: #212889;}

ul.horizontal li{
	display : inline;
}

a:link{text-decoration: underline; color: #212889;}
a:visited{text-decoration: underline; color: #212889;}
a:link:active{text-decoration: underline; color: red;}
a:link:hover{text-decoration: underline; color: #212889;}

ul.categoryList li{
	margin-right : 1em;
	
}

div.dividerRule{
	border : 0px;
	background : url(../graphics/divider.gif) no-repeat center;
	height : 10px
}

hr{display : none}

div.blueRedRule{
	border : 0px transparent;
	background : url(../graphics/blueredbar.gif) no-repeat center;
	height : 2px;
	margin : 0px;
}

.smallTable th, td{
	width : 150px;
	text-align : center;
}

/* Registration etc Form ------------------------------------------------------- */

form#customerForm input, select{
	margin : 5px 0px 0px 3px;
}

form#customerForm label{
	vertical-align : middle;
}

/* Search Form ------------------------------------------------------- */

div#searchBox{
	background : url(../graphics/searchFrame.gif) no-repeat top center;
	font-size : 11px;
	padding : 19px 19px 60px 19px;
	margin-bottom : 20px;
}

html>body div#searchBox{
	background : url(../graphics/searchFrame.gif) no-repeat top center;
	font-size : 11px;
	padding : 30px;
}

legend{
	font-weight : bold;
	color : black;
}

input{
	color : #212889;
	background-color : #F8F1E3;
	font-size : 90%;
}

select{
	color : #212889;
	background-color : #F8F1E3;
	font-size : 90%;
}

textarea{
	color : #212889;
	background-color : #F8F1E3;
	font-size : 100%;
	height : 100px;
}

textarea#additional_instructions{
	color : #212889;
	background-color : #F8F1E3;
	font-size : 100%;
	height : 100px;
}


fieldset{
	border : 0px;
	border-top : 1px solid #ddd;
	text-align : right;
	padding-bottom : 5px;
}



#searchWord, #inputArtist, .selectCategory, #selectSubject{
	width : 150px;
	margin-bottom : 4px;
}

input.submitSearch{ /* Other Pages Search Form*/
	background : url(../graphics/searchSubmit.gif) top left;
	padding : 0;
	border : 0;
	width : 98px;
	height : 33px;
	color : #C61F1F;
	font-weight : bold;
	font-size : 100%;
}

form#shortSearchForm{
	font-size : 80%;
	margin-top : 32px;
	margin-right : 8px;
}

form#shortSearchForm label{
	font-weight:bold;
}

input.submitShortSearch{
	position : absolute;
	top : 45px;
	right : 85px;
	background : url(../graphics/find.gif) no-repeat top left;
	padding : 0;
	border : 0;
	width : 73px;
	height : 48px;
	color : #C61F1F;
	font-weight : bold;
	font-size : 13px;
	margin : 2px 0 0 1px;
}

input.inputShortSearch{
	margin-bottom : 10px;
	position : absolute;
	top : 50px;
	right : 165px;
}

select.selectShortCategory{
	width : 156px;
	margin-right : 145px;
	margin-top: 0px;
	padding : 0;
	position : absolute;
	top : 74px;
	right : 19px;
}

p.searchLink{
	color : #212889;
	font-weight : bold;
	display : inline;
	position : absolute;
	top : 60px;
	right : 20px;
}


div.basket{
	border-left : solid #bbb 1px;
}

/* End Search Form ------------------------------------------------------- */

/* Search Results */

.searchResult{
	margin-top : 5px;
	height : 14em;
	overflow : visible;
	
}



div#mainText p.addtobasket2{
        text-align : center;

        background : url(../graphics/back.gif) no-repeat center 0px;
        height : 67px;
        margin : 10px 5px 10px 0px;
        padding-top : 15px;
        padding-right : 7px;
}



div#mainText p.addtobasket1{
        text-align : right;

        background : url(../graphics/back.gif) no-repeat right 0px;
        height : 67px;
        margin : 10px 5px 10px 0px;
        padding-top : 15px;
        padding-right : 7px;
}


div#mainText p.addtobasketRight{
        text-align : right;

        background : url(../graphics/back.gif) no-repeat right 0px; 
        height : 67px;
        margin : 10px 5px 10px 0px;
        padding-top : 15px;
        padding-right : 7px;
}




div#mainText p.addtobasket{
	text-align : center;
	
	background : url(../graphics/back.gif) no-repeat right 0px;
	height : 67px;
	margin : 10px 5px 10px 0px;
	padding-top : 15px;
	padding-right : 7px;
}

div#mainText form.submitPayment{
	text-align : right;
}

div#mainText p#checkout{
	padding-right : 22px;
	padding-top : 6px;
}

div#mainText p#payment{
	padding-right : 21px;
}

p.addtobasket a:link{text-decoration: none; color: #C61F1F; font-weight : bold}
p.addtobasket a:visited{text-decoration: none; color: #C61F1F; font-weight : bold}
p.addtobasket a:hover{text-decoration: underline; color: #212889; font-weight : bold}

p.addtobasket1 a:link{text-decoration: none; color: #C61F1F; font-weight : bold}
p.addtobasket1 a:visited{text-decoration: none; color: #C61F1F; font-weight : bold}
p.addtobasket1 a:hover{text-decoration: underline; color: #212889; font-weight : bold}

p.addtobasket2 a:link{text-decoration: none; color: #C61F1F; font-weight : bold}
p.addtobasket2 a:visited{text-decoration: none; color: #C61F1F; font-weight : bold}
p.addtobasket2 a:hover{text-decoration: underline; color: #212889; font-weight : bold}



/* Right Column */

div.productImage {
	margin-top : 5px;
	height : 14em;
	width : 120px;
	overflow : auto;
}


div.productImage, div.rcolImage img{
	margin-top : 5px;
	
}

div.rcolImage {
	margin-top : 5px;
	width : 120px;
	overflow : none;
}

.rcolImage a:link{text-decoration: none; color: #212889; font-weight : bold}
.rcolImage a:visited{text-decoration: none; color: #212889; font-weight : bold}
.rcolImage a:hover{text-decoration: underline; color: #212889; font-weight : bold}

.productImage a:link{text-decoration: none; color: #C61F1F; font-weight : bold}
.productImage a:visited{text-decoration: none; color: #C61F1F; font-weight : bold}
.productImage a:hover{text-decoration: underline; color: #212889; font-weight : bold}

.addToBasket{
	background : url(../graphics/back.gif) no-repeat center 0px;
}

.addToBasket1{
        background : url(../graphics/back.gif) no-repeat center 0px;
}

.addToBasket2{
        background : url(../graphics/moreinfo.gif) no-repeat center 0px;
}

.addToBasket4{
        background : url(../graphics/back.gif) no-repeat right 0px;
}

.addToBasketRight{
        background : url(../graphics/back.gif) no-repeat right 0px;
}




.moreInfo{
	background : url(../graphics/moreinfo.gif) no-repeat center 0px;
}

div#mainText p.backTo{
	text-align : center;
	background : url(../graphics/back.gif) no-repeat center 0px;
	height : 67px;
	margin : 5px 0px 0px 0px;
	padding-top : 13px;
	padding-left : 5px;
	font-weight : bold;
}

div#mainText p.backToRight{
	text-align : center;
	background : url(../graphics/back.gif) no-repeat 8px 0px;
	height : 67px;
	margin : 0px 0px 0px 322px;
	padding-top : 13px;
	padding-left : 5px;
	font-weight : bold;
}

/* product page images and buttons*/
.prodImg{
	float:left;
}

.prodImgRt{
	float : right;
	width : 110px;
}

dl.prodDesc{
	clear : both;
}

/* end */

.productImage p{
	height : 30px;
	padding-top : 5px;
	margin : 2px;
	
}

.rcolImage p.moreInfo{
	height : 30px;
	padding-top : 5px;
	margin : 2px;
	
}


/* Admin Styles */

table.adminDetailsList{
	border : 0;
}

table.adminDetailsList th{
	border-bottom : 1px solid #ddd;
}

.evenRow{
	background-color : #F8F1E3;
	padding : 5px;
}

.oddRow{
	background-color : transparent;
	padding : 5px;
}

textarea{
	width : 250px;
	height : 150px;
}