/*css document */


/* common styling*/
body {color: #444; font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal; font-size: 0.9em}
img {border: 0; margin: 0;}
a:link{text-decoration: underline; color:  #921818;}
a:visited{text-decoration: underline; color: #921818;}
a:hover{text-decoration: none; color: #921818;}

hr.main {width: 100%;color: #921818; height: 1px;}

/* inject some space between list items*/
#space li, ul.space li, ol.space li {margin: 5px 0 5px 0;}

h1 {/*height: 1.5em;*/
	margin: 20px 0 4px 0;
	font-size: 1.4em;
	color: #333;
	word-spacing: -0.1em;}

h2 {margin: 20px 0 5px 0;
	font-size: 1.3em;
	color: #921818;}
	
h3 {margin: 18px 0 5px 0;
	font-size: 1.1em;
	color: #555;}

th {text-align: left;}

#breadcrumb{text-transform: lowercase; margin-bottom: 10px; height: 1em;}

#print {margin: 10px 0 10px 0; clear: both; float: left; width: 100%;}


	

/***************HEADER START******************/
#header {
background: #fff url(../../images/top.jpg);
width: 960px;
margin-left: auto;
margin-right: auto;
height: 200px;
color: #444444;
}
/***************HEADER END******************/



/***************SIDE  START******************/
/* These divs are floated because the menu is - and so margin top settings work*/ 
#mailing-list {float: left; margin: 20px 0 10px 0; font-size: 0.8em;}
#mailing-list input {margin: 2px 0 2px 0;}


#w3c-l img, #w3c-r img {margin: 10px 0 0 0; width: 70px; height: 25px;}
#w3c-l{float: left;}
#w3c-r{float: right;}
/***************HEADER NAV END******************/

/***************MAIN CONTENT ******************/
#main-holder {margin: 0; width: 770px; clear: both; float: left;}
div.main-right {width: 250px; float: right; display: block; border: 0px solid #FFCC00; padding-left: 10px; text-align:right;}
div.main-left {width: 490px; float: left; padding-right: 10px; border: 0px solid #679BC2; text-align:justify;}
/***************MAIN CONTENT END******************/



/*///////////////////////////////////////////////////////////////*/
/*Main navigation////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/



ul.mainnav {
/*///////// I added the width in the line below to fix the IE/Firefox problem ////////////*/
list-style: none; 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background-color: #000;
font-family: verdana, arial, helvetica, sans-serif; 
font-weight: bold;
font-size:0.9em;
}

ul.mainnav li a:link, ul.mainnav li a:visited {
display: block;
text-decoration: none;
/*///////// width should have the padding subtract ////////////*/
width: 200px;
padding: 4px 10px 4px 10px;
color: #fff;
}
ul.mainnav li {
border-bottom: 1px solid #333;
border-left: 0px solid #999;
width: 200px;
}
ul.mainnav li a:hover {
color: #CCC;
}





img.main {
border-bottom: 0 solid #921818;}

img.right {
margin:8px 0 8px 8px;
}



/***************BULLET LIST******************/
ul.bullet_points{
list-style-type: none;
line-height: 1.7;
padding: 0;
margin: 8px 5px 15px 10px;
}

li.bullet_points{
background-image: url(../ims/list_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding: 0 0 10px 22px;
font-weight: normal;
font-style:italic;
}
/***************BULLET LIST END******************/


/***************BULLET 2 LIST******************/
ul.bullet_points_2{
list-style-type: none;
line-height: 1.7;
padding: 0;
margin: 8px 5px 15px 10px;
}

li.bullet_points_2{
background-image: url(../ims/list_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding: 0 0 10px 22px;
}
/***************BULLET LIST 2 END******************/

/*///////////////////////////////////////////////////////////////*/
/* Tables ///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/

table.books td{
padding: 10px 25px 0 25px;
width: 50%;
vertical-align:top;
}

td.book-centered{
text-align:center;
}

table.side-basket td{
padding: 2px;
width: 50%;
vertical-align:top;
background-color:#000000;
}

table.reviews{
margin: 20px 0 30px 0;
}

table.reviews td{
padding: 10px 15px 10px 15px;
vertical-align:top;
border-bottom: 1px solid #ccc;
}


td.reviews-centered{
text-align:center;
}


table.delivery td{
padding: 10px 15px 10px 15px;
vertical-align:top;
border-bottom: 1px solid #999;
}

td.delivery-uk {
background-color:#d7d7d7;
}

td.delivery-ec {
background-color:#E4E4E4;
}

td.delivery-row {
background-color:#EAEAEA;
}

/***************TABLES END******************/



/*///////////////////////////////////////////////////////////////*/
/*Form //////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/

tr.order_form_1 td {
border-bottom:1px solid #000066;
padding: 8px 0 4px 8px;
vertical-align:top;
}


tr.order_form_no_border td {
padding: 8px 0 4px 8px;
vertical-align:top;
}


td.order_form_tickbox {
text-align:left;
}

tr.order_form_text td { 
padding: 4px 4px 4px 4px;  
vertical-align: middle;
}

tr.order_form_message td { 
padding: 4px 4px 4px 4px;  
vertical-align: top;
}

input.input_box{
margin: 3px 0px 2px 4px;
padding: 2px 4px 4px 4px;  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em; 
background-color: #fff;
color: #333; 

}

textarea { 
padding: 4px 4px 4px 4px;  
font-size: 0.9em;
font-family: Verdana, Arial, Helvetica, sans-serif; 
width: 200px; 
background-color: #fff; 
margin-left: 3px;
}