﻿.bodycopyblack {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #ffffff}
.bodycopyblackbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; color: #ffffff }
.bodycopyblackboldblue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; color: #7083E9}
a.bodylink:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; text-decoration: none}
.bodylink {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #DF5900; text-decoration: none}
a:hover { color:White }

a
{
    color:White;
}
h1
{
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    color:#7083E9;
    margin-bottom: 0px;
}
h2
{
	font-family: Arial, Sans-Serif;
    font-size: 13px;
    color:Orange;
    margin-bottom: 0px;
}
h3
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: Maroon;
}

p
{
    font-family:Arial, Sans-Serif;
	text-align:left;
	font-size:12px;
	color:White;
	margin: 0px 0px 0px 0px;
}
li
{
    font-family:Arial, Sans-Serif;
	text-align:left;
	font-size:12px;
	color:White;
	margin: 0px 0px 0px 0px;
}

.NewsDiv
{
    overflow:hidden;
    height:140px;
}

#newCus
{
    vertical-align:middle;
    text-align:center; 
    width:500px;
    height:76px;
    background:#57B9D;
}

.PopUpBackground
{
    background-color:#333333;
    filter:alpha(opacity=70);
	opacity:0.7;
        
}
.ModalPopUp
{  
    border-style:solid;
    border-width: 3px;
    background-color:#aaffaa;
    border-color:#77ff77;     
}
.PopUpOLD
{
    border-style:solid;
    border-width: 4px;
    padding: 10px 10px 10px 10px;
    background-color:#bbbbbb;
    border-color:#888888;
    visibility:hidden;  
}
.PopUP
{
    padding-top: 10px;
    visibility:hidden;  
    width:300px;
    height:330px;
    color:White;
    background-image: url(Images/Borders/pnlFooter2.png);
	background-repeat:no-repeat;
    z-index:89;
    position:absolute;
}
.PopUpSM
{
    padding-top: 10px;
    display:none;
    position:absolute;  
    width:120px;
    height:120px;
    color:White;
    text-align:center;
	background-image: url(Images/Borders/popupSM.png);
	background-repeat:no-repeat;
	z-index:0;
}
.FootHead
{
    font-size:16px;
    color:#235579;
    font-weight:bold;
}

.FootNumber
{
    font-size:16px;
    color:#235579;
    font-weight:bold;
}
.ShutterHeader
{
    font-size:16px;
    color:#235579;
    font-weight:bold;
}
.ShutterLbl
{
    font-size:12px;
    color:#ffffff;
}
.ShutterContact
{
    background-color:#235579;
    color:Orange;    
    padding:4px;
}
.ShutterFooter
{
    font-size:14px;
    color:#235579;
    font-weight:bold;
}

.FreeFoneNo
{
    font-family:Arial Narrow;
    font-size:24px;
    color:#7083E9;
}
.FreeFoneNoHead
{
    font-family:Arial Narrow;
    font-size:18px;
    color:Orange;
}
.pnlImage
{
    float:left;
    width:100px;
    margin: 25px 0px 0px 25px;
}
.pnlHover
{
    
}
.pnlAnim
{
    width:400px;
    height:117px;
    background-image: url(Images/Borders/pnlAnim2.png);
	background-repeat:no-repeat;
	visibility:hidden;
}
.pnlQuote
{
    overflow: hidden;
    width:292px;
    height:420px;
    padding: 22px 14px 0px 14px;
    background-image: url(Images/Borders/pnlBack.png);
	background-repeat:no-repeat;	
    z-index:100;
    
}
.pnlContent p
{
    margin-bottom: -6px;
}
.pnlContent ul
{
    margin-bottom: -4px;
}
.pnlContent h1
{
    margin-bottom: -10px;
}
.pnlContent h2
{
    margin-bottom: -12px;   
}
.pnlContent h3
{
    margin-bottom: -6px;
}

.pnlThankyou
{
    visibility:hidden;
    width:250px;
    height:250px;
    padding: 22px 14px 0px 14px;
    background-image: url(Images/Borders/pnlThankyou.png);
	background-repeat:no-repeat;	
    z-index:100;
    
}
.pnlThanksContent
{
    height:165px;
    text-align:center;
    font-family:Arial;
    font-size:11px;
    color:#ffdd22;
}

.pnlContent
{
    height:355px;
    text-align:center;
    font-family:Arial;
    font-size:11px;
    color:#ffdd22;
}

.pnlFooter
{
    vertical-align:bottom;
}

.pnlRowN
{
    width:100%;
    color:#ffdd22;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
}
.pnlRow
{
    height:40px;
    vertical-align:middle;
    width:100%;
    color:#ffdd22;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
}
.col2l
{
    float:left;
    text-align:right;
    vertical-align:middle;
    width:50%;   
}
.col2r
{
    float:left;
    text-align:right;
    vertical-align:middle;
}
.col2lInput
{
    float:left;
    text-align:right;
    vertical-align:middle;
    width:30%;   
    font-size:12px;
    font-weight:bold;
}
.col2rInput
{
    float:left;
    text-align:right;
    vertical-align:middle;
    width:129px;
    font-size:12px;
    font-weight:bold;
}
.rowQuote
{
     clear:both;
}
.lblQuoteL
{
    float:left;
    width:120px;
    font-size:10px;
    text-align:right;
}
.lblQuoteR
{
    width:120px;
    font-size:10px;
    text-align:left;
}

    
.Filt0
{
	filter:alpha(opacity=0);
	opacity: 0.1;
	-moz-opacity:0.1;
}
.Filt50
{
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
.Discount
{
	position:relative;
	top: -50px;
	left: -15px;
}
#Fabrics
{
    position:relative;
}

.link
{
	color:Blue;
	text-decoration:underline;
}
.Centre
{
	vertical-align:middle;
	text-align:center;
}
.Under
{
	width:540px;
	font-size:48px;	
	color:Silver;
	vertical-align:middle;
	text-align:center;
}

.Warning
{
    color:Red;
    font-family:Arial;
    font-weight:bold;
}
#busyImg
{
    height: 48px;
    width: 48px;
}

.Sig
{
	 color:Maroon;
	font-style: italic;
}
#branchmap
{
    width:95%;
    height:95%;
    background-color:Black;
    padding: 0px 0px 0px 0px;
    margin: 5px 5px 5px 5px;
     z-index:1;  
}
#map
{
    width:100%;
    height:350px;
    background-color:Black;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
     z-index:1;  
}
.smallprint
{
    color:White;
    font-size:10px;
}
.Div33
{
    width:33%;
    float:left;
    cursor:pointer;
    z-index:999; 
}

.pnlHOclass,
.pnlPortsClass,
.pnlBognorClass,
.pnlWAclass,
.pnlFarehamClass,
.pnlFarnhamClass,
.pnlHedgesClass,
.pnlTottonClass,
.pnlChiClass
{
    padding-top: 10px;
    display:none;
    position:absolute;  
    width:120px;
    height:120px;
    color:White;
    text-align:center;
	background-image: url(Images/Borders/popupSM.png);
	background-repeat:no-repeat;
	z-index:0;    
}
.pnlHOclass
{
    left:0px;
    top:20px;
}
.pnlPortsClass
{
    left:0px;
    top:140px;
}
.pnlBognorClass
{
    left:222px;
    top:140px;
}
.pnlFarnhamClass
{
    left:445px;
    top:140px;
}
.pnlTottonClass
{
    left:0px;
    top:260px;
}
.pnlFarehamClass
{
    left:222px;
    top:260px;
}
.pnlWAclass
{
    left:445px;
    top:260px;
}
.pnlHedgesClass
{
    left:0px;
    top:380px;
}
.pnlChiClass
{
    left:222px;
    top:380px;
}
.Div33Over
{
    width:33%;
    float:left;
    cursor:pointer;
    background-color:#110011;
}
.Div33newline
{
    clear:both;
}

.ImageM
{
    text-align:center;
    width:200px;
    height:150px;
}
.ImageSM
{
    text-align:center;
    width:106px;
    height:80px;
    text-decoration:none;
    font-size:15px;
    font-family:Arial Narrow;
    color:#7083E9;
}
#Centre
{
	text-align:center;
}

#SlideShow
{
    width:250px;
    float:right;
    z-index:2;
    margin-left:6px;
    text-align:center;
    text-align: -moz-center;
}
.SlideDefault
{
    width:250px;
    float:right;
    z-index:2;
    margin-left:6px;
    text-align:center;
    text-align: -moz-center;
}
.lblPopup
{
     font-size:12px;
     color:White;
}
.SlideButtons
{
    float:left;
    width:100%;
    font-size:11px;
    text-align:center;
    text-align: -moz-center;
}
.SlideButton
{
    float:left;
    position:relative;
    width:33%;
    height:20px;
    text-align:center;
    text-align: -moz-center;
    color:White;
    border-top-color:#888888;
    border-left-color:#888888;
    border-bottom-color:#555555;
    border-right-color:#555555;
    background-color:#666666;
}
.ImgRight
{
    float:Right;
    width:250px;     
}
.ImgLeft
{
    width:150px;
    display:inline;
    float:left;
}


.help
{
    background-color: #FFFF66;
}
.CallFree
{
    color:Red;
     font-size:12px;
}
#kwicks
{
    height: 460px;    
}
.kwicks {   
    list-style: none;   
    position: relative;   
    margin: 0;   
    padding: 0;
}   
.kwicks li{   
    display: block;   
    overflow: hidden;   
    padding: 0;   
    cursor: pointer;   
}   
.kwicks li{   
    float: left;   
    width: 88px;   
    height: 80px;   
    margin-right: 5px;   
} 

.kwicks2 {   
    list-style: none;   
    position: relative;   
    margin: 0;   
    padding: 0;
    height: 460px;
}   
.kwicks2 li{   
    display: block;   
    overflow: hidden;   
    padding: 0;   
    cursor: pointer;   
}   
.kwicks2 li{   
    float: left;   
    width: 210px;   
    height: 46px;   
    margin-right: 5px;   
}
.kwk2ColCont
{
    width:210px;
    height:180px;
    overflow:hidden;    
    float:left;
}
.kwk2Col2l
{
    float:left;
    width:210px; 
       
}
.kwk2Col2r
{
    float:left;
    width:210px;
    height:140px;
}   
#kwick1 {    
   
    
}   
#kwick2 {   
   
}   
#kwick3 {   
 
}   
#kwick4 {    
   
}

#Li1
{
    background-image: url(Images/MenuItems/Vertical2.jpg); 
    background-repeat:no-repeat;  
    overflow: hidden;
}
#Li2
{
    background-image: url(Images/MenuItems/pleated.jpg); 
    background-repeat:no-repeat;  
    overflow: hidden;
}
#Li3
{
    background-image: url(Images/MenuItems/woodenvenetian.jpg); 
    background-repeat:no-repeat;  
    overflow: hidden;
}
#Li4
{
    background-image: url(Images/MenuItems/aluminiumvenetian.jpg); 
    background-repeat:no-repeat;  
    overflow: hidden;
}
#Li5
{
    background-image: url(Images/MenuItems/roller.jpg); 
    background-repeat:no-repeat;  
    overflow: hidden;
}
#Li6
{
    background-image: url(Images/MenuItems/roman2.jpg); 
    background-repeat:no-repeat;  
    overflow: hidden;
}
#Li7
{
    background-image: url(Images/MenuItems/awning.jpg); 
    background-repeat:no-repeat;  
    overflow: hidden;
}
#Li8
{
    background-image: url(Images/MenuItems/shutter.jpg); 
    background-repeat:no-repeat;  
    overflow: hidden;
}
#Li9
{
    background-image: url(Images/MenuItems/woodweave.jpg); 
    background-repeat:no-repeat;  
    overflow: hidden;
}
#Li10
{
    background-image: url(Images/MenuItems/panel.jpg); 
    background-repeat:no-repeat;  
    overflow: hidden;
}

.kwkColCont
{
    width:300px;
    overflow:hidden;    
    float:left;
}
.kwkCol2l
{
    float:left;
    width:88px;    
}
.kwkCol2r
{
    float:left;
    width:180px;
}
