/*
Gary Hollands - Solriche 2009 for Sandrine's Card Shop
*/
*{
margin: 0;
padding: 0;
}
html,body{
font-family: "lucida grande","lucida sans unicode","bitstream vera sans",helvetica,arial,sans-serif;/*mac,windoze,linux*/
color: rgb(0,0,0);
background-color: rgb(250,250,255);
line-height: 1.5;
}
#container{
width: 80%;/*48em or 98%*/
margin: 1em auto 0 auto;
padding: 0 0.5em 0 0.5em;
}
#topborder, #bottomborder{
clear: both;
background: url("../images/myosotisborder.png") repeat-x;
height: 1.4em;
}
#title{
float: left;
clear: both;
width: 100%;
}
#title h1{
float: left;
font-size: 150%;
line-height: 1.5;
}
#botanical{
float: right;
margin: 0.2em 0em 0.3em 0em;
}
#botanical p{
font-family: georgia,serif;
text-align: right;
font-size: 90%;
line-height: 1.2;
font-weight: 500;
color: rgb(10,90,0);
}
/*------------------------Nav------------------------*/
#navbox{
float: left;
clear: both;
width: 100%;
border-top: 1px solid rgb(204,204,204);
margin: 0 0 1% 0;
}
#navu ul{
list-style-type: none;
}
#navu li{
font-size: 75%;
float: left;
display: inline;
padding: 0 1em 0 1em;
border-left: solid 1px rgb(204,204,204);
border-right: solid 1px rgb(204,204,204);
border-bottom: solid 1px rgb(204,204,204);
}
#navu li a{
text-decoration: none;
}
/*------------------------shop------------------------*/
#e_shop{
width: 98%;
}
#e_shop p{
font-size: 85%;
margin: 0 0 0.5em 0;
}
#e_shop .products{
width: 65%;
float: left;
margin: 0.5em 0.5em 0.5em 0;
}
#e_shop .item{
float: left;
width: 8.5em;
height: 12.5em;/*MSIE6 doesn't recognise min-height*/
min-height: 12.5em;/*height forces the boxes to clear the bottom of the boxes above*/
margin: 0 0.5em 0.5em 0;
}
#e_shop .products h3{
font-size: 90%;
}
#e_shop .basket{
width: 30%;/*30%*/
float: left;
margin: 0.5em 0 0.5em 0;
}
#e_shop .basket_items{
/*height: 16em;MSIE6*/
min-height: 16em;
}
#e_shop .sum_total{
position: relative; bottom: 0; left: 0;
margin: 0.5em 0 0 0;
}
#e_shop .sum_total table{
border-top: 1px dashed rgb(200,200,200);
border-collapse: collapse;
border-spacing: 0;
empty-cells: hide;
width: 100%;
}
#e_shop .sum_total td{
font-size: 85%;
}
#e_shop .float_right{
float: right;
text-align: right;
}
#e_shop .align_right{
text-align: right;
}
/*------------------------buttons------------------------*/
#e_shop .basket_items .delete {
float: right;
font-size: 85%;
border: none;
/*width: 80%;MSIE needs this to stop table shift*/
background: rgb(240,240,240) url("../images/button_bg.png") repeat-x 0% 0%;
margin: 0 0 0 0.5em;
}
#e_shop .post, #e_shop .cart_post{
font-size: 85%;
border: none;
width: auto;
color: rgb(0,0,0);
background: rgb(240,240,240) url("../images/button_bg.png") repeat-x 0% 0%;
}
#e_shop .cart_post{
float: right;
}
#e_shop .cart_post:hover, #e_shop .post:hover, #e_shop .basket_items .delete:hover{
color: rgb(175,25,25);
background-color: rgb(255,255,224);
cursor: pointer;
}
/*------------------------table------------------------*/
#e_shop .basket_items table{
margin: 0 0 2% 0;
border-collapse: collapse;
border-spacing: 0;
border: none;
empty-cells: hide;
width: 100%;
}
#e_shop .basket_items th{
font-size: 85%;
color: rgb(10,90,0);
text-align: left;
}
#e_shop .basket_items td{
font-size: 85%;
padding: 0 0 0.25em 0;
}
#product_column{
width: 40%;
}
#quantity_column{
width: 15%;
}
#price_column{
width: 15%;
}
#remove_columnz{
width: 30%;
}
/*------------------------Return Page------------------------*/
#return_summary{
margin: 0 0 1em 0;
width: 60%;
}
#product_purchased{
width: 60%;
}
#quantity_purchased{
width: 10%;
}
#price_purchased{
width: 20%;
}
/*------------------------Terms and conditions page------------------------*/
#e_shop .tandc{
margin: 0.5em 0 0.5em 0.5em;
list-style: circle inside;
}
#e_shop .tandc li{
font-size: 85%;
}
/*------------------------misc------------------------*/
.hide{
	display: none;
}
.logo{
	float: right;
	margin: 0 0.15em 0 0;
}
.spacer{
	clear: both;
	width: 100%;
	padding: 0 0 0.5em 0;
}
h1,h2,h3,h4,h5,h6{
font-family: georgia, verdana, arial, helvetica, sans-serif;
font-variant: small-caps;
margin: 0 0 1% 0;
color: rgb(10,90,0);
}
h1{font-size: 130%;}
h2{font-size: 110%;}
h3{font-size: 100%;}
h4{font-size: 90%;}
img{border: 0;}
a:link{
color: rgb(57,92,97);
text-decoration: underline;
}
a:visited{
color: rgb(0,153,153);
text-decoration: underline;
}
a:hover{
color: rgb(102,51,51);
text-decoration: none;
}
/*Modified by Gary Hollands - solriche, from css by Dynamic Drive Image Thumbnail Viewer - http://www.dynamicdrive.com*/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 0.2em 0.2em 0 0.2em;
background: rgb(10,90,0);
visibility: hidden;
cursor: pointer;
z-index: 20;
}
#thumbBox #thumbImage{
font: 60% bold arial,sans-serif;
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: 75% bold arial,sans-serif;
color: rgb(255,255,255);
padding: 0.2em 0 0 0;
text-align: right;
}
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: rgb(255,255,255);
}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
top: 0;
left: 0;
visibility: hidden;
border: 1px dotted rgb(200,200,200);
background-color: rgb(250,250,250);
padding: 0.2em 0.2em 0 0.2em;
}