﻿@import url(../../Global/css/global.css);
/*default.css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
body
{
    margin-bottom: 36px;
    background-color: #FFFFFF;
}
table
{
    border-spacing: 0;
    padding: 0;
    font-size: inherit;
    font: 100%;
    color: #767571;
}
fieldset, img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}
ol, ul
{
    list-style: none;
}
caption, th
{
    text-align: left;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
    line-height: 140%;
    padding:10px 0 5px 0; 
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
}
body, textarea
{
    font: 13px/1.22 arial,helvetica,clean,sans-serif; *font-size:small;*font:x-small;
}
pre, code, kbd, samp, tt
{
    font-family: monospace; *font-size:108%;
line-height:99%;}
.cb
{
    clear: both;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */

/*master.css*/
div#main-wrapper
{
    width: 1000px;
    margin: 0 0 0 35px;
    position: relative;
}

/* Header */

div#header
{
    /* clear: both;*/
    width: 1000px;
    height: 200px;
    position: relative;
}
#logo
{
    position: absolute;
    left: 15px;
    top: 15px;
}
#BannerTop
{
    position: absolute;
    right: 15px;
    top: 20px;
    height: 90px;
    width: 728px;
    margin-bottom: 80px;
}
#NavTop
{
    position: absolute;
    right: 15px;
    top: 150px;
}
#nav ul
{
    float: right;
}
#nav li
{
    border-right: 1px solid #C5C5C5;
    display: inline;
}
#nav li a
{
    padding: 19px 15px 4px 10px;
    color: #393939;
    background: #FFFFFF;
}
#nav li a.closeframe
{
    background: url(images/closeframe.gif) no-repeat right 21px;
}
#nav li a:hover
{
    background-color: #F1F1F1;
}
#nav li a.active
{
    background-color: #F1F1F1;
}
p.ShowDates
{
    color: #888888;
    text-align: right;
    padding: 10px 0 0 0;
    font-size: 1.3em;
}
/* END Header */

div#content-wrapper
{
    display: block;
    float: left;
    width: 1000px;
    border-top: 1px solid #00AEEF;
    border-bottom: 1px solid #00AEEF;
}
#content-wrapper div#sub-header
{
    display: block;
    float: left;
    width: 1000px;
    border-bottom: 1px solid #00AEEF;
}
#sub-header div#search-heading
{
    display: block;
    float: left;
    width: 200px;
    padding: 16px 0 18px 0;
}
#sub-header div#search-heading h2
{
    font-size: 1.4em;
}
#sub-header div#search-heading h1
{
    font-size: 2em;
}

#content-wrapper div#col-1 div.update
{
    display: block;
    margin-bottom: 15px;
    float: left;
    width: 232px;
    padding: 16px 0 18px 0;
    border-bottom: 1px solid #B0B0B0;
}
#sub-header div#page-title
{
    display: inline;
    float: right;
    width: 740px;
    margin: 0 0 0 1px;
    padding: 16px 0 18px 9px;
}
#content-wrapper a, a:link, a:active, a:visited
{
    text-decoration: none;
    color: #00AEEF;
}
#content-wrapper a:hover
{
    text-decoration: underline;
}
.loading
{
    background-image: url(images/icons/loader.gif);
}

#content-wrapper p
{
    color: #767571;
    line-height: 140%;
}
#content p.large
{
    font-size: 105%;
}
#content p.error
{
    color: #F62438;
}
#content p span.error
{
    color: #F62438;
}
#content span.caption
{
    display: block;
    color: #767571;
}

#page-title h1
{
    width: 470px;
    color: #393939;
    font-size: 240%;
    letter-spacing: -1px;
}
body#p-home #content-wrapper h1, body#p-editorial-showcase #content-wrapper h1
{
    display: none;
}
#footer p
{
    display: inline;
    float: left;
    color: #767571;
    padding: 10px;
}
#footer a
{
    color: #767571;
}
#footer a:hover
{
    color: #000000;
}
#col-1 div#search-forms
{
    display: block;
    float: left;
    width: 232px;
    padding: 0 0 18px 0;
    border-bottom: 1px solid #B0B0B0;
}

#content #wcountry_1, #content #wcountry_3, #content #wcountry_6
{
    display: none;
}
#content a.paging-prev
{
    display: block;
    float: left;
    width: 21px;
    height: 17px;
    text-indent: -5000px;
    margin: 18px 9px 0 9px;
    background: url(images/icons/icon_arrow_prev.gif) top left no-repeat;
}
#content a.paging-prev:hover
{
    background: url(images/icons/icon_arrow_prev_black.gif);
}
#content a.paging-next
{
    display: block;
    float: left;
    width: 21px;
    height: 17px;
    text-indent: -5000px;
    margin: 18px 18px 0 0;
    background: url(images/icons/icon_arrow_next.gif) top left no-repeat;
}
#content a.paging-next:hover
{
    background: url(images/icons/icon_arrow_next_black.gif);
}
#content span.paging-inactive
{
    display: block;
    float: left;
    width: 21px;
    height: 17px;
    text-indent: -5000px;
    margin: 18px 9px 0 9px;
    background: url(images/icons/arrow_inactive.gif) top left no-repeat;
}
#content dl.paging
{
    display: block;
    float: left;
    margin: 18px 9px 0 0;
    color: #454441;
}
.paging dt
{
    display: block;
    float: left;
    padding: 0 18px 0 0;
}
.paging dd
{
    display: block;
    float: left;
}
.paging dd ul
{
    display: block;
    float: left;
}
.paging dd ul li
{
    display: block;
    float: left;
    padding: 0 18px 0 0;
}
.paging dd ul li a
{
    display: block;
    float: left;
    color: #454441;
    background-image: none;
}
.paging dd ul li a:hover
{
    color: #000000;
    background-image: none;
}
#content dl.paging dd ul li a.current
{
    color: #000000;
    background-image: none;
}
#content table.results
{
    display: block;
    float: left;
    width: 740px;
    margin: 18px 0 0 0;
}
.bb
{
    border-top: 1px solid #EBEBEB;
}
.results caption
{
    display: none;
}
thead.hidden
{
    height: 0px;
    overflow: hidden;
    border: none;
}
thead.hidden th
{
    border: none;
}
thead.hidden th p
{
    display: none;
    font-size: 0px;
}

#content-wrapper div.imagerelated p
{
    line-height: 1.22em;
    margin-top: 1px;
}

#content-wrapper div#showcase
{
    position: relative;
    display: block;
    float: left;
    width: 1000px;
    margin: 18px 0 18px 0;
}
#showcase div#showcase-intro
{
    display: block;
    float: left;
    padding: 15px;
}
#showcase div#showcase-intro p
{
    float: none;
}
#showcase h2
{
    width: 190px;
    margin-bottom: 9px;
    font-size: 240%;
    line-height: 1em;
    letter-spacing: -1px;
    color: #393939;
}
#showcase h3
{
    float: left;
    width: 247px;
    font-size: 135%;
    color: #494949;
}
#showcase p
{
    float: left;
    width: 247px;
}
#showcase p#intro
{
    width: 190px;
}
#showcase p#showcase-nav-text
{
    clear: left;
    margin-bottom: 9px;
}
#showcase div#showcase-desc
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 247px;
}
#showcase img.showcase-img
{
    display: block;
    float: left;
}
#showcase img#showcase-photo
{
    display: inline;
}
#showcase #image_holder
{
    width: 735px;
    height: 341px;
    display: block;
    float: right;
    margin-left: 18px;
    overflow: hidden;
}
#content div#col-2-1
{
    display: block;
    float: left;
    width: 489px;
    padding: 25px 18px 25px 0;
    margin-left: 260px;
}
#col-2-1 h4
{
    color: #000000;
    margin: 0 0 0.2em 0;
    font-size: 105%;
}
#col-2-1 p
{
    color: #767571;
    margin-bottom: 1.8em;
    line-height: 140%;
}
#col-2-1 p span
{
    font-weight: bold;
}
#col-2-1 p strong
{
    font-weight: normal;
    color: #222;
}
#col-2-1 ul
{
    margin-left: 20px;
    margin-bottom: 25px;
    list-style-image: url(images/line1.gif);
    list-style-type: none;
    list-style-position: outside;
}
#col-2-1 ul li p
{
    margin-bottom: 10px;
}
#col-2-1 ul.favourite-tools
{
    margin-left: 0px;
}
#p-user-favourites #content div#col-2-1, #p-advertiser-about #content div#col-2-1, #p-advertiser-details-edit #content div#col-2-1
{
    padding-left: 9px;
    padding-top: 9px;
}
#content div#col-2-2
{
    display: block;
    float: left;
    width: 233px;
}
#col-2-2 span.caption
{
    margin: 5px 0 26px 0;
}
a.closeframe
{
    margin-left: 10px;
}
div.closeframe
{
    display: block;
    margin: 40px 0 0 200px;
    padding-top: 12px;
    width: 200px;
}
.emptynav
{
    display: block;
    height: 67px;
}
#content #col-2-1 h3
{
    border: none;
    font-size: 12px;
    color: #222;
    float: none;
    display: inline;
    margin: 0;
    padding: 0;
}
#portfolio-desc
{
    margin-bottom: 30px;
}
.col-desc img
{
    padding: 10px 0 10px 0;
}
