.overlay{
    position: fixed;
    top: 6em;
    left: 19em;
    background-image: url(images/trans.png);    
    width: 45em;
    height: 28em;
    z-index: 1000;
    margin: 0 auto;
    border: 1px solid
}
.overlay img{
    margin: 0 auto;
    padding-left: 60px;
    padding-top: 24px;
}
.overlay #close img{
    padding: 0px;
    float: right;
    margin-top: -16px;
    margin-right: -16px;
}
body {
	background-color: #ccc;
}
.lowerHeader ul{
    position: absolute;
    margin: 93px 0px 0px 745px;
    list-style-type: none;
	*margin-left: 395px;
}
.lowerHeader ul li{
    display: inline;
    color: #fff;
}
.lowerHeader ul li a{
    color: #fff
}
.lowerHeader ul li a:hover{

}
#siteSearch{
	float: right;
	margin-top: 67px;
}


@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
/* TYPOGRAPHY */


body{
        font-family: arial, helvetica, sans-serif;
}

.productSelector div{

}
.upperHeader img{
float: right;
margin-right: 18px;
margin-top: 24px;
}
.productSelector div.row{
clear: both;
background-color: #DFF2FF;
height: 70px;
margin: 0px auto;
padding-top: 6px;
border: none;
}
.productSelector .main1 img,
	.productSelector table img{
	margin: 0px;
}
.productSelector div.row p{
text-align: left;
float: left;
width: 19em;
padding: 0px 12px 6px;
}
.productSelector div.row p img{
    float: left;
    padding-right: 6px;
    margin: 0px 0px;
}
.productSelector img{
margin: 24px 48px;
}
div.featuredProduct{
                     margin: 24px auto;
    border: none;
}
.featuredProduct h2{
    font-weight: normal;
    border-bottom: 1px solid #466d86;
    color: #466d86;
}

.featuredProduct h2 span{
    font-size: 0.6em;
    float: right;
    margin-top: -18px;
}
.featuredProduct h2 span img{
margin: -3px;
padding:0px;
}
.featuredProduct h2 span a{
color: #466d86;
}
.featuredProduct p a{
display: block;
color: #466d86;
font-size: 1.2em;
*float: right;
margin-top: 18px;
}
.featuredProduct p a img{
    margin: -3px;
	padding-bottom: 18px;
}
.featuredProduct p{
    padding-left: 12px;
    float: left;
    width: 17em;
}
.featuredInfo{
    font-size: 1em;
}
.featuredInfo span{
display: block;
}
#featuredProductImage{
	*width: 280px;
}
.featuredInfo .featuredCode{
    font-size: 0.7em;
}
.featuredInfo .featuredPrice{
    color: red;
    font-family: arial, sans-serif;
    font-size: 1.2em;
}
.featuredProduct p img{
    margin: 0px;
}
#extraContent p{
	font-size: 1em;
width: 77%;
line-height: 1.4em;
margin: 0px auto 18px;
text-align: center;
   background-color: #99d4fe;
   border: 2px white solid;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;
   
	}
	.smallText1 p{
font-size: 0.7em;
}
h1{
    font-weight: normal;
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: 2.2em;
}
h2.tagline{
color:#466D86;
font-family:helvetica,georgia;
font-size:26px;
font-weight:normal;
letter-spacing:0.001em;
line-height:79%;
padding:2px 0 36px;
text-align:left;
}
#fullText p{
    font-size: 0.9em
}
h2.tagline img{
display: block;
float: left;
margin-top: 6px;
margin-bottom: 18px;
}
.catProduct{
border: 2px solid #466D86;
margin-left: 10px;
margin-bottom: 12px;
width: 20em;
font-size: 0.8em;
position: relative;
padding: 6px;
height: 285px;
}
p.leadingParagraph{
    font-size: 14px;
    text-align: left;
}
.prodListingViewDetails{
padding: 3px;
font-size: 1.2em;
}
.prodListingViewDetails img{
margin: -3px 3px;
}
.prodListingViewDetails a{
text-decoration: none;
color: #466d86;
}

h3{
	font-size: 1.3em;
	padding-top: 10px;
	clear: both;
	font-weight: normal;
}
h3.strapline{
	font-size: 1.0em;
	padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        margin: 10px 0px;
	clear: both;
	font-weight: bold;
	border-top: 1px solid #466D86;
	border-bottom: 1px solid #466D86;
        color: #466d86;
        font-family: helvetica, arial,sans-serif;
        letter-spacing: 0.05em;
        background-color: #DFF2FF;
}
h3.strapline a{
	color: #466d86;
}
	
h4 {
	font-size: 0.9em;
	color: #FFF;
	font-weight: normal;
}
p {
	font-size: .8em;
	color: #333;
    padding: 5px 2px;
}
.MainText1,
.smallText p{
	font-size: 0.9em;
}
h5 {
	color: #FFF;
	font-size: .8em;
	background-color: #999;
	font-weight: normal;
}

li{
	font-size: .8em;
}

ol, ul{
    padding: 0px;
    margin: 0.2em 1em 0em 1.4em;    
}
.pdfBox{
    font-size: 11px;
    width: 180px;
         text-align: right;
}

a{
    text-decoration: none;    
    color: #000;
}
a:hover{
    text-decoration: underline;
}
a img{
    border: none
}
p.pHighlight{
	background-color: #DFF2FF;
	border-bottom: 1px solid #466d86;
	border-top: 1px solid #466d86;
	margin: 10px; auto;
	font-size 0.9em;
	padding:6px 12px;	
}
.nav a{
    color: #000;
}
.nav img{
	padding-bottom: 6px;
}
.nav h4{
    padding: 5px 4px 5px 0px;
    width: 100%;
    border-top: 1px solid #99d4fe;
    border-bottom: 1px dotted #466d86;
    text-align: right;    
    height: 1.4em;
    margin: 0px;
    text-indent: 8px;    
}
.nav h4:hover{
    background-color: #fff;
    border-right: 4px solid #466D86;
    border-top: 1px solid #99d4fe;
    border-bottom: 1px solid #466d86;
}
	.nav h4.active{
    background-color: #DFF2FF;
    border-right: 4px solid #466D86;
    border-top: 1px solid #99d4fe;
    border-bottom: 1px solid #466d86;
}
.nav h4:hover a{
    color: #000;
    text-decoration: none;
}
.nav p{
    width: 100%;
    text-align: left;    
    text-indent: 8px;    
}
.footer p{
	color: #fff;
	background-color: #333;
}
/* LAYOUT */
.wrapper {
	width: 60em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
        background-color: #fff;
}
#logoImage{
float: left;
height:104px;
margin-left:24px;
margin-top: 6px;
}

#quick-find{
float: right;
margin-top: 4.4em;
}
.clear {
	clear: both;
	height: 0px;
	width: 0px;
}
.mainContent {
	width: 100%;
	margin-top: 2em;
}
#contentWrapper{
    float: left;
    border-left: 1px solid #466D86;
    border-right: 1px solid #466D86;
    border-bottom: 1px solid #466D86;
    width: 35.96em;
}
#extraContent{
background-color: #99d4fe;
width: 11.5em;
float: right;
margin: 0.25em 0em 0em 0em; 
}
.nav {
	background-color: #99d4fe;
	width: 11em;
	float: left;
        margin-left: 0em;
	margin-top: 0.em;
	margin-right: 0.5em;
	margin-bottom: 0.25em;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	z-index: 1;
}
.headers {
	width: 100%;
}
.upperHeader {
	background-image: url(../images/wFilmsHeader.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	*float: right;
	margin: 0 auto;
	height: 90px;
	width: 60em;
}
#viewBasket_Header{
	float: right;
}
.lowerHeader {
	background-image: url(../images/wFilmsLowerHeader.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	width: 60em;
	margin: 0 auto;

}
.headerNav{
width: 60em;
margin: 0 auto;
margin-bottom: 0.3em;
position: relative;
height: 30px;
background-image: url('images/wFilmsNavBackground2.png');
}
.headerNav h6{
	display:block;
	padding: 3px 0px 1px 0px;
	margin: 0px;
        text-align: center;
        font-size: 16px;

        font-weight: normal;
        width: 192px;
        height: 26px;
        float: left;
       border-bottom: white solid 3px;
}
.headerNav h6:hover{
    background-color: #DFF2FF;
    border-bottom: #466d86 solid 3px;
}
.headerNav a.active h6{
border-bottom: #99D4FE solid 3px;
background-color: #fff;
}
.headerNav a#headerNav5 h6{
    color: white;
}
.headerNav h6:hover a,
.headerNav a#headerNav5:hover h6,
.headerNav a#headerNav4:hover h6{
    color: black;
    text-decoration: none;
}
.headerNav a#headerNav4 h6{
     color:#dfdfdf;
}

#fullText{
background-color:#fff;
float:left;
margin:0.25em 0;
padding:0.5em;
text-align: left;
width:34.9em;	
    border-left: 1px solid #466D86;
    border-right: 1px solid #466D86;
    border-bottom: 1px solid #466D86;
}
#mainText {
	background-color: #fff;
	padding: 0.5em;
	width: 11em;
	float: left;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.25em;
	margin-left: 0em;
	text-align: justify;
        height: 245px;
}
#mainPic {
	height: 261px;
	width: 23.94em;

	margin-top: 0em;
	margin-bottom: 18px;
	margin-left: 0em;

	padding: 0em;
}
.productSelector {
	clear: both;
	width: 34em;
	padding: 6px;
        margin: 0.5em auto;
	background-color: #FFF;
}
.footer {
        width: 36em;
	text-align: center;
	background-color: #666;
	margin: 0 auto;
	margin-top:	10px;
}
.pdfBox{
    float: right;
}
.faqBox{
	float: left;
	width: 16em;
}

#moreInTheSame a{
font-size: 0.8em;
}
/* IMPORTED STYLES FROM MAIN SITE */


#curveBox2 {background-color: transparent; margin:0 auto; margin-top:5px; position:relative;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FFF; border-left:1px solid #063; border-right:1px solid #063;}
.xb1 {margin:0 5px; background:#063;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#FFF; border:0 solid #063; border-width:0 1px;}
.xboxcontent2 {display:block; background:#FFF; border:0 solid #063; border-width:0 1px; background:#ECF9F9; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:12px;}

/* STYLES FOR TABLE PAGES */

body.table table{
*border: 1px solid black;
font-size: 0.7em;
text-align: left;
background-color: #fff;
}
body.table td.table_head{
    padding-top: 15px;
    border-bottom: 4px solid black;
    font-size: 1.7em;
}
body.table td.table-heading{
    font-size: 1.0em;
}
body.table td{
    border-bottom: 1px solid black;
}
body.table div#fullText{
    width: 46em;
}
.hovered{
	background-color: #DFF2FF;
	cursor: pointer;
}
/* STYLES FOR SEARCH RESULTS */
.listingHeader td{
	padding: 6px 12px;
	margin: 6px 0px;	
	font-size: 0.7em;
	background-color: #DFF2FF;
    border-bottom: 1px solid #466D86;
    border-top: 1px solid #466D86;		
}
.searchResult{
margin: 12px 0px;
}
.searchResult img{
	float: left;
	}
.searchResult p{
	padding-left: 18px;
	text-align: left;
	width: 50%;
    float: right;
}


table.noOption{
    border: 1px solid black;
    font-size: 0.9em;
    margin: 12px 18px;
    width: 500px;
}
table.noOption tr td{
padding: 6px;
text-align: center;

}
.orderEdit{
    font-size: 0.8em; 
    color: blue;
    display: block;
}
.perfStat{
margin: 0 auto;
width: 100%;
list-style-type: none;
border-top: 1px solid black;
border-bottom: 1px solid black;
background-color: #99D4FE;
}
.perfStat li{
width: 400px;
margin: 12px 150px;
}
.prodCompat{
    margin: 0 auto;
    background-color: #466D86;
}
.prodCompat tr{
    background-color: #fff;    
}
.prodCompat tr td{
    padding: 6px;
}
.prodCompat tr.tiger{
    background-color: #eFf1FF;
}
#productOptions tr td {
font-size: 0.8em;
    text-align: center;
}
#productOptions tr.optionsHeader{
    font-size: 1.4em;
}
tr.optionsHeader td{
border-bottom: 1px solid black
}
.productSelector b.legend{
    font-weight: normal;
    font-size: 1.8em;
    text-align: center;
    display: block;
    color: #466D86;
    margin-top: 24px;
}
#lcolBox{
display: block;
width: 44.8em;
text-align: left;
left: 152px;
font-size: 12px;
padding: 1.6em;
background-color: #999;
z-index: 0;
}
#lcolBox p{
font-size: 12px;
	padding: 0.6em;
	color: #000;
	background-color: #99D4FE;
	border: 2px solid white;
	-moz-border-radius: 12px;
	-mwebkit-border-radius: 12px;	
	text-align: center;
}

.productSelector a[href^="/range"],
.productSelector a[href*="-p-"]{
color: blue;
}

#extraContent object{
margin-left: 24px;
margin-bottom: 12px;
}

#fullText a{
color: blue;
}

* html .nav{ 
width: 10em;
overflow-x: hidden;
overflow-y: hidden;
 }
* html #contentWrapper{ 
width: 35em;
overflow-x: hidden;
overflow-y: hidden;
 }

* html .overlay{ 
position: absolute;
left: 100px;
 }

* html .overlay #close img{
margin: 0px;
 }