﻿/* START HOMEPAGE*/
html, body
{
    height: 100%;
    margin: 0;
    min-height: 100%; margin-bottom: 1px;
}
body
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; /*	background: url(/images/Version1/body-bg.gif) no-repeat 50% 0;*/
    min-width: 982px;
}
/*#inner {
	background: url(/images/Version1/body-bg2.gif) no-repeat 50% 0;
}
*/
img
{
    border: none;
}
form
{
    padding: 0;
    margin: 0;
}
.form select, .form input, .form textarea
{
    vertical-align: middle;
}
#bg
{
	min-width: 982px;
	/*min-height: 100%;*/
	background: url(/images/Version1/header-bg5.gif) repeat-x;
	border: 0px orange solid;
}
#bg-dashboard
{
	min-width: 982px;	
	min-height: 500px;
	background: url(/images/Version1/header-bg5.gif) repeat-x;
	border: 0px orange solid;
}
* html #bg
{
    height: 100%;
}
#main
{
    margin: 0 auto;
    width: 982px;
    border:0px green solid;
}
#header
{
    position: relative;
    width: 982px;
    height: 150px; 
    border:0px Fuchsia solid;
}

#header .logo
{
    position: absolute;
    top: 10px;
    left: 0;
    background: url(/images/Version1/logo4shadow.jpg) no-repeat;
    width: 291px;
    height: 59px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 15px 0px 0px 0px;
    border:0px solid red;
}
#inner #header .logo
{
    top: 0px;
    left: 5px;
    background: url(/images/Version1/logo4.gif) no-repeat;
    border: 0px solid green;
}

#header .img-holder
{
    position: absolute;
    top:5px;
    left: 0;
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
    border:0px solid green;
}
#inner #header .img-holder
{
    left: 300px;
}
#header .img-holder2
{
    top: 80px;
    left: 307px;
}
#header .img-holder li
{
    float: left;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
#inner #header .img-holder li
{
    border-bottom: 0;
}
#header .img-holder li img
{
    display: block;
}
#header .form
{
    position: absolute;
    top: 10px;
    left: 300px;
}
#inner #header .form
{
    top: 10px;
}
#header .form .cell
{
    float: left;
    margin: 0 6px 0 0;
}
#header .form .cell2
{
    float: left;
}
#header .form .btn
{
    float: left;
    font-size: 14px;
    line-height: 37px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    background: url(/images/Version1/btn-left-bg.gif) no-repeat;
}
#header .form .btn span
{
    float: left;
    height: 37px;
    padding: 0 15px;
    background: url(/images/Version1/btn-right-bg.gif) no-repeat 100% 0;
}
#header .form .text-input
{
    float: left;
    width: 143px;
    height: 21px;
    padding: 5px 0 0 11px;
    margin: 7px 3px 0 0;
    background: url(/images/Version1/text-input-bg.gif) no-repeat;
}
#header .form .text-input input
{
    float: left;
    border: 0;
    width: 140px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #959595;
}
#header .form .btn2
{
    float: left;
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 27px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    background: url(/images/Version1/btn2-left-bg.gif) no-repeat;
}
#header .form .btn2 span
{
    float: left;
    height: 27px;
    padding: 0 13px 0 9px;
    background: url(/images/Version1/btn2-right-bg.gif) no-repeat 100% 0;
}
#header .form .checkbox
{
    float: left;
    margin: 7px 3px 0;
    padding: 0;
    width: 14px;
    height: 14px;
}
#header .form label
{
    float: left;
    font-size: 11px;
    color: #666;
    padding: 7px 0 0;
}
#header .form .link
{
    float: left;
    color: #73ae05;
    font-size: 11px;
    margin: 0 0 0 20px;
}

#header .form .link:hover
{
    text-decoration: none;
}
#content
{
    overflow: hidden;
    width: 982px;
    padding-bottom: 10px;
    margin: 10px 0px 0px 0px;
}
#content h1
{
    margin: 28px 0 0;
    font: bold 20px/24px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #333;
}
#inner #content h1
{
    margin: 16px 0 0 0;
}
#inner #main #content h1
{
    margin: 0px 0 0 0;
}
#content .imgbtn
{
    border: 0px solid red;
    padding: 0px 0px 0px 260px;
}
#content blockquote
{
    margin: 10px 0 0 10px;
    font: 16px/18px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #333;
}
#content q
{
    quotes: none;
}
#content q:before
{
    content: "";
}
#content q:after
{
    content: "";
}
#content cite
{
    display: block;
    color: #005dac;
}
#content .products
{
    overflow: hidden;
    width: 100%;
    list-style: none;
    padding: 17px 0 0;
    margin: 0;
    font: 11px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #666;
}
#content .products li
{
    float: left;
    width: 317px;
    padding: 0 0 0 0px;
    text-align: center;
    
    border:1px solid green;
}
#content .products li.first
{
    padding: 0;
    text-align: center;
}

#content .products li a
{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #666;
}

#content .products li .listimg
{
    float: left;
    padding: 10px 0px 0px 100px;
    border: 0px solid red;
}


#content .products li a:hover
{
    text-decoration: underline;
}
#content .products li img
{
    display: block;
}
#content .products li span
{
    display: block;
    padding: 0 0 0 11px;
}
#content .products li span strong
{
    display: block;
    color: #333;
    font-size: 20px;
}
.content-inner
{
    float: left;
    background: url(/images/Version1/box-bg.gif) repeat-x;
    width: 723px;
    min-height: 482px;
    padding: 18px 14px 0 13px;
    margin: 8px 0 0;
    border:0px solid red;
}


.content-inner-wide
{
    float: left;
    background: url(/images/Version1/box-bg.gif) repeat-x;
    width: 982px;
    min-height: 482px;
    padding: 18px 14px 0 13px;
    margin: 8px 0 0;
}
* html .content-inner
{
    height: 482px;
}
.content-inner h2
{
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    border-bottom: 2px solid #3c3c3c;
}
.content-inner-wide p
{
	width:95%;
    margin: 7px 2px 0px 0px;
    font: 13px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #333;
    border:0px red solid;
}


.content-inner p
{
    margin: 7px 0 0;
    font: 13px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #333;
}

.content-inner strong
{
    padding: 0px 0px 0px 0px;
    margin: 100px 0px 0px 0px;
    border: 0px solid red;
}

.content-inner .table
{
    float: left;
    width: 622px;
    margin: 9px 0px 0px 0px;
    font: 13px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    border: solid 0px orange;
}
.content-inner .table .row
{    
    float: left;     
    width: 600px; /*570px*/
    background-color: #F3F8Fb;
    border: solid 0px green;
}
.content-inner .table .row2
{
    float: left;
    width: 575px;
    background-color: #F3F8Fb;
    border: solid 0px red;
    clear:both;
}
.content-inner .table .rowLite
{
    float: left;
    width: 622px;
    background-color: #F3F8Fb;
}

.content-inner .table .rowStandard
{
    float: left;
    width: 600px; /*570px*/
    background-color: #ced3d7;
    border: 0px solid green;
}

.content-inner .table .rowStandard2
{
    float: left;
    width: 570px;
    background-color: #ced3d7;
    border: 0px pink solid;
    clear: both;
}
.content-inner .table .cell
{
    float: left;
    width: 310px;/*280px*/
    border-right: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-bottom: 0px solid #ccc;    
    vertical-align: middle;
    padding: 3px 0px 0px 0px;
    border: 0px pink solid;
}
.content-inner .table .cellB
{
    float: left;
    width: 280px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 32px;
    line-height: 15px;
    vertical-align: middle;
    padding: 0px 0px 0px 3px;
}
.content-inner .table .cell em, .content-inner .table .cellB em
{
    font: 10px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

.content-inner .table .cell2
{
    float: left;
    width: 140px;
    text-align: center; /*background-color: #cfe1ef;*/
    height: 21px;
    padding-top: 2px;
    border-right: 0px solid #ccc;
    font-weight:bold;
    border: 0px red solid;
}

.content-inner .table .rowStandard .cell2
{
        color: #0054CE;
}
.content-inner .table .row .head .cell2
{
    width: 140px;
    border: 0px solid red;
}

.content-inner .table .cell3
{
    float: left;
    width: 140px;
    text-align: center;
    height: 21px;
    padding-top: 2px;
    border-right: 0px solid #ccc;
    border: 0px solid green;
    border: 0px yellow solid;
}
.content-inner .table .cell4
{
    float: left;
    width: 129px;
    text-align: center;
    background-color: #cfe1ef;
    height: 45px;
    padding-top: 9px;
    border-right: 0px solid #ccc;
}

.content-inner .table .cell2, 
.content-inner .table .cell3, 
.content-inner .table .cell4
{
    border-bottom: 0px solid #ccc;
}

.content-inner .table .row.footer .cell
{
    border: 0;
    border-bottom: 1px solid #ccc;
    height: 35px; /*border:1px solid pink;*/
    background-color: #005DAB;
}
.content-inner .table .row.footer .cell2
{
    padding: 5px 0px 10px 0px;
    background-color: #005DAB;
    border-right: solid 10px white;
    height: 35px; /*border:1px solid pink;*/
    margin: 0px 0px 0px 0px;
}

.content-inner .table .row.footer .cell3, 
.content-inner .table .row.footer .cell4
{
    padding: 5px 10px 10px 0px;
    background-color: #005DAB;
    border-left: solid 0px white;
    height: 35px; /*border:1px solid pink;*/
    margin: 0px 0px 0px 0px;
    width:130px;
    vertical-align: middle;
}

.content-inner .table .row.head .cell2
{
    padding: 0px 0px 0px 0px;
    background-color: #005DAB;
    border-left: solid 0px white;
    height: 30px;
}
.content-inner .table .row.head .cell3, 
.content-inner .table .row.head .cell4
{
    padding: 0px 0px 0px 0px;
    background-color: #005DAB;
    border-left: solid 10px white;
    height: 30px;
}
.content-inner .table .row.head .cell2 strong, 
.content-inner .table .row.head .cell3 strong, 
.content-inner .table .row.head .cell4 strong
{
    color: Red;
}

.content-inner .table .subscript
{
    background-color: #FFFFFF;
    font: 10px "Trebuchet MS" , Arial, Helvetica, sans-serif;

}
.content-inner .table .subscript .row
{
    background-color: #FFFFFF;
    font: 10px "Trebuchet MS" , Arial, Helvetica, sans-serif;

}
#content .content-inner .table .row.head .cell2 h1, 
#content .content-inner .table .row.head .cell3 h1
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 20px/24px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #FDD460;
    background-color: #005DAB;
    border: 0px solid yellow;
}
.content-inner .table .row.head .cell
{
    border:0;
    border-bottom: 1px solid #ccc;
    height:30px;
    background-color: #005DAB;
    vertical-align:middle;
    padding: 0px 0px 0px 0px;
}
.content-inner .table .row.bottom .cell, 
.content-inner .table .row.bottom .cell2, 
.content-inner .table .row.bottom .cell3, 
.content-inner .table .row.bottom .cell4
{
    background: transparent;
    border: 0;
}
.content-inner .table .btn
{
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 27px;
    text-decoration: none;
    background: url(/images/Version1/btn3-left-bg.gif) no-repeat;
    cursor: pointer;
    margin: 0 0 0 11px;
}
.content-inner .table .cell3 .btn
{
    margin: 0 0 0 10px;
}
.content-inner .table .cell4 .btn
{
    margin: 0 0 0 16px;
}
.content-inner .table .btn span
{
    float: left;
    padding: 0 12px;
    background: url(/images/Version1/btn3-right-bg.gif) no-repeat 100% 0;
}

.content-inner li
{
    font: 13px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

.content-inner .MovieTopText
{
    margin: 0px 0px 5px 00px;
    font: 14px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    text-align: left;
}
.content-inner .MovieBottomText
{
    margin: 5px 0px 0px 50px;
    font: 14px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    text-align: left;
}

#flashcontainer
{
    border: 0px solid red;
    padding: 0px 0px 0px 50px;
}

.side-bar
{
    float:right;
    width:222px;
    min-height:500px;
    margin:8px 0px 0px 0px;
    background: url(/images/Version1/box-bg.gif) repeat-x;
    border:0px solid red;
    
}

* html .side-bar
{
    height: 500px;
}
.side-bar-inner
{
    padding: 0 22px 0 15px;
}
.side-bar h2
{
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    padding: 0 0 0 7px;
    background-color: #005dac;
}
.side-bar p
{
    margin: 9px 0 10px;
    font-size: 14px;
    line-height: 16px;
    color: #333;
}
.side-bar ul
{
    list-style: none;
    padding: 0 0 0 8px;
    margin: 0;
    font-size: 11px;
    line-height: 16px;
    color: #333;
}
.side-bar ul li
{
    padding: 0 0 0 9px;
    background: url(/images/Version1/bullet.gif) no-repeat 0 6px;
}
/* accordion */
.accordion-holder
{
    float: left;
    width: 760px;
    margin: 8px 0 0;
    position: relative;
    border: 1px green solid;
}
.accordion-holder .box
{
    float: left;
    position: relative;
}
.accordion-holder .box .bookmark
{
    float: left;
    width: 41px;
    height: 510px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/Version1/bookmark-1.gif) no-repeat;
}
.accordion-holder .box2 .bookmark
{
    background: url(/images/Version1/bookmark-2.gif) no-repeat;
}
.accordion-holder .box3 .bookmark
{
    background: url(/images/Version1/bookmark-3.gif) no-repeat;
}
.accordion-holder .box4 .bookmark
{
    background: url(/images/Version1/bookmark-4.gif) no-repeat;
}
.accordion-holder .box5 .bookmark
{
    background: url(/images/Version1/bookmark-5.gif) no-repeat;
}
.accordion-holder .box .bookmark:hover, .accordion-holder .box .bookmark.active
{
    background-position: 0 100%;
}
.accordion-holder .box .box-inner
{
    float: left;
    position: relative;
    overflow: hidden;
    background: url(/images/Version1/box-bg2.gif) repeat-x;
}
.accordion-holder .box .box-inner-hold
{
    float: left;
    width: 540px;
    position: relative;
    overflow: hidden;
    padding: 0 0 0 11px;
    min-height: 510px;
    border: 1px blue solid;
}
* html .accordion-holder .box .box-inner-hold
{
    height: 510px;
}
.accordion-holder .box h2
{
    clear: both;
    margin: 0;
    padding: 19px 0 0;
    font-size: 13px;
    line-height: 18px;
    border-bottom: 2px solid #3c3c3c;
}
.accordion-holder .box p
{
    margin: 6px 0 0;
    font-size: 11px;
    line-height: 14px;
    color: #333;
}
.accordion-holder .image-holder
{
    float: left;
    width: 271px;
    height: 345px;
    margin: 19px 0 0;
}
.accordion-holder .step-info
{
    display: none;
}
.accordion-holder .form
{
    float: right;
    width: 252px;
    margin: 18px 0 0;
}
.accordion-holder .form .coll
{
    float: left;
    width: 112px;
}
.accordion-holder .form .coll .cell
{
    float: left;
    width: 112px;
    margin: 0 0 21px;
    border: 0px solid red;
}
.accordion-holder .form .coll .row
{
    float: left;
    width: 112px;
    margin: 2px 0 0;
}
.accordion-holder .form strong
{
    display: block;
    font-size: 11px;
    line-height: 16px;
    color: #333;
}

.accordion-holder .form .coll .radio
{
    float: left;
    width: 15px;
    height: 15px;
    margin: 0 8px 0 0;
    border: 1px solid orange;
}
/* Work around for above style because asp.net does not allow list items to have attributes.*/
.accordion-holder .form .coll input
{
    float: left;
    width: 15px;
    height: 15px;
    margin: 0 8px 0 0;
    border: 1px solid green;
}

.accordion-holder .form label
{
    float: left;
    font-size: 11px;
    line-height: 16px;
    color: #333;
    border: 1px solid yellow;
}
.accordion-holder .form .coll .size
{
    font-size: 11px;
    line-height: 14px;
    color: #333;
}
.accordion-holder .form .coll2
{
    float: left;
    width: 140px;
}
.accordion-holder .form .coll2 .cell
{
    float: left;
    width: 140px;
}
.accordion-holder .form .coll2 .row
{
    float: left;
    width: 140px;
    margin: 0 0 21px;
}
.accordion-holder .form .checkbox
{
    float: left;
    width: 15px;
    height: 15px;
    margin: 0 7px 0 0;
    border: 0px solid orange;
}

.accordion-holder .form .coll2 .cell input
{
    float: left;
    width: 15px;
    height: 15px;
    margin: 0 7px 0 0;
    border: 1px solid red;
}

.accordion-holder .btn-holder
{
    float: right;
    margin: 120px 17px 0 0;
}
.accordion-holder .box2 .btn-holder
{
    margin-top: 23px;
}
.accordion-holder .btn-holder2
{
    margin-top: 30px;
}
.accordion-holder .box .btn
{
    float: left;
    font-size: 12px;
    line-height: 27px;
    margin: 0 0 0 5px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    background: url(/images/Version1/btn4-left-bg.gif) no-repeat;
}
.accordion-holder .box .btn span
{
    float: left;
    height: 27px;
    padding: 0 12px 0 8px;
    background: url(/images/Version1/btn4-right-bg.gif) no-repeat 100% 0;
}
.accordion-holder2
{
    float: left;
    width: 250px;
    margin: 5px 0 0;
}
.accordion-holder3
{
    float: left;
    padding: 0 0 0 6px;
}
.accordion-holder2 .sub-box
{
    float: left;
    width: 250px;
    margin: 0 0 4px;
}
.accordion-holder3 .sub-box
{
    width: 277px;
}
.accordion-holder2 .sub-box .sub-box-inner
{
    float: left;
    width: 250px;
    background: #dde4f1 url(/images/Version1/sub-box-bg.gif) repeat-y;
}
.accordion-holder3 .sub-box .sub-box-inner
{
    width: 277px;
    background: #dde4f1 url(/images/Version1/sub-box-bg3.gif) repeat-y;
}
.accordion-holder2 .sub-box .sub-box-inner2
{
    float: left;
    width: 236px;
    padding: 0 10px 0 4px;
    background: url(/images/Version1/sub-box-bg2.gif) no-repeat 0 100%;
}
.accordion-holder3 .sub-box .sub-box-inner2
{
    width: 263px;
    background: url(/images/Version1/sub-box-bg4.gif) no-repeat 0 100%;
}
.accordion-holder2 .sub-box .marker
{
    float: left;
    width: 243px;
    height: 25px;
    color: #fff;
    padding: 0 0 0 7px;
    font-size: 12px;
    line-height: 25px;
    text-decoration: none;
    background: url(/images/Version1/marker-bg.gif) no-repeat;
}
.accordion-holder3 .sub-box .marker
{
    width: 277px;
    height: 23px;
    background: url(/images/Version1/marker-bg2.gif) no-repeat;
}
.accordion-holder2 .sub-box .marker:hover, .accordion-holder2 .active .marker
{
    background-position: 0 100%;
}
.accordion-holder2 .sub-box .paint-list
{
    float: left;
    list-style: none;
    padding: 0 0 2px;
    margin: 0;
}
.accordion-holder2 .sub-box .paint-list li
{
    float: left;
    margin: 4px 4px 0 0;
}
.accordion-holder2 .sub-box .paint-list .color
{
    float: left;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    overflow: hidden;
}



/* /accordion */
.accordion-holder2 .sub-box .paint-list .f0f1ec
{
    background-color: #f0f1ec;
}
.accordion-holder2 .sub-box .paint-list .eeeeec
{
    background-color: #eeeeec;
}
.accordion-holder2 .sub-box .paint-list .ede8dc
{
    background-color: #ede8dc;
}
.accordion-holder2 .sub-box .paint-list .e2d7cb
{
    background-color: #e2d7cb;
}
.accordion-holder2 .sub-box .paint-list .dbcdb7
{
    background-color: #dbcdb7;
}
.accordion-holder2 .sub-box .paint-list .dfc29a
{
    background-color: #dfc29a;
}
.accordion-holder2 .sub-box .paint-list .e0c39a
{
    background-color: #e0c39a;
}

.accordion-holder2 .sub-box .paint-list .d5c098
{
    background-color: #d5c098;
}
.accordion-holder2 .sub-box .paint-list .b89b6d
{
    background-color: #b89b6d;
}
.accordion-holder2 .sub-box .paint-list .c6a17a
{
    background-color: #c6a17a;
}
.accordion-holder2 .sub-box .paint-list .c49d6d
{
    background-color: #c49d6d;
}
.accordion-holder2 .sub-box .paint-list .ab7b5d
{
    background-color: #ab7b5d;
}
.accordion-holder2 .sub-box .paint-list .c8e613a
{
    background-color: #8e613a;
}
.accordion-holder2 .sub-box .paint-list .c6a473e
{
    background-color: #6a473e;
}

.accordion-holder2 .sub-box .paint-list .c5a2f25
{
    background-color: #5a2f25;
}
.accordion-holder2 .sub-box .paint-list .c4c2e25
{
    background-color: #4c2e25;
}
.accordion-holder2 .sub-box .paint-list .c2a262b
{
    background-color: #2a262b;
}
.accordion-holder2 .sub-box .paint-list .c3f3f3d
{
    background-color: #3f3f3d;
}
.accordion-holder2 .sub-box .paint-list .c696a6c
{
    background-color: #696a6c;
}
.accordion-holder2 .sub-box .paint-list .c999895
{
    background-color: #999895;
}
.accordion-holder2 .sub-box .paint-list .c412c1d
{
    background-color: #412c1d;
}

.accordion-holder2 .sub-box .paint-list .c664a34
{
    background-color: #664a34;
}
.accordion-holder2 .sub-box .paint-list .c574e44
{
    background-color: #574e44;
}
.accordion-holder2 .sub-box .paint-list .c4f575c
{
    background-color: #4f575c;
}
.accordion-holder2 .sub-box .paint-list .c465548
{
    background-color: #465548;
}
.accordion-holder2 .sub-box .paint-list .a29176
{
    background-color: #a29176;
}
.accordion-holder2 .sub-box .paint-list .a29176
{
    background-color: #a29176;
}
.accordion-holder2 .sub-box .paint-list .f1f2ee
{
    background-color: #f1f2ee;
}

.accordion-holder2 .sub-box .paint-list .f4f2ec
{
    background-color: #f4f2ec;
}
.accordion-holder2 .sub-box .paint-list .f0dfdc
{
    background-color: #f0dfdc;
}
.accordion-holder2 .sub-box .paint-list .f2e2dd
{
    background-color: #f2e2dd;
}
.accordion-holder2 .sub-box .paint-list .eed2d6
{
    background-color: #eed2d6;
}
.accordion-holder2 .sub-box .paint-list .f1e3df
{
    background-color: #f1e3df;
}
.accordion-holder2 .sub-box .paint-list .eed1d3
{
    background-color: #eed1d3;
}
.accordion-holder2 .sub-box .paint-list .f1cec8
{
    background-color: #f1cec8;
}

.accordion-holder2 .sub-box .paint-list .e8c9c4
{
    background-color: #e8c9c4;
}
.accordion-holder2 .sub-box .paint-list .eeded7
{
    background-color: #eeded7;
}
.accordion-holder2 .sub-box .paint-list .f2e5e4
{
    background-color: #f2e5e4;
}
.accordion-holder2 .sub-box .paint-list .f1e4e3
{
    background-color: #f1e4e3;
}
.accordion-holder2 .sub-box .paint-list .e8dfda
{
    background-color: #e8dfda;
}
.accordion-holder2 .sub-box .paint-list .e9dfdb
{
    background-color: #e9dfdb;
}
.accordion-holder2 .sub-box .paint-list .e1d0cd
{
    background-color: #e1d0cd;
}

.accordion-holder2 .sub-box .paint-list .ebe6e2
{
    background-color: #ebe6e2;
}
.accordion-holder2 .sub-box .paint-list .e8dfda
{
    background-color: #e8dfda;
}
.accordion-holder2 .sub-box .paint-list .cfc1b6
{
    background-color: #cfc1b6;
}
.accordion-holder2 .sub-box .paint-list .d9c7b8
{
    background-color: #d9c7b8;
}
.accordion-holder2 .sub-box .paint-list .d8c2ae
{
    background-color: #d8c2ae;
}
.accordion-holder2 .sub-box .paint-list .f3e7db
{
    background-color: #f3e7db;
}
.accordion-holder2 .sub-box .paint-list .dfc9b7
{
    background-color: #dfc9b7;
}

.photo-img
{
    list-style: none;
    padding: 5px 0 0;
    margin: 0;
}
.photo-img li
{
    float: left;
    margin: 0 1px 2px 0;
}
.photo-img li img
{
    display: block;
}
.form2
{
    float: left;
    width: 520px;
    margin: 5px 0 0;
}
.form2 .row
{
    float: left;
    width: 520px;
    margin: 0 0 13px;
}
.form2 .cell
{
    float: left;
    margin: 0 21px 0 0;
}
.form2 .cell1
{
    width: 230px;
    margin: 0;
}
.form2 label
{
    float: left;
    font-size: 11px;
    color: #000;
}
.form2 .check
{
    float: left;
    width: 15px;
    height: 15px;
    margin: 0 9px 0 0;
}
.form2 .holder
{
    float: left;
    width: 100%;
    margin: 8px 0 0;
}
.form2 .text-input2
{
    float: left;
    width: 40px;
    margin: 0 3px;
    padding: 1px 0 1px 5px;
    font: 11px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
.form2 span
{
    float: right;
    color: #000;
    font-size: 11px;
}
.form3
{
    float: left;
    width: 520px;
}
.form3 .row
{
    float: left;
    width: 520px;
    margin: 10px 0 0;
}
.form3 .row .cell
{
    float: left;
    width: 173px;
}
.form3 .row label
{
    display: block;
    font-size: 11px;
    line-height: 14px;
    color: #000;
}
.form3 .row .text-input3, .form3 .row .text-input4, .form3 .row .text-input5
{
    float: left;
    width: 148px;
    padding: 2px 0 1px 5px;
    margin: 5px 0 0;
    font: 11px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    border: 1px solid #c1c1c1;
}
.form3 .row .text-input4
{
    width: 45px;
}
.form3 .row .text-input5
{
    width: 63px;
    margin: 5px 0 0 3px;
    display: inline;
}
.side-box-inner
{
    width: 212px;
    padding: 0 0 0 8px;
}
.side-box-inner h3
{
    margin: 0;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    font-weight: normal;
}
.side-box-inner h4
{
    margin: 8px 0 0;
    font-size: 11px;
    line-height: 14px;
    color: #333333;
}
.side-box-inner ul
{
    list-style: none;
    padding: 0 0 0 25px;
    margin: 0;
    font-size: 11px;
    line-height: 14px;
    color: #333;
}
.side-box-inner ul li
{
    padding: 0 0 0 8px;
    background: url(/images/Version1/bullet2.gif) no-repeat 0 6px;
}
.side-box-inner ul.list li
{
    background: none;
    padding: 0;
}
.side-box-inner ul.list li span
{
    float: left;
    width: 100px;
    font-weight: bold;
}
.side-box-inner ul em
{
    color: #005dac;
    font-style: normal;
}
.side-box
{
    float: right;
    width: 222px;
    min-height: 510px;
    margin: 8px 0 0;
    background: url(/images/Version1/side-box-bg.gif) repeat-x;
}
* html .side-box
{
    height: 510px;
}
#footer
{
    position: relative;
    width: 100%;
    height: 199px;    
    background: url(/images/Version1/footer-bg.gif) repeat-x;
    min-width: 982px;
}
#footer .footer-inner
{
    margin: 0 auto;
    width: 982px;
    height: 199px;
    border: 0px solid red;
}
#footer .holder
{
    overflow: hidden;
    width: 982px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e9eced;
}
#footer .logo
{
    float: right;
    margin: 18px 6px 0 0;
    width: 175px;
    height: 43px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/Version1/logo2.gif) no-repeat;
    border: 0px solid pink;
}
#footer .side
{
    float: left;
    width: 400px;
    border: 0px solid green;
}
#footer ul
{
    list-style: none;
    padding: 23px 0 0;
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
}
#footer ul li
{
    display: inline;
    padding: 0 7px 0 0;
}
#footer ul li a
{
    color: #000;
    text-decoration: none;
}
#footer ul li a:hover
{
    text-decoration: underline;
}
#footer p
{
    margin: 7px 0 0;
    font-size: 10px;
    color: #000;
}
#footer .subscribe
{
	float:left;
	width:300px;
	border:0px yellow solid;
	font-size:10px;
	margin:22px 0px 0px 0px;
}

/*-------default.aspx-----------*/
#content .mainimage
{
	float:left;
}
#content .ImageSubtitle
{
	float:left;
	width:317px;
	font: 11px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #666;
	text-align: center;
	text-decoration: none;
}
#content .ImageSubtitle a
{
    color: #666;
	text-decoration: none;
}
.ImageSubtitle strong
{
    display: block;
    color: #333;
    font-size: 20px;
}
#content .ImageSubtitle3
{
	float:left;
	width:150px;
	margin: 0px 0px 0px 100px;
}



/*-----WhatIsIt.aspx---------*/
/*
#WhatIsIt .content-inner
{
 width: 675px;
}
*/
#WhatIsIt .side-bar
{
	float: right;
	width: 222px;
}

#WhatIsIt .demobutton
{
	width:150px;
	margin:8px 0px 0px 500px;
	border:0px solid orange;
}
#WhatIsIt .container
{
	height:255px;
	border:0px solid red;
}

#WhatIsIt .Promo
{
	margin: 0px 0px 0px 375px;
}



/*---generic message box-----*/

#content .messageouterbox
{
	margin:10px 25px 10px 25px;
	border:1px red solid;
	background-color:#FFEBE8;
	/*height:100px;*/
}
#content .messageouterbox .messageinnerbox
{
	margin:10px 10px 10px 10px;
}


/*--------DASHBOARD-----------------*/
#header .form .link2
{
    float: left;
    color: #015DAB;
    font-size: 14px;
    margin: 10px 10px 0px 10px;
}

#header .form .link3
{
    float: right;
    color: #015DAB;
    font-size: 14px;
    margin: 10px 10px 0px 0px;
}

#top-nav h4
{
    margin: 0px 0px 5px 10px;
    line-height: 14px;
    color: gray;
    text-transform: none;
    font: 20px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}
.ContentBox
{
    overflow: hidden;
    width: 982px;
    padding-bottom: 50px;
    background-color: #EFF6F9;
    margin: 10px 10px 0px 0px; 
    border: 0px red solid;
}

.dashboard
{
    color: Blue;
    font-size: 14px;
}
.ContentBox .cell
{
    float: left;
    margin: 0px 6px 0px 0px;
}
.ContentBox .btn
{
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 16px; /*27*/
    text-decoration: none; /*background: url(/images/Version1/btn3-left-bg.gif) no-repeat;*/
    background: #8BC213;
    cursor: pointer;
    margin: 0px 0px 0px 11px;
    text-align: center;
    vertical-align: middle;
    width: 140px;
    height: 35px;
    border: 0px orange solid;
}
.ContentBox .btn span
{
    float: left;
    padding: 0px 12px; /*background: url(/images/Version1/btn3-right-bg.gif) no-repeat 100% 0;*/
    background: #595959;
    width: 115px;
    height: 35px;
    border: 2px #77933C solid;
}

.ContentBox .AccountSettings .btn
{
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 16px; /*27*/
    text-decoration: none; /*background: url(/images/Version1/btn3-left-bg.gif) no-repeat;*/
    background: #7F7F7F;
    cursor: pointer;
    margin: 0px 0px 0px 11px;
    text-align: center;
    vertical-align: middle;
    width: 140px;
    height: 35px;
    border: 2px #385D8A solid;
}
.ContentBox .AccountSettings .btn span
{
    float: left;
    padding: 0px 0px 0px 11px;
    background: #7F7F7F;
    width: 120px;
    height: 35px;
    border: 0px #385D8A solid; /*background: url(/images/Version1/btn3-right-bg.gif) no-repeat 100% 0;*/
}

.SectionTitle
{
    text-align:center;
    margin: 5px 0px 0px 0px;
}

.ContentBox .AppSettings
{
    font:12px/14px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    float:left;
    margin:0px 0px 0px 175px;
    border:0px green solid; 
}
.ContentBox .AccountSettings
{
    font:12px/14px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    float:left;
    margin:0px 0px 0px 25px;
    border:0px green solid; 
}
.ContentBox .AdditionalOptions
{
    font:12px/14px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    float:left;
    margin:0px 0px 0px 10px;
    border:0px green solid; 
}

.AdditionalOptions .heading2
{
    color: #8BC213;
    font-size:18px;
    margin: 5px 0px 0px 0px;
    border: 0px solid red;
}
.SectionDesc
{
	font-size:16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px 195px 20px 175px;
	border:0px solid red;
}

.AppSettings
{
    font: 12px/14px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    float: left;
    margin: 0px 0px 0px 10px;
    height: 100%;
    border: 0px green solid;
}
.Page_ApplicationSettings .AppSettings
{
    margin: 10px 0px 0px 340px;
    border: 0px green solid;
}
.AccountSettings
{
    font: 12px/14px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    float: left;
    height: 250px;
    border: 0px blue solid;
    margin: 0px 0px 0px 0px;
}
.Page_AccountSettings .AccountSettings
{
    margin: 10px 0px 0px 390px;
    border: 0px green solid;
}

.AppSettings .heading
{
    color: #6FAA04;
    width:180px;
    font-size:16px;
    margin: 0px 0px 10px 50px;
    border: 0px solid red;
}
.AppSettings .heading2
{
    color: #8BC213;
    font-size:18px;
    margin: 5px 0px 0px 0px;
    border: 0px solid red;
}

.AppSettings .description
{
    color: black;
    font-weight: normal;
    font-size: 14px;
    margin: 0px 0px 5px 0px;
    border: 0px solid red;
}

.AccountSettings .heading
{
    color: #4E82BE;
    width:180px;
    font-size: 16px;
    margin: 0px 0px 10px 0px;
    border:0px solid black;
}

/*.AccountSettings .cell
{
    float:left;
    margin:0 6px 0 30px;
}*/
.vertdivider
{
    float: left;
    border-right: solid 1px gray;
    height: 300px;
    margin: 0px 20px 0px 45px;
}
.InfoBox
{
    margin: 100px 10px 5px 20px;
    border: 0px blue solid;
}

/*----/dashboard/faq----------*/
#faq_dashboard .AppSettings
{border: 0px red solid;
 width:700px;
 margin: 0 0 0 10px;
 }
/*-----faq page---*/
#faq 
{
	margin:5px 0px 0px 0px;
	 width:970px;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#faq .heading
{
	margin:0px 0px 5px 0px;
	font-weight:bold;
	font-size:14px;
	color:#4F81BD;
	border:0px solid green;	
	width: 800px;
}
#faq .content
{
	margin:0px 0px 5px 20px;
	border:0px solid red;
}
#faq .content p
{
    margin: 0px 0 0 0;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size:14px;
    color:black;
}

/*----/pricing----------*/
#pricing_dashboard .AppSettings
{border: 0px red solid;
 width:700px;}
/*-----faq page---*/
#pricing 
{
	margin:5px 0px 0px 0px;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#pricing .heading
{
	margin:0px 0px 5px 0px;
	font-weight:bold;
	font-size:14px;
	color:black;
	border:0px solid green;	
}
#pricing .content
{
	margin:0px 10px 5px 20px;
	
	border:2px solid gray;
	padding:4px 4px 4px 4px;
}
#pricing .content p
{
    margin: 0px 0 0 0;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size:12px;
    color:black;
}
.contentPricing
{
    clear:both;
    float:left;
    margin:0px 0px 5px 20px;
	border:0px solid red;
}

/*-------StyleContent Control-------------------*/
#StyleContent
{
	width: 982px;
	border: 0px yellow solid;
	min-height: 550px;
}
#StyleContent .AppSettings
{
    height: 100%;
    margin: 0px 0px 50px 10px;
    border: 0px red solid; /*overflow:scroll;*/
}
#StyleContent .imageholder
{
    float: left;
    width: 400px;
    height: 400px;
    margin: 10px 0 0 0;
    border: 0px black solid;
}
#StyleContent .step-info
{
    display: none;
}
#StyleContent .form
{
    float: left;
    width: 350px;
    height:300px;
    margin: 55px 0 0 10px;
    border: 0px yellow solid;
}
#StyleContent .form .coll
{
    float: left;
    width: 150px;
    border: 0px solid red;
}
#StyleContent .form .coll .cell
{
    float: left;
    width: 150px;
    margin: 0 0 10px;
    border: 0px solid red;
}
#StyleContent .form .coll .row
{
    float: left;
    width: 150px;
    margin: 2px 0 0;
}
#StyleContent .form strong
{
    display: block;
    font-size: 11px;
    line-height: 16px;
    color: #333;
}
#StyleContent h2
{
    clear: both;
    margin: 0;
    padding: 19px 0 0;
    font-size: 13px;
    line-height: 18px;
    border-bottom: 2px solid #3c3c3c;
}

/*
#StyleContent .form .coll .radio
{
	float: left;
	width: 15px;
	height: 15px;
	margin: 0 8px 0 0;
	border: 1px solid orange;
}
*/
/* Work around for above style because asp.net does not allow list 
items to have attributes.*/
#StyleContent .form .coll input
{
    float: left;
    width: 15px;
    height: 15px;
    margin: 0 8px 0 0;
    border: 0px solid green;
}
#StyleContent .form label
{
    float: left;
    font-size: 11px;
    line-height: 16px;
    color: #333;
    width: 80px;
    border: 0px solid yellow;
}
#StyleContent .form .coll .size
{
    font-size: 11px;
    line-height: 14px;
    color: #333;
}
#StyleContent .form .coll2
{
    float: left;
    width: 140px;
    border: 0px solid orange;
}
#StyleContent .form .coll2 .cell
{
    float: left;
    width: 140px;
    margin: 0 0 21px;
    border: 0px solid orange;
}
#StyleContent .form .coll2 .row
{
    float: left;
    width: 140px;
    margin: 0 0 21px;
}
#StyleContent .form .checkbox
{
    float: left;
    width: 15px;
    height: 15px;
    margin: 0 7px 0 0;
    border: 0px solid orange;
}

#StyleContent .form .coll2 .cell input
{
    float: left;
    width: 15px;
    height: 15px;
    margin: 0 7px 0 0;
    border: 0px solid red;
}

#StyleContent .BtnCancel
{
    float: left;
    margin: 20px 0px 0px 250px;
    height: 38px;
    width: 50px;
    vertical-align: middle;
    line-height: 38px;
    border: 0px solid green;
}
#StyleContent .BtnPrevious
{
    float: left;
    margin: 20px 0px 0px 5px;
    border: 0px solid green;
}
#StyleContent .BtnSaveExit
{
    float: left;
    margin: 20px 0px 0px 12px;
    border: 0px solid green;
}
#StyleContent .BtnSaveNext
{
    float: left;
    margin: 20px 0px 0px 5px;
    border: 0px solid green;
}

/*------------ProductCategorySelection.aspx--------------------------------*/
#ProductSelection
{
    width: 982px;
    border: 0px green solid;
    height: auto;
}
#ProductSelection .AppSettings
{
    height: 100%;
    margin: 0px 0px 50px 10px;
    border: 0px red solid; /*overflow:scroll;*/
}
/*-- ProductDisplayer_checkBox.ascx  --*/
.ProductSelectionList
{
    float: left;
    border: 0px solid red;
}
.ProductsSelected
{
    float: left;
    border: 1px solid #6FAA04;
    margin: 0px 0px 0px 20px;
    min-height: 300px;
}
.ProductsSelected .title
{
    border-bottom: 1px solid #6FAA04;
    padding: 0px 2px 0px 2px;
}
.ProductsSelected .list
{
}
#ProductDisplayer .BtnCancel
{
    float: left;
    margin: 10px 0px 0px 195px;
    height: 38px;
    width: 50px;
    vertical-align: middle;
    line-height: 38px;
    border: 0px solid green;
}
#ProductDisplayer .BtnPrevious
{
    float: left;
    margin: 10px 0px 0px 5px;
    border: 0px solid green;
}
#ProductDisplayer .BtnSaveExit
{
    float: left;
    margin: 10px 0px 0px 12px;
    border: 0px solid green;
}
#ProductDisplayer .BtnSaveNext
{
    float: left;
    margin: 10px 0px 0px 5px;
    border: 0px solid green;
}


#HomePage
{
    width: 965px; 
    border: 0px green solid;
    margin: 0px 0px 200px 0px;
}

#HomePage .AppSettings
{
    width: 100%;    
    margin: 0px 0px 0px 10px;
    border: 0px orange solid; /*overflow:scroll;*/
}
/*----------RoomSceneSelection.aspx--------------------*/

#RoomSceneSelection
{
    width: 965px;
    height: 665px;
    border: 0px green solid;
    margin: 0px 0px 200px 0px;
}

#RoomSceneSelection .AppSettings
{
    width: 100%;
    height: 700px;
    margin: 0px 0px 0px 10px;
    border: 0px orange solid; /*overflow:scroll;*/
}
.RoomChoices
{
    float: left;
    height:655px;
    width: 434px;
    border: 1px solid #8BC213;
}
.RoomChoices .title
{
    float: left;
    height: 23px;
    width: 100%;
    border-bottom: 1px solid #8BC213;
    background-color: #8BC213;
    color: White;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 20px;
    vertical-align: middle;
    border: 0px solid red;
}
.RoomDropDown
{
	float:left;
	width:265px;
	border:0px solid pink;
}
.RoomAllButtonsRight
{
	float:left;
	height:20px;
	width:145px;
	border: 0px solid orange;
}
.RoomChoices .rooms
{
    float: left;
    width: 100%;
    height: 440px;
    border: 0px solid green; /*overflow:scroll;*/
}
.RoomChoices .room
{
    float: left;
    margin: 4px 4px 4px 4px;
    width: 100px;
    height: 120px;
    border: 0px solid red; /*background: url(/data/SBProjects/1/0/3/thumb/103.jpg) no-repeat 1% 0;*/ /*background: url(\data\SBProjects\1\0\3\thumb\103.jpg) no-repeat;*/ /*background: url('/data/SBProjects/1/0/3/thumb/103.jpg') no-repeat;*/
}

.RoomChoices .room img
{
    /*position:absolute;left:0px;top:0px;z-index:999;*/
}

.RoomsSelected
{
    float: left;
    height: 655px;
    width: 480px;
    border: 1px solid #8BC213;
    margin: 0px 0px 0px 25px;
    font: 11px "Trebuchet MS" ,Arial, Helvetica, sans-serif; /*font: 11px Arial, Helvetica, sans-serif;*/
}
.RoomsSelected .title
{
    float: left;
    height: 23px;
    width: 100%;
    border-bottom: 1px solid #8BC213;
    background-color: #8BC213;
    color: White;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
}

.RoomsSelected .rooms
{
    float: left;
    width: 100%; /*height:440px;*/
    height: 100%;
    border: 0px dotted orange; /*overflow:scroll;*/
}
/*
.RoomsSelected .room
{
	float:left;
	margin:4px 4px 4px 4px;
	width:100px;
	height:120px;
	border: 0px solid green;
}
*/
.RoomsSelected .lists
{
    float: left;
    width: 100%;
    height:630px;
    margin: 0px 0px 0px 0px;
    border: 0px solid yellow;
    font-size: 12px;
}

.RoomsSelected .ListHolder
{
    /*clear:both;*/
    float: left;
    width: 140px;
    min-height: 200px;
    margin: 5px 0px 0px 10px;
    border: 0px solid yellow;
}
.RoomsSelected .ListHolder dl
{
    margin: 0px 0px 0px 0px;
    border: 0px solid blue;
}
.RoomsSelected .ListHolder dt
{
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    border: 0px solid green;
}
.RoomsSelected .ListHolder dd
{
    margin: 0px 0px 0px 15px;
    border: 0px solid pink;
}
#RoomSceneSelection .BtnCancel
{
    float: left;
    margin: 10px 0px 0px 270px;
    height: 38px;
    width: 50px;
    vertical-align: middle;
    line-height: 38px;
    border: 0px solid green;
}
#RoomSceneSelection .BtnPrevious
{
    float: left;
    margin: 10px 0px 0px 5px;
    border: 0px solid green;
}
#RoomSceneSelection .BtnSaveExit
{
    float: left;
    margin: 10px 0px 0px 12px;
    border: 0px solid green;
}
#RoomSceneSelection .BtnSaveNext
{
    float: left;
    margin: 10px 0px 0px 5px;
    border: 0px solid green;
}

/*-------  HeaderInformation.aspx----*/
#HeaderInformation
{
    width: 965px;
    height: auto;
    border: 0px green solid;
    margin: 0px 0px 0px 0px;
}

#HeaderInformation .AppSettings
{
    /*width:100%;*/
    height: 100%;
    margin: 0px 0px 0px 10px;
    border: 0px red solid;
}

#HeaderInformation .AppSettings .hr
{
    clear: both;
    float: left;
    width: 900px;
    height: 1px;
    border: 0px;
    border-bottom: 1px gray;
    border-style: dashed;
    margin: 5px 0px 5px 0px;
}

#HeaderInformation .AppSettings .SectionHead
{
    clear: both;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    border:0px solid red;
}
#HeaderInformation .AppSettings .uploadrestrictions
{
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}
#HeaderInformation .AppSettings .row
{
    clear: both;
    float: left;
    width: 100%;
    font-size: 13px;
    margin: 0px 0px 7px 0px;
    border: 0px red solid;
}
#HeaderInformation .AppSettings .cell
{
    float: left;
    width: 300px;
    border: 0px green solid;
}
#HeaderInformation .AppSettings .cellspan3
{
    float: left;
    width: 600px;
    border: 0px green solid;
}
#HeaderInformation .AppSettings .label
{
    float: left;
    width: 50px;
    border: 0px pink solid;
	font-size: 14px;
}

#HeaderInformation .BtnCancel
{
    float: left;
    margin: 10px 0px 0px 270px;
    height: 38px;
    width: 50px;
    vertical-align: middle;
    line-height: 38px;
    border: 0px solid green;
}
#HeaderInformation .BtnPrevious
{
    float: left;
    margin: 10px 0px 0px 5px;
    border: 0px solid green;
}
#HeaderInformation .BtnSaveExit
{
    float: left;
    margin: 10px 0px 0px 12px;
    border: 0px solid green;
}
#HeaderInformation .BtnSaveNext
{
    float: left;
    margin: 10px 0px 0px 5px;
    border: 0px solid green;
}




/*------Support.aspx-------*/
#Support
{
    width: 965px;
    height: auto;
    border: 0px green solid;
    margin: 0px 0px 0px 0px;
}
#Support .AppSettings
{
    /*width:100%;*/
    height: 100%;
    min-height:200px;
    margin: 0px 0px 0px 10px;
    border: 0px red solid;
}
#Support .AppSettings .row
{
    clear: both;
    float: left;
    width: 600px;
    margin: 0px 0px 7px 0px;
    border: 0px red solid;
}
#Support .AppSettings .cell
{
    float: left;
    width: 590px;
    border: 0px green solid;
}

#Support .AppSettings .label
{
    float: left;
    width: 150px;
    border: 0px pink solid;
}

#Support .BtnCancel
{
    float: left;
    margin: 10px 0px 0px 270px;
    height: 38px;
    width: 50px;
    vertical-align: middle;
    line-height: 38px;
    border: 0px solid green;
}
#Support .BtnSaveExit
{
    float: left;
    margin: 10px 0px 0px 12px;
    border: 0px solid green;
}

#Support .messageSent
{
    float: left;
    font-size:14px;
    margin: 10px 0px 0px 0px;
    border: 0px solid green;
}

/*---login.aspx / LoginSettings--------------*/
#login
{
	width:965px;
	min-height:360px;
	height:100%;
	background: url(/images/Version1/box-bg.gif) repeat-x;
	border:0px green solid;
	margin:0px 0px 0px 0px;
}
#login .AppSettings
{
	/*
	width:500px;
	height:350px;
	*/
	margin:25px 0px 0px 250px;
	border:0px red solid;
}
#login .loginbox
{
	width:500px;
	height:100%;
	min-height:200px;
	border:0px green solid;
	margin:0px 0px 0px 0px;
}
#login .loginbox .LoginForm
{
	border:0px yellow solid;
	height:165px;
}
#login .loginbox .ForgotPW_Form
{
	/*border:1px pink solid;*/
	height:60px;
}
#login .AppSettings .heading2
{
	margin:0px 25px 10px 25px;
	height:25px;
	width:450px;
	line-height:24px;
	border-bottom:1px #808080 solid;
	color:Black;
	/*border:1px red solid;*/
}
#login .AppSettings .heading2 h3
{
	margin:0px 0px 0px 0px;
}
#login .AppSettings .messageouterbox
{
	margin:10px 25px 10px 25px;
	border:1px red solid;
	background-color:#FFEBE8;
	height:100%;
}
#login .AppSettings .messageinnerbox
{
	margin:10px 10px 10px 10px;
	height:100%;
}

#login .AppSettings .messageouterbox_green
{
	margin:10px 25px 10px 25px;
	border:1px #008000 solid;
	background-color:#B0D178;
	height:100%;
}


#login .AppSettings .row
{
	clear:both;
	float:left;
	width:300px;
	margin:0px 0px 7px 100px;
	border:0px red solid;
}
#login .AppSettings .cell
{
	float:left;
	width:300px;
	height:31px;
	border:0px green solid;
}
#login .AppSettings .label
{
	float:left;
	width:100px;
	border:0px pink solid;
}
#login .AppSettings 


/*--------------------------------------------*/
.contactform
{
    width: 100%;
    height: 100%;
    font: 12px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif; /* 	margin:0px 1px 0px 1px; 	padding:10px 0px 0px 0px; 	*/
    border: solid pink 0px;
}
.contactform label
{
}
.contactform input
{
}
.contactform .lbl
{
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    width: 110px;
    border: solid orange 0px;
    font-size: 12px;
}
.contactform .lblcheck
{
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    width: 600px;
    border: solid orange 0px;
    font-size: 12px;
}
.contactform .fld
{
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    border: solid red 0px;
}
.contactform .ddlbl
{
    float: left;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 110px;
    color: black;
    font-size: 12px;
    border: solid green 0px;
}
.contactform .ddfield
{
    float: left;
    margin: 5px 0px 0px 0px;
    border: solid red 0px;
}
.contactform .lbl b
{
    color: Red;
}

.contactform .ddlbl b
{
    color: Red;
}

.contactform .btn
{
    width: 125px;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 65px;
    border: solid red 0px;
}

.contactform .required
{
    width: 200px;
    color: Red;
    margin: 0px 0px 0px 150px;
    padding: 10px 0px 0px 0px;
    border: solid pink 0px;
    font-size: 14px;
}

.contactform .thankyou
{
    font-family: "Trebuchet MS" ,Arial;
    font-size: 18px;
    width: 500px;
    margin: 40px 0px 0px 10px;
    border: solid pink 0px;
}



/*----------------------------------*/
.clear
{
    clear: both;
}

.PageOuter
{
    width: 1024px;
    height: 100%;
    border: solid black 0px;
}

.PageInner
{
    width: 1000px;
    height: 100%;
    margin-left: 12px;
    border: solid green 0px;
}

.PageHeader
{
    border: solid pink 0px;
    width: 1000px;
    height: 52px;
    clear: both;
    font-family: Verdana;
}

.PageHeader .liteblueCurveLL
{
    width: 28px;
    height: 52px;
    float: left;
    background: white;
}
.PageHeader .liteblueMiddle
{
    border: solid orange 0px;
    width: 944px;
    height: 52px;
    float: left;
    background: #CDDDF6;
}
.PageHeader .liteblueCurveLR
{
    width: 28px;
    height: 52px;
    float: left;
    background: white;
}
.PageHeader .links
{
    border: solid orange 0px;
    width: 250px;
    height: 30px;
    float: left;
    margin: 10px 0px 0px 0px;
    color: gray;
    background: #CDDDF6;
    font-size: 10px;
}
.PageHeader .links a
{
    font-size: 10px;
    color: #0254CE;
    text-decoration: none;
}
.PageHeader .login
{
    border: solid green 0px;
    width: 450px;
    height: 40px;
    float: right;
    margin: 5px 0px 0px 115px;
    font-size: 10px;
    font-family: Verdana;
    background: #CDDDF6;
    visibility: visible;
}
.LoginControl
{
    border: solid red 0px;
    float: right;
    width: 325px;
    height: 25px;
    margin: 0px 0px 0px 350px;
}

.LoginControl .EntryFields
{
    float: left;
    padding: 5px 0 0 11px;
    margin: 0px 0px 0 5px;
    border: solid blue 0px;
    font-size: 10px;
}

.LoginControl .LoginLink
{
    float: left;
    text-align: center;
    padding: 5px 0 0 11px;
    margin: 0px 0px 0 5px;
    font-size: 10px;
    border: solid green 0px;
}

.PageHeader .login .EntryFields
{
    font-family: Verdana;
    font-size: 11px;
    color: Black;
}
.PageHeader .login .forgot
{
    border: solid green 0px;
    width: 150px;
    margin-left: 275px;
}
.loginBtn /*Used in LoginControl.ascx*/
{
    font-weight: normal;
    text-decoration: none;
    font-family: Verdana;
    font-size: 11px;
}
.forgotBtn /*Used in LoginControl.ascx*/
{
    color: #0254CE;
}


.Content
{
    border: solid red 0px;
    font: 13px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    width: 730px;
    height: 100%;
}
.LeftContent
{
    border: solid red 0px;
    width: 700px;
    height: 100%;
    float: left;
}

.RightContent
{
    border: solid red 0px;
    width: 295px;
    margin: 75px 0px 0px 5px;
    height: 100%;
    float: left;
}
.LeftContentHeader
{
    border: solid yellow 0px;
}
.LeftContentHeader .GreyCurveUL
{
    border: solid yellow 0px;
    width: 20px;
    height: 20px;
    float: left;
}
.LeftContentHeader .GreyMiddle
{
    border: solid yellow 0px;
    width: 660px;
    height: 20px;
    float: left;
    background-color: #575957;
    color: white;
    font-family: Verdana;
    font-size: 12px;
}
.LeftContentHeader .GreyCurveUR
{
    border: solid yellow 0px;
    width: 20px;
    height: 20px;
    float: left;
}

.LeftContent .StepDescription
{
    border: 0px solid yellow;
    width: 660px; 
    margin: 0px 0px 10px 4px;
    height:100%;
}

.RightContentHeader
{
    border: solid blue 0px;
}

.RightContentHeader .blueCurveUL
{
    border: solid yellow 0px;
    width: 20px;
    height: 20px;
    float: left;
}
.RightContentHeader .blueMiddle
{
    border: solid yellow 0px;
    width: 255px;
    height: 20px;
    float: left;
    background-color: #0054CE;
    color: white;
    font-family: Verdana;
    font-size: 12px;
}
.RightContentHeader .blueCurveUR
{
    border: solid yellow 0px;
    width: 20px;
    height: 20px;
    float: left;
}

.PageFooter
{
    border: solid purple 0px;
    width: 1000px;
    height: 36px;
    clear: both;
    margin-top: 5px;
    background-color: White;
    font-family: Verdana;
    font-size: 9px;
    color: gray;
}
.PageFooter .litegrayCurveLL
{
    border: solid yellow 0px;
    width: 26px;
    height: 36px;
    float: left;
}
.PageFooter .litegrayCurveLR
{
    border: solid yellow 0px;
    width: 26px;
    height: 36px;
    float: left;
}
.PageFooter .litegrayMiddle
{
    border: solid blue 0px;
    width: 948px;
    height: 36px;
    float: left;
    background-color: #DDDFDE;
}
.PageFooter .copyright
{
    height: 26px;
    float: left;
    padding: 10px 0px 0px 0px;
    background-color: #DDDFDE;
}
.PageFooter .copyright a
{
    color: gray;
    text-decoration: none;
}
.PageFooter .links
{
    float: right;
    height: 26px;
    padding: 10px 0px 0px 0px;
    background-color: #DDDFDE;
}
.PageFooter .links a
{
    font-size: 10px;
    color: #094FC3;
    text-decoration: none;
}

/*****StyleSelection*******/

.title_Selection1
{
    border: solid green 0px;
    width: 300px;
    margin: 0px 0px 5px 0px;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
}

.SelectionBox
{
    border: solid black 1px;
    width: 698px;
    height: 400px;
    float: left;
    background-color: #CAD8FD; /*#EBEADB*/
    margin: 0px 0px 5px 0px;
    font-family: Verdana;
    font-size: 14px;
}
.SampleImage
{
    border: solid black 1px;
    width: 330px;
    height: 380px;
    float: left;
    background-color: #CCC7BA;
    margin: 10px 0px 5px 10px;
}
.wrapperBox1
{
    border: solid black 0px;
    width: 165px;
    height: 300px; /*background-color:#CCC7BA;*/
    margin: 10px 0px 5px 10px;
    float: left;
}
.OrientationBox
{
    border: solid red 0px;
    width: 100%;
    height: 70px;
    font-family: Verdana;
    margin: 0px 0px 0px 0px;
    float: left;
}
.FeatureBox
{
    border: solid black 0px;
    width: 100%;
    height: 50px;
    font-family: Verdana;
    margin: 10px 0px 0px 0px;
}
.BulletList /**part of currentSelection**/
{
    border: solid red 0px;
    margin: 3px 0px 0px 20px;
}
.LayoutBox
{
    border: solid black 0px;
    width: 100%;
    height: 75px;
    font-family: Verdana;
    margin: 10px 0px 0px 0px;
}

.wrapperBox2
{
    border: solid black 0px;
    width: 170px;
    height: 380px; /*background-color:#CCC7BA;*/
    margin: 10px 0px 5px 5px;
    float: left;
}
.SchemeBox
{
    border: solid red 0px;
    width: 100%;
    height: 180px;
    margin: 0px 0px 0px 0px;
    float: left;
}
.ShowHeaderBox
{
    border: solid green 0px;
    width: 100%;
    height: 100px;
    margin: 0px 0px 0px 0px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}

/*****CurrentSelections*******/

.Products .RightContent
{
    border: solid red 0px;
    width: 295px;
    margin: 48px 0px 0px 5px;
    height: 100%;
    float: left;
}
.CurrentSelections
{
    border: solid black 1px;
    float: left;
    height: 100%;
    width: 293px;
    min-height: 400px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #CAD8FD;
    font-family: Verdana;
    font-size: 14px;
}
.CurrentSelections .spacing
{
    border: solid red 0px;
    float: left;
    width: 290px;
    margin: 0px 0px 0px 3px;
    height: 100%;
}


/*
.Products .CurrentSelections
{
	border:solid black 1px;
	float:left;
	height:100%;
	min-height:530px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#CAD8FD;
	font-family:Verdana;
	font-size:14px;
}
.CustomerBilling .CurrentSelections
{
	border:solid black 1px;
	float:left;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#CAD8FD;
	font-family:Verdana;
	font-size:14px;
}
.CompanyInfo .CurrentSelections
{
	border:solid black 1px;
	float:left;
	height:100%;
	min-height:427px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#CAD8FD;
	font-family:Verdana;
	font-size:14px;
}
*/

.title_Selection
{
    border: solid red 0px;
    width: 200px;
    margin: 0px 0px 5px 40px;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
}

.label_Selection
{
    border: solid green 0px;
    width: 135px;
    margin: 2px 0px 2px 5px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    clear: both;
    float: left;
}

.value_Selection
{
    border: solid red 0px;
    width: 130px;
    min-height: 15px;
    margin: 2px 0px 2px 5px;
    font-family: Verdana;
    font-size: 12px;
    float: left;
}

.SelectionArea
{
    border: solid red 0px;
    width: 290px;
}

/*.SelectionBox */
.NextBtn
{
    border: solid red 0px;
    width: 55px;
    height: 30px;
    float: left;
    margin: 130px 0px 0px 0px;
}

.layoutChoice
{
    border: solid black 0px;
    width: 185px;
    height: 170px;
    float: left; /*background-color:#CCC7BA;*/
    margin: 10px 0px 5px 10px;
    font-family: Verdana;
}

.layoutChoice .SectionTitle
{
    font-weight: bold;
    font-size: 12px;
    margin: 5px 0px 0px 8px;
    color: #4F95F2;
}
.layoutChoice .SectionDesc
{
    margin: 0px 0px 0px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #575957;
}
.layoutChoice .line
{
    width: 175px;
    height: 20px;
    border: solid yellow 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 8px;
    font-size: 11px;
}
.layoutChoice .listdot
{
    border: solid pink 0px;
    float: left;
    width: 2px;
    height: 5px;
    clear: both;
    margin: 1px 0px 0px 0px;
    font-weight: bold;
}
.layoutChoice .listItem
{
    border: solid red 0px;
    float: left;
    width: 165px;
    height: 11px;
    margin: 0px 0px 0px 0px;
}
.layoutChoice .options
{
    border: solid red 0px;
    width: 180px;
    height: 60px;
    float: left;
    margin: 7px 0px 0px 0px;
    font-size: 13px;
}
.layoutChoice .options .title
{
    border: solid pink 0px;
    width: 160px;
    height: 12px;
    margin: 0px 0px 2px 5px;
    color: #575957;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
}

.options .RadioBtn
{
    border: solid green 0px;
    float: left;
    width: 150px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.colorChoice
{
    border: solid black 0px;
    width: 185px;
    height: 170px;
    float: left; /*background-color:#CCC7BA;*/
    margin: 10px 0px 5px 10px;
    font-family: Verdana;
    font-size: 12px;
}

.colorChoice .SectionTitle
{
    border: solid pink 0px;
    margin: 5px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
    color: #4F95F2;
    font-weight: bold;
    font-size: 12px;
}
.colorChoice .SectionDesc
{
    border: solid pink 0px;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
}
.colorChoice .options
{
    border: solid pink 0px;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 13px;
}
.colorChoice .ColorRadioBtn
{
    border: solid green 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    margin-left: 0px;
    color: black;
}

/*---Products.aspx------------------*/

.Products /*over rided pagename div*/
{
    width: 1024px; /*height:1500px;*/
    border: solid green 0px;
}
.Products .PageOuter
{
    width: 1024px;
    height: 100%;
    border: solid orange 0px;
}
.Products .PageInner
{
    width: 1000px;
    height: 100%;
    margin-left: 12px;
    border: solid green 0px;
}
.Products .Content
{
    border: solid red 0px;
    width: 1004px;
    height: 100%;
}

.ProductRoomBox
{
    border: solid red 0px;
    width: 698px;
    height: 100%;
    float: left; /*background-color:#CAD8FD;*/
    margin: 0px 0px 0px 0px;
}
.ProductRoomBox .BoxTitle
{
    border: solid green 0px;
    width: 300px; /*height:20px;*/
    float: left;
    margin: 5px 0px 0px 15px;
    font-family: Verdana;
    font-size: 13px;
}
.ProductBox
{
    border: solid green 0px;
    width: 250px;
    height: 100%;
    float: left;
    margin: 0px 0px 0px 0px; /* 	border-right-style:dashed; 	border-right-color:Gray; 	border-right-width:1px; 	*/
}

.ProductBox .choices
{
    border: solid orange 0px;
    width: 250px;
    height: 90%;
    float: left;
    margin: 0px 0px 0px 0px;
}
.topcatitemSingle
{
    border: solid gray 0px;
    float: left;
    clear: both;
    margin: 5px 0px 0px 0px;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
}

.topcatsamples
{
    border: solid red 0px;
    float: left;
    margin: 0px 0px 0px 21px;
}

.topcatitemMulti
{
    border: solid gray 0px;
    float: left;
    margin: 10px 0px 0px 0px;
    clear: both;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
}
.subcatlist
{
    border: solid green 0px;
    margin: 5px 0px 0px 17px;
    float: left;
    width: 70%;
}
.subcatitem
{
    border: solid pink 0px;
    width: 290px;
    float: left;
    clear: both;
    margin: 0px 0px 5px 7px;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana;
}
.subcatsamples
{
    border: solid red 0px;
    float: left;
    margin: 0px 0px 0px 21px;
}
.RoomBox
{
    border: solid red 0px;
    width: 260px;
    height: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
}
.RoomBox .choices
{
    border: solid orange 0px;
    width: 250px;
    height: 90%;
    float: left;
    margin: 0px 0px 0px 5px;
}
.RoomBox .choices .roomitems
{
    border: solid pink 0px;
    width: 105px;
    height: 100px;
    float: left;
    margin: 5px 2px 0px 0px;
}
.ProductRoomBox .submitBtn
{
    clear: both;
    border: solid green 0px;
    width: 115px;
    height: 27px;
    margin: 10px 0px 0px 140px;
    float: left;
}
.ProductRoomBox .ProductBox .CheckBoxList_Floor
{
    border: solid green 0px; /* 	width:698px; 	height:300px; 	*/
    float: left;
    background-color: #CAD8FD /*#EBEADB*/;
    margin: 0px 0px 0px 17px;
    padding: 0px 0px 0px 0px;
}

.ProductRoomBox .ProductBox .CheckBox
{
    /* 	border:solid green 1px; 	clear:both; 	*/
}

.productDescription
{
    font: 11px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: Black;
}


.Box_left
{
    border: solid black 1px;
    background-color: #CAD8FD;
    width: 698px;
    height: 100%;
    font-family: Verdana;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
}
.Box_left .line
{
    float: left;
    border: solid red 0px;
    width: 160px;
    margin: 5px 0px 0px 5px;
}
/********* AdminPassword.aspx***** */


.AdminPassword .emailtxtbx
{
    background-color: #fff;
    color: gray;
}

.AdminPassword .SuccessMsg
{
    color: #008000;
}

.AdminPassword .line_Error
{
    float: left;
    border: solid red 0px;
    width: 300px;
    margin: 27px 0px 0px 5px;
    color: Red;
}

.AdminPassword .submitbtn
{
    border: solid red 0px;
    width: 246px;
    height: 35px;
    float: right;
    margin: 15px 10px 5px 0px;
}


.AdminPassword .CurrentSelections
{
    border: solid black 1px;
    height: 100%;
    min-height: 400px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    background-color: #CAD8FD;
    font-family: Verdana;
    font-size: 14px;
}
.AdminPassword .RightContent
{
    border: solid red 0px;
    width: 295px;
    margin: 34px 0px 0px 5px;
    height: 100%;
    float: left;
}

/* ******** AdditionalOptions.aspx */
.MoreOptionsContent
{
    border: solid black 0px; /*background-color:#CAD8FD;*/
    width: 698px;
    height: 100%;
    float: left; /* 	font-family:Verdana; 	font-size:12px; 	*/
    min-height: 300px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.AdditionalOptions .RightContent
{
    border: solid red 0px;
    width: 295px;
    margin: 34px 0px 0px 5px;
    height: 100%;
    float: left;
}

.options_choices
{
    border: solid green 0px;
    width: 98%;
    height: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.AdditionalOptions .CurrentSelections
{
    border: solid black 1px;
    height: 100%;
    min-height: 300px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #CAD8FD;
    font-family: Veranda;
    font-size: 14px;
}
.AdditionalOptions .NextBtn
{
    border: solid red 0px;
    width: 205px;
    height: 34px;
    float: right;
    margin: 200px 5px 5px 0px;
}

.AdditionalOptions .OptionName
{
    border: solid red 0px;
    width: 280px;
    height: 24px;
    float: left;
    margin: 5px 0px 0px 0px;
}
.AdditionalOptions .OptionQuantity
{
    border: solid red 0px;
    width: 200px;
    height: 24px;
    float: left;
    margin: 5px 0px 0px 0px;
}
.AdditionalOptions .OptionsUsed
{
    border: solid red 0px;
    width: 155px;
    height: 14px;
    float: left;
    margin: 5px 0px 0px 0px;
    padding: 7px 0px 0px 0px;
    vertical-align: bottom;
}


/**** CustomerBilling   ****/
.BillingContent
{
    border: solid black 0px;
    float: left; /*background-color:#CAD8FD;*/
    width: 698px;
    height: 100%; /*	 	font-family:Verdana; 	font-size:12px; 	*/
    margin: 0px 0px 0px 0px;
}

.BillingHeader
{
    border: solid black 0px;
    background-color: white;
    width: 40%;
    height: 20px;
    font-family: Verdana;
    font-size: 12px;
    margin: 10px 0px 0px 280px;
    font-size: 16px;
    font-weight: bold;
}
.ContentBox .AdditionalOptions .BtnCancel
{
    float: left;
    margin: 20px 0px 0px 480px;
    height: 38px;
    width: 50px;
    vertical-align: middle;
    line-height: 38px;
    border: 0px solid green;
}
.ContentBox .AdditionalOptions .BtnCancel2
{
    float: left;
    margin: 20px 0px 0px 300px;
    height: 38px;
    width: 50px;
    vertical-align: middle;
    line-height: 38px;
    border: 0px solid green;
}
.BtnBackAdditionalOptions
{
    float: left;
    margin: 10px 0px 0px 360px;
    height: 38px;
    width: 50px;
    vertical-align: middle;
    line-height: 38px;
    border: 0px solid green;
}
.submitbtnAdditionalOptions
{
    border: solid red 0px;
    width: 160px;
    height: 27px;
    float: right;
    margin: 20px 10px 5px 0px;
}
.ContentBox .AdditionalOptions .submitbtn
{
    border: solid red 0px;
    width: 160px;
    height: 27px;
    float: left;
    margin: 25px 0px 0px 0px;
}
.ContentBox .AdditionalOptions .BtnPrevious
{
   float: left;
   margin: 15px 0px 0px 20px;
   border: 0px solid green;
}
.CustomerBilling .savebtn
{
    border: solid red 0px;
    width: 100px;
    height: 35px;
    float: right;
    margin: 20px 40px 5px 0px;
}


.CompanyContent .submitbtn
{
    border: solid orange 0px;
    width: 115px;
    height: 27px;
    float: right;
    margin: 15px 60px 0px 0px;
}
.CompanyContent
{
    /*border:solid black 1px;*/ /*background-color:#CAD8FD;*/ /*font-family:Verdana; 	font-size:12px;*/
    width: 700px;
    height: 100%;
    float: left;
    font: 13px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    border: solid red 0px;
}
.CompanyHeader
{
    border: solid red 0px;
    float: left; /*background-color:white;*/
    width: 100%;
    height: 20px; /* 	font-family:Verdana; 	font-size:16px;	 	font-weight:bold; 	*/
    margin: 5px 0px 0px 5px;
}
.CompanyContent .line
{
    float: left;
    border: solid red 0px;
    width: 160px;
    margin: 0px 0px 0px 5px;
    border: solid blue 0px;
}
.CompanyContent .line_Error
{
    float: left;
    border: solid red 0px;
    width: 300px;
    margin: 0px 0px 0px 5px;
    color: Red;
}

.BillingContent .line
{
    float: left;
    border: solid red 0px;
    width: 160px;
    margin: 5px 0px 0px 5px;
}

.BillingContent .ProcessingError
{
    float: left;
    border: solid red 0px;
    width: 350px;
    margin: 5px 0px 0px 170px;
    color: Red;
}

.label
{
    border: solid green 0px;
    width: 170px;
    height: 100%;
    float: left;
    clear: both;
    margin: 5px 0px 0px 0px;
    font-family: Verdana;
}
.labelsubtext
{
    font-size: 10px;
}
.field
{
    border: solid green 0px;
    width: 170px;
    height: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    clear: both;
}



.ProductImg
{
    margin: 1px 3px 2px 0px;
}

.CheckBox2
{
    border: solid yellow 0px;
    margin: 0px 0px 0px 200px;
}

.PaneTitleDiv
{
    border: solid yellow 0px;
    width: 205px;
    float: left;
    font: bold 12px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
.PaneRoomTitleDiv
{
    border: solid yellow 0px;
    width: 205px;
    float: left;
    font: bold 12px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
.PaneChkBoxDiv
{
    border: solid green 0px;
    float: left;
    width: 25px;
}


/********OrderComplete.aspx****************/
.OrderComplete .StepDescription
{
    border: 0px solid yellow;
    width: 400px;
    margin: 0px 0px 0px 5px;
    line-height:18px;
}
.OrderCompleteHeader
{
}
.OrderCompleteContent
{
    border: solid black 0px;
    float: left;
    width: 698px;
    min-height: 400px;
    height: 100%;
    margin: 0px 0px 0px 20px;
}
.OrderComplete .message
{
    border: solid red 0px;
    font-size: 18px;
    margin: 10px 10px 0px 5px;
}
.OrderComplete .RightContent
{
    border: solid red 0px;
    width: 295px;
    margin: 0px 0px 0px 5px;
    height: 100%;
    float: left;
}

/***********************************/
/* Accordion */
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 0px 0px 0px 5px;
}
.accordionHeader
{
    border: 1px solid #2F4F4F; /*border: 1px solid red;*/
    color: white;
    background-color: #2E4d7B; /*font-family: Arial, Sans-Serif;*/
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

t .accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}



/*****CollapsiblePanel*****/
.collapsePanel
{
    background-color: #D3DEEF;
    overflow: hidden;
    height: 215px;
    border: 0px solid #2F4F4F;
}
.collapsePanelHeader
{
    width: 100%;
    height: 30px;
    background-color: #2E4d7B; /* 	background-image: url(/images/bg-menu-main.png); 	background-repeat:repeat-x; 	*/
    color: #FFF;
    font-weight: bold;
}
.collapsePanelHeader_first
{
    width: 100%;
    height: 30px;
    background-color: #2E4d7B; /* 	background-image: url(/images/bg-menu-main.png); 	background-repeat:repeat-x; 	*/
    color: #FFF;
    font-weight: bold;
    margin: 5px 0px 0px 0px;
}
.collapsePanelHeader a
{
    color: #FFF;
}
.collapsePanelHeader a:hover
{
    text-decoration: none;
    background: none;
}


.validatorCalloutHighlight
{
    background-color: #FFF299;
}

/*Textbox Watermark*/

.unwatermarked
{
    height: 18px;
    width: 148px;
}

.watermarked
{
    height: 20px;
    width: 150px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE; /*background-color:#F0F8FF;*/
    background-color: #FFF299;
    color: gray;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
    color: #ff0000;
    font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}


/***Modal Popup***/
.modalBackground
{
    background-color: #CAD1D4;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.modalPopup
{
    /*background-color: #EFF6F9;*/
    border-width: 0px;
    border-style: solid;
    border-color: #055497;
    padding: 3px;
}
.modalRounded
{
    /*background-color: #055497;*/
    background-color: #EFF6F9;
    width: 500px;
}
.modalBorder
{
    padding: 0px 0px 0px 0px;
    background-color: #055497;
}
.modalPopup_Samples
{
    /*background-color:#EFF6F9;*/
    border-width:0px;
    border-style:solid;
    border-color:#055497;
    padding:0px 0px 0px 0px;
    /*width:800px;*/
}

.modalRounded_Samples
{
    /*background-color: #055497;*/
    background-color: #EFF6F9;
    width: 800px;
    /*border:1px solid green;*/
    /*padding: 3px 3px 3px 3px;*/
}

.modalPopup_SamplesTitle
{
    cursor: move;
    background-color:#EFF6F9;
    border:solid 0px Gray;
    color:#055497;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.modalPopup_Title
{
    cursor: move;
    background-color:#EFF6F9;
    border:solid 0px Gray;
    color:#055497;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.modalPopup_Message
{
    background-color: #EFF6F9;
}
.modalPopup_Message_Imges
{
    background-color: #EFF6F9;
    text-align: center;
}
.modalPopup_SamplesTitle P
{
   text-align: center;
    font-weight: bold;
    font: bold 20px/24px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
.modalPopup_Paint
{
    background-color: #EFF6F9;
    border-width: 3px;
    border-style: solid;
    border-color: #055497;
    padding: 3px;
    width: 560px;
}
.modalPopup_Products
{
    background-color: #EFF6F9;
    border-width: 3px;
    border-style: solid;
    border-color: #055497;
    padding: 3px;
    width: 515px;
}
.modalPopup_Rooms
{
    background-color: #EFF6F9;
    border-width: 3px;
    border-style: solid;
    border-color: #055497;
    padding: 3px;
    width: 600px;
}
.modalPopup_CreditCard
{
   /* background-color: #EFF6F9;*/
    border-width: 0px;
    border-style: solid;
    border-color: #055497;
    padding: 0px;
    width: 328px;
}
.modalPopup_CreditCard_off
{
    display:none;
}

.modalPopup_Next
{
    background-color: #EFF6F9;
    border-width: 3px;
    border-style: solid;
    border-color: Green;
    padding: 3px;
    width: 400px;
}
.modalPopup_Previous
{
    background-color: #EFF6F9;
    border-width: 3px;
    border-style: solid;
    border-color: #055497;
    padding: 3px;
    width: 400px;
}




.PaintSwatch_title P
{
    text-align: center;
    font-weight: bold;
    font: bold 20px/24px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
.ProductSwatch_title P
{
    text-align: center;
    font-weight: bold;
    font: bold 20px/24px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

/**Menu **/
.MenuStyle
{
    border-left: Solid 0px black;
    background-color: #CDDDF6;
    font-size: 14px;
}

.SubMenuStyle
{
    background-color: #CDDDF6;
    border: Solid 0px #4D9567;
    font-size: 14px;
}

.OrderConfirmation
{
    font: 12px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    border: Solid 0px red;
}

.OrderConfirmationLabel
{
    font-weight: bold;
}
.LicenseText
{
    font: 12px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    width: 400px;
    border: Solid 0px red;
}

.LicenseLink
{
    font-size: 10px;
    color: #0254CE;
    text-decoration: none;
}

.HomePageHeader
{
	clear:both;
	float:left;
    margin: 0px 0 0;
    font: bold 22pt "Trebuchet MS" , Arial, Helvetica, sans-serif;
    border: Solid 0px red;
}
.HomePageHeader .Promo
{
	width:400px;
	float:left;
	margin: 0px 0px 0px 275px;
	font: 14pt "Trebuchet MS" , Arial, Helvetica, sans-serif;
	border: Solid 0px red;
	color:Gray;
	text-align:center;
}
.Promo b.hilite
{
	color:#77C9F8;
	text-decoration:none;
}

.Promo A
{
	color:#77C9F8;
	text-decoration:none;
}

.HomepageHeaderPart1
{
    float: left;
    color: #035FAB;
    border: Solid 0px blue;
    padding-top: 10px;
}
.HomepageHeaderPart2
{
    float: left;
    color: #EBC048;
    border: Solid 0px green;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.watermarked_username
{
    height: 15px;
    width: 150px;
    padding: 0px 0 4px 2px;
    border: 1px solid #BEBEBE; /*background-color:#F0F8FF;*/ /*background-color: #FFF299;*/
    color: gray;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

.watermarked_psw
{
    color: White;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: solid 1px #a9a9a9;
    text-indent: 2px;
    vertical-align: middle;
    text-align: right;
    margin: 0px 0 0 0;
    background-image: url(/images/psw_wMark.png);
    background-repeat: no-repeat;
}

/*-----Navigation Menu----------*/
#top-nav
{
    position: absolute;
    top: 100px;
    width: 982px;
    display: block;
    height: 39px;
    font-size: 14px;
    font-weight: bold;
    background: transparent url(images/bgOFF.gif) repeat-x top left;
    font-family: "Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;
    border-top: 4px solid #005BAA;
}
#top-nav-dashboard
{
    position: absolute;
    top: 100px;
    width: 982px;
    display: block;
    height: 39px;
    font-size: 14px;
    font-weight: bold;
    /*background: transparent url(images/bgOFF.gif) repeat-x top left;*/
    font-family: "Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;
    border-top: 4px solid #005BAA;
}
#top-nav ul
{
    margin: 0px 0px 0px 0px;
    padding: 0;
    list-style-type: none;
    width: auto;
}
#top-nav ul li
{
    display: block;
    float: left;
    margin: 0;
}
#top-nav ul li.right
{
    display: block;
    float: right;
    margin: 0;
    padding:0;
}
#top-nav ul li.logininfo
{
    display: block;
    float:left;
    margin: 0;
    color: black;
    text-decoration: none;
    padding: 11px 2px 0px 10px;
}
#top-nav ul li.debuginfo
{
	display: block;
    float:left;
    font-size:9px;
    color: Black;
    padding: 3px 0px 0px 3px;
    width:200px;
}

#top-nav ul li a
{
    display: block;
    float: left;
    color: #666;
    text-decoration: none;
    padding: 11px 20px 0 20px;
    height: 23px;
    background: transparent url(images/bgDIVIDER.gif) no-repeat top right;
}

#social_menu
{
    display: block;
    float: left;
    margin: 0;
    width: 25px;
}

#top-nav #social_menu a
{
    display: block;
    float: left;
    color: #666;
    text-decoration: none;
    padding: 10px 2px 0px 2px;
    vertical-align: middle;   
    background: transparent url(images/bgDIVIDER.gif) no-repeat top right;
}



.menu-icon
{
    display: block;
    float: left;
    margin: -2px 0px 0px 0px;
    vertical-align:top;
   /* height: 29px;    
*/
}

#top-nav ul li a:hover, #stylefour ul li a.current
{
    color: #005BAA;
    background: #fff url(images/bgON.gif) no-repeat top right;
}
/*---------------*/
#checklist ul  
{
	list-style-type: none; 
	padding: 0px 0px 0px 20px;
	margin: 0;
}

#checklist ul li
{
	background-image: url(/images/green-checkmark.gif);
	background-repeat: no-repeat;
	background-position: 0 0em;
	padding: 0px 0px 0px 30px;
}


#whatIsItChecklist ul  
{
    clear:both;
    float:left;
	list-style-type: none; 
	padding: 0px 0px 0px 20px;
	margin: 0;
	width: 400px;	
	border: solid 0px red;
}

#whatIsItChecklist ul li
{
	background-image: url(/images/green-checkmark.gif);
	background-repeat: no-repeat;
	background-position: 0 0em;
	padding: 0px 0px 0px 30px;
}

.ThirdImageButton
{
    margin: 0px 0px 0px 0px;
    border: solid 1px red;
}

div#container{width: 500px; margin:0 auto}
h1{ color: #F60; margin: 1em 0 0; letter-spacing: -2px; }
p{margin: 0 0 1.7em; }

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:black;
	font-weight: normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:#ffffff;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 10px 0 0 0;
	width:400px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	font-weight: bold;
	padding: 95px 0px 10px 0px;
    background: url(/images/bubble.gif) no-repeat top;
    border: solid 0px green;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	text-align: left;
	padding: 0 0px 0px 10px; 
	background: url(/images/bubble_filler.gif) repeat bottom; 
	border: solid 0px blue;
}
a.tt:hover span.bottom{
	display: block;
	padding: 0px 8px 15px 10px;
	color: #548912;
	height:25px;
    background: url(/images/bubble.gif) no-repeat bottom;
    border: solid 0px red;
}

.WebinarWhy 
{
    float:right;
    font-weight: bold;
    font-size:11px;
    color: #575957;
}
.WebinarImageWhy
{
    margin: 0px 0px 0px 60px;
}

.register
{
	width:602px;
	height:550px;	
	margin: 10px 0px 100px 150px;
	border: solid red 0px;
}
.register .GreyCurveUL
{
	float:left;
}
.register .GreyCurveUR
{
	float:left;
}
.register .middlefiller
{
	float:left;
	width:560px;
	height:20px;
	background-color:#575957;
	border:solid pink 0px;
}
.register .GreyCurveLL
{
	clear:both;
	float:left;
	width:20px;
	height:20px;
}
.register .GreyCurveLR
{
	float:left;
}
.register .header
{
	color:White;
	font-family:Arial;
	font-weight:bold;
	margin-left:220px;
}
.register .header2
{
	color:White;
	font-family:Arial;
	font-weight:bold;
	margin-left:100px;
}
.register .innerarea
{
	width:600px;
	height:375px;
	border:solid green 0px;
	/*background-color:#575957;*/
}
.register .content
{
	width:598px;
	height:375px;
	background-image:url('/images/Gradient-InnerPage.jpg');
	background-repeat:repeat;
	margin:10px 1px 0px 1px;
	/*padding:0px 0px 0px 0px;*/
	border:solid red 0px;	
}
.register .content .thankyou
{
	font-family:Arial;
	font-size:18px;
	width:540px;
	margin:40px 0px 0px 10px;
	border:solid pink 0px;		
}
.register .lbl
{
	float:left;
	margin:0px 0px 0px 120px;	
	width:80px;
	height:22px;
	color:black;
	font-family:Arial;
	font-size:12px;
	line-height:22px;
	vertical-align:middle;
	border:solid green 0px;
	/*padding:12px 0px 0px 0px;*/
}
.register .lblcheck
{
    float: left;
    padding: 0px 0px 0px 35px;
    margin: 5px 0px 0px 0px;
    width: 550px;
    border: solid orange 0px;
    font-size: 12px;
    font-family:Arial;
}
.register .ddlbl
{
	float:left;
	margin:5px 0px 0px 35px;
	width:165px;
	height:22px;
	color:black;
	font-family:Arial;
	font-size:12px;
	line-height:22px;
	vertical-align:middle;
	border:solid green 0px;
	/*padding:0px 0px 0px 0px;*/
}
.register .lbl b
{
	color:Red;
}
.register .ddlbl b
{
	color:Red;
}
.register .rfield
{
	float:left;
	margin:0px 0px 0px 0px;
	height:22px;
	border:solid red 0px;
}
.register .ddfield
{
	float:left;
	margin:5px 0px 0px 0px;
	height:22px;
	border:solid red 0px;
}
.register .required
{
	clear:both;
	float:left;
	width:150px;
	height:10px;
	color:Red;
	margin:0px 0px 0px 200px;
	border:0px solid black;
}
.register .note
{	
	float:left;
	width:355px;
 	height:35px;

	font-family:Arial;
	font-size:12px;

	margin:10px 0px 0px 100px;
	border:solid black 0px;
}
.register .btn
{
	float:left;
	width:140px;
	height:45px;
	margin:5px 0px 0px 200px;
	border:solid black 0px;
}
.webinar
{
	margin: 0px 0px 0px 170px;
	border: 0px solid pink;
}


.LandingPage
{
	width: 1024px;
	height:768px;
	border-style:solid;
	border-width:0px;
	border-color:Black;
}

.InnerLandingPage
{
	width:894px;
	height:768px;
	margin-left:65px;
	border:solid green 0px;
}
#WhatIsIt .VisualizerButton
{
    float: right;
	margin:0px 0px 0px 0px;
	border:0px solid orange;
}

.DemoScreen_Title
{
	float:left;
	width:200px;
	height:25px;
	border:0px solid red;
	margin:5px 0px 0px 0px;
}
.Testimonial_Button
{
	width:120px;
	height:35px;
	margin:210px 0px 0px 60px;
	border:0px solid green;
}


#DemoScreen .demobutton
{
	
	width:150px;
	margin:10px 0px 0px 100px;
	border:0px solid orange;
}

#DemoScreen .VisualizerButton
{
	margin:0px 0px 0px 25px;
	border:0px solid orange;
}
#DemoScreen .VisualizerButtonVert
{
	margin:0px 0px 0px 50px;
	border:0px solid orange;
}
#DemoScreen .CompanyName
{
	margin:5px 0px 3px 25px;
	text-align:center;
	font-weight:bold;
	
	border:0px solid orange;
}

#DemoScreen .demo-left
{
    float:left;
    width:300px;
    
}
#DemoScreen .demo-right
{
    float: left;
    width:300px;
    margin:0px 0px 0px 50px;
}

#DemoScreen .demo-left-vert
{
    float:left;
    width:300px;      
}
#DemoScreen .demo-right-vert
{
    float: left;
    width:300px;    
}
.FreezePaneOff
{
  visibility: hidden;
  display: none;
  position: absolute;
  top: -100px;
  left: -100px;
}

.FreezePaneOn
{
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: visible;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ECF4F7;
  z-index: 999;
  filter:alpha(opacity=85);
  -moz-opacity:0.85;
  padding-top: 20%;
  font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

.InnerFreezePane
{
  text-align: center;
  width: 66%;
  background-color: #ECF4F7;
  color: #055497;
  font-size: large;
  border: none 2px #111;
  padding: 9px;
  font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

.LogoProcessingError
{
    float: left;
    border: solid red 0px;
    width: 350px;
    margin: 5px 0px 0px 170px;
    color: Red;
}
.RoomSceneCheck
{
    font-size: 11px;    
}
.ContactUsDescription
{
    width:970px;
}


#CodeSnippet .AppSettings
{
    /*width:100%;*/
    height: 100%;
    margin: 0px 0px 0px 10px;
    border: 0px red solid;
}
.CodeSnippetInline
{
    width: 400px;
}

.CodeSnippetNewWindow
{
    float:left;
    width:400px;
}
.CodeSnippetDescription
{
    font-size: 14px;
}
.CodeSnippetCheckimage
{
    margin: 0px 0px 0px 10px;
}
.LeadGenerationEmail
{
    float:left; 
    width:400px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;   
    border: solid 0px red; 
}
.LeadGenerationCompleteText
{
    float:right;
    color:#4E82BE;   
    width:400px;
    margin: 150px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
}

/*-------  HeaderInformation.aspx----*/
#ReportingInformation
{
    width: 965px;    
    border: 0px green solid;
    margin: 0px 0px 0px 0px;
}

#ReportingInformation .AppSettings
{
    /*width:100%;*/
    height: 100%;
    margin: 0px 0px 0px 10px;
    border: 0px red solid;
}

#ReportingInformation .AppSettings .hr
{
    clear: both;
    float: left;
    width: 900px;
    height: 1px;
    border: 0px;
    border-bottom: 1px gray;
    border-style: dashed;
    margin: 5px 0px 5px 0px;
}

#ReportingInformation .AppSettings .SectionHead
{
    clear: both;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0px 5px 0px;
}

#ReportingInformation .AppSettings .row
{
    clear: both;
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    margin: 0px 0px 7px 0px;
    border: 0px red solid;
}
#ReportingInformation .AppSettings .cell
{
    float: left;
    width: 800px;
    border: 0px green solid;
}

#ReportingInformation .AppSettings .label
{
    float: left;
    width: 100px;
    border: 0px pink solid;
	font-size: 14px;
	height: 100%;
}

#ReportingInformation .AppSettings .ReportingResults .SectionHead
{
    clear: both;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0px 5px 0px;
    height: 100%;
}

#ReportingInformation .AppSettings .ReportingResults  .row
{
    clear: both;
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 0px 0px 7px 0px;
    border: 0px red solid;
}
#ReportingInformation .AppSettings .ReportingResults .cell
{
    float: left;
    width: 300px;
    border: 0px green solid;
    height: 100%;
}

#ReportingInformation .AppSettings .ReportingResults .label
{
    float: left;
    width: 200px;
    border: 0px pink solid;
	font-size: 14px;
	line-height: 16px;
}

#ReportingInformation .AppSettings .ReportingResults .labelParams
{
    float: left;
    width: 100px;
    border: 0px pink solid;
	font-size: 14px;
	font-weight: bold;
}



/*----------------------  Menu Styles --------------------------------------------------*/
.DashboardMenuStyle
{
	/*border: thick groove #666699*/
	background-color: #EFF6F9;
	font-weight: bold;
	text-align: center;
	padding: 10px 10px 4px 0px;
	font-size: 14px;
	margin: 1px 0px 0px 2px;
	height: 30px;	    
    color: #015DAB;
}

.DashboardStyleMenuHoverStyle
{
	color: #990000;
}

.DashboardStyleMenuSelected
{
    background-color: #EFF6F9;
	/*background-image: url('/App_Themes/WebsTheme/images/bgOFF.gif');*/
	font-weight: bold;
	height: 30px;
}

.DashboardStyleSubMenuStyle
{
	border-width: 0px;
	border-color: #999999;
	background-color: #FFFFFF;
	/*background-color: #CDDDF6;*/
	text-align: left;
	width: 110px;
	padding: 2px;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	font-size: 14px;
	font-weight: bold;
	color: #015DAB;
}

.DashboardStyleSubMenuHoverStyle
{
	background-color: #FFFFCC;
}

.LoginLabel
{
    float: left;
}

.faqExpand
{
	font-size: 12px;
	float:left;
	width: 100px;
}

.master-menu
{
	float:right;
	margin: 5px 0px 0px 0px;
}

.subscribe_txtbx
{	width:156px;
	border: 0px solid green;
	float: left;
}
.subscribe_btn
{
	float: left;
	width:82px;
	height:24px;
	margin:0px 0px 0px 3px;
}
.Version
{
    font-size:8px;
    float: left;
}

.BackButtonPadding
{
    padding-top: 10px;
}

.AdditionalOptionsDetail
{
    font-size:14px;
    float: left;
    border: solid 0px blue;
}

.AdditionalOptionRow
{
    padding: 5px 0px 5px 0px;
    width: 650px;
    vertical-align: bottom;
}

.AddtionalOptionsLabel
{
    font-size:14px;
    float: left;
    width: 450px;
    border: solid 0px red;
    padding: 5px 0px 0px 0px;
}

.AdditionalOptionsDropDown
{
    font-size:12px;
    float: left;
    width: 125px;
    border: solid 0px green;
}

.AdditionalOptionsDropDown
{
    font-size:12px;
    float: left;
    width: 125px;
    border: solid 0px green;
}

.AdditionalOptionsSubTotal
{
    font-size:12px;
    float: left;
    width: 125px;
    border: solid 0px green;
     padding: 5px 0px 0px 0px;
}
.AdditionalOptionTotal
{
    float:right;
    font-size:12px;
    border: solid 0px black;
    padding: 5px 0px 0px 0px;
}
.AdditionalOptionError
{
	font-size:12px;
	color:Red;
}

.DashboardOrderComplete
{
    font: 12px/14px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    float: left;
    height: 250px;
    border: 0px blue solid;
    margin: 0px 0px 0px 0px;
}
.Page_OrderComplete.DashboardOrderComplete
{
    margin: 10px 0px 0px 390px;
    border: 0px green solid;
}

.DashboardModal{display:block}
.DashboardModal *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EFF6F9}
.DashboardModal1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6999c1;
  border-right:1px solid #6999c1;
  background:#b4cde0}
.DashboardModal2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #1c64a0;
  border-right:1px solid #1c64a0;
  background:#c2d7e6}
.DashboardModal3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c2d7e6;
  border-right:1px solid #c2d7e6;}
.DashboardModal4{
  border-left:1px solid #6999c1;
  border-right:1px solid #6999c1}
.DashboardModal5{
  border-left:1px solid #b4cde0;
  border-right:1px solid #b4cde0}
.DashboardModalfg{
  background:#EFF6F9}

.ReportingDefinitions
{
	cursor: pointer;
	float: left;
	width:500px;
	border: solid 0px black;
	white-space: nowrap;	
}

.Reporting
{
	float:left;
	width: 300px;
	border: solid 0px red;
}
.ReportingCol2
{
	float: left;
	width: 500px;
	border: solid 0px green;
}
.ReportingDefinitionContent
{
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
	border: solid 0px blue;	
}

.socialsites 
{
    padding: 0px 0px 0px 25px;
    float:left;
    border: solid 0px red;
}