﻿/**** INTRO ****/
div.intro
{
    border: none;
    height: 570px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 1000px;
    z-index: 5;
}
div.intro div.flash
{
    z-index: 10;
}
div.intro div.msg
{
    display: block;
    height: 140px;
    left: 210px;
    margin: 0px 0px 0px 0px;
    overflow: auto;
    padding: 0px 0px 0px 0px;
    position: relative;
    top: -140px;
    width: 650px;
    z-index: 20;
}
/**** MASTER ****/
html, body
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
    width: 100%;
}
h1, h2
{
    color: #E4342C;
    font-weight: 600;
    letter-spacing: -1px;
    font-size: 150%;
}

p {
    color: #707173;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    margin: 13px 0;
}

a
{
    color: #E4342C;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
a img 
{ 
    border: none; 
}

body.mainBody
{
    background-color: #FFFFFF;
    background-attachment: scroll;
    background-image: url("../Images/VerfEnWand/contentbg.gif");
    background-position: left top;
    background-repeat: repeat;
    color: #707173;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/******** LANDINGS PAGE **************************************************************/
body.landingsPage div.logo,
body.landingsPage div.header,
body.landingsPage div.menu {
    display: none;
}
body.landingsPage div.container {
    width: 760px;
}
body.landingsPage div.container div.contentplaceholder {
    border-top: none;
    float: none;
    height: 440px;
    margin: 0;
    width: 760px;
}
/******** END LANDINGS PAGE **********************************************************/

table.holder
{
    border: none;
    border-collapse: collapse;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}
table.holder td.holder
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
}

div.wrapper
{
    overflow: hidden;
    width: 100%;
}

div.container
{
    background-color: #FFF;
    margin: 1px 0 0 0;
    padding: 0;
    text-align: left;
    width: 1024px;
}
div.container div.header
{
    height: 147px;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    width: 800px;
    overflow: hidden;
}
div.container div.header div.topmenu
{
    position: absolute;
    left: 15px;
    bottom: 0px;
}

div.container div.logo
{
    background: no-repeat scroll left top;
    height: 109px;
    width: 209px;
    margin: 38px 0px 0px 15px;
    float: left;
}
div.container div.menu
{
    border-top: solid 1px #707173;
    clear: both;
    min-height: 337px;
    margin: 13px 0px 0px 93px;
    width: 108px;
    float: left;
    overflow: hidden;
}
div.container div.headerText
{
    border-bottom: 1px solid #707173;
    height: 75px;
    left: 15px;
    padding-bottom: 10px;
    position: absolute;
    width: 784px;
    top: 40px;
}
div.container div.headerText td, div.container div.headerText p
{
    border: none;
    color: #707173;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
}

div.container div.headerText tr
{
    border: none;
}
div.container div.contentplaceholder
{
    border-top: solid 1px #707173;
    float: left;
    width: 785px;
    height: 440px;
    margin: 13px 0px 0px 36px;
}

/**** CONTACT ****/
div.contact div.ContentItemForm table.PropertyGrid tbody .Body th
{
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    color: #000000;
}
div.contact table.PropertyGrid th.text
{
    font-weight: bold;
}
div.contact table.PropertyGrid input.btn
{
    background-color: #E4342C;
    border-top: solid 1px #707173;
    border-right: solid 1px #707173;
    border-bottom: solid 1px #707173;
    border-left: solid 1px #707173;
    color: #707173;
    cursor: pointer;
}
div.contact table.PropertyGrid input.textbox
{
    border-top: solid 1px #707173;
    border-right: solid 1px #707173;
    border-bottom: solid 1px #707173;
    border-left: solid 1px #707173;
    padding: 0px 0px 0px 2px;
    width: 250px;
}
div.contact table.PropertyGrid select.cbo
{
    border-top: solid 1px #707173;
    border-right: solid 1px #707173;
    border-bottom: solid 1px #707173;
    border-left: solid 1px #707173;
    padding: 0px 0px 0px 0px;
    width: 254px;
}
div.contact table.PropertyGrid textarea.textbox, div.contact table.PropertyGrid textarea.textarea
{
    border-top: solid 1px #707173;
    border-right: solid 1px #707173;
    border-bottom: solid 1px #707173;
    border-left: solid 1px #707173;
    color: #707173;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 100px;
    padding: 0px 0px 0px 2px;
    width: 250px;
}

table.contact
{
    border: none;
    border-collapse: collapse;
    height: 450px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}
table.contact td.form
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    width: 420px;
}
table.contact td.form table.default
{
    border: none;
    border-collapse: collapse;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
table.contact td.form table.default td.default
{
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
    vertical-align: top;
}
table.contact td.form table.default td.default button.btnCancel
{
    background-color: #FFFFFF;
    border-top: solid 1px #E4342C;
    border-right: solid 1px #E4342C;
    border-bottom: solid 1px #E4342C;
    border-left: solid 1px #E4342C;
    color: #E4342C;
    cursor: pointer;
}
table.contact td.form table.default td.default input.btnSave
{
    background-color: #E4342C;
    border-top: solid 1px #707173;
    border-right: solid 1px #707173;
    border-bottom: solid 1px #707173;
    border-left: solid 1px #707173;
    color: #FFFFFF;
    cursor: pointer;
}
table.contact td.form table.default td.default input.textbox
{
    border-top: solid 1px #707173;
    border-right: solid 1px #707173;
    border-bottom: solid 1px #707173;
    border-left: solid 1px #707173;
    padding: 0px 0px 0px 2px;
    width: 250px;
}
table.contact td.form table.default td.default select.cbo
{
    border-top: solid 1px #707173;
    border-right: solid 1px #707173;
    border-bottom: solid 1px #707173;
    border-left: solid 1px #707173;
    padding: 0px 0px 0px 0px;
    width: 254px;
}
table.contact td.form table.default td.default textarea.textarea
{
    border-top: solid 1px #707173;
    border-right: solid 1px #707173;
    border-bottom: solid 1px #707173;
    border-left: solid 1px #707173;
    color: #707173;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 100px;
    padding: 0px 0px 0px 2px;
    width: 250px;
}
table.contact td.text
{
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 10px;
    vertical-align: top;
    width: 430px;
}
/**** CONTENT ****/
table.content
{
    border: none;
    border-collapse: collapse;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 848px;
}
table.content td.buttons
{
    margin: 0px 0px 0px 0px;
    padding: 10px 5px 5px 10px;
    text-align: center;
    vertical-align: bottom;
}
table.content td.flash
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    vertical-align: top;
    width: 560px;
}
table.content td.text
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    vertical-align: top;
}
td.text div.content
{
    border: none;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    line-height: 18px;
    overflow: auto;
    padding: 0px 5px 0px 10px;
    scrollbar-3dlight-color: #DCDCDC;
    scrollbar-arrow-color: #E4342C;
    scrollbar-base-color: #FFFFFF;
    scrollbar-darkshadow-color: #DCDCDC;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
}
td.text div.content a:link, td.text div.content a:visited
{
    color: #E4342C;
    text-decoration: none;
}
td.text div.content a:hover, td.text div.content a:active
{
    color: #E4342C;
    text-decoration: underline;
}
td.buttons span.next
{
    background-attachment: scroll;
    background-image: url("../Images/VerfEnWand/next.png");
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 17px;
    padding: 3px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    width: 20px;
}
td.buttons span.previous
{
    background-attachment: scroll;
    background-image: url("../Images/VerfEnWand/previous.png");
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 17px;
    padding: 3px 0px 0px 0px;
    width: 20px;
}
td.buttons span.text
{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

/**** Menu ****/
table.menu
{
    border-collapse: collapse;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 108px;
    overflow: hidden;
}
table.menu td
{
    background: transparent url(../Images/VerfEnWand/bg_menu.jpg) repeat-y 149px top;
    border-bottom: solid 1px #EAEBEB;
    margin: 0;
    padding: 0px 0px 0px 0px;
    max-width: 108px;
    width: 108px;
}
table.menu td.main
{
    background-color: #FFFFFF;
    color: #58585A;
    font-size: 14px;
    font-weight: 500;
    height: 22px;
    letter-spacing: -1px;
    padding: 4px 0px 4px 4px;
}
table.menu td.mainHover
{
    background-color: #E4342C;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 22px;
    letter-spacing: -1px;
    padding: 4px 0px 4px 4px;
}
table.menu td.mainSelected
{
    background-color: #E4342C;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    height: 22px;
    letter-spacing: -1px;
    padding: 4px 0px 4px 4px;
}
table.menu td.item
{
    background-color: #ECEDED;
    border-bottom: solid 1px #DDDEDF;
    font-size: 10px;
    font-weight: 500;
    height: 18px;
    letter-spacing: -0.5px;
    margin: 0px 2px 0px 2px;
    text-indent: 2px;
    white-space: nowrap;
}
table.menu td.itemHover
{
    background-color: #ECEDED;
    border-bottom: solid 1px #DDDEDF;
    color: #E4342C;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
    height: 18px;
    letter-spacing: -0.5px;
    margin: 0px 2px 0px 2px;
    text-indent: 2px;
    white-space: nowrap;
}
table.menu td.itemSelected
{
    background-color: #ECEDED;
    border-bottom: solid 1px #DDDEDF;
    color: #E4342C;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
    height: 18px;
    letter-spacing: -0.5px;
    margin: 0px 2px 0px 2px;
    text-indent: 2px;
    white-space: nowrap;
}
div.submenu {
    display: none;
}

/**** Dropdown Menu ****/
#dropmenudiv
{
    background-color: #ECEDED;
    font-size: 10px;
    font-weight: 500;
    left: 150px;
    letter-spacing: -0.5px;
    margin: 0px 0px 0px -40px;
    position: absolute;
    white-space: normal;
    z-index: 100;
}

#dropmenudiv a
{
    border-bottom: solid 1px #DDDEDF;
    color: #707173;
    cursor: pointer;
    display: block;
    height: 16px;
    padding: 0px 2px 0px 2px;
    margin-top: 2px;
    text-decoration: none;
    text-indent: 2px;
}

#dropmenudiv a:hover
{
    color: #E4342C;
}

/******** SHOPS **********************************************************************/
div.shopslegend
{
    float: left;
    margin: 0px 0 0 5px;
    width: 390px;
    position: relative;
}
div.shopslegend p
{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50px;
    left: 0;
}
div.shopslegend img
{
    border: none;
    float: right;
    margin: 25px 0 0 0;
}
div.shopslegend input.textbox
{
    border: solid 1px #c8e3fd;
    color: #003366;
    height: 18px;
    padding: 0px 0px 0px 4px;
    vertical-align: middle;
    width: 80px;
}
div.shopslegend input.button
{
    background-color: #002f59;
    border: solid 1px #626262;
    color: #FFFFFF;
    cursor: pointer;
    height: 20px;
    vertical-align: middle;
}

div.shops
{
    float: left;
    height: 410px;
    margin: 25px 0 0 5px;
    overflow: auto;
    width: 145px;
}
div.shops a
{
    color: #000;
    display: block;
}
div.shops a.active
{
    color: #00a1d8;
    font-weight: bold;
}

div.shop
{
    float: left;
    margin: 25px 0 0 5px;
    width: 235px;
}
div.shop table
{
    margin: 13px 0 0 0;
}
div.shop table th
{
    font-weight: normal;
    text-align: left;
}
div.shop table a
{
    color: #000;
    font-weight: bold;
    font-size: 80%;
}
/******** END SHOPS ******************************************************************/

/**** Top ****/
table.top
{
    border-collapse: collapse;
    padding: 0;
}
table.top td
{
    color: #58585A;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    text-align: left;
}
table.top td a:link, table.top td a:visited
{
    border-right: solid 1px #CCCCCD;
    color: #58585A;
    text-decoration: none;
    padding: 0px 20px 0px 20px;
}
table.top td a.first
{
    padding: 0px 20px 0px 0px;
}
table.top td a.last
{
    border: none;
}
table.top td a:hover, table.top td a:active
{
    color: #58585A;
}
table.top td a.active:link, table.top td a.active:visited
{
    color: #58585A;
    text-decoration: none;
}
table.top td a.active:hover, table.top td a.active:active
{
    color: #58585A;
}

/* content */

div.images
{
    float: left;
    width: 560px;
}

div.content-left
{
    float: left;
    margin: 0 20px 0 0;
    width: 395px;
}

div.content
{
    float: left;
    margin: 10px 0px 0px 5px;
    padding: 0;
    height: 430px;
    width: 220px;
    overflow: auto;
}

div.content ul, div.content ol
{
    padding: 0 0 0 15px;
}

div.freepage
{
    margin: 0;
    height: 440px;
    width: 787px;
    overflow: auto;
}

div.contact
{
    width: 350px;
}

div.flashButtons
{
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 10px 0 5px 0;
    text-align: center;
}
div.flashButtons img
{
    vertical-align: middle;
    margin: 0 10px;
}
