body {color:#ACD6FF;background:#00123F url(/static/images/background.jpg) repeat-x;margin:0px;padding:0px;text-align:center;font-family:lucida grande, trebuchet ms, verdana, sans serif}
#popup {color:#ACD6FF;background:#00458C url(/static/images/popupback.gif) repeat-x;margin:0px;padding:0px;text-align:center;font-family:lucida grande, trebuchet ms, verdana, sans serif}

a {text-decoration:none;color:#ff0;font-weight:bold}
a:hover {text-decoration:underline}
img {border:none}
p,tr,li {font-size:10pt}
.paragraph {font-size:10pt}
.paragraph p {margin-top: 0px; margin-bottom: 1em}
fieldset {border:0px;margin:0px;padding:0px}
h1,h2,h3,h4 {margin:0px;padding:0px}
h1 span,h2 span,h3 span{display:none}
h1 {background:transparent url(/static/images/lace_logo.jpg) no-repeat 50%;height:63px}
hr {display:none}
span.results {margin-bottom:5px; font-size:.8em}

table.results {color:#fff; width: 100%; margin-top:0; margin-bottom:0;}
table.results tr {border-bottom:1px solid #A5D3FF}
table.results tr.th {background:#00205A;border-top:1px solid #A5D3FF;border-bottom:1px solid #A5D3FF}
table.results img {width:50px;height:71px;margin-left:15px}
table.results td.noresults {text-align: center;}


/* {margin-top:20px;color:#fff}*/

ul {margin:0px;padding:0px}


label {
  width:100px;
/*    text-align:right;*/
  float:left;
  padding:2px;
/*  margin-top:0.3em;*/

}
label .float {float:left}

label span{display:none}

form {margin:0px;padding:0px}
legend{display:none}
ol li {font-size:.8em;line-height:1em}
table {border-collapse:collapse;border:none;border-spacing:0px}
td {border:0px;padding:0px}
th {font-weight:normal;padding-left:15px;padding-right:15px;text-align:left}

#competition {color:#000;background:#D58A1E;margin-bottom:20px}
#competition p {margin:0px 15px 5px 15px}
#content2 {background:#00458C url(/static/images/graduatedbackground.jpg) repeat-x;border-left:1px solid #80A3C5;border-right:1px solid #80A3C5;text-align:left;padding-left:20px;clear:both;min-height:450px;}
#footer {font-size:.85em}
#nav {background:transparent url(/static/images/navwelcomeback.gif)}
#search {background:#fff url(/static/images/search-bg.jpg) no-repeat;width:295px;height:83px;float:right;text-align:left}
#search form {padding-left:110px;padding-top:15px}
.selection {background:#336BA1;width:220px;margin-bottom:20px}
.selection p {margin:0px 15px 5px 15px}
#whiteback {color:#00468a;background:#fff}
#whiteback a {color:#f00607}
#whiteback h3 {color:#00468a;margin-top:1em}
#whiteback h4 {color:#00468a;margin-top:1em}
#whiteback p {margin-top:0px}
#whiteback .topright {background:transparent url(/static/images/maintopright_light.gif) no-repeat;width:19px;height:17px;font-size:0px;float:right}
#whiteback .topleft {background:transparent url(/static/images/maintopleft_light.gif) no-repeat;width:18px;height:17px;font-size:0px}
#whiteback .bottomright {margin-bottom:0px;background:transparent url(/static/images/mainbottomright_light.gif) no-repeat;width:15px;height:15px;font-size:0px;float:right}
#whiteback .bottomleft {margin-bottom:0px;background:transparent url(/static/images/mainbottomleft_light.gif) no-repeat;width:16px;height:15px;font-size:0px}



#wrapper {width:742px;margin-left:auto;margin-right:auto}

/*.bluebottom{clear:both;background:transparent url(/static/images/blue-bot.gif) no-repeat 0px 100%;width:220px;height:15px;margin:0px;padding:0px}*/
.bluetop{background:transparent url(/static/images/blue-top.gif) no-repeat;width:220px;height:13px;margin:0px;padding:0px;font-size:0px}
.bluebottom{clear:both;background:transparent url(/static/images/blue-bot.gif) no-repeat 0px 100%;width:220px;height:15px;margin:0px;padding:0px;font-size:0px}
.lightbluebottom{clear:both;background:transparent url(/static/images/lightblue-bot.gif) no-repeat 0px 100%;width:220px;height:15px;margin:0px;padding:0px;font-size:0px}
.whitebottom{clear:both;background:transparent url(/static/images/white-bot.gif) no-repeat 0px 100%;width:220px;height:15px;margin:0px;padding:0px;font-size:0px}
.orangebottom{clear:both;background:transparent url(/static/images/orange-bot.gif) no-repeat 0px 100%;width:220px;height:15px;margin:0px;padding:0px;font-size:0px}

#dealerinfo a {color:#34b700}
#dealerinfo h3 {color:#34b700}
#dealerinfo p {font-size:.75em;margin:0px}

.boxshot {padding-left:20px;margin-bottom:20px}

.browse {background:#4A7BAD;text-align:center}

.channellogo {float:left;margin-right:20px}

.pagetitle img {float: left} /*see browse.php*/

.cleft {clear:left}
.clearempty {clear:both;height:1px;font-size:0px}

.companybox {text-align:center; }
.companybox p {text-align:left}
.companyinfo {margin-top:0px}
.companyinfo h3 {background:transparent url(/static/images/company-info.gif) no-repeat;width:285px;height:35px}

.dealerinfo div {margin-top:1em}
.dealerinfo {color:#00468a;background:#fff}
.dealerinfo a {color:#34b700}
.dealerinfo a.item {color:#f00607}

.dealerinfo h4 {color:#34b700}
.dealerinfo p {font-size:.75em;margin:0px}
.dealerpadding {padding-left:15px;padding-right:15px;padding-top:10px}

.doublewidth {width:460px}
.doubleright {width:460px;margin-left:240px}

.pad15 {padding:15px}
.pleft15 {padding-left:15px}

.floatleft{float:left}
.floatright{float:right}
.fullwidth {width:100%}
.hideme {display:none}
.hitext {color:#fff}
.listinside {list-style-position:inside}
.ml20 {margin-left:20px}
.mt20 {margin-top:20px}
.mb20 {margin-bottom:20px}
.people img {float:left;margin:10px;margin-left:15px;margin-top:0px}
.people h3 {display:inline}
.selectionbottom {clear:both;margin-bottom:0px}
.singleleft {float:left;}
.singlecenter {width:200px;margin-left:220px}
.singleright {float:right;width:220px;padding-right:20px}
.singleright select {width:190px}
.singlewidth {width:220px}
.showme {display:inline}
.story .date {color:#ACD6FF;margin-top:0px}
.story img {float:right;margin-left:15px}
.vabottom {vertical-align:bottom}
.top15 {margin-top:15px}



.item {margin-top:10px}
a.itemed {color:red}


#popupic p {margin:0px}

.product {color:#fff;margin-top:15px;clear:both; height: 70px;}
/*.product p {margin:0px;font-size:.7em;width:145px;float:right}*/
.product p {margin:0px;font-size:11px;width:145px;float:right}
.product img {float:left;margin-left:15px;margin-bottom:10px}

.whatsnewnews {padding: 0px; margin-left:15px; margin-right: 15px;font-size:11px; color:#fff; text-align: left;}

.story {color:#fff}

.topmargin {margin-top:20px}

.topten {margin-right: 15px}

#entrytext {vertical-align:top;margin-top:0px;line-height:1.1em}
#offer {margin-bottom:20px;}

/*#tablefoot {width:686px;border-bottom:1px solid #80A3C5}*/


#competitionlink{margin-left:15px;background:transparent url(/static/images/competition-btn.gif) no-repeat;width:190px;height:22px}
#competitionlink a{ position: absolute; width:190px;height:22px; text-decoration: none; }
#competitionlink a span{display:none}

#explorelink{margin-bottom:0px;margin-top:5px;background:transparent url(/static/images/catalogue-btn.gif) no-repeat;width:190px;height:22px}
#explorelink a{ position: absolute; width:190px;height:22px; text-decoration: none; }
#explorelink a span{display:none}

#companiesinlacelink{background:transparent url(/static/images/companiesinlace.gif) no-repeat;width:190px;height:24px}
#companiesinlacelink a{ position: absolute; width:190px;height:24px; text-decoration: none; }
#companiesinlacelink a span{display:none}

#peopleinlacelink{background:transparent url(/static/images/peopleinlace.gif) no-repeat;width:190px;height:23px}
#peopleinlacelink a{ position: absolute; width:190px;height:23px; text-decoration: none; }
#peopleinlacelink a span{display:none}

#groupnewslink{background:transparent url(/static/images/groupnews.gif) no-repeat;width:190px;height:23px}
#groupnewslink a{ position: absolute; width:190px;height:23px; text-decoration: none; }
#groupnewslink a span{display:none}

.screenshotlink{background:transparent url(/static/images/viewscreenshots.gif) no-repeat;width:125px;height:19px}
.screenshotlink a{ position: absolute; width:125px;height:19px; text-decoration: none; }
.screenshotlink a span{display:none}

.videocliplink{background:transparent url(/static/images/watchvideoclip.gif) no-repeat;width:125px;height:22px}
.videocliplink a{ position: absolute; width:125px;height:22px; text-decoration: none; }
.videocliplink a span{display:none}


.visitcompanywebsitelink{background:transparent url(/static/images/visitcompanywebsite.gif) no-repeat;width:190px;height:40px}
.visitcompanywebsitelink a{ position: absolute; width:190px;height:23px; text-decoration: none; }
.visitcompanywebsitelink a span{display:none}





/*******   NAV   *******/
/*******   NAV   *******/

ul#navmap{
  margin: 0;
  padding: 0;
  background: transparent url(/static/images/<?=$nav?>nav.jpg) top left no-repeat;
  height: 28px;
  width: 444px;
  position: relative;
}

#navmap li{ margin: 0; padding: 0; position: absolute;  list-style-type:none }

/* ---------- Hotspot Declarations ---------- */
li#home{ top: 0px; left: 0px; }
li#home a{ position: absolute; width: 57px; height: 28px; text-decoration: none; }
li#home a span{ display: none; }
li#home.other a:hover{ position: absolute; background: transparent url(/static/images/navhover.gif) 0px 0px no-repeat;}

li#catalogue{ top: 0px; left: 60px; }
li#catalogue a{ position: absolute; width: 72px; height: 28px; text-decoration: none; }
li#catalogue a span{ display: none; }
li#catalogue.other a:hover{ position: absolute; background: transparent url(/static/images/navhover.gif) -61px 0px no-repeat;}

li#whatsnew{ top: 0px; left: 132px; }
li#whatsnew a{ position: absolute; width: 86px; height: 28px; text-decoration: none; }
li#whatsnew a span{ display: none; }
li#whatsnew.other a:hover{ position: absolute; background: transparent url(/static/images/navhover.gif) -134px 0px no-repeat;}

li#intouch{ top: 0px; left: 218px; }
li#intouch a{ position: absolute; width: 85px; height: 28px; text-decoration: none; }
li#intouch a span{ display: none; }
li#intouch.other a:hover{ position: absolute; background: transparent url(/static/images/navhover.gif) -221px -0px no-repeat;}

li#corporate{ top: 0px; left: 303px; }
li#corporate a{ position: absolute; width: 74px; height: 28px; text-decoration: none; }
li#corporate a span{ display: none; }
li#corporate.other a:hover{ position: absolute; background: transparent url(/static/images/navhover.gif) -307px -0px no-repeat;}

li#trade{ top: 0px; left: 377px; }
li#trade a{ position: absolute; width: 50px; height: 28px; text-decoration: none; }
li#trade a span{ display: none; }
li#trade.other a:hover{ position: absolute; background: transparent url(/static/images/navhover.gif) -382px -0px no-repeat;}}

th.genreHeader, th.productHeader {padding: 0px;}
td.genreColumn {font-size:11px; color: #ACD6FF}
td.imageColumn img {margin-left: 0px; padding-top: 4px; padding-right: 4px;}

em.loginerror {color: red}

table.productDetails {
  width: 100%;
  border-collapse:collapse;
  margin-top: 1em;
  
}

table.productDetails  td {
  width: 50%;
  border: 1px solid #ACD6FF;
}


table.productDetails  td .label{
  color: #ACD6FF;
}

table.productDetails  td .value{
  color: #FFFFFF;
}

.productImageContainer {
  text-align: center;
}

/*******   NAV   *******/

#showWhatsNew {
background:transparent url(/static/images/nav/upcoming.gif) no-repeat;
width:285px;
height:40px;
display: block;
}

#showWhatsNew:hover {
background-image:url(/static/images/nav/upcoming_hover.gif);
}

#showUpcoming {
background:transparent url(/static/images/nav/newtitles.gif) no-repeat;
width:285px;
height:40px;
display: block;
}

#showUpcoming:hover {
background-image:url(/static/images/nav/newtitles_hover.gif);
}

#showWhatsNew span, #showUpcoming span {
display: none;
}