body {
background-color: #000000;
color:#ffffff;
font-weight:normal;
font-family:arial,helvetica,sans-serif;
font-size:9pt;
padding-top: 10px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px; 
}

img {
border: none;
} 

input{
 border: 1px solid #cccccc;
 width: 100px;
 background-color: #000000;
 color:#ffffff;
}

textarea{
 border: 1px solid #cccccc;
 width: 300px;
 height: 150px;
 background-color: #000000;
 color:#ffffff;
}

.searchbutton {
 background-color: #cccccc;
 font-weight:bold;
 width: 30px;
 color:#000000;
 cursor: pointer;
}

.formbutton {
 margin-bottom: 18px;
 background-color: #cccccc;
 font-weight:bold;
 width: 100px;
 color:#000000;
 cursor: pointer;
}

p{
color:#ffffff;
font-weight:normal;
font-size:9pt;
}

h1{
color:#0099cc;
font-weight:bold;
font-size:12pt;
/*display: inline; */
}

h2{
color:#0099cc;
font-weight:bold;
font-size:9pt; 
}


.minitext{
color:#ffffff;
font-weight:normal;
font-size:8pt;
}

.box{
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px; 
background-color: #333333;
}

.headerstrip{
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px; 
background-color: #0099cc;
border-bottom:1px solid #999999;
color:#ffffff;
}

div.headerstrip ul { 
display:inline;
margin:0px;
padding:0px;
}

div.headerstrip li { 
display:inline;
padding-right:5px;
}

.boxthick{
width:100%;
border:2px solid #00CCFF;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px; 
background-color: #000000;
}

.contactbox{
border:1px solid #0099cc;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px; 
background-color: #000000;
margin-left:25px;
background-color: #333333;
}

.producttable {
border:1px solid #999999;
padding: 3px;
border-spacing: 0px;
border-collapse: collapse;
} 

.producttablelabel {
color:#999999;
font-weight:normal;
font-size:9pt;
} 

/*-------------------------------*/

a:visited { 
font-weight:normal;
color:#cccccc;
text-decoration:underline;
} 

a:active { 
font-weight:normal;
color:#00CCFF;
text-decoration:underline;
} 

a:link { 
color:#ff00ff;
font-weight:normal;
text-decoration:underline;
} 

a:hover { 
font-weight:normal;
color:#00CCFF;
text-decoration:none;
} 

/*-------------------------------*/

div.headerstrip a:visited { 
font-weight:normal;
color:#000000;
} 

div.headerstrip a:active { 
font-weight:normal;
color:#000000;
} 

div.headerstrip a:link { 
color:#000000;
font-weight:normal;
} 

div.headerstrip a:hover { 
font-weight:normal;
color:#000000;
} 

/*-------------------------------*/

a.nav:link{ 
color: #000000; 
background: #cccccc url("http://www.yestervision.co.uk/images/left-menu-tab.gif") left top no-repeat;
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold;
}

a.nav:visited{ 
color: #000000; 
background: #cccccc url("http://www.yestervision.co.uk/images/left-menu-tab.gif") left top no-repeat;
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold;
}

a.nav:hover{ 
color: #000000;  
background: #0099cc url("http://www.yestervision.co.uk/images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold;
}

a.nav:active{ 
color: #000000;  
background: #0099cc url("http://www.yestervision.co.uk/images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold;
}

a span{ 
background: url("http://www.yestervision.co.uk/images/right-menu-tab.gif") right top no-repeat;
padding-right: 10px; 
}

a:hover span{ 
background: url("http://www.yestervision.co.uk/images/right-tab-hover.gif") right top no-repeat; 
padding-right: 10px; 
}

/*-------------------------------*/

#homephp #homelink a.nav{ 
color: #000000;  
background: #0099cc url("http://www.yestervision.co.uk/images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold; 
}

#homephp #homelink a span{ 
background: url("http://www.yestervision.co.uk/images/right-tab-hover.gif") right top no-repeat; 
padding-right: 10px; 
}

#postersphp #posterslink a.nav{ 
color: #000000;  
background: #0099cc url("http://www.yestervision.co.uk/images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold; 
}

#postersphp #posterslink a span{ 
background: url("http://www.yestervision.co.uk/images/right-tab-hover.gif") right top no-repeat; 
padding-right: 10px; 
}

#pressbooksphp #pressbookslink a.nav{ 
color: #000000;  
background: #0099cc url("http://www.yestervision.co.uk/images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold; 
}

#pressbooksphp #pressbookslink a span{ 
background: url("http://www.yestervision.co.uk/images/right-tab-hover.gif") right top no-repeat; 
padding-right: 10px; 
}

#pressbooksphp #pressbookslink a.nav{ 
color: #000000;  
background: #0099cc url("http://www.yestervision.co.uk/images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold; 
}

#pressbooksphp #pressbookslink a span{ 
background: url("http://www.yestervision.co.uk/images/right-tab-hover.gif") right top no-repeat; 
padding-right: 10px; 
}

#stillsphp #stillslink a.nav{ 
color: #000000;  
background: #0099cc url("http://www.yestervision.co.uk/images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold; 
}

#stillsphp #stillslink a span{ 
background: url("http://www.yestervision.co.uk/images/right-tab-hover.gif") right top no-repeat; 
padding-right: 10px; 
}

#booksphp #bookslink a.nav{ 
color: #000000;  
background: #0099cc url("http://www.yestervision.co.uk/images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold; 
}

#booksphp #bookslink a span{ 
background: url("http://www.yestervision.co.uk/images/right-tab-hover.gif") right top no-repeat; 
padding-right: 10px; 
}

#comicsphp #comicslink a.nav{ 
color: #000000;  
background: #0099cc url("http://www.yestervision.co.uk/images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold; 
}

#comicsphp #comicslink a span{ 
background: url("http://www.yestervision.co.uk/images/right-tab-hover.gif") right top no-repeat; 
padding-right: 10px; 
}

#magazinesphp #magazineslink a.nav{ 
color: #000000;  
background: #0099cc url("http://www.yestervision.co.uk/images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold; 
}

#magazinesphp #magazineslink a span{ 
background: url("http://www.yestervision.co.uk/images/right-tab-hover.gif") right top no-repeat; 
padding-right: 10px; 
}

#othersphp #otherslink a.nav{ 
color: #000000;  
background: #0099cc url("http://www.yestervision.co.uk/images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none;
font-size:9pt;
padding-left: 10px;
font-weight:bold; 
}

#othersphp #otherslink a span{ 
background: url("http://www.yestervision.co.uk/images/right-tab-hover.gif") right top no-repeat; 
padding-right: 10px; 
}