/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
-------------------------------------------------------------- */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
body {
    background:#fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
        text-align:left;
}

a img { 
	border: none;
}

/* -------------------------------------------------------------- 
  
   Imperial War Museum 2011 Redesign CSS.
   
   Author: Garry Taylor / thebouncingball
   URI: http://thebouncingball.com
   
-------------------------------------------------------------- */

/* v1.0.1 | 20110926 */

body.bodyclass {
	font: 12px/17px Arial, Helvetica, sans serif;
	background: #272C33;
	color: #60615e;
	margin:0;
	padding: 0;
	text-align: center;
}

h2, .header_main b {
	font-weight:normal;
	font-size:17px;
	color:#d1153c;
	display:block;	
	/* margin:10px 0 5px 0;
	padding:0; */
}
h2 {
	padding:0 0 5px 0;
}
.header_main b {
	font-weight:lighter;
}
p {
	padding:0 0 10px 0;
}
table #contact, table #delivery {
    width:400px;
    font-size:13px;
    line-height:18px;
    margin:0 0 22px 0;
    text-align:left;
    margin:10px 0;
    border:1px solid #CCC;
    border-right:none;
    border-bottom:none;
}
table #delivery {
    width:100%;
}
table #contact th, table #contact td, table #delivery th, table #delivery td {
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:5px 10px;
}
table #contact td.classToAdd, table #delivery td.classToAdd {
    font-weight:normal;
	font-size:13px;
	color:#60615e;
	text-transform:lowercase;
	display:block;	
	margin:0;
	padding:5px 10px;
        visibility:visible;
        width:200px;
}
table #delivery td.classToAdd {
        width:auto;
}

caption {
    text-align:left;
}
a {
	color:#d1153c;
}
a:hover {
	color:#d1153c;	
	text-decoration:none;
}

.b {
       font-weight:bold;
}

b   {
       font-weight: normal;
}
b a {
        text-decoration:none;
		color:#d1153c;
}
a img { 
	margin:0 0 -5px 0;
	border: solid 1px #f3f3f3;
}
#main ul {
        list-style:disc;
        margin:10px;
        padding:0 0 0 20px;
} 
#main li {
       padding:4px 0;
}


#wrapper {
	position: relative;
	width:920px;
	margin: 0 auto;
  	text-align: left;
  	padding: 0 20px;
	background:#FFF;
	border:1px solid #d4d4d7;
	border-top:none;
}

/* =Header Area
-------------------------------------------------------------- */

#header {
	height:220px;
}
#header h1, #header h2 {
	text-indent:-9000px;
}
#header h1 {
	border-bottom:none;
}
#header h2 {
	margin:-20px 0 0 0;
}

/*-- OLD STYLE LOGO'S --*/
/* #logo {
	padding:20px 0 0 0;
	margin:0 0 20px 0;
}
#logo h1 a {
	float:left;
	display:block;
	height:90px;
	width:75px;
	margin:0 0 15px 0;
	background:url(http://www.iwmshop.org.uk/images/imperialwarmuse/IWMlogo-shop.gif) no-repeat;
}
#logo h2 a {
	float:left;
	display:block;
	height:90px;
	width:553px;
	background:url(http://www.iwmshop.org.uk/images/imperialwarmuse/header-shop.gif) no-repeat;
} */

/*-- NEW STYLE LOGO'S --*/

 #logo {
	padding:10px 0;
	margin:0;
}
#logo h1 a {
	float:left;
	display:block;
	height:101px;
	width:160px;
	margin:0 20px 25px 0;
	background:url(http://www.iwmshop.org.uk/images/imperialwarmuse/IWMlogo-red.jpg) no-repeat;
}
#logo h2 a {
	float:left;
	display:block;
	height:90px;
	width:154px;
	margin:13px 0 0 0;
	background:url(http://www.iwmshop.org.uk/images/imperialwarmuse/header-shop-red.gif) no-repeat;
}

#topNav, #footerNav {
	float:left;
    background:#F3F3F3;
    font-size: 17px;
    height: 55px;
    margin: 0 0 0 -20px;
    padding: 0 0 0 20px;
    width: 940px;
}
#topNav {
    border-top: 1px solid #e1e3e3;
    border-bottom: 1px solid #e1e3e3;
}
#topNav a, #footerNav a, #login_tbl a {
	display:inline-block;
	float:left;
	color: #414141;
	text-decoration:none;
	text-transform:uppercase;
	height:16px;
	margin:18px 20px 0 0;
	padding:0;
}
#login_tbl a {
	font-size: 17px;
}
#topNav a:hover, #topNav a.up, #login_tbl a:hover {
	color:#d1153c;
}
<!-- #topNav .basket a {
	padding:0 20px 0 0;
}-->

#login_tbl {
	position:absolute;
	top: 137px !important;
        *top: 137px;
        _top: 137px;
	left: 520px;
	width:100px;
}

#social {
	position:relative;
	float:right;
	top:-125px;
	right:0;
	width:150px;
	height:20px;
}
#social a {
	display:inline-block;
	float:right;
	margin:0;
	text-indent:-9000px;
	width:20px;
	height:20px;
}
/* .tw {
	background:url(images/iwmshop2/twitter.png) no-repeat;
	width:20px;
	height:20px;
}
.fb {
	background:url(images/iwmshop2/fb.png) no-repeat;
	width:20px;
	height:20px;
}
.at300bs {
	background:url(images/iwmshop2/share.png) no-repeat;
	width:20px;
	height:20px;
}
.em {
	background:url(images/iwmshop2/email.png) no-repeat;
	width:20px;
	height:20px;
} */
/* .rss {
	background:url(images/iwmshop2/rssIconNEW.png) no-repeat;
	width:23px;
	height:24px;
} */
.tw:hover, .fb:hover, .at300bs:hover .email:hover, .rss:hover {
    opacity:0.7;
}
#search#search {
	position:absolute;
	top:149px;
	right:20px;
}
input#quicksearch {
	background:#FFF url(images/iwmshop2/searchBgrd.gif) no-repeat top right;
	text-transform:capitalise;
	font-size:13px;
	color:#d1153c;
	padding:6px 50px 6px 10px;
	border:1px solid #e6e6e6;
}

/* =Category Navigation
-------------------------------------------------------------- */

#nav {
	float:left;
	width:220px;
	margin:0;
	padding:0;
}
h1, #nav h2, #lastview_hdr {
	font-weight:normal;
	font-size:17px;
	color:#d1153c;
	text-transform:capitalise;
	display:block;	
	border-bottom:1px solid #b6b6b7;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}

#nav ul, #lastview_tbl {
	margin:0 0 50px 0;
}
#nav a {
	font-size:15px;
	color:#414141;
	line-height:28px;
	text-decoration:none;
}
#nav a:hover, #nav ul.subNav a:hover {
	color:#d1153c;
}
#nav ul.subNav {
	margin:10px 0 10px 35px;
}
#nav ul.subNav ul {
	margin:2px 0 2px 10px;
    /* list-style:circle; */
}
#nav ul.subNav a, #lastview_tbl a {
	font-size:13px;
	color:#60615e;
	line-height:18px;
}
#nav ul.subNav ul li a {
    color:#929090;
}
#lastview_tbl a {
    display: block;
    margin: 0 0 10px 0;
    font-size: 12px;
}


/* =Main Content Area
-------------------------------------------------------------- */

#main {
	float:right;
	width:680px;
    margin:-1px 0 0 0;
	padding:0;
}

/* =jFlow Slider
-------------------------------------------------------------- */

#myController {
	position:relative;
	top:-240px;
	left:10px;
	width:660px;
}
#myController span.jFlowSelected {
	background:#FFF;
}

#slides {
	width:680px;
	height:370px;
}
#jFlowSlide {
	margin-top:24px;
}
.slide-thumbnail {
	width:680px;
	height:298px;
	float:left;
	margin:0 0 7px 0;
}
.entry-content .slide-thumbnail img {
	max-width:680px;
	margin:0;
}
.slide-details {
	float:left;
	margin:0;	
}

.jFlowControl, .jFlowPrev, .jFlowNext {
	cursor:pointer;	
}
.jFlowControl {
	display:none;
}
.jFlowPrev, .jFlowNext {
	width:29px;
	height:29px;
	text-indent:-9000px;	
}
.jFlowPrev {
	float:left;
	background:url(images/iwmshop2/arrowLeft.png) no-repeat;
}
.jFlowNext {
	float:right;	
	background:url(images/iwmshop2/arrowRight.png) no-repeat;
	
}

/* =Content
-------------------------------------------------------------- */

#content {
	clear:both;	
}
.topCat {
	width:330px;
	float:left;
	margin:0 20px 20px 0;
}

.topCat a {
	color: #60615e;
        text-decoration: none;
}

.topCat a p {
	color: #60615e;
        text-decoration: none;
}
.topCat a p:hover {
	color:#d1153c;
}
.right {
	margin:0 0 20px 0;
}

.sectionborder_main {
	margin-bottom:20px;
} 
.column_main .small_main img {
        margin-right:30px;
        margin-bottom:30px;
        border: 1px solid #f3f3f3;
}
td.column_main h3 {
       line-height:32px;
}
#shopcart_tbl table.classToAdd_2 tr.column_main .small_main img {
        margin-right:0;
        margin-bottom:0;
}
#shopcart_tbl table.classToAdd_2 tr.column_main tD.column_main {
        font-weight:bold;
}
.classToAdd {
    width:100%;
    font-weight:normal;
	font-size:17px;
	color:#d1153c;
	/* text-transform:uppercase; */
	display:block;	
	border-bottom:1px solid #b6b6b7;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
    visibility:visible;
    line-height:18px;
}
.classToAdd h2 {
        margin:5px 0 0 0;
}
.classToAdd b {
        /* font-weight:lighter;
        margin:10px 0 5px 0;
		padding:0; */
}
.classToAdd a {
        font-size:17px;
}
.classToAdd_2 {
        font-size: 12px;
        line-height: 18px;
        margin-top:-35px;
}
#shopcart_tbl.classToAdd_2 {
        margin-top:0;
}
#shopcart_tbl form {
        margin:20px 0;
}
.header_main {
        width:21%;
        float:right;
        position:relative;
        top:-135px;
        right:0;
}
.header_main.classToAdd {
    float: left;
    left: 0;
    /* line-height: 8px; */
    top: 0;
    width: 100%;
}
.tablecontrast .header_main.classToAdd {
    line-height: 18px;
    top: 0;
}
.classToAdd_7 {
        visibility:hidden;
}
#cat_hdr .classToAdd_7, .classToAdd_3 .classToAdd_7, .classToAdd_8 .classToAdd_7 {
        visibility:visible;
}
.classToAdd_8 {
        line-height:30px;
		font-size:12px;
}
.classToAdd_9 {
        line-height:22px;
}
.classToAdd_8 td form {
      float:right;
}
.classToAdd_8 td select {
      margin-left:20px;
}
.classToAdd .classToAdd_8  {
       line-height:18px;
}
.header_main.classToAdd_8 {
        width:100%;
        float:left;
        position:relative;
        top:0;
        left:0;
        line-height:18px;
        margin-bottom: 10px;
}
.sectionborder_main tr .header_main.classToAdd_8 {
        float:right;
}
.sectionborder_main .sectionborder_main .column_main .column_main ul {
        margin:0 0 20px 20px;
}
.sectionborder_main .sectionborder_main .column_main .column_main ul li {
        list-style:disc;
}
.sectionborder_main.classToAdd_2 .classToAdd_8 .header_main {
        width:100%;
        float:left;
        position:relative;
        top:100px;
        left:0;
        line-height:18px;
        margin-bottom: 10px;
}
#cat_hdr td.column_main {
         width:340px;
         display:none;
}
#cat_hdr p {
         padding:0 10px 10px 0;
}
#catprods_tbl {
        margin-top:-10px;
        font-size:14px;
	color:#60615e;
        /* line-height:22px; */
}
#catprods_tbl td {
       width:220px;
}

#catprods_tbl a {
        font-size:12px;
        padding-right: 10px;
}
.buttonstyle {
    background: #d1153c;
    border:none;
    color: #FFFFFF;
    font-size: 13px;
    padding: 5px;
    margin-bottom:10px;
}
.buttonstyle.btnhov {
    background: #929090;
    cursor:pointer;
}
.classToAdd input.buttonstyle {
        margin-bottom:47px;
}
#prod_tbl {
        text-transform:none;
        color: #929090;
        font-size:14px;
        margin-top:22px;
}
#prod_tbl b {
        text-transform:uppercase;
        color:#d1153c;
}
.classToAdd_3 {
        padding-top:210px;
        height: 250px;
        line-height:18px;
}
/* Target Firefox 3 */
.classToAdd_3, x:-moz-any-link, x:default {
        height: 475px;
}
.classToAdd_4 {
        position:absolute;
        top:620px;
        left:260px;
}
.classToAdd_4 img {
        padding:0 9px 0 0;
        border: 1px solid #f3f3f3;
        margin: 0 30px 0 0;
}
.classToAdd_5 {
        position:absolute;
        top:570px;
        left:260px;
}
.classToAdd_4 .classToAdd_5 {
        position:relative;
        top:0;
        left:0;
}
.classToAdd_6 {
        position:absolute;
        top:578px;
        left:300px;
        font-weight:lighter;
}

#shopcart_hdr, #shopcart_hdr .header_main.classToAdd {
        margin: -2px 0 0;
        padding: 0 0 4px;
}
       
#prod_tbl tr hr {
        display:none;
}
#prod_tbl tr p {
        margin-bottom:20px;
}
#prod_tbl table table .column_main b {
        text-transform:uppercase;
        color:#d1153c;
        font-size:17px;
        font-weight:lighter;
}
#prod_tbl tr.column_main td.column_main b {
        visibility:hidden;
        line-height:0;
}
#item_Tbl, #addItem {
        position:absolute;
        top:224px;
        left:615px;
        width:325px;
}
#prod_tbl tr.column_main #item_Tbl td.column_main b {
       visibility:visible;
        line-height:18px;
}
#item_Tbl table td.column_main {
        font-weight:bold;
}
#item_Tbl table td.column_main div {
        font-weight:normal;
        padding-bottom:20px;
}
#item1 {
        color:#d1153c;
}
.links_main {
        text-align:left:
        padding: 10px 0;
        font-size:14px;
        text-decoration: none;
}
.links_main img { 
        margin:20px 10px 10px 0;
}
#itemImage {
        display:none;
}
#addItem {
        border-top:1px solid #b6b6b7;
        line-height:60px;  
        position:relative;
        left: 615px;
        top: 224px;
}
input.font_input {
        margin:0 0 10px 20px;
}
#sitemap_tbl {
       line-height:22px;
}
#sitemap_tbl .classToAdd_2 {
    margin-top:0;
}

#sitemap_tbl .classToAdd_8 {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 10px;
}

.font_error {
	color:#d1153c;
	font-weight:bold;
}
#countries {
	margin-top:0;
	font-size:13px;
}
#defAddr.classToAdd_2 {
	margin-top:0;
}
#sitemap_hdr b u {
	text-decoration:none;
}

/* =Footer Area
-------------------------------------------------------------- */

#footer {
	clear:both;
	height:100px;
	font-size:9px;
	padding:0 0 20px 0;
	line-height:20px;
	margin:0;
	border-top:1px solid #b6b6b7;
}
#footerNav {
	height:30px;
	padding:0;
	margin:0 -20px 0 0;
	background:none;
	font-size:12px;
}
#footerNav a {
	height:30px;
	color: #292a2b;
}
#footerNav a:hover, #footerNav a.up {
	color:#d1153c;
}
#footer #social {
	position:relative;
	float:right;
	top:-10px;
	right:0;
	margin:0 0 20px 0;
}
#footer p {
	clear:both;
	float:right;
	text-align:right;
	font-size:11px;
	margin:-10px 0 0 0;
}
.copyright {
	font-size:13px;
	color:#60615e;
}

.copyright a {
        text-decoration: none;
}

.copy-title {
        color: #D1153C;
        font-size: 14px;
        line-height: 18px;
        margin: 15px 0 8px;
        padding: 0;
}


/* =Cybertill Footer Info
-------------------------------------------------------------- */

.column_bottom {	
    font-size: 9pt;    
}
.column_bottom a {
    text-decoration:none;
    font-size:12px;
	color:#CCC;
	font-weight: lighter;
}   

