body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6c6c6c;
    background-attachment: fixed;
    background-image: url(/images/bg.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #EEF2FB;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
h1
{
    color: #B05C16;
    font-size: 16px;
    margin-top: 0px;
}
h2
{
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}
a:link
{
    color: #6C6C6C;
}
a:visited
{
    color: #6C6C6C;
}
a:hover
{
    color: #BE7226;
}
a:active
{
    color: #BE7226;
}


#containor
{
    text-align: left;
    width: 958px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}
p
{
    margin: 0px;
    padding: 0px;
}

.left
{
    float: left;
}
.right
{
    float: right;
}

#bot-nav-box
{
    background-color: #ad560d;
    height: 31px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    clear: left;
}
#bot-nav
{
    color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    padding-top: 9px;
}
#bot-nav ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#bot-nav ul li
{
    display: inline;
}
#bot-nav ul li a
{
    color: #FFFFFF;
    padding-right: 20px;
    padding-left: 20px;
    border-right: 1px solid #ffffff;
    font-size: 10px;
    text-decoration: none;
    letter-spacing: 4px;
}
#bot-nav ul li a.last
{
    color: #FFFFFF;
    padding-right: 0px;
    border-right: none;
    font-size: 10px;
}
#bot-nav ul li a:hover
{
    text-decoration: underline;
}

#footer-box
{
    background-color: #eef3fa;
    height: 45px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 1px solid #8E8381;
}
#footer
{
    width: 958px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-size: 9px;
    padding-top: 8px;
    clear: both;
}


#top-nav
{
    background-image: url(/images/topnav-bg-sub.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 34px;
    width: 958px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
}
#top-nav ul
{
    padding: 0px;
    list-style-type: none;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#top-nav li
{
    display: inline;
}
#top-nav a
{
    text-decoration: none;
    border-right: 1px solid #6C6C6C;
    padding-right: 10px;
    padding-left: 10px;
}
#top-nav a.last
{
    border-right-style: none;
}
#top-nav a:hover
{
    text-decoration: underline;
}

#right-nav-box
{
    background-color: #FFFFFF;
    height: 123px;
    width: 956px;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    background-image: url(/images/top-nav2-sub-bg.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
#right-nav
{
    float: left;
    width: 153px;
    text-align: right;
    padding-top: 17px;
}

#right-nav ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#right-nav li
{
    height: 18px;
    width: 153px;
}
#right-nav a:link
{
    font-size: 9px;
    color: #1f65a2;
    display: block;
    height: 16px;
    width: 125px;
    padding-right: 28px;
    padding-top: 2px;
}
#right-nav a:visited
{
    font-size: 9px;
    color: #1f65a2;
    display: block;
    height: 16px;
    width: 125px;
    padding-right: 28px;
    padding-top: 2px;
}
#right-nav a:hover
{
    text-decoration: none;
}
#right-nav a:active
{
    text-decoration: none;
}

#right-nav #right-nav1 a
{
    background-image: url(/images/icon-green-sub.gif);
    background-position: right center;
    background-repeat: no-repeat;
    color: #1F65A2;
}
#right-nav #right-nav2 a
{
    background-image: url(/images/icon-events-sub.gif);
    background-position: right center;
    background-repeat: no-repeat;
    color: #1F65A2;
}
#right-nav #right-nav3 a
{
    background-image: url(/images/icon-licence-sub.gif);
    background-position: right center;
    background-repeat: no-repeat;
    color: #1F65A2;
}
#right-nav #right-nav4 a
{
	background-image: url(/images/icon-twit-sub.gif);
	background-position: right center;
	background-repeat: no-repeat;
	color: #1F65A2;
}
#right-nav #right-nav5 a
{
	background-image: url(/images/icon-face2-sub.gif);
	background-position: right center;
	background-repeat: no-repeat;
	color: #1F65A2;
}

#tab-nav-box
{
    background-color: #FFFFFF;
    height: 36px;
    width: 956px;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    background-image: url(/images/tab-nav-bg-sub.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
}
#tab-nav
{
    height: 36px;
    width: 620px;
    float: left;
}
#tab-nav ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#tab-nav li
{
    float: left;
}
#tab-nav a
{
    height: 36px;
    width: 155px;
    display: block;
    text-indent: -9000px;
}

#tab-nav #tab-nav1 a.selected
{
    background-repeat: no-repeat;
    background-position: 0px -36px;
}

#tab-nav #tab-nav1 a
{
    background-image: url(/images/tab-products.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#tab-nav #tab-nav2 a
{
    background-image: url(/images/tab-access.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
#tab-nav #tab-nav3 a
{
    background-image: url(/images/tab-service.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
#tab-nav #tab-nav4 a
{
	background-image: url(/images/tab-finance.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#tab-nav #tab-nav1 a:hover, #tab-nav #tab-nav2 a:hover, #tab-nav #tab-nav3 a:hover, #tab-nav #tab-nav4 a:hover
{
    background-repeat: no-repeat;
    background-position: 0px -36px;
}

#main
{
    width: 936px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    background-color: #FFFFFF;
    background-image: url(/images/main-bg-sub.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    float: left;
    padding: 10px;
    margin-bottom: 15px;
}
#main-body
{
    background-color: #FFFFFF;
    background-image: url(/images/side-nav-edge.gif);
    background-repeat: repeat-y;
    background-position: left top;
    width: 934px;
    border: 1px solid #8E8381;
    float: left;
}
#main-body2
{
    width: 934px;
    float: left;
}

#main-box
{
    background-image: url(/images/body-bg.gif);
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
    width: 708px;
    padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 30px;
    padding-left: 25px;
}
#side-nav
{
    float: left;
    width: 176px;
    background-color: #FFFFFF;
    padding-bottom: 20px;
}
#side-nav ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#side-nav ul li
{
    width: 140px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#side-nav ul li a
{
    display: block;
    font-weight: bold;
    color: #AD560D;
    text-decoration: none;
    letter-spacing: 1px;
    height: 20px;
    width: 160px;
    padding-left: 15px;
    font-size: 10px;
    padding-top: 5px;
}
#side-nav ul li a.two-lines
{
    height: 30px;
}

#side-nav ul li a.selected
{
    color: #4C8EB5;
    text-transform: uppercase;
}

#side-nav ul li a:hover
{
    color: #4c8eb5;
}

#sub-nav
{
    width: 170px;
}
#sub-nav ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#sub-nav ul li
{
    padding-top: 0px;
    padding-bottom: 0px;
}
#sub-nav ul li a
{
    display: block;
    font-weight: normal;
    color: #AD560D;
    text-decoration: none;
    letter-spacing: 1px;
    height: 15px;
    padding-left: 30px;
    font-size: 10px;
    padding-top: 2px;
    width: 140px;
}
#sub-nav ul li a.selected
{
    color: #4c8eb5;
    font-weight: bold;
    padding-left: 40px;
    width: 130px;
    text-decoration: none;
    text-transform: none;
}

#sub-nav ul li a:hover
{
    color: #4c8eb5;
    font-weight: bold;
    padding-left: 40px;
    width: 130px;
}
#change-city-box
{
    text-align: right;
    font-size: 12px;
    color: #000000;
    padding-top: 15px;
    padding-bottom: 25px;
}
#form
{
    margin: 0px;
    padding: 0px;
}

/* FIRST TYPES */
#types-box-bg
{
    background-image: url(/images/city-bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 336px;
    width: 642px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    text-align: center;
}
#browse
{
    float: left;
    height: 281px;
    width: 321px;
    padding-top: 55px;
}
.use
{
    background-image: url(/images/browse-use-bg.jpg);
}
.brand
{
    background-image: url(/images/browse-brand-bg.jpg);
}
#links
{
    width: 255px;
    float: left;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 235px;
    scrollbar-base-color: #FFFFFF;
    scrollbar-arrow-color: #D8D8D8;
    scrollbar-3dlight-color: #D8D8D8;
    scrollbar-darkshadow-color: #D8D8D8;
    scrollbar-track-color: #D8D8D8;
}
#links ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#links li
{
    height: 15px;
    width: 255px;
    padding-top: 15px;
}
.use-links
{
    padding-left: 45px;
}
.brand-links
{
    padding-left: 19px;
}
.use-links a
{
    font-size: 12px;
    font-weight: bold;
    color: #AD560D;
    text-decoration: none;
    display: block;
}
.use-links a:hover
{
    color: #4582A6;
}
.brand-links a
{
    font-size: 12px;
    font-weight: bold;
    color: #AD560D;
    text-decoration: none;
    display: block;
}
.brand-links a:hover
{
    color: #4582A6;
}

#sublinks
{
    width: 255px;
    padding-top: 2px;
    height: 15px;
    float: left;
}
#sublinks ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#sublinks ul li
{
    height: 15px;
    width: 255px;
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
}
#sublinks ul li a
{
    font-size: 10px;
    font-weight: normal;
    display: inline;
    color: #AD560D;
    text-decoration: none;
}
#sublinks ul li a:hover
{
    color: #AD560D;
    text-decoration: underline;
}

div.subMenuLinks
{
    width: 255px;
    padding-top: 2px;
    height: 15px;
    float: left;
    display: none;
}
div.subMenuLinks ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
div.subMenuLinks ul li
{
    height: 15px;
    width: 255px;
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
}
div.subMenuLinks ul li a
{
    font-size: 10px;
    font-weight: normal;
    display: inline;
    color: #AD560D;
    text-decoration: none;
}
div.subMenuLinks ul li a:hover
{
    color: #AD560D;
    text-decoration: underline;
}


/* CITIES */
#city-box-bg
{
    background-image: url(/images/city-bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 276px;
    width: 642px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    text-align: center;
    padding-top: 60px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}


#city-box
{
    height: 198px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    width: 320px;
}

#city
{
    float: left;
    height: 198px;
    width: 143px;
    margin-right: 7px;
    margin-left: 7px;
}
#thumbnail
{
    float: left;
    height: 105px;
    width: 141px;
    border: 1px solid #8E8381;
    background-color: #FFFFFF;
    margin-bottom: 2px;
}
#city-name
{
    height: 30px;
    width: 121px;
    float: left;
    background-image: url(../images/thumb-info-bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    color: #333333;
    border-top: none;
    border-right: 1px solid #8E8381;
    border-left: 1px solid #8E8381;
    border-bottom: 1px solid #8E8381;
    padding-top: 17px;
    padding-right: 10px;
    padding-left: 10px;
    overflow: visible;
    text-align: center;
    font-size: 12px;
}
#button-box
{
    height: 20px;
    width: 121px;
    float: left;
    border-top: none;
    border-right: 1px solid #8E8381;
    border-left: 1px solid #8E8381;
    border-bottom: 1px solid #8E8381;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
}
.go-but
{
    float: right;
    padding-top: 2px;
}