/**********************************************************************************
=Global Reset
**********************************************************************************/
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, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th,a td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body
{
	height:100%;
}

body 
{
    color:#000000;
    background: #FFFFFF;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	line-height: 1;
}

/**********************************************************************************
=Useful Classes
**********************************************************************************/
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

	/* WinIE7 only */
	*:first-child+html .clearfix 	{ height:1%; }
	
	/* WinIE6 and below */
	/*¥*/
	* html .clearfix { height:1%;}

	/**/
	/* MacIE only */
	/*¥*//*/
	.clearfix { display:inline-table; }
	/**/

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

.b , strong, b { font-weight:bold; }
.i , em, i { font-style:italic; }

.nobrk  { white-space : nowrap; }
.upper {text-transform:uppercase;}

/**********************************************************************************
=Common Elements
**********************************************************************************/

h1
{
	font-size:1.6em;
	font-weight:normal;
	color:#018EB6;
	text-transform:uppercase;
}
h1 span{color:#999FA1;}

h2
{
	font-size:1.5em;
	font-weight:bold;
}
 
h3
{
	font-size:1.4em;
	font-weight:bold;
}

h4
{
	font-size:1.2em;
	font-weight:bold;
}

h5{font-weight:bold;}

p
{
	padding:0 0 10px 0;
	font-size:1em;
}

ul, ol
{
	padding:0 0 20px 20px;
}

img {border:none;}
a:active, a:focus {outline: 0;}

del {text-decoration: line-through;}

/**********************************************************************************
=Text
**********************************************************************************/

.intro
{
    color:#005088;
    font-weight:bold;
    border-bottom:2px dotted #D7D7D7;
    padding: 0 0 5px 0;
    margin:0 0 10px 0;
}

.big_info
{
    color:#018EB6;
    font-size:1.3em;
}

/**********************************************************************************
=Links
**********************************************************************************/

a
{
    color:#018EB6;
    text-decoration:underline;
}
    a:hover {text-decoration:none;}
    
a.aGallery
{
    display:block;
    background:url(../images/b_gallery.gif) no-repeat top left;
    width:224px;
    height:36px;line-height:36px;
    color:#FFFFFF;
    text-decoration:none;
    text-transform:uppercase;
    font-size:1.6em;
    text-align:right;
    padding:0 40px 0 0;
    border:2px solid #D9E1E3;
}

/**********************************************************************************
=Forms 
**********************************************************************************/

form
{
	margin:0;
	padding:0;
}

input, select, textarea
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
}

input.bSubmit
{
    border:0;
    background:#FFFFFF url(../images/arrow_submit.gif) no-repeat right;
    font-weight:bold;
    padding:0 15px 0 0;margin:0;
    color:#018EB6;
    display:block;
    cursor:pointer;
    text-transform:uppercase;
}

table.form th
{
    vertical-align:top;
    text-align:right;
    padding:2px 5px 0 0;
    color:#005088;
    font-weight:bold;
}

table.form td
{
    vertical-align:top;
    padding:0 0 2px 0;
}

/**********************************************************************************
=Tables 
**********************************************************************************/
table
{
	font-size: 100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse: separate;
	border-spacing: 0;
}
	caption, th, td
	{
		text-align: left;
		font-weight: normal;
	}

/**********************************************************************************
=Layout
**********************************************************************************/
#container
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:998px;
	background:url(../images/bg.gif) repeat-y top left;
}
	
#header
{
    background:url(../images/bg_header.gif) repeat-x top left;
    padding:0 10px 6px 10px;
    height:130px;
    margin:0 8px;
}
    #logo{float:left; margin:5px 0;}
    
    #strapline
    {
		clear:both;        
        text-align:left;
        margin:5px 0 0 0;
        color:#018EB6;
        padding-top:10px;
        font-size:1.8em;
        font-weight: bold;
        text-transform: none;
    }
   
        #strapline span
        {
            font-weight:bold;
            font-style:italic;
            color:#3A7EA9;
        }
        
	#strapline2
    {
		clear:both;        
        text-align:left;
        margin:5px 0 0 0;
        color:#018EB6;
        padding:0 0 0 40px;
        height:36px;
        line-height:36px;
        font-size:1.45em;
        font-weight: normal;
        text-transform: none;
        background:url(../images/tel_strap.gif) no-repeat left;
    }
    #strapline3
    {
		clear:both;        
        text-align:left;
        margin:5px 0 0 0;
        color:red;
        padding-top:10px;
        font-size:1.65em;
        font-weight: normal;
        text-transform: none;
    }
            
    #montage
    {
        /*background:url(../images/img_montage.jpg) top left no-repeat;*/
        border:2px solid #FFFFFF;
        border-top:0;
        width:778px;
        height:110px;
        float:left;
        margin:0 0 0 6px;
        padding:0px 0px 0 0;
    }
    
    #montagefl
    {
		margin:0px 0px 0px 0px;
    }
    #tel
    {
        text-transform:uppercase;
        font-size:1.3em;
        color:#FFFFFF;
        float:right;
        line-height:1.22em;
    }
        #tel span
        {
            color:#FFFFFF;
            width:150px;
            text-align:right;
            float:left;
            margin-right:5px;
            font-weight:bold;
            font-size:0.9em;
        }

#nav
{
    list-style-type:none;
    padding:0;
    margin:0 22px;
    clear:both;
}
    #nav li
    {
        float:left;
        margin-left:2px;
    }
    
    #nav li a
    {
        color:#FFFFFF;
        width:134px;
        height:41px;line-height:41px;
        display:block;
        text-transform:uppercase;
        font-size:1.3em;
        background:url(../images/bg_nav.gif) no-repeat top left;
        text-decoration:none;
        text-align:center;
        padding:0 0 15px 0;
    }
        #nav li a:hover{background:url(../images/bg_nav_h.gif) no-repeat top left;}
        
        #nav li.selected a
                    {                        
                        background:url(../images/bg_nav_h.gif) no-repeat top left;
                    }

#content_container
{
    clear:both;
    margin:0 8px;
    font-size:1.2em;
}

    #left
    {
        width:235px;
        float:left;
        margin:0 0 0 8px;
    }
        
        .subnav
        {
            background:url(../images/bg_subnav_btm.gif) no-repeat bottom left;
            padding:0 0 10px 0;
        }
            .subnav h2
            {
                background:url(../images/bg_subnav_top.gif) no-repeat bottom left;
                height:68px;
                text-align:right;
                font-weight:normal;
                text-transform:uppercase;
                padding:8px;
            }
                 .subnav h2 span
                 {
                    color:#FFFFFF;
                    display:block;
                    padding:0 85px 0 0;
                    height:66px;line-height:66px;
                 }
                 
                 .subnav h2.doors span{background:url(../images/subnav/doors.jpg) no-repeat;}
                 .subnav h2.windows span{background:url(../images/subnav/windows.jpg) no-repeat;}
                 .subnav h2.conservatories span{background:url(../images/subnav/conservatories.jpg) no-repeat; font-size: 0.7em;}
                 .subnav h2.furniture span{background:url(../images/subnav/furniture.jpg) no-repeat;}
                 .subnav h2.fans span{background:url(../images/subnav/fans.jpg) no-repeat;}
				 .subnav h2.blinds span{background:url(../images/subnav/blinds.jpg) no-repeat;}
            
            .subnav ul
            {
                background:url(../images/bg_subnav.gif) repeat-y;
                list-style-type:none;
                padding: 20px 30px;
            }
           
            .subnav ul li
            {
                padding:6px 0;
                border-bottom:2px dotted #B4BDC0;
            }
            
                .subnav ul li a
                {
                    color:#7B888C;
                    text-decoration:none;
                    text-transform:uppercase;
                    display:block;
                    background:url(../images/b_subnav.gif) no-repeat right;
                    font-weight:bold;
                    padding-right:15px;
                }
                    .subnav ul li.selected a
                    {
                        color:#018EB6;
                        background:url(../images/b_subnav_s.gif) no-repeat right;
                    }
                    
                    .subnav ul li a:hover
                    {
                        color:#2E393C;
                        background:url(../images/b_subnav_h.gif) no-repeat right;
                    }
                    

    #content
    {
        width:705px;
        float:left;
        padding:5px 0 10px 17px;
    }

#seo
{
    clear:both;
    margin:20px 0px 0px 11px;
    padding:10px 0;
    background:#D4DDDF;
    float:left;
    width:976px;    
    display:inline;
}

    #seo div
    {
        float:left;
        border-right:2px dotted #B9B7B0;
        padding:5px 4px 2px 7px;
        width:230px;
    }
    
    #seo h3
    {
        color:#717C7E;
        font-size:1em;
        text-transform:uppercase;
        padding:0 0 2px 0;
    }
    
    #seo ul
    {
        list-style-type:none;
        text-transform:uppercase;
        padding:0;
        margin:0;
        font-size:0.9em;
    }
        #seo ul li
        {
            /*padding:3px 6px 0 0;*/
            /*background:url(../images/bg_footer_div.gif) no-repeat right bottom;*/
            display:inline;
            line-height:1.4em;
             color:#6E7C80;
        }
        
        #seo ul li span
        {
			padding:2px;
			color:#717C7E;}

        #seo ul li a
        {
            color:#6E7C80;
        }

#footer
{
    clear:both;
    margin:0 11px 3px;
    background:#A3AEB1;
    color:#FFFFFF;
    padding:10px;
}
    #footer a{color:#FFFFFF;text-decoration:none;}
    #footer a:hover{text-decoration:underline;}
    #footer address
    {
        float:left;
        text-transform:uppercase;
        width:680px;
        text-align:center;
        padding:15px 0 0 0;
        font-style:normal;
    }

    #footer_contact
    {
        float:right;
        text-align:right;
        font-size:1.2em;
    }
        #footer_contact span{color:#005088;}

    #footer_btm
    {
        clear:both;
        border-top:2px dotted #FFFFFF;
        padding:5px 0 0 0;
        margin:5px 0 0 0;
        text-transform:uppercase;
    }
    
    #footer_links
    {
        float:right;
    }

/**********************************************************************************
=Homepage
**********************************************************************************/

#home_left
{
    width:300px;
    padding:0 30px 0 0;
    float:left;
}
    #home_left #intro{font-size:1.4em;margin-left:38px;}
    
    #home_left #intro span{font-weight:bold; font-style:italic; color:#3A7EA9;display:block;}
    
    #home_left ul{list-style-type:none;margin:0;padding:0;}
    #home_left ul li{padding:5px 0 0 40px;color:#6E7C80;margin:15px 0 0;background:url(../images/bullet.gif) no-repeat top left;}
    #home_left ul li strong{display:block;text-transform:uppercase;}
    
    #home_left a{text-decoration:underline;color:#6E7C80}
    #home_left a:hover{text-decoration:none;}

#home_right
{
    width:357px;
    height:495px;
    float:left;
    padding:8px;
    background:url(../images/bg_homeright.gif) no-repeat top left;
    margin:15px 0 0 0;
    
}
    #orangebit
    {
        height:49px;
        width:237px;
        padding:30px 15px;
        color:#FFFFFF;
        font-size:1.1em;
        font-weight:bold;
        text-transform:uppercase;
        float:left;
    }
    
    #home_right img
    {
        margin:2px 0 13px;
        float:left;
        width:357px;
        height:437px;
    }
    
    #home_right a
    {
        background:url(../images/b_reviews.gif) no-repeat top left;
        width:356px;
        height:0;
        display:block;
        overflow:hidden;
        padding-top:36px;
        float:left;
        margin: 0 0 14px;
    }
    
    a.vacancies
    {
        background:url(../images/b_vacancies.gif) no-repeat top left;
        width:372px;
        height:0;
        display:block;
        overflow:hidden;
        padding-top:50px;
        float:right;
        position:absolute;
        right:157px;
        top:715px
    }
	a.onlinequote
	{
		width:374px;
        display:block;
        overflow:hidden;
        float:right;
        
	}
#img_home
{
	float:left;
	width:283px;
	height:377px;
	background:url(../images/img_home.jpg) no-repeat top left;
	}
	
	#img_home p.greybit
	{
		width:128px;
		font-family:Tahoma, Arial, Times New Roman;
		font-weight:bold;
		font-size:0.9em;
		color:#666666;
		position:relative;
		left:20px;
		top:20px;
		line-height:14px;
		float:left;
		}
		
	#img_home table
	{
		padding:0px;
		margin:20px 19px 0 0;
		width:109px;
		height:110px;
		float:right;
		display:inline;
		}
		
		#img_home table tr td
		{
		color:#FFFFFF;
		vertical-align:middle;
		font-family:Tahoma, Arial, Times New Roman;
		font-size:1.45em;
		text-transform:uppercase;	
		text-align:center;}
	
	
	

	

#img_rotate
{
    float:left;
    background:url(../images/bg_home.gif) no-repeat top left;
    padding:8px;
}
	

/**********************************************************************************
=Layout Elements
**********************************************************************************/
.tbList
{
    border-spacing:12px;
    border-collapse:separate;
    margin:-12px;
    float:left;
    
}
    .tbList td
    {
        width:128px;
        background:url(../images/bg_list.gif) no-repeat top left;
    }

    /* * * * MOGUL TILL HERE * * * */
    
    .tbList td a, .tbList td div
    {
        display:block;
        width:397px;
        height:87px;
        border:6px solid #D9E1E3;
        color:#FFFFFF;
        text-transform:uppercase;
        text-decoration:none;
        font-size:0.9em;
        font-weight:bold;
        background:#A3AEB1 url(../images/b_list.gif) no-repeat scroll 360px 50px;
    }
    
		 .tbList td div{background-color:#a3aeb1;background-image:none;}
         .tbList td a:hover{background:#829195 url(../images/b_list_s.gif) no-repeat 360px 50px;}
    
         .tbList td a img, .tbList td a span, .tbList td div img, .tbList td div span{float:left;}
         .tbList td a span, .tbList td div span
         {
            padding:6px;
            cursor:pointer;
            font-family:Tahoma, Arial;
			font-size:1.5em;
			font-weight:normal;
         }
         .tbList td a p, .tbList td div p
         {
			padding:0px;
			margin:0 0 0 8px;
			float:left;	
			width:210px;				
			text-transform:none;
			font-weight:normal;
			} 
			.nolink 
			{
				cursor:pointer;
				text-transform:uppercase;
			}
			


.tbList2, .tbTestimonials, .tbVacancies
{
    border-spacing:12px;
    border-collapse:separate;
    margin:-12px;
    float:left;
    
}
    .tbList2 td
    {
        width:128px;
        background:url(../images/bg_list.gif) no-repeat top left;
    }
    
    .tbList2 td a, .tbList2 td div
    {
        display:block;
        width:693px;
        height:87px;
        border:6px solid #D9E1E3;
        color:#333333;
        text-transform:uppercase;
        text-decoration:none;
        font-size:0.9em;
        font-weight:bold;
        background:#A3AEB1 url(../images/b_list2.gif) no-repeat scroll;
    }
    
		 .tbList2 td div{background-color:#a3aeb1;background-image:none;}         
    
         .tbList2 td a img, .tbList2 td a span, .tbList2 td div img, .tbList2 td div span{float:left;}
         .tbList2 td a span, .tbList2 td div span
         {
            padding:6px;
            cursor:pointer;
            font-family:Tahoma, Arial;
			font-size:1.5em;
			font-weight:normal;
         }
         .tbList2 td a p, .tbList2 td div p
         {
			padding:5px 0 0 0;
			*padding:0px;
			margin:0px 40px 0 8px;
			float:right;	
			width:563px;				
			text-transform:none;
			font-weight:normal;
			line-height:16px;
			} 
			.nolink 
			{
				cursor:pointer;
				text-transform:uppercase;
			}	
			
    .tbTestimonials td
    {
        background:#EFF2F3 url(../images/bg_testimonial.gif) no-repeat top left;
        padding:10px 10px 10px 100px;
    }	
            .tbTestimonials td a
            {
                float:left;
            }	
                .tbTestimonials td a
                {
                    border:2px solid #005088;
                }	
            
            .tbTestimonials td p
            {
                float:left;
                width:500px;
                margin:0 0 0 10px;
            }
            
    .tbVacancies td
    {
        background:#EFF2F3;
        padding:10px 10px 10px 10px;
    }	
            .tbVacancies td a
            {
                float:left;
            }	
                .tbVacancies td a
                {
                    border:2px solid #005088;
                }	
            
            .tbVacancies td p
            {
                float:left;
                width:500px;
                margin:0 0 0 10px;
            }
         
#info
{
    background:#D9E1E3;
    float:left;
    padding:25px;
    width:230px;
    margin:0 0 0 16px;
}

#testimonial
{
    float:left;
    padding:0;
    width:280px;
    height:181px;
    margin:15px 0 0 16px;
    background:#EFF2F3 url(../images/b_testimonial.gif) no-repeat;
}

#testimonial p 
{
	margin:60px 0 0 20px;
	width:215px;
	height:95px;}
	
	#testimonial img 
{
	clear:both;
	float:right;
	position:relative;
	left:30px;
	bottom:15px;}
	

#details, #page
{
    padding:0 0 0 0;
    float:left;
}

#page a
{
    color:#000000;
}
    
#page .intro a
{
    color:#09639F;
    text-decoration:none;
}

#details{width:400px;}

    ul#features
    {
        list-style-type:none;
        padding:0;margin:15px 0 0 0;
    }

        ul#features li
        {
            padding:0 0 15px 20px;
            background:url(../images/arrow_list.gif) no-repeat 0 2px;
        }
        
        ul#features li strong
        {
            color:#E88C0D;
            font-size:1.09em;
            text-transform:uppercase;
        }
        
#images
{
    float:right;
    margin:0 0 0 25px;
    width:268px;
}

#youtube
{
    float:right;
    margin:10px 0 0 25px;
    width:268px;
}

    #images img
    {
        border:6px solid #D9E1E3;
    }
    
    #thumbs
    {
        clear:both;
        margin:4px 0 5px -5px;        
        width:273px;
    }
        #thumbs img
        {
            border-color:#D9E1E3;
            cursor:pointer;
            float:left;
            margin:0 0 0 5px;}
            

.product_image
{
    position:relative;
    float:left;
    height:204px;
}
    .enlarge
    {
        position:absolute;
        bottom:2px;
        right:2px;
        border:0;
    }
    * html .enlarge{bottom:2px;}
    
.review_image
{
    position:relative;
    float:left;
    height:119px;
}
    .enlarge2
    {
        position:absolute;
        bottom:0px;
        left:70px;
        border:0;
    }
    * html .enlarge2{bottom:2px;}    

div.button
{
    background:#D7DFE1;
    text-align:center;
    padding:5px 9px;
    margin:5px 0;
    float:left;
    width:250px;
}
    #images div.button img{border:0;float:left;}
    
div.reviewquote
{
    text-align:center;
    margin:0px 0;
    float:right;
    width:250px;
} 
        
/**********************************************************************************
=Gallery
**********************************************************************************/
#album
{
    width:490px; 
    margin: 30px auto 0;
}

#album #big_image span.warning
{
    display:block;
    font-size:1.4em;
    color:#CE1212;
    padding:150px 20px 0;
    text-align:center;
}

#album #big_image, #album #big_image img
{
    width:486px;
    height:362px;
    cursor:pointer;
}
    #album #big_image img{border:2px solid #DAE2E4;}
    
#album h3
{
    color:#FFFFFF;
    background:#A3AEB1;
    text-transform:uppercase;
    font-size:1em;
    font-weight:bold;
    padding:5px;
    border:2px solid #FFFFFF;
    border-left:0;border-right:0;
}
#album #thumbnails_container
{
    border-left:2px solid #FFFFFF;
    float:left;
    width:428px;
}

    #album #thumbnails ul
    {
        padding:0;
        margin:0;
        list-style-type:none;   
        background:#FFFFFF;
        display:block;
        border-bottom:2px solid #FFFFFF;
    }
        #album #thumbnails ul li{float:left;border-right:2px solid #FFFFFF;padding:0;}
        #album #thumbnails ul li img
        {
            float:left;
            border:2px solid #D9E1E3;
        }


#dvDirections
{
    background:#EEEEEE;
    border:1px solid #C0C0C0;
    width:610px;
    margin:5px 0;
    padding:5px;
}

#dvDirections label
{
    display:block;
}

#dvDirections input
{
    float:left;
    margin-top:2px;
}

#dvDirections input.i600{margin-right:5px;}


/* liScroll style declarations */
 
.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 936px; 
height: 20px; 
margin: 4px 4px 4px 4px; 
padding: 0;
overflow: hidden; 
float:right;
/*float:right;*/
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 936px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 936px;
font: bold 10px Tahoma;
list-style-type: none;
margin: 0;
padding: 0;
 
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
text-transform: uppercase;
color:#3a7ea9;
font-size:1.2em;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Tahoma;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}