/* CSS Document */

body
{
    font-family: Arial;
    margin: 0;
    padding: 0;
    background-image: url(../../images/bodygrad.gif);
    background-repeat: repeat-x;
}

#container
{
    width: 960px;
    margin: 0 auto 0 auto;
}

#banner
{
    height: 150px;
    background-image: url(../../images/bannergrad.gif);
    background-repeat: repeat-x;
}

.logo
{
    margin: 25px 0 0 5px;
    float: left;
}

.open
{
    margin: 25px 0 0 5px;
    float: left;
}

.bannertext
{    
    font-size: 210%;
    color: #00427a;
    font-weight: bold;
    padding-top: 12px;   
    float: left;
}

.callnow
{
    font-size: 120%!important;
}

.callnow2
{
    font-size: 120%!important;
    padding-right: 27px;
}

.normaltext
{
    font-size: 60%!important;
}

.contacttext
{
    margin: 30px 5px 0 5px;
    float: right;
    font-size: 70%;
    color: #bcbcbc;
    font-weight: bold;
    text-align: right;
}

.contactdetails
{
    font-size: 8pt;
    color: #bcbcbc;
}

.contactnumber
{
    color: #00427a;
    font-size: 240%;
}


#nav
{
    width: 769px;
    float: right;
    height: 30px;
    background-image: url(../../images/navgrad.gif);
}

#navbar
{
    width: 960px;
}

#navbar ul
{
    margin: 0;
    padding: 0;
}

#navbar ul li
{
    list-style-type: none !important;
    color: #ffffff;
    font-size: 80%;
    padding: 8px 12px 0 15px;
    margin: 0 0 0 0;
    float: left;
}

#navbar ul li:hover
{
    background-color: #003267;
}

#navbar ul li a
{
    color: #ffffff!important;
    text-decoration: none;
}

.selected
{
    background-color: #658dd5;
}

#strapline
{
    float: left;
    width: 191px;
    height: 30px;
    background-color: #003267;
}

.straplinetext
{
    font-weight: bold;
    font-size: 100%;
    color: #ffffff;
    margin: 5px 0 0 48px;
}

#leftcontent
{
    float: left;
    width: 191px;
    height: 610px;
    background-image: url(../../images/leftgrad.gif);
    background-repeat: repeat-x;
}

#actionlinks
{
    /*text-align: center;*/
    padding-bottom: 5px;
}
.navbutton
{
    width: 173px;
    height: 32px;
    margin: 5px 0 0 9px;
    background-repeat: no-repeat;
    background-image: url(../../images/nav/navbutton.gif);
}

.navbutton-reversed
{
    width: 173px;
    height: 32px;
    margin: 5px 0 0 9px;
    background-repeat: no-repeat;
    background-image: url(../../images/nav/navbutton-reversed.gif);
}

.navbuttonred
{
    width: 173px;
    height: 32px;
    margin: 5px 0 0 9px;
    background-repeat: no-repeat;
    background-image: url(../../images/nav/navbuttonred.gif);
}

.navbuttonred p
{
    color: #FFFFFF;
    padding: 7px 0 0 7px;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    margin: 0;
}

.navbutton-reversed p
{
    color: #FFFFFF;
    padding: 7px 0 0 7px;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    margin: 0;
}

.navbutton p
{
    color: #FFFFFF;
    padding: 7px 0 0 7px;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    margin: 0;
}

.addtocart
{
    padding-top: 7px!important;
}

.newquote
{
    padding-top: 7px!important;
    padding-right: 10px!important;
    text-align: right!important;
}

img.navbutton
{
    display: block;
    margin: 10px 0 0 8px;
}

#relatedlinks
{
    padding-bottom: 0px;
    height: 110px;
}

#relatedlinks a
{
    color: #656669;
}

#relatedlinks a:visited
{
    color: #656669;
}

.relatedheading
{
    color: #194573;
    font-weight: bold;
    font-size: 85%;
    padding: 0;
    margin: 10px 0 0 15px;
}

.bluebutton1
{
    margin-left: 49px;
}

.bluebutton2
{
    margin-left: 85px;
}

.bluebutton3
{
    margin-left: 62px;
}

.companies
{
    margin: 25px 0 0 7px;
}

.relatedtext
{
    color: #8f8f8f;
    font-size: 70%;
    padding: 0;
    margin: 0 0 0 15px;
}

.bar
{
    margin: 10px 0 0 5px;
    padding: 0;
    display: block;
}

.barright1
{
    margin: 20px 0 0 7px;
}

#middlecontent
{
    width: 568px;
    min-height: 500px;
    float: left;
    background-color: #ffffff;
    margin-bottom: 5px;
    padding: 0 5px 0 5px;
}

#middlecontent-extended
{
    width: 759px;
    min-height: 500px;
    float: left;
    background-color: #ffffff;
    margin-bottom: 5px;
    padding: 0 5px 0 5px;
}

.QuotationPage-middle
{
    width: 509px !important;
}

#CartWindow
{
    width: 250px;
    overflow: hidden;
}

.QuotationPage-right
{
    width: 250px !important;
    min-height: 500px;
}

.QuotationPage-right h3
{
    color: #ffffff;
    margin: 0;
    padding: 5px 0 0 10px;
    font-size: 90%;
}

.QuotationPage-right h2
{
    color: #003267;
    margin: 0;
    padding: 5px 0 0 10px;
    font-size: 90%;
}

.testimonial-banner
{
    margin-left: 10px;
}

.banner-container
{
    margin-left: 11px;
}

.breadcrumb
{
    color: #bcbcbc;
    font-size: 75%;
    margin: 0;
    padding: 5px 0 0 15px;
}

.red
{
    color: #e9111a;
}

.purple
{
    color: #002f6a;
}

.introheading
{
    font-size: 130%;
    color: #002f6a;
    margin: 10px 0 5px 0;
    padding: 0;
}

.introsubheading
{
    font-size: 130%;
    color: #00427a;
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: bold;
}

.quotebox
{
    width: 547px;
    background-color: #0f54be;
    margin: 0 0 0 15px;
}

.quotebox img
{
    padding-left: 3px;
}

.quoteheading
{
    color: #ffffff;
    font-size: 130%;
    margin: 10px 0 10px 90px;
    padding: 0;
}

#rightcontent
{
    float: left;
    width: 191px;
    height: 610px;
    overflow-x: hidden;
    overflow-y: auto;
    background-image: url(../../images/leftgrad.gif);
    background-repeat: repeat-x;
}


#rightcontent ul
{
    margin: 0;
    padding: 0;
}

#rightcontent ul li
{
    list-style-type: none;
}

.quotetext
{
    color: #ffffff;
    font-weight: bold;
    font-size: 80%;
    padding: 0;
    margin: 15px 10px 0 10px;
}

.quoteauthor
{
    padding: 0;
    color: #376899;
    margin: 10px 10px 0 10px;
    font-size: 75%;
}

.discount
{
    margin: 30px 0 0 32px;
}

#footer
{
    border-top: 2px solid #e5e5e5;
    width: 960px;
    margin: 30px 0 0 0;
    padding: 0;
}

#footer ul
{
    margin: 0;
    padding: 0;
}

#footer ul li
{
    float: left;
    color: #113764;
    list-style-type: none;
    font-size: 75%;
    padding: 10px 0 0 7px;
}

#footer ul li a
{
    color: #113764;
}

.clear
{
    clear: both;
}

img
{
    border: none;
}

p
{
    font-size: 80%;
    color: #656669;
    margin: 10px 0 0 0;
    padding: 0;
}

h1
{
    font-size: 140%;
    margin: 15px 0 0 0;
    padding: 0;
    color: #00427a;
}

h2
{
    font-size: 90%;
    margin: 15px 0 0 0;
    padding: 0;
    color: #00427a;
}

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

#relatedcompanies
{
    margin: 20px 0 0 0;
    padding: 0;
    float: left;
}

.ultra
{
    margin: 0 0 0 10px;
}

.fensa
{
    margin: 0 0 0 50px;
}

.plastics
{
    margin: 0 0 0 10px;
}

.whs
{
    margin: 0 0 0 18px;
}

.flash
{
    margin: 5px 0 10px 10px;
}


#window-head
{
    float: left;
    margin: 0 5px 0 5px;
    width: 249px;
    height: 40px;
    background-image: url(../../images/contentbox-head.gif);
    cursor: pointer;
}


#doors-head
{
    float: left;
    margin: 0 5px 0 0;
    width: 249px;
    height: 40px;
    background-image: url(../../images/contentbox-head.gif);
    cursor: pointer;
}

#conservatories-head
{
    float: left;
    margin: 0;
    width: 249px;
    height: 40px;
    background-image: url(../../images/contentbox-head.gif);
    cursor: pointer;
}

#factory-head
{
    float: left;
    margin: 0 5px 0 5px;
    width: 249px;
    height: 40px;
    background-image: url(../../images/contentbox-head-alt.gif);
    cursor: pointer;
}

#colours-head
{
    float: left;
    margin: 0 5px 0 0;
    width: 249px;
    height: 40px;
    background-image: url(../../images/contentbox-head-alt.gif);
    cursor: pointer;
}

#testimonials-head
{
    float: left;
    margin: 0;
    width: 249px;
    height: 40px;
    background-image: url(../../images/contentbox-head-alt.gif);
    cursor: pointer;
}

#selection-top
{
    margin: 10px 0 0 0;
    width: 770px;
}

#selection-bottom
{
    margin-bottom: 20px;
    width: 770px;
}

#selection-top p
{
    margin: 0 0 0 0;
    padding: 7px 0 0 12px;
    font-size: 130%;
    color: #ffffff;
}

#selection-bottom p
{
    margin: 0 0 0 0;
    padding: 7px 0 0 12px;
    font-size: 130%;
    color: #ffffff;
}

#window-body
{
    width: 249px;
    height: 184px;
    float: left;
    background-image: url(../../images/window.gif);
    background-repeat: no-repeat;
    margin: 0 5px 0 5px;
    padding-bottom: 10px;
    cursor: pointer;
}

#door-body
{
    width: 249px;
    height: 184px;
    float: left;
    background-image: url(../../images/door.gif);
    margin: 0 5px 0 0;
    cursor: pointer;
}

#conservatories-body
{
    width: 249px;
    height: 184px;
    float: left;
    background-image: url(../../images/conservatory.gif);
    margin: 0;
    cursor: pointer;
}

#factory-body
{
    width: 249px;
    height: 151px;
    float: left;
    background-image: url(../../images/factory.gif);
    margin: 0 5px 0 5px;
    cursor: pointer;
}

#colours-body
{
    width: 249px;
    height: 151px;
    float: left;
    background-image: url(../../images/door-home.gif);
    margin: 0 5px 0 0;
    cursor: pointer;
}

#testimonials-body
{
    width: 249px;
    height: 151px;
    float: left;
    background-image: url(../../images/testimonial.gif);
    margin: 0;
    cursor: pointer;
}

.white-block
{
    width: 249px;
    background-color: #ffffff;
    height: 40px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.selection-text p
{
    color: #162c55 !important;
    font-size: 80% !important;
}

.selection-text-testimonial
{
    color: #ffffff !important;
    font-size: 60% !important;
    line-height: 190%;
    padding: 0 10px 0 5px;
}

.selection-text-testimonial ul li
{
    height: 135px;
}

.test-foot
{
    color: #003267 !important;
    font-size: 120% !important;
    margin-top: 10px !important;
    padding: 0;
}

.selection-text
{
    position: relative;
    top: -43px;
    height: 40px;
}

.testimonial-text
{
    color: #ffffff !important;
}

.content-head-alt p
{
    margin: 0;
    padding: 0;
    font-size: 130%;
    color: #ffffff;
}

.small
{
    font-size: 80%;
    color: #162c53;
}

.currentprice
{
    font-size: 180%;
    color: #162c53;
    font-weight: bold;
}

.quantity
{
    color: #162c53;
    font-size: 100%;
    font-weight: bold;
}


#productdetails
{
    float: left;
    width: 250px;
    min-height: 200px;
    margin: 10px 0 0 0;
    background-image: url(../../images/pricegrad.gif);
    background-repeat: repeat-x;
}

#doordetails
{
    float: left;
    width: 240px;
    min-height: 200px;
    margin: 0 0 0 10px;
    background-image: url(../../images/pricegrad.gif);
    background-repeat: repeat-x;
}

#doordetails p
{
    padding: 0 0 0 5px;
}

#productdetails p
{
    margin-left: 10px;
}

#productextras
{
    width: 470px;
    min-height: 150px;
    background-image: url(../../images/pricegrad2.gif);
    background-repeat: repeat-x;
    margin: 15px 0 0 15px;
}

#finishoptions
{
    float: left;
    width: 200px;
    margin-left: 15px;
}

#producttext
{
    margin-top: 10px;
    float: left;
    width: 500px;
}

#productextras p
{
    font-size: 90%;
    color: #162c53;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 0;
}

#glazingoptions
{
    float: left;
    width: 150px;
    margin-left: 10px;
}

table.detailview
{
    width: 350px;
    border: none;
}

table.detailview td
{
    padding: 5px;
    border: none;
}

table.detailview td
{
    padding: 5px;
}

input.textfield, .textfieldmultiline
{
    width: 100%;
    min-width: 200px;
    border: none;
    background-color: white;
    border: 1px solid #CCCCCC;
}

.textfieldmultiline
{
    height: 100%;
    min-height: 50px;
}

.req
{
    border: 2px solid #FF6465 !important;
    background-image: url('images/req.gif');
    background-position: right center;
    background-repeat: no-repeat;
}

input.button
{
    border: 1px solid #98B5E2;
    background-color: White;
    text-align: center;
}

td.item, td.itemheading
{
    font-weight: bold;
    background-color: transparent !important;
    color: #2C2C2C;
    width: 100px;
    font-size: 80%;
}

td.end
{
    background-color: transparent !important;
}

td.item
{
    text-align: right;
}

td.itemheading
{
    text-align: center;
}

table.conservatory td#title, table.conservatory td#image
{
    background-color: Gray;
}

table.conservatory td#title
{
    font-weight: bold;
    font-size: 12px;
}

table.conservatory td#price
{
    color: #FF0000;
    font-weight: bold;
    font-size: 14px;
}

.jQueryErrorREQ, .jQueryErrorNUM, .jQueryErrorEMAIL, .jQueryErrorUKPOSTCODE, .jQueryErrorCHKON, .jQueryErrorCHKOFF, .jQueryErrorDROP
{
    background-color: #FF6465 !important;
}

.testimonial-jcarousellite ul
{
    margin: 0;
    padding: 0;
}
.testimonial-jcarousellite ul li
{
    list-style: none;
    display: block;
    padding-bottom: 1px;
    margin-bottom: 5px;
}

.window-container
{
    background-image: url(../../images/window-bg.gif);
    width: 120px;
    height: 150px;
    float: left;
    margin: 0 0 10px 38px;
}

.window-container2
{
    background-image: url(../../images/window-bg.gif);
    width: 120px;
    height: 150px;
    float: left;
    margin: 10px 100px 10px 15px;
}

.door-container2
{
    background-image: url(../../images/door-bg.gif);
    background: #8BB4E4;
    width: 145px;
    height: 330px;
    float: left;
    margin: 10px 100px 10px 15px;
}

.door-price
{
    text-align: center;
}
.door-price p
{
    color: #003267;
    margin: 7px auto 0px auto;
}
.door-price p.from-price
{
    font-weight: bold;
}

.door-container2 .door-content
{
    width: 135px;
    height: 270px;
    background-color: #ffffff;
    margin: 10px 0 0 5px;
    padding: 0;
    text-align: center;
}

.door-container2 img
{
    margin: 10px 0 0 0;
    position: relative;
    width: 115px; /*60px*/
    height: 250px; /*140px*/
}

.window-content
{
    width: 111px;
    height: 110px;
    background-color: #ffffff;
    margin: 10px 0 0 5px;
    padding: 0;
    text-align: center;
}

.window-content img
{
    margin: 20px 0 0 0;
    position: relative;
}

.window-heading
{
    text-align: center;
    margin: 3px 0 0 0 !important;
    padding: 0 !important;
    color: #003267;
    font-size: 100%;
    font-weight: bold;
    font-family: Arial;
}

.door-container
{
    background-image: url(../../images/door-bg.gif);
    width: 120px;
    height: 240px;
    float: left;
    margin: 0 0 10px 38px;
}

.door-content
{
    width: 111px;
    height: 180px;
    background-color: #ffffff;
    margin: 10px 0 0 5px;
    padding: 0;
    text-align: center;
}

.door-container .door-content img
{
    margin: 20px 0 0 0;
    position: relative;
    width: 60px;
    height: 140px;
}

.door-heading
{
    text-align: center;
    margin: 3px 0 0 0 !important;
    padding: 0 !important;
    color: #003267;
    font-size: 100%;
    font-weight: bold;
    font-family: Arial;
}

#finishoptions label
{
    font-size: 80%;
}

#glazingoptions label
{
    font-size: 80%;
}

.conservatory-square
{
    background-image: url('../../images/conservatory-square.gif');
    width: 180px;
    height: 160px;
    margin: 0 0 0 15px;
    float: left;
}

.conservatory-image
{
    margin: 5px 0 0 5px;
    padding: 0;
}

.conservatory-heading
{
    float: left;
    width: 250px;
    height: 25px;
    background-color: #8bb4e4;
}

.conservatory-header
{
    color: #003267;
    font-size: 100%;
    font-weight: bold;
    font-family: Arial;
    margin: 3px 0 0 0;
    padding: 0;
}

.conservatory-content
{
    float: left;
}

.conservatory-container
{
    width: 500px;
    padding: 15px 0 0 0;
}

.conservatory-container p
{
    padding-left: 5px;
}

.conservatory-price
{
    color: #e9131a;
    font-weight: bold;
    font-size: 130%;
}

#contactleft
{
    float: left;
    width: 390px;
}

#contactright
{
    float: left;
    margin-left: 50px;
}

.testimonials-list
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.test-footer
{
    font-style: italic;
    color: #000000;
    font-weight: bold;
}

#test-new
{
    margin: 0;
    padding: 0;
}

.footerlogos
{
    padding: 0 0 0 10px;
}

.CartWindow-Entry
{
    overflow: hidden;
}

.CartWindow-Entry td
{
    color: #003267;
    font-family: Arial;
    font-size: 70%;
    padding: 0 0 0 10px;
    margin: 0;
    overflow: hidden;
}

.CartWindow-Total
{
    font-size: 80% !important;
    font-weight: bold;
}

.overalltotal
{
    font-size: 80% !important;
    font-weight: bold;
    color: #003267 !important;
    padding: 0 0 0 10px;
    margin: 0;
}

.buttons
{
    margin: 5px 0 0 8px;
}

#middlecontent ul li
{
    list-style-image: url('../../images/bullet.gif');
    font-size: 80%;
    color: #656669;
}

.cartimage
{
    margin: 10px 0 0 43px;
}

.windowsmall
{
    margin: 0 0 0 7px;
}

.door-container-wider
{
    background-image: url(../../images/door-bg.gif);
    width: 200px;
    height: 240px;
    float: left;
    margin: 0 0 10px 38px;
}

.door-content-wider
{
    width: 190px;
    height: 180px;
    background-color: #ffffff;
    margin: 10px 0 0 5px;
    padding: 0;
    text-align: center;
}

.door-container-wider .door-content-wider img
{
    margin: 20px 0 0 0;
    position: relative;
    width: 160px;
    height: 140px;
}

.door-heading-wider
{
    text-align: center;
    margin: 3px 0 0 0 !important;
    padding: 0 !important;
    color: #003267;
    font-size: 100%;
    font-weight: bold;
    font-family: Arial;
}


/* My Door 3 */

.door-container3
{
    background-color: #8bb4e4;
    width: 188px;
    height: 220px;
    float: left;
    margin: 0 0 10px 6px;
}

.door-container3 .door-content3
{
    width: 178px;
    height: 160px;
    background-color: #ffffff;
    margin: 10px 0 0 5px;
    padding: 0;
    text-align: center;
}

.door-container3 .door-content3 img
{
    margin: 10px 0 0 0;
    position: relative;
}

.door-container3 .door-heading3
{
    text-align: center;
    margin: 3px 0 0 0 !important;
    padding: 0 !important;
    color: #003267;
    font-size: 100%;
    font-weight: bold;
    font-family: Arial;
}

.contactleft
{
    float: left;
    width: 350px;  
    margin-right: 20px;  
}

.contactright
{
    float: left;
    width: 350px;
}

.mapleft
{
    float: left;
    width: 350px;
    margin-right: 20px;  
    margin-top: 20px;
}

.mapright
{
    float: left;
    width: 350px;
    margin-top: 20px;
}

.salesenquiries
{
    margin-top: 75px;
    float: left;    
}

.footer-left
{
    float: left; 
    width: 180px;
}

.footer-right
{
    float: right;      
}

.A-Rated
{
    font-size: 14px;
    font-weight: bold;
    color: #136b15;
    text-align: center;
    margin: 3px auto 0 auto;
}

.A-Rated img
{
    margin-top: 3px;
    margin-bottom: 3px;
}

.footer-bottom
{
    float: left;
    margin-top: 10px; 
    margin-bottom: 10px;   
    border-top: 1px solid #8bb4e4;
}

.footer-bottom ul
{
    margin: 0;
    padding: 0;
}

.footer-bottom  ul li
{
    float: left;
    color: #113764;
    list-style-type: none;
    font-size: 75%;
    padding: 10px 0 0 7px;
}

.footer-bottom  ul li a
{
    color: #113764;
}

.footer-bottom-text-left
{
    float: left;
    width: 200px;
}

.footer-bottom-text-right
{
    float: left;
    width: 760px;
}


/* Door Controls (NEW) */

ul#door-controls
{
    padding: 0;
    margin: 25px 0 0 0;
    list-style: none;
}
        
ul#door-controls li
{
    float: left;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 0 10px 5px 0;
    text-align: center;
    list-style: none;
    border: 1px solid #8BB4E4;
    background: #D3E2F5;
    color: #003267;
    cursor: pointer;
}
        
ul#door-controls li.hover,
ul#door-controls li.active
{
    border: 1px solid #003267;
}
        
ul#door-controls li a
{
    width: 100%;
    height: 100%;
    display: block;
    color: #003267;
}
        
ul#door-controls li.hover a
{
    color: #003267;
}
        
ul#door-controls li a:hover
{
    text-decoration: none;
}

.footer-links li
{
    margin: 0!important;
    padding: 5px 5px 0 0!important;
}