/* CSS Document */

* {
    padding: 0px;
    margin: 0px;
    }

html, body {
    font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;

    background-image:url(../images/background.jpg);
    background-repeat: repeat-x;
    background-color: #756148;
    }


/* GLOBAL STYLES */

h1 {
    width: 723px;
    height: 30px;
    background-image: url(../images/h1_background.jpg);
    color: #968672;
    font-size: 18px;
    padding-top: 10px;
    padding-left: 50px;
    }

h3 {
    /*color: #656565;
    font-size: 14px;
    font-weight: bold;
    padding-left: 8px;
    background-image:url(../images/dot_login.jpg);
    background-repeat:no-repeat;
    background-position: 0px 6px;*/

    padding-left: 8px;
    color: #968672;
    font-size: 1.3em;
    font-weight: bold;
    padding-top: 10px;
    /*padding-left: 50px;*/


    }

h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding-left: 12px;
    background-image: url(../images/dot_search.jpg);
    background-repeat:no-repeat;
    background-position: 0px 10px;
    }

a {
    color:#756148;
    text-decoration:underline;
}

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

#container {
    width: 773px;
    display: block;
    margin: 0 auto;
    text-align: left;
    }

    #top {
        width: 773px;
        height: 86px;
        clear: both;
        }

        #logo {
            width: 350px;
            height: 86px;
            float: left;
            }

        #small-menu {
            width:400px;
            height:36px;
            padding-top: 50px;
            padding-right: 15px;
            float: right;
            }
        #small-menu ul{
            list-style-type:none;
            padding:0;
            float: right;
        }

        #small-menu ul li{
            display:block;
            float:left;
            padding:0 8px;
            border-left:1px solid #000;
        }

        #small-menu ul li.first{
            border-left:none;
        }

        #small-menu ul li:first-child{
            border-left:none;
        }

        #small-menu ul li a {
            color: #000000;
            }

        #small-menu ul li a:hover {
            color:#FFFFFF;
            }



    #menu {
        width: 773px;
        height: 33px;
        float: left;
        clear: both;
        display: block;
        background: url(../images/menu/menu.jpg) 45px 0px no-repeat;
        }

    #menu ul {
        width: 730px;
        float: left;
        display: block;
        text-align: left;
        list-style: none;
        padding-left:55px;
        padding-top:2px;
        }

    #menu ul li {
        float: left;
        }

    #menu ul li a {
        float: left;
        display: block;
        background-image:url(../images/menu/middle.jpg);
        /*font-family:Georgia, Times New Roman, Serif;*/
        font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
        color:#fff;
        font-size:14px;
        text-decoration:none;
        font-weight:bold;
        text-transform:uppercase;
        padding:7px 30px;
        border-left: 1px solid #C0B2A5;
        }

    #menu ul li a:hover {
        background-position: 0px -33px;
        color:#6C614F;
        }

    #menu ul li a.on {
        background-position: 0px -33px;
        color:#000;
        }

    #menu ul li.first a {
        border-left:none;
    }

    #index-header {
        width: 773px;
        height: 351px;
        background-image:url(../images/head_index.jpg);
        clear: both;
        }

    #index-content {
        width: 773px;
        height: 151px;
        background-image:url(../images/head_content.jpg);
        clear: both;
        }

    #index-header a {
        color: #c0b5a5;
        font-weight: bold;
        }

    #index-header a:hover {
        color: #FFFFFF;
        }
    #link {
        padding-top: 30px;
        width: 40px;
        height: 40px;
        }

    #link a {
        width: 40px;
        height: 40px;
        display: block;
        }

    #search {
        width: 235px;
        margin-top: 80px;
        float: right;
        }

    #search .submit{

    }

    #index-header .ContentText{
        clear: both;
        width: 235px;
        margin-top: 20px;
        float: right;
        color: #C0B5A5;
    }

    #search_input{margin-bottom:3px;}
    .search_input {
        width: 192px;
        border: solid 1px #c8c8c8;
        font-size:11px;
        color: #000001;
        padding:1px;
        }

    #search_categoryDiv{
       margin-bottom:3px;
       float:left;
    }
    .search_category {
        width: 142px;
        border: solid 1px #c8c8c8;
        font-size:11px;
        color: #000001;
        padding:1px;
        }
    #SubmitButton{
        width:48px;
        float:left;
        clear:right;
        margin-top:-5px;
        height:30px;

    }
    #SubmitButton input{
       float:none;
       width:48px;
       margin:0px;
    }

    #content {
        width: 773px;
        display: block;
        background-image:url(../images/content_background.gif);
        }

        #content-left2 {
        width: 710px;
        padding-left: 50px;
        float: left;
        min-height:300px;
        _height:300px;
        }

    #content-left {
        width: 480px;
        padding-left: 50px;
        float: left;
        }

    #content-left a {
        padding-left: 16px;
        background-image:url(../images/link_dot.jpg);
        background-repeat:no-repeat;
        background-position: 0px 1px;
        }

    #content-left a:hover {
        color: #000000;
        }

    #content-left p {
        text-align: justify;
        }

    #content-left2 p {
        text-align: center;
        }

    #content-left2 img {
        }

    #content-right {
        width: 230px;
        float: left;
        text-align: right;
        }

    #index-footer {
        width: 773px;
        height: 215px;
        background-image:url(../images/content_index.jpg);
        background-repeat:no-repeat;
        }



    #footer {
        width: 773px;
        height: 80px;
        background-image:url(../images/footer_content.jpg);
        background-repeat:no-repeat;

        }

    #footer-content {
        width: 773px;
        height: 80px;
        background-image:url(../images/footer_content.jpg);
        background-repeat:no-repeat;
        padding-top: 20px;
        }


    #left-index {
        margin-top: 90px;
        margin-left: 22px;
        width: 500px;
        float: left;
        }

    html>body #left-index {
        margin-left: 44px;
        }

    #left-index a {
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
        color: #000000;
        padding-left: 12px;
        background-image:url(../images/dot_index_footer.jpg);
        background-repeat:no-repeat;
        background-position: 0px 4px;
        text-transform:uppercase;
        }


    #PageForm label{
 width: 180px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
line-height: 10px;
        }

        #PageForm #search_category, #PageForm #InputButton{
        width: 480px;
        float: left;
        display: inline;
        line-height: 17px;
        }

    #PageForm #InputButton {
        margin-left: 185px;
        margin-top: 5px;
        }

    #PageForm #InputButton input{
        background-color:#756148;
        border:1px solid #000000;
        color: #FFFFFF;
        font-size:11px;
        font-weight:bold;
        padding:3px;
        text-decoration:none;
        }


    #PageForm select, #PageForm input {
         margin-left: 5px;
        }

    #left-index a:hover {
        color: #756147;
        }

        #one {
            width: 145px;
            float: left;
            }

        .small {
            font-family:Arial, Helvetica, sans-serif;
            font-size: 10px;
            padding-left: 12px;
            color: #858585;
            margin-top: -3px;
            }

        #two {
            width: 145px;
            float: left;
            margin-left: 19px;
            }

        #three {
            width: 145px;
            float: left;
            margin-left: 17px;
            }

        #list_ul {
        width: 710px;
        float: left;
        list-style-type: none;
        display: block;
        }

        #list_ul li {
        width: 175px;
        float: left;
        list-style-type: none;
        display: block;
        height: 110px;
        text-align: center;
        }

        #list_ul li img {
        clear: left;
        }

        #list_ul a {
        text-decoration: none;
        color: #663300;
        }

        #list_ul a:hover {
        text-decoration: underline;
        color: #663300;
        }

        #list_ul a img {
        border: 0px solid #FFFFFF;
        }

        #list_ul a:hover img {
        border: 0px solid #FFFFFF;
        }

    #right-index {
        width: 220px;
        float: left;
        /*padding-top: 15px;*/ /*40px;*/
        }

    #right-index h3{
        margin-bottom:0;
    }

    #right-index label{
        display:block;
        float:left;
        width:65px;

    }

    .user {
        width: 115px;
        border: solid 1px #c8c8c8;
        display:block;
        float:left;
        font-size:10px;
        color: #000001;
        padding:1px;
        }

    .pass {
        width: 70px;
        border: solid 1px #c8c8c8;
        display:block;
        float:left;
        font-size:10px;
        color: #000001;
        padding:1px;
        margin-right:3px;
        }

    #down {
        width: 633px;
        clear: both;
        padding-top: 30px;
        padding-left: 150px;
        color: #bfb4a3;
        }

    html>body #down {
        padding-top: 30px;
        }

    #down ul{
        list-style-type:none;
        padding:0;
    }

    #down ul li{
        display:block;
        float:left;
        padding:0px 8px;
        border-left:1px solid #b7ab99;
    }

    #down ul li.first{
        padding:0px 8px 0px 0px;
        border-left:none;
    }

    #down ul li:first-child {
        border-left:none;
        padding-left:0;
    }

    #down ul li a, #down a {
        color: #b7ab99;
        font-weight: bold;
        text-decoration: none;
        }

    #down ul li a:hover, #down a:hover {
        color:#FFFFFF;
        }


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.html *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-block;}

.clearthis {
    clear:both;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*Added by Azim*/
/*
.PictDetails{}
 .PicImage{
    float: left;
    margin:5px;
 }
 .PicImage img{
    max-width:200px;
    max-height:200px;
 }
 .PicTitle{
    color: #968672;
    font-size: 120%;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 50px;
 }
 .PictText{
    maring:2px;
 }*/
 .OptTitle{font-weight:bold;}
 .PictExtra{}
 .Options{}
 .Buttons{}

#FrameIt{
    float:left;
    min-height:589px;

    height:auto !important;
    height:589px;

    /*width:325px;*/
    width:350px;
    margin:10px 10px 10px 0;
    border: 1px solid #e5dcd6;
    padding:5px;
}
 #DivFramedImg{}
    #FramedImg{
        max-height:200px;
        max-width:200px;
    }
 #DivImgTitle{}
 #DivInfo{}
 #DivButtons{}

#TabList{
    float:left;
    /*min-height:540px;*/
    min-height:557px;
    height:auto !important;
    height:557px;

    width:308px;
    margin:1px 0 10px 10px;
    padding:10px;
    border: 1px solid #e5dcd6;
    padding:5px;
    background-color:#fff;


}

.Tabs{
    /*display: none;*/
}

 .Tab{
    margin: 5px;
    padding: 5px;

    /*
    position: relative;
    background: #FFFFFF;
    display: none;
    margin-top: 10px;
    height: auto;
    width: 550px;
    top: 50;
    left:150;
    float: left;
    border: 3px solid #ECECEC;
    background-color: #FFFFFF;
    z-index: 5;
    padding: 15px;
    font-family:Arial, Helvetica, sans-serif;
    */

}
  .Tcontent{}
.DivOverflow{
    overflow: auto;
    width: 96%;
    height: 280px;
    margin-bottom:5px;

    /*border-bottom:1px solid #e5dcd6;*/

}

div.tip {
    /*height:108px;*/
    height:85px;
    overflow:auto;
    padding-left:10px;
    padding-right:10px;
    width: 280px;

}

div#tips_tip {
    height:auto;
}

.DivOverflow ul{
    list-style:none;
}
.DivOverflow ul.list li{
    float:left;
    margin: 8px;
}


/*.DivOverflow ul.list li.framli{
    width:100px;
    height: 50px;
}*/



div#frameit_wall {
    text-align:center;
    /*padding:20px;*/
    /*padding:20px;*/
    /*width:300px;
    height:300px;
    line-height:300px;
    text-align:center;
    vertical-align:center;
    padding-top:20px;
    padding-bottom:30px;*/
    width: 100%;
    margin:0px;
    padding:0px;

    height:300px;
    /*line-height:300px;*/

    background: url(/skin/shared/images/loading.gif) 100px 110px no-repeat;

}

div#frameit_wall img#img_framed {
    margin:0px;
    padding:0px;
    /*vertical-align:middle;
    line-height:300px;
    margin:auto 0;*/
    /*
    width: expression(this.width > 262 ? 260: true);
    height: expression(this.height > 262 ? 260: true);
    */
    /*width:260px;*/
    /*position:absolute;
    top:20px;
    left:33px;
    display:block;
    z-index:2;*/
}

#FrameIt #fr_title {
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;
    text-align:center;
}

#FrameIt #fr_error {
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;
    text-align:center;
    color: #DE0000;
}

#FrameIt #fr_details {
    margin-top:10px;
    padding-bottom:20px;
    text-align:right;
}

#FrameIt #fr_details .fr_row {

}

#FrameIt #fr_details .fr_row_total2 {
    padding: 5px 0;

}

#FrameIt #fr_details .fr_left{
    font-weight:bold;
    /*width:100px;
    padding-left:140px;*/
    width: 70%;
    padding-left: 0px;
    text-align:left;
    float:left;


}

#FrameIt #fr_details .fr_right{
    width:25%;
    text-align:right;
    float:right;
    display:block;
    padding-left:10px;
}

#FrameIt #fr_details .fr_row_total2 {
    font-weight:bold;
}

/*
#FrameIt #fr_details .fr_left{
    width:85px;
    display:block;
    float:left;

}

#FrameIt #fr_details .fr_right {
    width:180px;
    float:left;
    font-weight:bold;
}
*/

#FrameIt #fr_buttons {
    clear:both;
    float:none;
    display:block;
}



/* WALL COLOUR */
#d_wall_colour {
height:auto;
margin:10px;

}

#d_wall_colour ul li {
    width:20px;
    height:20px;

    border:1px solid #cdcdcd;
}





#TabList h3 {
    margin-top:.8em;
    }

#wall_colour_btns {
    display:block;
    clear:both;
    width:100%;
}


/* FRAMES TAB */
#d_frames_viewby,
#d_mats_viewby {

    display:block;
    clear:both;
    float:none;
}

#d_frames_viewby .Button,
#d_mats_viewby .Button {
    float:none;
    display:inline;

    margin-left:20px;
    margin-bottom:10px;
}

#d_frames_viewby span,
#d_mats_viewby span{
    display:block;
    clear:both;
    font-weight:bold;
}
#d_frames_viewby select,
#d_mats_viewby select {

    /*margin-left:20px;*/
    display:inline;
    margin-bottom:5px;
    font-size: 11px;
    color: #000001;
}

select#material,
select#colour,
select#style,
select#price,
select#width,
select#sort_by_select {
    width:90px;
}

#getFrameResultsDiv {
    height:158px;
    border:1px solid #e5dcd6;
    overflow: hidden;
}

#getMatResultsDiv {
    height:158px;
    border:1px solid #e5dcd6;
    overflow: hidden;
}

#getMatResultsDiv ul.list li img {
    border:1px solid #dcd9d7;
}

#MatDescription img {
    border:1px solid #dcd9d7;
}

div.MatTitle {
    padding-top:10px;
}

.MatButtons .Button {
    float:left;

}


ul#l_glass {
    margin:0;
    padding:0;
    margin-top:20px;
}


.DivOverflow ul#l_glass li {
    text-align:left;
    float:none;
    clear:both;
    display:block;
    margin:0;
    height:20px;
}

.DivOverflow ul#l_glass li label {
    width:188px;
    float:left;
}

.DivOverflow ul#l_glass li input {
    float:left;
}



/* END FRAME IT ANDREA */
/*
label.glass{
    float:none;
    text-align:left;
    width:100px;
}
label.glass input{
    left-margin:0px;
}*/
.FrImg,
.MatImg {
    float:left;
    width:100px;
    margin:10px;
}
.FrImg img,
.MatImg img {
    width:79px;
}

select#mat_width0,
select#mat_width0 option,
select#mat_width1,
select#mat_width1 option {
    font-size: 11px;
    color: #000001;
    width:60px;
}
/*End: Azim's*/


#LogInUserName{clear:both;} .userDiv{}
#LogInPassword{clear:both;} .passDiv{}
#login{} .loginDiv{}
#login input{margin-left:0px;}
.RegisterDiv{clear:both;}
.ForgotPassDiv{}

ul#sLtabsmenu{}

ul#sLtabsmenu li{
    float:left;
    background:#FFFFFF;
    position:relative;
    height:15px;
    width:50px;
    padding: 5px;
    text-align:center;
    border:2px solid #ECECEC;
    border-bottom:0;
    left:10px;
    margin-bottom: 5px;
    list-style:none;
}
.ResListDiv{
    clear:both;
}
/*
#moldings .ResPict{
    height:270px;
    width:230px;
}
.ResList{
    list-style:none;
}
.ResPict{
    float:left;
    width:250px;
}
.ResPict .PicImage{
    width:100%;
    text-align:center;
}
.ResPict .PicTitle{}
.ResPict .PicText{}
*/
/* Contact Form*/
    #ContactForm,
    #RegistrationForm{
        margin-left:40px;
        margin-top:20px;
        width:550px;
    }
    .ShoppingFormDiv{
        margin-left:0;
        width:760px;
    }
    .FormDiv form {
        margin:0;
        padding:0;
    }
    .TextFieldDiv{
        display: block;
        float:left;
        width:400px;
        height:30px;
    }
    .TextFieldDiv label{
        font-weight:bold;
        display: block;
        float:left;
        width:auto;
    }
    .TextField{
        font-size: 11px;
        color: #000001;


    }

    #ContactForm .TextField,
    #RegistrationForm .TextField{
        width:246px;
        float:right;
    }
    .FileFieldDiv{
        display: block;
        float:left;
        width:550px;
        height:30px;
    }
    .FileFieldDiv label{
        font-weight:bold;
        display: block;
        float:left;
        width:250px;
    }
    .FileField{
        display: block;
        float:left;
        width:246px;
    }
    .TextAreaDiv{
        display: block;
        float:left;
        width:550px;
        height:180px;
    }
    .TextAreaDiv label{
        font-weight:bold;
        display: block;
        float:left;
        width:auto;
    }
    .TextArea{
        display: block;
        float:right;
        width:546px;
        height:150px;
        font-size: 11px;
        color: #000001;
        font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
    }
    .CaptchaImageDiv{
        display: block;
        float:left;
        height:auto;
        margin-top:10px;
        _margin-top:50px;
        _margin-right:10%;
    }
    .CaptchaImageDiv img {
        float:left;
        clear:both;
    }

    #CaptchaField {
    clear:both;
    }
    .SelectDiv{
        display: block;
        float:left;
        width:400px;
    }
    .SelectDiv label{
        display: block;
        float:left;
        font-weight:bold;
        width:auto;
        height:30px;
    }
    .Select{
        display: block;


        font-size: 11px;
        color: #000001;
    }

    #ContactForm .Select,
    #RegistrationForm .Select{
        float:right;
        width:250px;
    }

    .ButtonDiv{
        display: block;
        clear:both;


    }
    .Button{
        display: block;
        float:right;




        background-color:#756148;
        border:1px solid #000000;
        color: #FFFFFF;
        font-size:11px;
        font-weight:bold;
        padding:3px;

        text-decoration:none;
        /*margin-top:10px;*/
        margin:3px;
    }
    #ClearCartButton{
        display: block;
        float:left;
        width:280px;
    }
    .ChangeButton{
        display: block;
        float:right;
        width:75px;
    }

    .MatButtons{
        display: block;
        float:left;
        width:140px;
    }

/* REGISTRATION FORM - UNIQUE FIELDS*/
    div#InputGender {
        display:block;
        clear:both;
        height:30px;
        margin-bottom:10px;
    }

    div#InputGender label.InputGender,
    div#InputDate label {
        font-weight:bold;
        float:left;
        width:300px;
    }

    div#InputGender div.RadioButtonDiv {
        float:left;
        width:auto;
        margin-right:10px;
    }

    div#InputDate {
        display:block;
        clear:both;
        height:30px;
    }

    div#InputDate select {
        margin-right:5px;
        font-size: 11px;
        color: #000001;
        font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
        }

    div#InputDate select#dob_day {
        width:50px;
    }

    div#InputDate select#dob_year{
        width:60px;
    }

    div#RegistrationForm div#InputButton {
        text-align:right;
        display:block;
        clear:both;
    }

    div#RegistrationForm div#InputButton input {

        float:right;

        text-decoration:none;
        background-color:#756148;
        border:1px solid #000000;
        color: #FFFFFF;
        font-size:11px;
        font-weight:bold;
        padding:5px;

        margin:5px;

    }

    div#RegistrationForm div#InputDiv {
        display:block;
        clear:both;
        height:30px;
    }

    div#RegistrationForm div#InputDiv label {
        font-weight:bold;
        float:left
    }

    div#RegistrationForm div#InputDiv select {
        float:right;
        font-size: 11px;
        color: #000001;
        font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
        width: 250px;
    }
    div#RegistrationForm div#InputDiv option {
        font-size: 11px;
        color: #000001;
        font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
    }

/* END REGISTRATION FORM*/

/* SITEMAP */

    div#sitemap ol {
        list-style:none;

    }


    div#sitemap ol li {
        padding-left:10px;
        background: transparent url(../images/menu_dot.gif) 0 5px no-repeat;
        margin-top:14px;
    }

    div#sitemap ol li ol {
        margin-left:30px;
    }

    div#sitemap ol li ol li {
        padding-left:10px;
        background: transparent url(../images/footer_bullet.gif)  0 5px  no-repeat;
        margin-top:5px;
    }

    div#sitemap ol li ol li ol li{


        margin-top:2px;
    }
.paging {
        padding: 0;
        margin: 0;

        color: #535353;
        /*float:right;*/
        text-align:right;
        font-size: 10px;
        line-height:13px;
        clear:both;
        display:block;
        height: 15px;

        vertical-align:top;

        /*margin-top:-10px;
        margin-bottom:-5px;*/
        }

         .paging ul {
            float:right;
            text-align:left;
            width:auto;
            height:12px;

            list-style:none;
            margin:0;
            padding:0;
         }

          .paging ul li {
            float:left;
            height:13px;
            line-height:15px;
            margin:0 2px;
            font-size: 11px;
            color: #535353;
          }

          .paging ul li a,
           .paging ul li span {
            font-size: 11px;

            color: #535353;

          }

          .paging ul li a {
                text-decoration:underline;
          }
            .paging ul li a:hover {
                text-decoration:none;
            }

          .paging ul li a.on,
          .paging ul li span.on {
            text-decoration:none;
            font-weight:bold;
            /*color:#756148;*/
            color:#000;
            }



    .paging a#ruler_first,
    .paging li#ruler_first span {
        display:block;
        width:9px;
        height:15px;
        text-indent:-3000px;
        line-height:13px;
        background:#fff url(../images/button_pageFirst.gif) 0 65% no-repeat;
    }

    .paging a#ruler_prev,
    .paging li#ruler_prev span {
        display:block;
        width:9px;
        height:15px;
        text-align:left;
        text-indent:-3000px;
        line-height:13px;
        background:#fff url(../images/button_pagePrev.gif) 0 65% no-repeat;
    }

    .paging a#ruler_next,
    .paging li#ruler_next span {
        display:block;
        width:9px;
        height:15px;
        text-align:left;
        text-indent:-3000px;
        line-height:13px;
        background:#fff url(../images/button_pageNext.gif) 0 65% no-repeat;
    }

    .paging a#ruler_last,
    .paging li#ruler_last span {
        display:block;
        width:9px;
        height:15px;
        text-align:left;
        text-indent:-3000px;
        line-height:13px;
        background:#fff url(../images/button_pageLast.gif) 0 65% no-repeat;
    }

/* MOULDINGS RESULTS */

div.ResListDiv {
    padding-top:15px;
}

div.ResListDiv ul {
    list-style:none;
    margin:0;
    padding:0;
}

div.ResListDiv ul li {
    margin:0;
    padding:0;
    text-align:center;
    font-size:11px;
    float:left;
    margin-right:20px;
    margin-bottom:20px;

    width:210px;
    /*height:280px;*/
    height:300px;



}



div.ResListDiv ul#moldings li {
    width:210px;
    height:150px;
    overflow:hidden;
    text-align:center;

}

div.ResListDiv ul li div.PicImage {
    display:block;
    clear:both;
    float:none;


    margin-left:0;
    margin-top:0;
    margin-bottom:0;
    margin-right:0;
    text-align:center;

}

div.ResListDiv ul li div.PicImage a img {
    padding:5px;
    /*border:1px solid #f0ece9;*/
    text-decoration:none;

    /* for now
    max-width:125px;
    max-height:125px;*/
    /*width:125px;*/ /* REMOVE once real thumbs are in */
}



div.ResListDiv ul li div.PicText {
    display:block;
    clear:both;
    font-size:12px;
    line-height:14px;
    padding-left:0;
    padding-top:0;
    font-weight:bold;
    margin-top:3px;

}

div.ResListDiv ul li div.PicText a {
    text-decoration:none;
    color:#000;
    font-size:12px;
}

div.ResListDiv ul li div.ViewDetails {

}

div.ResListDiv ul li select {
    font-size:10px;
    line-height:12px;
    margin-top:5px;
    margin-bottom:5px;
}


div.ResListDiv ul li option {
    font-size:10px;
    line-height:12px;
}


/* MOULDING PRODUCT PAGE */

div.PictDetails {

    color:#7e6137;
}

div.PictDetails .PicImage {
    float: left;
    margin:5px;
    padding-top:10px;
 }


div.PictDetails .PicImage img{
    /*max-width:200px;*/
    /*max-height:200px;*/
    margin-right:15px;
    margin-bottom:5px;

 }
div.PictDetails .PicTitle{
    /*color: #968672;*/
    color:#7e6137;
    font-size: 1.3em;
    font-weight: bold;
    padding-top: 10px;
    /*padding-left: 50px;*/

 }
div.PictDetails .PictText{
    margin:2px;

 }
div.PictDetails .PicGallery ul{
    list-style:none;
}
div.PictDetails .PicGallery ul li.PicListLi{
    float: left;
    margin: 5px;
    border: 1px solid #F0ECE9;
}
div.PictDetails .PicGallery ul li img{
    padding:5px;
}

div.PictDetails table th{
    font-weight:bold;
    padding:0 5px;
}

div.PictDetails table td {
    padding:0 5px;
}

div.PictDetails table td .Button{
        display: block;
        float:none;
        clear:both;
        background-color:#fff;
        border:0;
        color: #000;
        font-size:11px;
        font-weight:bold;
        text-decoration:none;
        /*margin-top:10px;*/

    }

/* EXTRA DETAILS VIEW ON MOLDING PAGE */

/* PAGE FORM */
div#PageForm form {
    margin:0;
    padding:0;

    margin-top:10px;
    margin-bottom:10px;
}

div#PageForm div#InputGender {
    display:block;
    clear:both;
}



div#PageForm div.Buttons input {
    background-color:#756148;
        border:1px solid #000000;
        color: #FFFFFF;
        font-size:11px;
        font-weight:bold;
        padding:3px;
        text-decoration:none;
        margin-top:10px;
    }

#SearchShort .Button{
    border:0;
    background:none;
}


div.PictDetails .Button {
    float:none;
    display:block;

}

div#DivaCartInput label {
    display:none;
}



/* ADVANCED SEARCH */

div#PageForm form#SearchId {
     border: 1px solid #e5dcd6;
     padding:10px;
     margin:10px;
     width:80%;
}

div#PageForm form#SearchId div {
    display:block;
    clear:both;
    padding-bottom:5px;
    height:auto;
}

div#PageForm form#SearchId label {
    font-weight:bold;
}

div#PageForm form#SearchId #Divcategory {
    height:20px;
}

div#PageForm form#SearchId #Divcategory input,
div#PageForm form#SearchId #Divfname input,
div#PageForm form#SearchId #Divdescription input{
    font-size: 11px;
    color: #000001;
}



div#PageForm form#SearchId #Divcategory select {
    float:left;

}


div#PageForm form#SearchId select {

    font-size: 11px;
    color: #000001;
    }

div#PageForm form#SearchId input.Button {
    float:none;
    display:block;
    clear:both;
    margin-left:197px;
    margin-top:10px;
}

/* IMAGE UPLOAD */

div#PageForm form#UsrUpl,
div#forgetForm   {
     border: 1px solid #e5dcd6;
     padding:10px;
     margin:10px;
     width:80%;
}



div#PageForm form#UsrUpl div {
    display:block;
    clear:both;
    padding-bottom:5px;
    height:auto;
}

div#PageForm form#UsrUpl input.TextField,
div#PageForm form#UsrUpl input.FileField,
div#PageForm form#UsrUpl .CapchaCode input,
div#ForgotFormLogin input,
div#ForgotFormEmail input {
    font-size: 11px;
    color: #000001;
}

div#PageForm form#UsrUpl input.Button{
    float:none;
    display:block;
    clear:both;
    margin-left:197px;
    margin-top:10px;
}
/*
div#PageForm form#UsrUpl #DivcapchaInput img {
    display:block;
    clear:both;
}*/

div#PageForm form#UsrUpl #DivcapchaInput{
    display:block;
    clear:both;
        /*display: block;
        float:left;

        height:70px;*/
    }

div#PageForm form#UsrUpl #DivcapchaInput label {
    width:300px;
    padding-left:196px;
    text-align:left;
}

div#PageForm form#UsrUpl #DivcapchaInput .CapchaImg {
    float:left;
    width:125px;
    padding-left:196px;
}

div#PageForm form#UsrUpl .CapchaCode{
        /*float:right;*/

        display:block;
        clear:both;
        padding-left:186px;
    }

/* PASSWORD RETRIEVAL */

div#forgetForm div#ForgotFormLogin,
div#forgetForm div#ForgotFormEmail,
div#forgetForm div.retrieveDiv{
    display:block;
    clear:both;
    float:none;
}

div#forgetForm div.retrieveDiv {
    padding-left:184px;
    padding-top:10px;
}

div#forgetForm  input#login,
div#forgetForm  input#email {
    font-size: 11px;
    color: #000001;
    float:left;
}

div#forgetForm label {
    width: 180px;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    line-height: 20px;
}

div.retrieveDiv input {
    display: block;
    background-color:#756148;
    border:1px solid #000000;
    color: #FFFFFF;
    font-size:11px;
    font-weight:bold;
    padding:4px;

    text-decoration:none;
    /*margin-top:10px;*/
    margin:3px;
}

/* SITEMAP PAGE */


div#sitemap {
    width:664px;
}

div#sitemap ol li {
    width:90%;
    float:left;
}

div#sitemap ol li ol li {
    width:auto;
    margin-right:10px;

}
/* Sortable tables */
    table.CartTable {
        border: 1px dotted #CCCCCC;
        margin-bottom:20px;
        width:100%;
    }
    table.CartTable td{
        border: 1px dotted #CCCCCC;
        padding-left:3px;
        padding-right:3px;
    }
    table.CartTable td.CartImage{
        padding-left:0px;
        padding-right:0px;
        padding-bottom:0px;
        width:1px;
    }
    table.CartTable td.Currency{
        width:70px;
        text-align:right;
    }
    table.CartTable td.Subtotal{
        color:#666666;
        font-weight: bold;
        width:70px;
        text-align:right;
    }
    table.CartTable td.Remove{
        width:40px;
        text-align:center;
    }
    table.CartTable td.Quantity{
        width:70px;
        text-align:center;
    }
    table.CartTable td.Quantity input{
        width:50px;
        text-align:right;
    }
    table.CartTable thead {
        background-color:#eee;
        color:#666666;
        font-weight: bold;
        text-decoration: none;
        text-align:center;
    }
    .CartTotals{
    float:right;
    clear:both;
    }
    .CartTotals .Head{
       color:#666666;
    }
    .CartTotals .Value{
       font-weight: bold;
    }
    .CartButtons{
    text-align:center;
    clear:both;
    display:inline;
    float:right;
    }


div.Error {
    /*padding:10px 0 10px 0;*/
    font-weight:bold;
    color:#CC0000;
}
span.Error, span.asterix{
    color:#CC0000;
}
#MatDescription{
}
#MatTabList{
    clear:both;
}
.sLMatTabs{
    border:1px solid #E5DCD6;
    height: 150px;
}
ul#sLMatTabsmenu{}

ul#sLMatTabsmenu li{
    float:left;
    background:#FFFFFF;
    position:relative;
    height:20px;
    width:50px;
    padding: 5px;
    text-align:center;
    border:2px solid #ECECEC;
    border-bottom:0;
    left:0px;
    margin-bottom: 5px;
    list-style:none;
}
.emptyMat{
    padding: 15px;
    text-align:center;
}

/* SHOPPING CART FORM */

form#ShoppingCartForm div.CartTotals div.SubTotal {
    display:block;
    clear:both;

}

form#ShoppingCartForm div.CartTotals div.SubTotal span.Head {
    display:block;
    width:100px;
    float:left;
    text-align:right;
    margin-bottom:10px;
}

form#ShoppingCartForm div.CartTotals div.SubTotal span.Value {

    display:block;
    width:100px;
    float:left;
    text-align:right;
}

form#ShoppingCartForm  div.CartButtons {

    width:auto;

    float:right;
}

form#ShoppingCartForm  div.CartButtons label {
    display:none;
}

form#ShoppingCartForm  div.CartButtons .Button {
    float:left;
    margin-left:10px;
    display:inline;
}

/* CONFIRMATION */

div#DivSCF_Adr_Bill,
div#DivSCF_Adr_Shipp {
    font-weight:bold;

}

div#DivSCF_Adr_Bill {
    margin-bottom:30px;
}

div.SCF_Adr_Bill,
div.SCF_Adr_Shipp {
    display:block;
    clear:both;
    margin-bottom:10px;
}

div#billing_div,
div#shipping_div {

    width:48%;
    float:left;
}

div#billing_div label,
div#shipping_div label {
    text-align:left;
    width:150px;
}

div#billing_div .TextField,
div#shipping_div .TextField {
    width:150px;
}

div#billing_div .Select,
div#shipping_div .Select {
    width:150px;
    margin-left:166px;
}

form#ShoppingCartForm div#Divcomment{

display:block;
clear:none;
float:none;
}

form#ShoppingCartForm div#Divcomment label {
    text-align:left;
    width:150px;
}

form#ShoppingCartForm div#Divcomment .TextArea {
    margin-left:10px;
    width:490px;
    float:left;
}

#breadcrumbsID{
    margin-left: 50px;
    margin-bottom:10px;
}

#profile {
padding-left:8px;
}

#logout {
padding-left:8px;
}

.PicData {
float:right;
width:200px;
}

#LogInUserName input{
margin-bottom:10px;
color:#000001
}

input {
color:#000001;
}