/* --------------------------------------------------------------
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(images/iwmshop2/IWMlogo-shop.gif) no-repeat;
}
#logo h2 a {
float:left;
display:block;
height:90px;
width:553px;
background:url(images/iwmshop2/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(images/iwmshop2/IWMlogo-red.jpg) no-repeat;
}
#logo h2 a {
float:left;
display:block;
height:90px;
width:154px;
margin:13px 0 0 0;
background:url(images/iwmshop2/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 {
/* background:url(images/iwmshop2/basketIconV3.png) no-repeat 100px 1px; */
padding:0 20px 0 0;
}
#topNav .basket a:hover {
background-position: 100px -15px;
}
#login_tbl {
position:absolute;
top: 137px !important;
*top: 137px;
left: 534px;
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;
}
#lastview_hdr {
font-size:13px;
}
#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;
}
/* =Main Content Area
-------------------------------------------------------------- */
#main {
float:right;
width:680px;
margin:-1px 0 0 0;
padding:0;
}
/* =jFlow Slider
-------------------------------------------------------------- */
#myController {
position:relative;
top:-180px;
left:10px;
width:660px;
}
#myController span.jFlowSelected {
background:#FFF;
}
#slides {
width:680px;
height:300px;
}
#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 {
background: url("/images/imperialwarmuse/shop-carousel-overlay-bar.png") no-repeat scroll left top transparent;
float: left;
margin: -85px 0 0;
padding: 10px;
position: relative;
width: 100%;
z-index: 1;
}
.description {
max-height: 20px;
overflow: hidden;
padding: 0 50px 0 0;
}
h2.slide1 a, h2.slide2 a, h2.slide3 a, h2.slide4 a, h2.slide5 a, h2.slide6 a {
text-decoration: none;
}
.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;
}
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:15px;
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:13px;
}
.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:16px;
color:#d1153c;
/* line-height:22px; */
}
#catprods_tbl td {
width:220px;
}
#catprods_tbl a {
font-size:13px;
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;
}
.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;
}
.copy-title {
color: #D1153C;
font-size: 14px;
line-height: 18px;
margin: 15px 0 8px;
padding: 0;
}
/* =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:13px;
}
#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:#292a2b;
}
/* =Cybertill Footer Info
-------------------------------------------------------------- */
.column_bottom {
font-size: 9pt;
}
.column_bottom a {
text-decoration:none;
font-size:12px;
color:#CCC;
font-weight: lighter;
}
/* Comodo hide
-------------------------------------------------------------- */
#cot_tl_pop,
#cot_tl_fixed {display:none}