.user-val
{
    /*font-weight: bold;*/
}
.default-val
{
    color: #888888;
}

.side-tool select 
{
    width: 220px;
    margin-top: 4px;
}

.side-tool select,
.side-tool input.labeled { float: left; display: block   }

.side-tool .user-val,
.side-tool .default-val
{
    background: url(gfx/textbox-220-bg.gif) no-repeat;
    width: 200px;
    padding: 0 10px 0 10px;
    height: 21px;
    border: none;
    font-size: 15px;
    margin-top: 4px;
}

.btn-callme
{
    margin-top: 4px;
    display: block;
}

.btn-chatnow
{
    margin: 0 0 10px 0;
    display: block;
}
/* side tool */

.side-tool
{
    width: 250px;
    background: url(gfx/side-tool-bg.gif) repeat-y;
    margin-bottom: 10px;
  
}

.side-tool .pad
{
    padding: 4px 13px 0 13px;
 

}



.side-tool .header *
{
    font-size: 15px;
    padding: 4px 0 0 13px;
}
.side-tool .header.blue
{
    height: 25px;
    background: url(gfx/side-tool-header-blue.gif) no-repeat;
}
.side-tool .header.yellow
{
    height: 25px;
    background: url(gfx/side-tool-header-yellow.gif) no-repeat; 
}

.side-tool .footer
{
    height: 10px;
    background: url(gfx/side-tool-footer.gif) no-repeat;
}

/* big box */

.big-box
{
    width: 650px;
}
.big-box .header
{
    height: 29px;
    background: url(gfx/big-box-header.jpg) no-repeat;
}

.big-box .header *
{
    font-size: 15px;
    padding: 4px 0 0 13px;
}

.big-box .pad
{
    padding: 4px 0 0 13px;
}

/* project thumbs */
ul.project-thumbs li
{
    width: 148px;
    height: 153px;
    background: url(gfx/project-thumb-bg.gif) no-repeat;
    float: left;
    margin: 10px 14px 0 0;
}
ul.project-thumbs li img
{
    width: 117px;
    height: 89px;
    padding: 5px 0 0 6px;
}
ul.project-thumbs li h3
{
    display: block;
    font-weight: bold;
    font-size: 13px;
    /*color: Black;*/
    padding: 8px 0 0 6px;
    text-decoration: none;
}

/* overview */
.overview
{
    background: #77b033 url(gfx/overview-bg.jpg) no-repeat;
    margin-bottom: 10px;
    padding: 8px 0 0 0;
}
.overview .footer
{
    height: 25px;
    background: #d2e9b1 url(gfx/overview-footer.gif) no-repeat;
}

.overview .pad
{
    padding: 0px 13px 8px 13px;
}

.overview p
{
    line-height: 130%;
}

.overview .footer a
{
    display: block;
    font-weight: bold;
    text-decoration: none;
    line-height: 25px;
    padding-right: 10px;
    text-align: right;
}

/* project summary */
.project-summary
{
    background: #ffffff url(gfx/overview-bg2.jpg) no-repeat;
    margin-bottom: 10px;
    padding: 0 0 0 0;
    height: 296px;
    position: relative;
}

.project-summary .photo
{
    position: absolute;
    right: 26px;
    top: 41px;
}

.project-summary .pad
{
    padding-top: 26px;
    padding-left: 13px;
    padding-right: 310px;
}

.project-summary p
{
    line-height: 130%;
    margin-top: 15px;
    margin-bottom: 25px;
}

.project-tags { position: absolute; left: 13px; bottom: 30px; }
.project-tags a { font-size: 12px; display: block }

/* big tool */

/* side tool */

.big-tool
{
    width: 650px;
    background: url(gfx/big-tool-bg.gif) repeat-y;
    margin-bottom: 10px;
}

.big-tool .pad
{
    padding: 4px 13px 0 13px;
}

.big-tool .header *
{
    font-size: 15px;
    padding: 4px 0 0 13px;
}
.big-tool .header
{
    height: 25px;
    background: url(gfx/big-tool-header.gif) no-repeat;
}

.big-tool .footer
{
    height: 10px;
    background: url(gfx/big-tool-footer.gif) no-repeat;
}

.big-tool .header *,
.side-tool .header *,
.header *
{
    font-style:italic;
}

/* project details */

.project-details h2,
.content-data h2
{
    line-height: 25px;
    height: 25px;
    background: url(gfx/big-box-header.jpg) no-repeat;
    padding-left: 13px;
    margin: 10px 0 3px 0;
}

.content-data h3
{
    padding: 6px 0 3px 13px;
    color: #004D91;
}

.project-details p,
.content-data p
{
    padding: 3px 0 3px 13px;
}

.content-faq h2 { margin-top: 30px }

/* project overview */

.project-overview table
{
    width: 650px;
}

.project-overview tr.alternate-true td,
.project-overview tr.alternate-true th
{
    background: #f6f6f6;
}
.project-overview th
{
    text-align: left;
    white-space: nowrap;
    color: #444444;
    width: 180px;
}
.project-overview td,
.project-overview th
{
    padding-left: 13px;
    vertical-align: top;
    padding-top: 3px;
    padding-bottom: 3px;
}
.project-overview td,
{
    padding-right: 13px;
}


.project-overview h2
{
    line-height: 25px;
    height: 25px;
    background: url(gfx/big-box-header.jpg) no-repeat;
    padding-left: 13px;
    margin: 10px 0 3px 0;
}

/* tabs */

ul.tabs
{
    background: url(gfx/tabs-bg.gif) repeat-x;
    height: 26px;
}
ul.tabs li
{
    float: left;
    width: 128px;
    height: 26px;
    background: url(gfx/tab-bg-inactive.gif) no-repeat;
}
ul.tabs li.ui-tabs-selected
{
    background: url(gfx/tab-bg.jpg) no-repeat;
}
ul.tabs li.ui-tabs-selected a
{
    text-decoration: none;
    color: Black;
}

ul.tabs li a
{
    line-height: 26px;
    font-weight: bold;
    display: block;
    text-align: center;
}

.ui-tabs-panel
{
    display: block;
    clear: both;
}
.ui-tabs-hide
{
    display: none;
}

/* projects banner */

.projects-banner
{
    width: 650px;
    height: 203px;
    position: relative;
    background: url(gfx/overview-footer.gif) no-repeat bottom left;
}

.projects-banner li
{
    display: none;
    width: 650px;
    height: 203px;
    position: absolute;
    left: 0;
    top: 0;
}
.projects-banner li.show-first
{
    display: block;
}

.projects-banner li img
{
    position: absolute;
    left: 0;
    top: 0;
}

.projects-banner li span
{
    display: block;
    width: 640px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 178px;
    font-weight: bold;
    text-decoration: none;
    line-height: 25px;
    text-align: right;
}

/* projects search results */

.project-result
{
    background: url(gfx/project-result-bg.jpg) no-repeat;
    height: 149px;
    margin-bottom: 14px;
    position: relative;
}

.project-result .photo
{
    float: left;
    margin-right: 20px;
    margin-top: 6px;
}

.project-result .pad
{
    padding-left: 25px;
    padding-right: 13px;
    padding-top: 20px;
}

.project-result h4
{
    padding-top: 7px;
}
.project-result h4, .project-result h4 *
{
    color: #666666;
    font-weight: bold;
    font-size: 12px
}

.project-result .summary
{
    font-size: 12px !important;
    color: #666666;
    padding: 7px 0 0 0 !important;
    font-weight: normal !important;
}
.project-result p.summary *
{
    font-size: 12px;
}

.project-result .learn-more { position: absolute; right: 0; bottom: 0; font-size: 15px; font-weight: bold; text-decoration: none; padding: 7px 27px }

.project-result.review { background: url(gfx/project-review-bg.jpg) no-repeat; }

.project-result.review .val
{
    font-weight: bold;
}

/* quick search */

.quick-search
{
    background: url(gfx/quick-search-bg.gif) no-repeat top left;
    width: 250px;
    height: 32px;
    margin-bottom: 10px;
}

.quick-search label
{
    display: none;
}

.quick-search .textbox
{
    background: transparent;
    border: none;
    float: left;
    margin: 5px 0 0 13px;
    width: 190px;
}

.quick-search .textbox.default-val
{
    font-weight: bold;
}

.quick-search .textbox.user-val
{
    font-weight: normal;
}


.quick-search .btn
{
    float: right;
}

/*  logs  */

.log
{
    border-top: solid 1px #dadada;
    border-left: solid 1px #dadada;
    background: url(gfx/log-bg.gif) no-repeat bottom right;
    padding: 20px 80px 20px 13px;
    margin-bottom: 20px;
}

.log h2
{
    margin-bottom: 14px;
}

.log p
{
    margin-bottom: 14px;
    text-indent: 25px;
    line-height: 120%;
}

/* contact form */

.contact-form td
{
    vertical-align: top;
    padding: 0 20px 5px 0;
}

/* shopping cart */

.shopping-cart { width: 100% }
.shopping-cart td
{
    padding: 3px 8px 3px 8px;
    border-top: solid 3px #fff;
    background: #f8f8f8;
}

/* personal details */

.personal-details td
{
    padding-bottom: 6px;
}

.personal-details td .errors
{
    position: relative;
    width: 270px;
    height: 50px;
    margin-bottom:10px
}

.personal-details td .error
{
    position: absolute;
    left: 0;
    top: 0;
}

/* billing details */

.billing-details td
{
    padding-bottom: 6px;
    white-space: nowrap;
}

.billing-details td .errors
{
    position: relative;
    width: 200px;
    height: 20px;
}

.billing-details td .error
{
    position: absolute;
    left: 0;
    top: 0;
}

/* project pictures */

#project-pictures { width: 648px; margin: 12px 0 0 15px }

.big-picture span { display: block; margin-top: 5px }
.big-picture { width:620px; height: 485px; text-align: center }

.project-pictures-thumbs img { display: block; border: solid 2px white }
ul.project-pictures-thumbs li { float: left; margin: 10px 10px 0 0 }
ul.project-pictures-thumbs a.presented img { border: solid 2px black }

/* cost calculator */

.cost-calc .res { float: right }
.cost-calc .cost { font-size: 25px; position: relative; top: 0; width: 80px; display: block }
.cost-calc * { font-size: 14px }
.cost-calc select { font-weight: bold }
.cost-calc td { padding-right: 20px; vertical-align: bottom }
/* live chat */

#scr7lH img { width: auto; height: auto; }