.commonbg { background: #ffffff url(http://shop.doodleblog.co.uk/images/doodle/doodleback.gif); }
.headerbg { background: white; }
.middlebg { background: white; }
.usualbg  { background: #F4F4F4; }
.middle2bg { background: #dedede; }
.errorbg  { background: #FF0000; }
.customBox  { background: #FFFFDE; }
.customHome  { background: #EDEDED; }
.white {background: white}
.orange {background: #edebe5}


body       { font-size: 8pt; font-family: tahoma, verdana, sans-serif; color: #464646; margin:0;}
body.popup { font-size: 8pt; font-family: tahoma, verdana, sans-serif; color: #464646; margin-top: 0; margin-left: 0; }

tr, td, input, select               { font-size: 8pt; font-family: tahoma, verdana, sans-serif; color: #464646; }
tr.usual, td.usual { background-color: #f4f4f4; }
tr.header, td.header { color: white; font-weight:bolder; background-color: #464646; }
tr.header2, td.header2 { color: #464646; font-weight:bolder; background-color: white; padding:3px; border-color: white; border-style: solid; border-width: 1px 1px 1px 4px; }
tr.header2b, td.header2b { font-size: 10pt; color:white; font-weight:bold; border:solid 1px; background-color: #464646; }
tr.middle, td.middle { background-color: #CCCCCC; font-weight: bold; }
tr.middle2, td.middle2 { background-color: #dedede; font-weight: bold; }
tr.error, td.error   { background-color: #FFE0E0; color: #d50000; font-weight: bold; }
td.headermenu {background-color:black}

.tab { font-family: sans-serif, arial; font-size: 10pt; font-weight: bold; text-decoration: none; background: #dedede; }
.tab:hover { text-decoration: none; }
.tabActive { font-family: sans-serif, arial, tahoma, verdana; font-size: 10pt; font-weight: bold; text-decoration: none; background: #464646; color: white; }
.tabActive:hover { text-decoration: none; color: white; }

ul.q {margin-right:0px; margin-left:32px; margin-bottom:10px; margin-top:10px}
ul.compact {margin-right:40px; margin-left:40px; margin-bottom:10px; margin-top:10px}
li { list-style-image:url(file:///private/var/tmp/folders.501/TemporaryItems/AdapterTemp/Illustrated%20History/doodleblogshop/images/c2s/li.gif); margin:0; margin-left:-5px; margin-bottom:3px}

form { margin-bottom: 0; }
input.submit { background:#FFE58F url(file:///private/var/tmp/folders.501/TemporaryItems/AdapterTemp/Illustrated%20History/doodleblogshop/images/c2s/bg-button.gif)  repeat-x; padding-left: 5px; padding-right: 5px; }
input.usualprice  { background-color: #F4F4F4; border: none; text-align: right; font-family: tahoma,verdana,sans-serif; font-size:10pt; }
input.orderprice  { background-color: #FFFFFF; border: none; text-align: right; font-family: tahoma,verdana,sans-serif; font-size:10pt; font-weight: bold; }

a.header:hover { color: #dbd5c6; text-decoration: none; }
a.header { color: #ffffff; text-decoration: none; }
a.title:hover { font-weight: bolder;  color: #284a7e; text-decoration: none; }
a.title { font-weight: bolder;  color: #76a00a; text-decoration: none; }
a.productTitle:hover { font-family: arial, sans-serif; font-size:10pt; font-weight: bolder;  color: #284a7e; text-decoration: none; }
a.productTitle { font-family: arial,sans-serif; font-size:10pt; font-weight: bolder;  color: black; text-decoration: none; }
a.menu:hover { color: #6666ff; font-weight: bold; text-decoration: none; font-size: 10pt; }
a.menu { color: white; font-weight: bold; text-decoration: none; font-size: 10pt; }
a.small:hover { color: #354d93;  font-size: 9pt; }
a.smallfooter:hover { color: #ffffff; font-size: 9pt; text-decoration: none; }
a.small { color: #94cc00; font-size: 9pt; font-style: normal; text-decoration: none; }
a.smallfooter { color: silver; font-size: 9pt; text-decoration: none; }
a.green_button:hover { color: #a03789;  font-size: 9pt; font-weight: bold; }
a.green_button { color: #800053;  font-size: 9pt; font-weight:bold; font-family: sans-serif, arial, tahoma, verdana; }
a.blue_button:hover { color: #284a7e;  font-size: 9pt; font-weight: bold; }
a.blue_button { color: #76a00a;  font-size: 9pt; font-weight:bold; font-family: sans-serif, arial, tahoma, verdana; }
a:hover { color: #284a7e; }
a { color: #76a00a; text-decoration: none; }
a.disabled_button { font-size: 9pt; color: silver; text-decoration: underline; cursor: hand; font-weight:bold; font-family: sans-serif, arial, tahoma, verdana;}

.small { color: gray; font-size: 9pt; }
.smallfooter { color: white; font-size: 9pt; text-decoration: none; }
.tiny { font-size: 7pt; color:silver; }
.black7 { font-size: 7pt; color:black}
.grey7 { font-size: 7pt; color:#929292}

.highlight1 { font-size: 10pt; font-weight: bold; color: navy; }
.highlightRed, .asterix { color: #d50000; }
.highlightGreen { color: #009104; }

.articleDate { font-size: 8pt; color: #828282; font-style: italic; }
.realprice { text-decoration: line-through; border: none; width: 100px; background: transparent; }
.ourprice { color: #d50000; font-weight: bold; border: none; width: 100px; background: transparent; }
.comment { font-size: 8pt; color: #7777CC; }
.message { font-size: 8pt; font-weight:bolder; color: blue; }
a.title1  { font-weight:bold}
a.title2  { font-weight:bold}
.title, .title2 { font-family: arial, sans-serif; font-size:10pt; font-weight:bolder }
.bigTitle { font-family:arial, sans-serif; font-size: 11pt; font-weight: bold; }
.block_title { font-weight:bold; color: #938c87; font-size: 11pt; font-family: sans-serif, arial, tahoma, verdana; text-transform:uppercase; }
.code {font-family:Courier, helvetica;font-size:10pt;background-color:#FFFFFF;color:gray}
.error { color: #d50000; }
.errorheader { color: #d50000;  font-weight: bold;}
.caption {font-family:tahoma,verdana, sans-serif;font-size:10pt;font-weight:bold;background-color:#FFFFDE; border: 1px solid #FFB400; padding:3px}
.hot {font-family:verdana, helvetica;font-size:8pt;font-weight:bold;color:red}

.txt3 {font-size:3px;}
.txt5 {font-size:5px;}
.txt7 {font-size:7px;}

/* Site Navigation */ 

ul.horizontal, ul.horizontal li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:11px;
	list-style-image:none;
	}

	
ul.horizontal {
	left:0;
	cursor:default;
	z-index:2000;
	top:98px;
	}

ul.horizontal li { width:auto; position:relative; cursor:pointer; cursor:pointer; text-align:left; float: left; margin:0 0 0 -1px; }
	
* html ul.horizontal li {
	margin:0 0 0 0;
	}

ul[class^="horizontal"] li {
	margin:0 0 0 0;
	left:0;
	}

ul.horizontal ul {
	z-index:2020;
	padding:0;
	cursor:default;
	position:absolute;
	top:auto;
	width:8.2em;
	margin:0 0 0 0;
	left:-20000px;
	}
	
ul.horizontal ul li {
	width:90px;
	left:auto;
	margin:-1px 0 0 0;
	}

ul.horizontal ul.wider, ul.horizontal ul.wider li {
	width:115px;
	}

ul.horizontal ul.widest, ul.horizontal ul.widest li {
	width:150px;
	}

ul.horizontal ul ul {
	margin:0-0.45em 0 0 7.65em;
	}

@media Screen, Projection { 
	ul.horizontal li:hover > ul { left:auto; }
	ul.horizontal ul li:hover > ul { top:0; }
	}

ul.horizontal a, ul.horizontal a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	background:black;
	font:normal normal normal 11px arial,verdana, sans-serif,tahoma;
	color:white;
	text-decoration:none;
	wrap:normal;
	}
	
ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a.rollover, ul.horizontal a.rollover:visited {
	background:#white;
	color:black;
	font-weight:bold;
	}

a.p7 {padding:7px; 	border: 1px solid #9D9D9D;}

ul.horizontal a { float:left; }
@media Screen, Projection { ul.horizontal a { float:none; } }
ul.horizontal a:not(:nth-child(n)) { float:left; }
ul.horizontal ul a { float:none !important; }
@media screen, projection {
	* html ul.horizontal li {
		display:inline; 
		float:left; 
		background:#ffffff; 
		}
	}
* html ul.horizontal li { position:static; }
* html ul.horizontal a { position:relative; }
ul[class^="horizontal"] ul { display:none; }
ul[class^="horizontal"] ul { display:block; }