/**********************************************/
/************** GENERAL LAYOUT ****************/
/**********************************************/
* {
    margin: 0px;
    padding: 0px;
}

body {
    background: #EAE9DC url(Images/bg.jpg) top left;
    font: normal normal normal 14px Arial, Sans-Serif;
    line-height: 1.3em;
}

h1 {
    font-size: 1.2em;
    margin-bottom: 0.3em;
}

h2 {
    font-size: 1em;
    margin: 0.3em 0em;
}

h3 {
    font-size: 1em;
    margin: 1.4em 0em 0.3em 0em;
}

h4 {
    font-size: 1em;
    font-style: italic;
    color: Green;
    margin: 0.3em 0em 0.1em 0em;
}

h1 a, h2 a, h3 a {
    color: #000000;
}

h1 a:hover, h2 a:hover, h3 a:hover {
    text-decoration: none;
}

em {
    font-style: italic;
    color: #888888;
    font-size: 0.9em;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #337735;
}

a:hover, a:focus, a:active {
    color: #1F4920;
}

a[disabled], a[disabled]:hover, a[disabled]:focus, a[disabled]:active {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
}

p {
    margin-bottom: 0.7em;
}

.tright {
    text-align: right;
}

.tleft {
    text-align: left;
}

.tcenter {
    text-align: center;
}

a:hover, a:focus, a:active {
    text-decoration: underline;
}

.sitemappath {
    font-size: 0.8em;
    position: relative;
    top: -4px;
}

input.textbox, textarea.textbox, select.dropdown {
    border: solid 1px #E2E0CA;
    padding: 0.2em 0.2em;
    background-color: #FFFFFF;
    width: 240px;
    font-size: 0.9em;
    font-family: Verdana;
}

select.dropdown {
    width: 249px;
}

input.textbox:hover, textarea.textbox:hover {
    background-color: #FBFBF5;
}

input.textbox:active, input.textbox:focus, textarea.textbox:active, textarea.textbox:focus {
    border-color: #D3D0AD;
}

.checkbox input, .checkbox {
    margin: 0em 0.3em;
}

hr {
    color: Green;
    background-color: Green;
    height: 2px;
    border: 0px;
    clear: both;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

ul, ol {
    margin-left: 3em;
}

.rpadded {
    padding-right: 14px;
}

.lpadded {
    padding-left: 14px;
}

.tpadded {
    padding-top: 14px;
}

.bpadded {
    padding-bottom: 14px;
}

.padded {
    padding: 14px;
}

img.rpadded {
    margin-right: 1em;
}

img.lpadded {
    margin-left: 1em;
}

img.tpadded {
    margin-top: 1em;
}

img.bpadded {
    margin-bottom: 1em;
}

img.padded {
    margin: 1em;
}

.label {
    text-align: right;
    padding-right: 0.2em;
    padding-bottom: 4px;
    padding-top: 4px;
}

.field {
    text-align: left;
    padding-bottom: 4px;
    padding-top: 4px;
}

.tsmall {
    font-size: 0.8em;
    line-height: 1.6em;
}

.pager {
    clear: both;
    padding: 0.2em;
    font-size: 1.0em;
    font-weight: bold;
}

.item_category {
    font-weight: bold;
    font-size: 1.1em;
    margin-top: 0.5em;
    padding-bottom: 0.2em;
    margin-bottom: 0.3em;
    border-bottom: dotted 1px #43A345;
    color: #43A345;
}

table.designer {
    margin: 0em auto;
}

table.designer tbody td {
    padding: 0.3em;
    border-bottom: solid 1px #E9E8DB;
}

table.designer tbody td td {
    border-bottom: 0px;
}

table.designer .noline td, table.designer td.noline {
    border-bottom: 0px !important;
}

table.designer tbody td td {
    border-bottom: 0px;
}

table.designer .price {
    text-align: right;
    font-weight: bold;
    font-family: Sans-Serif;
}

table.designer .list {
    text-align: left;
    font-size: 0.95em;
    line-height: 1.7em;
}

table.designer .image img, table.designer .image a img {
    border: solid 1px #CCC !important;
}

table.designer .title {
    font-weight: bold;
    font-family: Sans-Serif;
}

table.designer .title a, table.designer .title a[disabled], table.designer .title a[disabled]:hover, table.designer .title a[disabled]:focus, table.designer .title a[disabled]:active {
    color: #000;
}

table.designer .title a[disabled] {
    cursor: text;
}

table.designer .title a:hover, table.designer .title a:focus, table.designer .title a:active {
    color: Green;
    text-decoration: none;
}

table.designer .description {
    padding-top: 0.2em;
    padding-left: 3em;
    font-size: 0.95em;
    color: #513605;
}

.box {
    background: #E9E9DC url(Images/highlight.jpg) top left;
    border: solid 1px #C9C6B6;
    padding: 1em;
    margin: 1em auto;
}

.box hr {
    color: #C9C6B6;
    background-color: #C9C6B6;
    height: 1px;
}

.boxForm {
    background: #E9E9DC url(Images/highlight_light.jpg) top left;
    border: solid 1px #C9C6B6;
    padding: 1em;
    margin: 1em auto;
}

.features td {
    font-size: 1.1em;
    font-weight: bold;
    font-variant: small-caps;
    vertical-align: middle;
    text-align: left;
    padding-bottom: 1em;
    padding-left: 0.4em;
}

table.userform {
    margin: 0em auto;
}

table.userform thead td {
    background: #48B94A url(Images/thead.gif) top left;
    font-size: 1em;
    font-weight: bold;
    color: #FFF;
    padding: 0.4em 1em;
    border: solid 1px #7FD581;
    text-align: center;
}

table.userform tbody td {
    padding: 0.2em 0.2em;
}

table.userform .lined td {
    border-bottom: solid 1px #BBB;
}

table.userform .lined td table td {
    border-bottom: 0px;
}

table.userform .tlined td {
    border-top: solid 1px #BBB;
}

table.userform .tlined td table td {
    border-top: 0px;
}

table.userform .box {
    margin: 0em auto;
}

table.userform .itemcode {
    font-style: italic;
    color: #666;
    text-align: center;
    font-size: 0.9em;
    padding: 4px 8px;
}

table.userform .description {
    padding-top: 4px;
    padding-bottom: 10px;
    font-size: 0.9em;
}

table.userform .description p {
    margin: 0em;
}

table.userform .price, table.userform .method {
    text-align: right;
    font-weight: bold;
    font-family: Sans-Serif;
    color: Green;
}

table.userform .stock {
    text-align: center;
    font-size: 0.9em;
    color: Green;
    font-weight: bold;
}

table.userform .qty {
    text-align: center;
}

table.userform .qty input {
    text-align: center;
}

table.userform .action {
    text-align: center;
    padding: 4px 6px;
}

table.userform tfoot td {
    border-bottom: solid 1px #BBB;
    padding: 4px 0px;
}

.box .legal {
    font-size: 0.8em;
    padding-left: 1em;
    line-height: 1.2em;
}

/**********************************************/
/************** BLOG LAYOUT ****************/
/**********************************************/
.blog .instruction {
    font-size: 0.8em;
    color: #555;
    line-height: 1.1em;
}

.blog .entry {
    padding-bottom: 0.4em;   
}


/**********************************************/
/************* MASTERPAGE LAYOUT **************/
/**********************************************/

.header, .base, .menu {
    width: 980px;
    margin: 0em auto;
}

.header {
    height: 105px;
    font-size: 0.75em;
}

.header a {
    color: #FFFFFF;
}

.header .nav {
    margin-left: 130px;
}

.header .top {
    height: 69px;
    background: transparent url(Images/header_statusbar.jpg) top right no-repeat;
    text-align: right;
    padding-top: 1px;
    color: #FFFFFF;
}

.header .bottom {
    background: transparent url(Images/header_tab_bar.jpg) bottom left repeat-x;
}

.header .bottom .search {
    background: transparent url(Images/header_search.jpg) bottom left no-repeat;
    text-align: left;
    color: #FFFFFF;
    width: 100%;
}

.header .bottom .search td {
    padding-top: 1px;
    height: 35px;
    vertical-align: middle;
}

.header .bottom .search .tabs {
    width: 468px;
    text-align: center;
    vertical-align: bottom;
    font-family: Tahoma;
    line-height: 24px;
}

.header .bottom .search .tabs a {
    padding: 0em 1.7em;
}

.header .bottom .search .textbox {
    font-size: 1em;
    margin-left: 25px;
    border-color: #258D27;
}

.header .logo img {
    height: 92px;
    width: 126px;
    background: transparent url(Images/logo.gif) top left no-repeat;
    border: 0px;
    display: block;
    margin-top: 7px;
    float: left;
}

.header .logo2 img {
    height: 38px;
    width: 200px;
    background: transparent url(Images/logo2.gif) top left no-repeat;
    border: 0px;
    display: block;
    margin-top: 18px;
    margin-left: 10px;
    float: left;
}

.base {
    background-color: #FFFFFF;
    border: solid 1px #CACACA;
    border-top: 0px;
}

.menu {
    width: 982px;
    background: #000000 url(Images/nav_bar.jpg) top left repeat-x;
    color: #FFF;
    text-align: center;
}

.menu input {
    color: #FFF;
    width: 130px;
    background: transparent none;
    font-size: 0.8em;
    font-family: Tahoma;
    height: 25px;
    border: 0px;
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    vertical-align: top;
    line-height: 20px;
    padding-bottom: 3px;
}

.menu input:hover, .menu input:focus, .menu input.down {
    background: #000000 url(Images/nav_bar2.jpg) top left repeat-x;
    border-left: solid 1px #82BC6D;
    border-right: solid 1px #3B8328;
}

.menu .leftCap {
    background: transparent url(Images/nav_left.jpg) top left no-repeat;
}

.menu .rightCap {
    background: transparent url(Images/nav_right.jpg) top right no-repeat;
}

.popup_menu {
    position: absolute;
    display: none;
    background: #2D2D2D url(Images/menu_top.jpg) top right repeat-x;
    border-bottom: solid 1px #3B8328;
    border-left: solid 1px #82BC6D;
    border-right: solid 1px #3B8328;
    border-top: 0;
    padding: 0.4em 1.4em 1.2em 1.8em;
    font-size: 0.85em;
    color: #FFF;
    z-index: 999;
}

.popup_menu .item, .popup_menu .item a {
    color: #FFF;
}

.content {
}

.content .area {
    background: #FFFFFF url(Images/content_bar.jpg) top left repeat-x;
    padding: 1em 1.4em;
    font-size: 0.9em;
    vertical-align: top;
}

.content .area .corner {
    width: 300px;
    text-align: right;
    position: relative;
    left: 470px;
}

.footer {
    color: White;
    text-align: right;
    height: auto;
    font-size: 0.8em;
    font-family: Tahoma;
}

.footer h1 {
    font-size: 1.1em;
}

.footer .block h1 a, .footer .block a {
    color: #FFFFFF;
    font-weight: bold;
}

.footer .block ol, .footer .block ul {
    margin-left: 4em;
}

.footer .blockContainer {
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 2px;
}

.footer .block {
    background: #000000 url(Images/footer_bar.jpg) bottom left repeat-x;
    width: 25%;
    text-align: left;
    padding: 1em 3em;
    vertical-align: top;
}

.footer .block.left {
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
}

.footer .block.right {
    border-right: solid 1px #FFFFFF;
}

.footer .legal {
    background-color: #4CC34F;
    padding: 0.3em 1em;
}

.footer .legal a {
    color: #FFFFFF;
}

.author {
    padding-top: 20px;
    font-size: 0.8em;
    text-align: left;
    font-style: italic;
}

.author a, .legal .author a {
}

/**********************************************/
/************** SIDEBAR LAYOUTS ***************/
/**********************************************/

.sidebar h1 {
    font-size: 13px;   
}

.sm, .listing {
    width: 100%;
}

.sm .sidebar, .listing .sidebar {
    width: 180px;
    background: #F6F6F2 url(Images/sidebar.jpg) top right repeat-y;
    border-right: solid 1px #CCCAB9;
    vertical-align: top;
    padding: 16px 25px 6px 25px;
    line-height: 1.3em;
    font-size: 0.9em;
}

/****** SECTION MASTERPAGE *****/

.sm .sidebar .normal, .sm .sidebar .selected {
    padding-left: 18px;
    margin-left: 2px;
    line-height: 1.7em;
}

.sm .sidebar .normal {
    background: transparent url(Images/bullet_square_green.gif) 0em 0.35em no-repeat;
}

.sm .sidebar .selected {
    background: transparent url(Images/bullet_square_black.gif) 0em 0.35em no-repeat;
    padding-left: 18px;
    margin-left: 2px;
}

.sm .sidebar .selected a {
    color: #000000;
}

/***** LISTING MASTERPAGE *****/

.listing .sidebar {
    padding: 0em;
}

.listing .sidebar em {
    color: #000;
}

.listing .sidebar .options {
    text-align: right;
    padding-right: 0.6em;
    padding-top: 0.8em;
}

.listing .sidebar .options label {
    position: relative;
    top: -1px;
    font-size: 0.9em;
}

.listing .sidebar .search {
    text-align: center;
}

.listing .sidebar .search h4 {
    color: #000;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    font-size: 0.9em;
    padding-left: 0.4em;
}

.listing .sidebar .normal, .listing .sidebar .selected {
    padding-left: 18px;
    margin-left: 18px;
}

.listing .sidebar .selected {
    background: transparent url(Images/bullet_square_black.gif) 0em 0.35em no-repeat;
    padding-left: 18px;
    margin-left: 18px;
    padding-bottom: 4px;
}

.listing .sidebar .normal {
    background: transparent url(Images/bullet_square_green.gif) 0em 0.35em no-repeat;
    padding-bottom: 4px;
}

.listing .sidebar .itemview {
    padding: 4px 10px;
}

.listing .sidebar .up .titlebar, .listing .sidebar .down .titlebar {
    background: transparent url(Images/collapse_bar.jpg) top left;
}

.listing .sidebar .title {
    color: #000;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 3px;
    cursor: pointer;
    font-size: 0.95em;
    font-family: Tahoma;
}
.listing .sidebar .title a {
    color: #42422C;
    font-weight: normal;
}

.listing .sidebar .up .title {
    padding-left: 28px;
    background: transparent url(Images/nav_down.gif) 6px 7px no-repeat;
    border-bottom: solid 1px #E2E2D2;
}

.listing .sidebar .down .title {
    padding-left: 28px;
    background: transparent url(Images/nav_up.gif) 6px 7px no-repeat;
    border-bottom: solid 1px #E2E2D2;
}

.listing .sidebar .section {
    padding-bottom: 0.6em;
    padding-top: 0.6em;
    font-size: 0.95em;
    background: transparent;
    background-image: none;
}

/**********************************************/
/****************** HIGHLIGHTS ****************/
/**********************************************/

.content .highlight {
    background: #E9E9DC url(Images/highlight.jpg) bottom left repeat; /*height: 209px;*/
    height: auto;
    font-size: 0px;
}

.content .highlight table {
    font-size: 14px;
}

.content .highlight_black {
    background: transparent url(Images/highlight_bar_black.jpg) bottom left repeat-x; /*height: 101px;*/
    height: auto;
    font-size: 0px;
}

//.content .highlight .home img {
//    background: transparent url(Images/highlight_home.jpg) bottom left no-repeat;
//   height: 204px;
//    width: 100%;
//}

.content .highlight .home img {
    background: transparent url(Images/highlight_home_services.jpg) bottom left no-repeat;
    height: 132px;
    width: 100%;
}

.content .highlight_windows {
    background: #222 url(Images/highlight_win7.jpg) bottom left repeat; /*height: 209px;*/
    height: 85px;
    font-size: 0px;
    border-bottom: solid 1px black;
}

.content .highlight_windows img {
    width: 975px;
    height: 84px;
}