body
{
}

.mainWindow735
{
    width: 735px;
    min-height: 524px;
    position: relative;
    margin-top: 20px;
}

.contentBottom735
{
    width: 735px;
    height: 30px;
    position: absolute;
    bottom: 0px;
    background-image: url(/images/content_pane_bottom_735_30.png);
    background-repeat: no-repeat;
}

.contentCentre735
{
    width: 702px;
    height: 307px;
    position: absolute;
    left: 16px;
    right: 17px;
    top: 187px;
    bottom: 30px;
    background-image: url( /images/content_pane_centre_5_329.png);
}

.contentMain735
{
    position: relative;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 10px;
    height: 300px;
}
.contentLeft735
{
    width: 16px;
    height: 307px;
    position: absolute;
    left: 0px;
    top: 187px;
    bottom: 30px;
    background-image: url(/images/content_pane_left_16_15.png);
    background-repeat: repeat-y;
}
.contentRight735
{
    width: 17px;
    height: 307px;
    position: absolute;
    right: 0px;
    top: 187px;
    bottom: 30px;
    background-image: url(/images/content_pane_right_17_12.png);
    background-repeat: repeat-y;
}
.contentTop735
{
    width: 735px;
    height: 187px;
    position: absolute;
    top: 0px;
    background-image: url(/images/content_pane_head_735_187.png);
    background-repeat: no-repeat;
}

.footerInformation
{
    margin-left: 260px;
    margin-right: 100px;
    font-family: Trebuchet MS;
    font-size: medium;
}

.lowestBlank
{
    clear: both;
    float: left;
    width: 100%;
    height: 20px;
}

.mainWindow800
{
    width: 800px;
    height: 600px;
    position: relative;
    margin-top: 20px;
}
.contentTop800
{
    width: 800px;
    height: 25px;
    position: absolute;
    top: 0px;
    background-image: url(/images/content_top_800_25.png);
    background-repeat: no-repeat;
}
.contentBottom800
{
    width: 800px;
    height: 25px;
    position: absolute;
    bottom: 0px;
    background-image: url(/images/content_bottom_800_25.png);
    background-repeat: no-repeat;
}
.contentLeft800
{
    width: 18px;
    height: 550px;
    position: absolute;
    left: 0px;
    top: 25px;
    bottom: 25px;
    background-image: url(/images/content_left_18_18.png);
    background-repeat: repeat-y;
}
.contentRight800
{
    width: 18px;
    height: 550px;
    position: absolute;
    right: 0px;
    top: 25px;
    bottom: 25px;
    background-image: url(/images/content_right_18_17.png);
    background-repeat: repeat-y;
}
.contentCentre
{
    width: 766px;
    height: 550px;
    position: absolute;
    left: 17px;
    right: 17px;
    top: 25px;
    bottom: 25px;
    background-color:#CACACA;
    background-image:url(/images/fade.jpg);
    /*background-image: url(/images/content_centre_7_7.jpg); */
}
.contentMain800
{
    position: relative;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 10px;
    height: 300px;
    font-size: medium;
}


.quoteWindow735
{
    position: relative;
    width: 735px;
    min-height: 800px;  /* change according to the content of the quote page */
    margin-top: 20px;
}

.quoteTop735
{
    width: 735px;
    height: 187px;
    position: absolute;
    top: 0px;
    background-image: url(/images/content_pane_head_735_187.png);
    background-repeat: no-repeat;
}

.quoteCentre735
{
    position: absolute;
    left: 16px;
    right: 17px;
    top: 187px;
    width: 682px;   /* plus pedding is the width it occupies*/
    min-height: 500px;
    bottom: 30px;
    background-image: url( /images/background_7_700.png);
    padding: 0px 10px 0px 10px; 
}


.quoteCentre735-inline
{
    position: absolute;
    left: 16px;
    right: 17px;
    top: 187px;
    width: 702px;   /* plus pedding is the width it occupies*/
    /*bottom: 30px;*/
    background-image: url( /images/background_7_700.png);
    background-position: bottom left;
    margin: 0px 0px 0px 0px;
}

.quoteMain735
{
    position: relative;
    min-height: 300px;
}
.quoteBottom735
{
    width: 735px;
    height: 30px;
    position: absolute;
    bottom: 0px;
    background-image: url(/images/content_pane_bottom_735_30_lighter.png);
    background-repeat: no-repeat;
    z-index:10;
}


.quoteLeft735
{
    width: 16px;
    height: auto;
    position: absolute;
    left: 0px;
    top: 187px;
    bottom: 30px;
    background-image: url(/images/content_pane_left_16_15.png);
    background-repeat: repeat-y;
}
.quoteRight735
{
    width: 17px;
    height: auto;
    position: absolute;
    right: 0px;
    top: 187px;
    bottom: 30px;
    background-image: url(/images/content_pane_right_17_12.png);
    background-repeat: repeat-y;
}

.quoteMetrePrice
{
    margin-top:5px;
    margin-right:5px;
    background-image:url(/images/PricePerMetre.png); 
    background-repeat:no-repeat;
    padding-top:38px;
    padding-left:40px;
    width:160px;
    height:62px;
    color:White;
}

.priceLabelStyle
{
    font-size:xx-large;
    font-family:Trebuchet MS;
}

/*
.pdfExplanation
{
    float:right;
    width:250px;
    margin-top:180px;
    margin-right:50px;
}
*/
.quoteUBPrice
{
    float:right;
    margin-top:0px;
    margin-right:40px;
    background-image:url(/images/PriceTotal.png); 
    background-repeat:no-repeat;
    padding-top:38px;
    padding-left:20px;
    width:180px;
    height:62px;
    color:White;
}

.mainConfigureArea
{
    position:absolute;
}

.quoteWindow735UB
{
    position: relative;
    width: 735px;
    min-height: 720px;
    margin-top: 20px;
}

.quoteCentre735UB
{
    position: absolute;
    left: 16px;
    right: 17px;
    top: 187px;
    width: 652px;   /* plus pedding is the width it occupies*/
    min-height: 400px;
    bottom: 30px;
    background-image: url( /images/background_7_700.png);
    padding:25px 25px 25px 25px;  
}

.extraChoicePanel
{
    position:absolute;  /* if float right used here, will not clickable */
    top:70px;
    right:0px;
    min-width:285px;
    min-height: 100px;
    z-index:10000;
}