
/* Text and stuff */

* {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #585757;
}

body {
    width: 100%;
    min-width: 950px;
    height: auto;
    background-color: #fff;
}

a {
    color: #369ada;
    text-decoration: underline;
}

a:visited {
    color: #4c7892;
}

a:hover {
    color: #ff0000;
    text-decoration: none;
}

a img {
    border: 0;
}

hr {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid #cccccc;
}

.content hr {
    margin-bottom: 10px;
}

strong {
    color: #454545;
    font-size: 116%;
    font-weight: bold;
}

.content ul {
    margin-left: 10px;
    list-style: disc outside;
}

    .content li {

    }

.content p,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content ul,
.content table {
    margin-bottom: 10px;
}

.content p {
    line-height: 14px;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-family: Helvetica, Arial, Verdana;
}

h1 {
    color: #3b3b3b;
    font-size: 200%;
    font-weight: normal;
}

h1 span {
    font-size: 100%;
}

h1 b {
    font-size: 100%;
    color: #454545;
}

h1 a {
    color: inherit;
    font-size: 100%;
    text-decoration: none;
}

h1 a:hover {
    text-decoration: underline;
}

h2 {
    color: #3b3b3b;
    font-size: 175%;
    font-weight: normal;
}

h2 span {
    font-size: 100%;
}

h2 a {
    color: inherit;
    font-size: 100%;
    text-decoration: none;
}

h2 a:hover {
    text-decoration: underline;
}

h3 {
    color: #3b3b3b;
    font-size: 150%;
    font-weight: normal;
}

h3 span {
    font-size: 100%;
}

h3 a {
    color: inherit;
    font-size: 100%;
    text-decoration: none;
}

h3 a:hover {
    text-decoration: underline;
}

h4 {
    color: #3b3b3b;
    font-size: 125%;
    font-weight: normal;
}

h4 a {
    color: inherit;
    font-size: 100%;
    text-decoration: none;
}

h4 a:hover {
    text-decoration: none;
}

/* FORM STUFF */

fieldset {
    border: 1px solid #cccccc;
}

legend {
    color: #3b3b3b;
    font-size: 175%;
    font-weight: normal;
    margin-bottom: 10px;
}

label {
    width: 200px;
    float: left;
    margin-right: 10px;
    clear: left;
}

.content label {
    padding-bottom: 10px;
}

.frm_hlp {
    display: block;
    color: #999;
}

.input {
    text-align: left;
}

.col_centre .input {
    display: block;
    margin-bottom: 10px;
}

span.input {
    display: block;
    margin-top: 10px;
    min-height: 40px;
}

	.frm_txt {
        width: 280px;
	    padding: 6px;
	    border-right: 1px solid #f3f3f3;
	    background: #fff url( ../../image/png/bg.form.input.png ) no-repeat top left;
	    color: #454545;
	    font-weight: bold;
	    vertical-align: middle;
	}

	*html .frm_txt {
        width: 270px;
        height: 31px;
	}

	#col_left .frm_txt {
	   width: 200px;
	}

	#col_right .frm_txt {
	   width: 145px;
	}

	.frm_rad {
	    padding: 5px;
	    margin: 5px;
	    vertical-align: middle;
	}

	textarea {
        width: 280px;
        height: 100px;
	    padding: 5px;
	    border-right: 1px solid #f3f3f3;
	    background: #fff url( ../../image/png/bg.form.input.png ) no-repeat top left;
	    color: #454545;
	    font-weight: bold;
	    vertical-align: bottom;
	}

	select {
	    width: 292px;
	    padding: 5px;
	    background-color: #fff;
	    color: #454545;
	    font-weight: bold;
	    vertical-align: middle;
	}

	* html select {
	    width: 275px;
	}

	.input select {

	}

	#col_left select {
	   width: 200px;
	}

	#col_right select {
	   width: 160px;
	}

	.input_width_auto select,
    .input_width_auto textarea,
    .input_width_auto .frm_text {
	   width: auto;
	}

.submit {

}

div.submit {
    clear: left;
    padding-top: 10px;
}

    .submit input {
	    width: auto;
	    text-align: left;
	    height: 31px;
	    line-height: 31px;
	    padding: 0 5px;
	    padding-right: 27px;
	    background: #34647d url( ../../image/png/bg.form.button.png ) no-repeat 90% 50%;
	    color: #fff;
	    border: none;
	    font-weight: bold;
	    vertical-align: bottom;
    }

    .submit input:hover {
        color: #ff0000;
        background: #34647d url( ../../image/png/bg.form.button.hover.png ) no-repeat 90% 50%;
        cursor: pointer;
    }



	#col_left .submit input {
	   width: 200px;
	}

	#col_right .submit input {
	   width: 160px;
	}

	.error {
	   color: #ff0000;
	   font-weight: bold;
	}

label.frm_required {
    font-weight: bold;
}

input.frm_required {

}

select.frm_required {

}

/* LAYOUT */

#page {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 950px;
	height: auto;
	margin-left: -475px;

	/*background-color: pink;*/
	}

* html #page {

    }

    #header {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 125px;
        z-index: 200;
        overflow: hidden;

        /*background-color: yellow;*/
        }

        #header_inner {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;

            /*background-color: red;*/
            }

            #logo {
                position: absolute;
                left: 0px;
                top: 30px;
                width: 257px;
                height: 61px;

                /*background-color: black;*/
                }

            #cart,
            #account,
            #contact {
                top: 30px;
                height: 25px;
                overflow: hidden;
                position: absolute;
                }

            #cart {
                right: 360px;
                width: 295px;

                /*background-color: purple;*/
                }

            #account {
                right: 160px;
                width: 200px;

                /*background-color: blue;*/
                }

            #contact {
                right: 0px;
                width: 150px;

                /*background-color: pink;*/
                }

            #nav_main {
                position: absolute;
                left: 0px;
                bottom: 0px;
                width: 100%;
                height: 40px;
                overflow: hidden;
                z-index: 100;

                /*background-color: pink;*/
                }

    #main {
        width: 100%;
        height: auto;
        top: 135px;
        position: absolute;
        z-index: 100;

        /*background-color: purple;*/
        }

        #main_inner {
            padding-left: 230px;
            padding-right: 190px;
            overflow: hidden;

            /*background-color: yellow;*/
            }

        * html #main_inner {

            }

            #main_inner .col {
                position: relative;
                float: left;
            }

            #main #col_centre {
                width: 100%;

                /*overflow: hidden;*/
                /*background-color: blue;*/
                }

            * html #main #col_centre {
                width: 530px;
                }

                #main #col_centre .col_centre {
                    margin-bottom: 10px;
                    }

                #main #col_centre .content {
                    padding-bottom: 10px;
                    margin-bottom: 0px;
                    }

            #main #col_left {
                width: 230px;
                right: 230px;
                margin-left: -100%;

                /*overflow: hidden;*/
                /*background-color: red;*/
                }

            /*** IE Fix ***/
            * html #main #col_left {
                left: 190px;
                right: 230px;
                margin-left: -100%;
            }

                #main #col_left .col_left {
                    margin-right: 10px;
                    margin-bottom: 10px;
                    }

                #main #col_left .content {
                    padding: 10px;
                    }

            #main #col_right {
                width: 190px;
                margin-right: -100%;

                /*overflow: hidden;*/
                /*background-color: purple;*/
                }

                #main #col_right .col_right {
                    margin-left: 10px;
                    margin-bottom: 10px;
                    }

                #main #col_right .content {
                    padding: 10px;
                    }

        #footer {
            margin-top: -10px;
            }

            #copyright {
                padding: 10px 0;
                }

            #nav_util {
                padding: 10px 0;
                }

        * html #footer {
            float: left;
			position: relative;
			width: 100%;
			padding-bottom: 10010px;
			margin-bottom: -10000px;
			background: #FFF;         /*** Same as body background ***/

            }

/* CONTENT */

#page {

    }

    /* header */

    #header {

        }

        #header_inner {

            }

            #header_inner h3 {
                font-weight: bold;
                }

            #cart {

                }

            #account {

                }

            #contact {

                }

                #cart *,
                #account *,
                #contact * {
                    font-weight: bold;
                }

                #cart ul,
                #account ul,
                #contact ul {
                    list-style: none outside;
                }

                    #cart li,
                    #account li,
                    #contact li {
                        float: left;

                        padding-right: 5px;
                        height: 25px;
                        line-height: 25px;
                    }

                        #cart a,
                        #account a,
                        #contact a {
                            text-decoration: none;
                            padding-left: 5px;
                        }

                        #cart a:hover,
                        #account a:hover,
                        #contact a:hover {
                            color: #ff0000;
                            text-decoration: underline;
                        }

                        #cart li.last a,
                        #account li.last a,
                        #contact li.last a {
                            border-left: 1px solid #585757;
                        }

            #nav_main {
                background: #217297 url( ../../image/png/bg.nav_main.repeat.png ) repeat-x bottom left;
                }

            * html #nav_main {
                background-position-y: -5px;
                }

                #nav_main .inner {
                    padding-left: 90px;
                    }

                * html  #nav_main .inner {
                    padding-left: 70px;
                    }

                    #nav_main ul {
                        list-style: none outside;
                    }

                        #nav_main li {
                            float: left;
                            display: block;
                            height: 40px;
                            line-height: 40px;
                            margin-right: 1px;
                            background: #2a6d91 url( ../../image/png/bg.nav_main.repeat.png ) repeat-x top left;
                        }

                       * html  #nav_main li {
                            width: 160px;
                        }

                        #nav_main li:hover,
                        #nav_main li.selected {
                            background: #558aa3;
                        }

                            #nav_main a {
                                display: block;
                                height: 40px;
                                line-height: 40px;
                                padding: 0 20px;
                                color: #fff;
                                text-decoration: none;
                                font-size: 125%;
                                font-weight: bold;
                            }

                            * html #nav_main a {
                                width: 150px;
                                padding: 0px;
                                font-size: 105%;
                                text-align: center;
                            }

                            #nav_main a:hover,
                            #nav_main li.selected a {
                                color: #fff;
                            }

                            * html #nav_main a:hover {
                                text-decoration: underline;
                            }

    /* main */

    #main {

        }

        #main_inner {

            }

            /* main recyclable bits */

                /* BOXES */

                .box {

                    }

                    .box h3 {
                        font-size: 110%;
                        padding: 5px;
                        color: #fff;
                        font-weight: bold;
                        overflow: hidden;
                        }

                    .box .inner {
                        border: 1px solid #ccc;
                        }

                    .box .content {

                        }

                        .box .content p {
                            text-align: justify;
                            line-height: 120%;
                            }

                .box_light {

                    }

                * html .box_light {
                    background: transparent url( ../../image/png/bg.box.header.light.png ) repeat-x top left;
                    }

                    .box_light h3 {
                        border: 1px solid #87a5b2;
                        background: transparent url( ../../image/png/bg.box.header.light.png ) repeat-x top left;
                        }

                    * html .box_light h3 {
                        height: 32px;
                        }

                    .box_light .inner {
                        background-color: #fff;
                        }

                .box_highlight {

                    }

                * html .box_highlight {
                    background: transparent url( ../../image/png/bg.box.header.highlight.png ) repeat-x top left;
                    }

                    .box_highlight h3 {
                        border: 1px solid #ff8989;
                        background: transparent url( ../../image/png/bg.box.header.highlight.png ) repeat-x top left;
                        }

                    * html .box_highlight h3 {
                        height: 32px;
                        }

                    .box_highlight .inner {
                        background: #ededed;
                        }

                        .box_highlight .inner select {
                            background: #ececec;
                            }

                /* LINEY LIST used in ecom and help nav */

                .list_liney ul {
                    margin: 0;
                    padding: 0;
                    list-style: none outside;
                    }

                .list_liney_split ul {
                    overflow: auto;
                    background: transparent url( ../../image/png/bg.dotted.png ) repeat-y 50% 0%;
                    }

                * html .list_liney_split ul {
                    padding-bottom: 25px;
                    }

                    .list_liney li {
                        margin: 0;
                        padding: 0;
                        }

                    .list_liney_split li {
                        width: 50%;
                        float: left;
                        }

                    * html .list_liney_split li {
                        width: 49%;
                        }

                        .list_liney li a {
                            display: block;
                            width: auto;
                            line-height: 25px;
                            padding: 3px 10px;
                            border-bottom: 1px dotted #ccc;
                            text-decoration: none;
                            font-weight: bold;
                            }
                        * html .list_liney li a {
                            padding: 0px 10px;
                            }

                        .list_liney li a:hover {
                            color: #ff0000;
                            border-bottom: 1px dotted #ff0000;
                            }

                /* PRODUCT BOX best sellers and such */

                .ecom_product_list {
                    clear: left;
                    }

                    .ecom_product_list .inner {

                        }

                        .ecom_product_list ul {
                            list-style: none outside;
                            overflow: hidden;
                            }

                            .ecom_product_list li {
                                float: left;
                                width: 131px;
                                overflow: hidden;
                                text-align: center;
                                border-right: 1px dotted #ccc;
                                }

                            * html .ecom_product_list li {
                                width: 132px;
                                }

                                .ecom_product_list li a {
                                    display: block;
                                    padding: 5px;
                                    height: 180px;
                                    overflow: hidden;
                                    text-decoration: none;
                                    color: #369ada;
                                    font-weight: bold;
                                    }

                                    .ecom_product_list li a span {
                                        display: block;
                                        text-decoration: none;
                                        color: #369ada;
                                        }

                                    .ecom_product_list li a .product_title {
                                        padding-bottom: 5px;
                                        }

                                    .ecom_product_list li a .product_img {
                                        padding-bottom: 5px;
                                        height: 110px;
                                        }

                                    .ecom_product_list li a .product_price {
                                        color: #454545;
                                        }

                                .ecom_product_list li a:hover {
                                    color: #ff0000;
                                    background-color: #ededed;
                                    }

                                    .ecom_product_list li a:hover span {
                                        color: #ff0000;
                                        }

                                    .ecom_product_list li a:hover .product_title {

                                        }

                                    .ecom_product_list li a:hover .product_img {

                                        }

                                    .ecom_product_list li a:hover .product_price {

                                        }

                /* PRODUCT PAGINATION */

                .ecom_nav_pagination {
                    padding: 10px;
                    }

                    .ecom_nav_pagination p {
                        font-weight: bold;
                        color: #454545;
                        }

                    .ecom_nav_pagination b {
                        font-weight: bold;
                        color: #b0b0b0;
                        }

                    .ecom_nav_pagination a {
                        font-weight: bold;
                        text-decoration: none;
                        }

                    .ecom_nav_pagination a:hover {
                        text-decoration: underline;
                        }

                /* PRODUCT RESULTS */

                .ecom_product_results .inner {

                    }

                    .ecom_product_results ul {
                        list-style: none outside;
                        overflow: hidden;
                        }

                        .ecom_product_results li {
                            border-top: 1px dotted #ccc;
                            }

                        * html .ecom_product_results li {
                            clear: left;
                            height: 130px;
                            }

                            .ecom_product_results li a {
                                display: block;
                                padding: 10px;
                                overflow: hidden;
                                text-decoration: none;
                                color: #369ada;
                                font-weight: bold;
                                }

                            * html .ecom_product_results li a {
                                height: 130px;
                                }

                                .ecom_product_results li a span {
                                    text-decoration: none;
                                    color: #369ada;
                                    }

                                .ecom_product_results li a .product_img {
                                    width: 100px;
                                    height: 100px;
                                    float: left;
                                    overflow: hidden;
                                    margin-right: 10px;
                                    cursor: pointer;
                                    }

                                .ecom_product_results li a .product_title {
                                    padding-bottom: 5px;
                                    display: block;
                                    }

                                .ecom_product_results li a .product_desc {
                                    color: #585757;
                                    font-weight: normal;
                                    display: block;
                                    padding-bottom: 5px;
                                    }

                                .ecom_product_results li a .product_price {
                                    color: #454545;
                                    }

                                .ecom_product_results li a .product_link {
                                    color: #e42700;
                                    text-decoration: underline;
                                    display: block;
                                    padding-top: 5px;
                                    }

                            .ecom_product_results li a:hover {
                                color: #ff0000;
                                background-color: #ededed;
                                }

                                .ecom_product_results li a:hover span {
                                    color: #ff0000;
                                    }

                                .ecom_product_results li a:hover .product_img {

                                    }

                                .ecom_product_results li a:hover .product_title {

                                    }

                                .ecom_product_results li a:hover .product_desc {
                                    color: #454545;
                                    }

                                .ecom_product_results li a:hover .product_price {

                                    }

                                .ecom_product_results li a:hover .product_link {

                                    }

                /* PRODUCT DISPLAY */

                /* NOTE : Some of these are not utilised. Contour was not upgraded fully */
                /* Only the ecom_product_display_table utilised at this point */

                .ecom_product_display_table {
                    width: 100%;
                    margin-bottom: 10px;
                    }

                    .ecom_product_display_table td {

                        }

                    .ecom_product_display_table .product_img {
                        width: 100px;
                        padding-bottom: 10px;
                        }

                    .ecom_product_display_table .product_desc {
                        padding-left: 10px;
                        padding-bottom: 10px;
                        }

                .ecom_product_display .inner {

                    }

                    .ecom_product_display .content {
                        padding: 10px;
                        overflow: auto;
                        }

                        .ecom_product_display .content .product_img {
                            width: 300px;
                            height: auto;
                            overflow: hidden;
                            float: left;
                            margin-right: 10px;
                            }

                        .ecom_product_display .content ul.product_options {
                            list-style: none outside;
                            }

                            .ecom_product_display .content .product_options li {

                                }

                                .ecom_product_display .content .product_options li a {
                                    color: #e42700;
                                    }

                                .ecom_product_display .content .product_options li a:hover {
                                    color: #ff0000;
                                    }

                    table.product_table {
                        width: 100%;
                        border-collapse: collapse;
                        margin-bottom: 10px;
                        }

                        table.product_table th {
                            padding: 10px;
                            text-align: left;
                            font-weight: normal;
                            }

                        table.product_table th.row_price {
                            text-align: right;
                            }

                        table.product_table td {
                            padding: 10px;
                            border-top: 1px dotted #ccc;
                            border-bottom: 1px dotted #ccc;
                            }

                        .row_title {
                            font-weight: bold;
                            color: #454545;
                            }

                        .row_qty {
                            width: 20px;
                            }

                            .row_qty .frm_txt {
                                width: 20px;
                                text-align: center;
                                }

                        .row_chk {
                            width: 20px;
                            }

                            .row_chk .frm_chk {
                                margin-top: 8px;
                                }

                        .row_price,
                        .row_price_sml {
                            width: 60px;
                            font-weight: bold;
                            color: #9a9a9a;
                            text-align: right;
                            }

                        .row_price_sml {
                            width: 30px;
                            }

                            .row_price strong {
                                color: #e42700;
                                }

                        .row_options,
                        .row_options_sml {
                            width: 60px;
                            text-align: right;
                            }

                            .row_options input {
                                width: 120px;
                                }

                        .row_options_sml {
                            width: 70px;
                            }

                            .row_options_sml input {
                                width: 70px;
                                }

                        .row_discount {
                            color: #e42700;
                            }

                        .row_basket_title {
                            text-align: right;
                            }

           		/* curvy message */

           		.ui_response {
           			margin: 0px;
           			padding: 10px;
           			padding-bottom: 1px;
           			}

           		.ui_response,
           		.ui_response p,
           		.ui_response li {
           			background-color: #ccc;
           			color: #547a98;
           			font-weight: bold;
           			*padding-top: 5px;
           			}

           		.ui_response_error,
           		.ui_response_error p,
           		.ui_response_error li {
           			/*background-color: #ff0000;*/
           			color: #ff0000;
           			font-weight: bold;
           			}

           		.ui_response p,
           		.ui_response_error p {
           			margin-left: 10px;
           			}

           		.ui_response li,
           		.ui_response_error li {
           			margin-left: 20px;
           			}

           		/* two column layout in smaller spaces */

           		.cols_2,
           		.cols_2_70_30 {
           		   overflow: auto;
           		   }

                   .cols_2 .left,
                   .cols_2_70_30 .left {
                      float: left;
                      clear: left;
                      }

                   .cols_2 .right,
                   .cols_2_70_30 .right {

                      }

                   .cols_2 .left {
                      width: 48%;
                      }

                   .cols_2 .right {
                      padding-left: 50%;
                      }

                   .cols_2_70_30 .left {
                      float: left;
                      width: 68%;
                      clear: left;
                      }

                   .cols_2_70_30 .right {
                      padding-left: 30%;
                      }

            /* left column */

            #col_left {

                }

                #col_left #nav_ecom {

                    }

                    #col_left #nav_ecom .inner ul {
                        padding: 10px 0px 0px 0px;
                        }

                        #col_left #nav_ecom .inner a {
                            font-size: 105%;
                            }

                #col_left #delivery {

                    }

            /* centre column */

            #col_centre {

                }

                #col_centre #search_sml {
                    background: #547a98;
                    }

                * html #col_centre #search_sml {
                    height: 75px;
                    }

                    #col_centre #search_sml .inner {
                        padding: 10px;
                        }

                        #col_centre #search_sml div {
                            margin-bottom: 10px;
                            }

                        #col_centre #search_sml .input {
                            display: inline;
                            margin-top: 0px;
                            }

                        #col_centre #search_sml .inner p {
                            color: #fff;
                            text-align: justify;
                            }

                        #col_centre #search_sml .inner strong {
                            color: #fff;
                            }

                    #col_centre #search_sml h3 {
                        color: #fff;
                        }

                    #col_centre #search_sml .frm_txt {
                        width: 415px;
                        margin-right: 10px;
                        }

                    * html #col_centre #search_sml .frm_txt {
                        width: 380px;
                        }

                    #col_centre #search_sml .submit input {
                        width: auto;
                        margin-top: 8px;
                        *margin-top: 0px;
                        pointer: cursor;
                        color: #fff;
                        background: #34647d url( ../../image/png/bg.form.button.hover.png ) no-repeat 90% 50%;
                        cursor: pointer;
                        }

                #col_centre .title {
                    /*background-color: #547a98;*/
                    }

                    #col_centre .title .inner {
                        /*padding: 10px;*/
                        }

                        #col_centre .title h1 {
                            /*color: #fff;*/
                            }

                #col_centre .ad_large {

                    }

                    * html #col_centre .ad_large a {
                        display: block;
                        width: 530px;
                        overflow: hidden;
                        }

                #col_centre #nav_ecom_best {

                    }

                #col_centre #nav_ecom_staff {

                    }

                #col_centre #nav_ecom_recent {

                    }

                #col_centre #nav_ecom_categories {

                    }

                #col_centre .category_img {
                    float: right;
                    margin-left: 10px;
                    margin-bottom: 10px;
                    }

                .basket_options {
                    text-align: right;
                    margin-top: 10px;
                    padding-right: 10px;
                    margin-bottom: 10px;
                    }

            /* right column */

            #col_right {

                }

                * html #col_right .box {
                    /*width: 130px;*/
                    }

                            * html #col_right .box h3 a span {
                                width: 180px;
                                }

                #col_right #secure {

                    }

    /* footer */

    #footer {
        border-top: 1px solid #ccc;
        overflow: auto;
        margin-bottom: 20px;
        }

        #footer #copyright {
            width: 50%;
            margin-top: -34px;
            }

            #footer #copyright .inner {

                }

        #footer #nav_util {
            }

            #footer #nav_util .inner {
                text-align: right;
                }

                #footer #copyright .inner ul,
                #footer #nav_util .inner ul {
                    list-style: none;
                    border-left: 1px solid #ccc;
                    clear: left;
                    }

                    #footer #copyright .inner ul li,
                    #footer #nav_util .inner ul li {
                        display: inline;
                        padding: 0 10px;
                        border-right: 1px solid #ccc;
                        color: #9e9e9e;
                        }

                        #footer #copyright .inner ul li a,
                        #footer #nav_util .inner ul li a {

                            }

/* extras */

.hidden {
    display: none;
    }

