body{
background: #CDC1A1 url('../img/bg2.jpg') top left repeat-x;

}

a:link, a:visited {
font: 12px Verdana;
color:#333;
text-decoration:underline;
}

a:hover {
color:#999;
}

dl { width: 500px; font-size: 12px; margin: 0; padding:0; }
dt { width: 160px; float: left; display: inline; clear: left; margin: 0 0 0 -1px; padding: 0 0 0 1px; border-bottom: 1px solid #EEE; line-height:18px; margin-bottom: 3px; }
dd { width: 340px; float: left; display: inline; text-align: right; margin: 0 -1px 0 0 ; padding: 0 1px 0 0; border-bottom: 1px solid #EEE; line-height:18px; margin-bottom: 3px; }

dt.sp { font-weight: bold; border: 0;}
dd.sp { font-weight: bold; border: 0;}

#site-wrapper{
position: relative;
}

/* header */

#header-wrapper{
position:relative;
text-align:center;
}

#header{
position:relative;
width:980px;
margin:0 auto;
text-align:left;
}

#header .logo {
width: 300px;
padding-top: 25px;
padding-left: 18px;
font: 18px times;
color: #FFF;
text-align: left;
}

#header .logo h2{
font: 24px times;
font-weight: normal;
letter-spacing: 4px;
}

#header .logo img {
}

#header .language a {
background-color: #a9161c;
color: #FFF;
padding: 9px 12px;
text-align: center;
text-decoration: none;
}

#header .language a:hover {
text-decoration: underline;
}

/* nav */

#nav-wrapper{
width: 980px;
height: 40px;
padding: 3px 0;
}

#nav{
position: relative;
width:946px;
height: 40px;
margin:0 auto;
}

#nav li{
display:inline;
}

#nav li a{
float:left;
width:95px;
overflow:hidden;
padding:10px 0;
text-decoration:none;
font-weight:bold;
font-family: Trebuchet MS,Verdana;
font-size:13px;
font-weight: bold;
color:#EEE;
text-align: center;
}

#nav li a:hover{
color:#FDE0AB;
}

#nav li a.current{
color:#FDE0AB;
}

#nav #nav-logo a{
width:135px;
height:20px;
padding:0;
visibility:hidden;
}

#nav #nav-home a{width:70px;}
#nav #nav-store a{ position: absolute;              width: 90px; left: 70px; }
#nav #nav-event a{ position: absolute;              width: 70px;  left: 160px; }
#nav #nav-customerservice a{ position: absolute;    width: 100px; left: 230px; }
#nav #nav-community a{ position: absolute;          width: 105px; left: 330px;}
#nav #nav-location a{ position: absolute;           width: 105px; left: 330px; display: none; }
#nav #nav-newsletter a{ position: absolute;         width: 110px; left: 435px;}
#nav #nav-leasing a{ position: absolute;            width: 90px; left: 545px;}
#nav #nav-jobposting a{ position: absolute;         width: 110px; left: 635px;}
#nav #nav-promotions a{ position: absolute;         width: 110px; left: 745px;}
#nav #nav-contact a{ position: absolute;            width: 80px; left: 855px;}
#nav #nav-special a{ display: none}

#ticker { width: 620px; margin-top: 27px; background-color: #3A3839; }
/* top box for graphics */

#topbox {
width: 100%;
background: #DED4BB;
color: #3C3C3D;
margin-top: 0;
margin-bottom: 12px;
text-align: left;
}

#topbox h2 {
font-size: 32px;
font-weight: normal;
color: #E32436;
}

#topbox h3 {
font-family: Times, 'Lucida Grande', 'Lucida Sans', 'Trebuchet MS';
font-size: 24px;
font-weight: bold;
color: #444;
}

#topbox th {
padding: 0;
//background: url('http://gerrardsquare.com/template/template5/style1/css/img/h_bg2.jpg') top left repeat-x;
}

#topbox td {
padding: 30px 40px;
font: 14px/21px arial;
font-weight: normal;
font-style: normal;
//background: url('http://gerrardsquare.com/template/template5/style1/css/img/h_bg2.jpg') top left repeat-x;
}

#topbox.home {
height: 270px;
background-color: #FFF;
background-repeat: no-repeat;
background-position: top right;
}

/* footer */

#footer-wrapper{
}

#footer{
width:980px;
margin:0 auto;
text-align:center;
color:#AB161C;
background: url('../img/bottom.png') top left no-repeat;
font:11px arial;
font-weight: normal;
padding: 18px 0;
}

#footer a{
font:11px arial;
font-weight: normal;
color:#AB161C;
text-decoration:none;
}

#footer a:hover{
border-bottom: 1px solid #777565;
}

#footer .left {
width: 472px;
padding-left: 18px;
text-align: left;
}

#footer .right {
width: 472px;
padding-right: 18px;
text-align: right;
}

/* main */

#main-wrapper{
color:#333;
}

#main{
width:944px;
padding: 9px 18px 8px 18px;
margin:0 auto;
text-align:center;
background: url('../img/mainbg.png') top repeat-y;
}

#main .greenbox {
background-color: #a9161c;
padding: 18px 18px 18px 220px;
margin-bottom: 10px;
}

#main .greenbox h2 {
text-align: left;
font: 16px Century Gothic, Verdana;
font-weight:bold;
color:#FFF;
margin-bottom: 18px;
}

#main .greenbox p {
text-align: left;
color:#FFF;
}

#main .greenbox .subdued {
color: #DDD;
}

#contentcontainer {
background: #fff;
padding: 0;
}

#contentcontainer table {
}

#contentcontainer table td.content {
width: 686px;
background: #FFFFFF;
}

#contentcontainer table td.content.home {
background: #F2EEED url('../img/homecontent_bg2.jpg') top left no-repeat;
}

#contentcontainer table td.content.store {
width: 686px;
background: #FFFFFF;
}

#td-sidebar {
position: relative;
}

#sidebar {
float: left;
width: 244px;
padding: 0;
margin-left: 14px;
min-height: 300px;
height: 300px;
text-align: left;
font: 11px/15px Verdana;
color:#4a4949;
height: 100%;
}

#sidebar h3 {
position: relative;
height: 32px;
padding: 0;
overflow: hidden;
font: 16px Trebuchet MS,Verdana;
font-weight: bold;
text-indent:-9999px;
background: #ffffff url('../img/sidebar_top2.jpg') top left no-repeat;
}

#sidebar h3#centre {
height: 30px;
margin: -31px -18px 0;
background: #ffffff url('../img/sidebar_centre2.jpg') top left no-repeat;
}

#sidebar .content {
min-height: 260px;
height: 260px;
padding: 0 18px 18px;
background: #ffffff url('../img/sidebar_bg2.jpg') top no-repeat;
}

#sidebar div.bottom {
width: 244px;
height: 12px;
background: #ffffff url('../img/sidebar_bottom2.jpg') no-repeat;
}

#sidebar .content div {
padding: 18px 0;
}

#sidebar p.borderDashed{
border-bottom-style:dashed;
border-bottom-color:#999;
border-bottom-width:1pt;
margin: 18px 0;
}

#sidebar .companylogo {
height: 65px;
background: #F5EDD6 url('../img/croslandlogo.gif') center no-repeat;
margin-top: 10px;
}

#content {
width: 650px;
font: 13px/18px arial, sans-serif;
text-align: left;
padding: 18px;
background: #FFFFFF;
}

#contentcontainer table td.content.home #content {
background: none;
}

#content h4 {
font: 16px Trebuchet MS,Verdana;
font-weight:bold;
color:#333;
margin: 18px 0;
}

#content h3 {
font: 16px Trebuchet MS,Verdana;
font-weight:bold;
color:#A9161C;
margin: 0;
}

#content.fullwidth {
margin-left: 0;
text-align: center;
}

#content .malldirectory {
background-color:#FCE5DF;
padding: 18px;
}

#content .malldirectory h3 {
margin: 0;
padding: 0;
color: #d01018;
}

#content .mallmap {
width: 686px;
text-align: center;
}

td.content.store #content{
width: 686px;
padding: 0;
background: #FFF;
}

#content .storesearch {
background-color:#FCE5DF;
padding: 18px;
}

#content .storesearch h3 {
margin: 0;
padding: 0;
color: #d01018;
}

#content .searchresults {
background-color:#FCE5DF;
padding: 18px;
margin-top: 10px;
}

#content .searchresults td, th {
padding: 1px 2px 2px 2px;
line-height:15px;
text-align: left;
}

#content .categorysearch {
width: 650px;
background-color:#FCE5DF;
padding: 18px;
}

#content .categorysearch h3 {
margin: 0;
padding: 0;
color: #d01018;
}

#content .storedescriptiontitle {
font: 12px/16px verdana;
font-weight: bold;
}

#content .storedescription {
font: 11px/15px verdana;
float: left;
display: block;
width: 225px;
margin-right: 15px;
}

#content .storedescription td {
margin-right: 20px;
}

#content .storeprofile {
width: 300px;
}

.greenbox .storetitle th, td {
vertical-align: top;
}

.greenbox .storetitle th {
padding-right: 10px;
}

.greenbox .storecategory {
font: 11px verdana;
color: #FFF;
}

.greenbox .promodates {
font: 11px verdana;
color: #FFF;
}

#content .storeprofile th, #content .storeprofile td {
font: 11px verdana;
}

#content .storeprofile th {
width: 80px;
text-align: left;
padding-right: 10px;
}

#content .storeprofile td {
text-align: right;
width: auto;
}

#content .jobs {
width: 100%;
margin: 0 auto;
}

#content .jobs td {
vertical-align: top;
font-weight: bold;
color: #999;
line-height: 18px;
border-bottom: 1px solid #EEE;
}

#content .jobs td.title {
font: 14px arial;
font-weight: bold;
color: #a9161c;
}

#content .jobs td.noborder {
border-bottom: 0;
}

#content .jobs td.right {
text-align: right;
font-weight: normal;
color: #000;
}

#content .suggestionbox {
background-color: #FFFFFF;
color: #2d2b2b;
}

#content .suggestionbox h4 {
margin: 0;
padding: 4px 10px;
background-color: #ab161c;
color: #FFFFFF;
}

#content .suggestionbox div {
padding: 10px;
}

#content .services {
color: #333;
}

#content .services h5 {
font-size: 13px;
color: #a9161c;
}

a.blueLink:link
{
font-family: Verdana;
font-size:9pt;
font-weight:normal;
color:#1e5e94;
text-decoration:none;
}
a.blueLink:visited
{
font-family: Verdana;
font-size:9pt;
font-weight:normal;
color:#1e5e94;
text-decoration:none;
}
a.blueLink:hover
{
font-family: Verdana;
font-size:9pt;
font-weight:normal;
color:#ffffff;
text-decoration:none;
}

.darkgreen {
background-color:#a9161c;
color: #FFF;
}

.lightgreen {
background-color:#ab161c;
}

.cheqtable {
background-color:#5B1D0F;
}

.cheqtable td {
width: 28px;
height: 25px;
vertical-align: middle;
text-align: center;
}

.cheqdark {
background-color:#a9161c;
color:#FFF;
}

.cheqlight {
background-color:#DA7482;
color:#FFF;
}

.cheqdark a:link, .cheqdark a:visited, .cheqdark a:hover {
font-weight:bold;
color:#FFF;
text-decoration:none;
}

.cheqlight a:link, .cheqlight a:visited, .cheqlight a:hover {
font-weight:bold;
color:#FFF;
text-decoration:none;
}

/* Newsletter Styles */

#newsletter {
text-align: left;
}

#newsletter td a {}

#newsletter td.textOnRight {}

#newsletter h2,h3 {
font-size: 14px;
margin: 0;
}

#newsletter form {
margin: 15px 0;
}

#newsletter input {
font-size: 11px;
}

#newsletter .optional {
font-size: 11px;
color: #333;
}

#newsletter .newsletterError {
font-size: 12px;
color: #900;
}

#newsletter .newsletterError li{

}

#newsletter .label {
font-size: 12px;
text-align: right;
padding-right: 10px;
color: #000000;
}

#newsletter .textBox {
font: 12px verdana;
width: 200px;
}

#newsletter .selectBox {
font: 12px verdana;
width: 205px;
}

/* login form */
.login_container {width:290px;float:left;}
.login {width:270px; margin-right:20px; float:left;}
.login .form_container {padding:4px;}
.login label {margin-top:8px; float:left; width:95px; clear:both;}
.login input {margin-top:5px; width:158px;}

.login .form_container {}
.login .remember input {width:auto; float:none; margin:0 4px 0 0; padding:0;}
.login .remember label {width:auto; float:none; margin:0; padding:0;}
.login .util {margin:12px 0}


.newsletter .feature {background-color:#E4C295;}

.newsletter .primary img {float:left;margin-right:10px;}
.newsletter .primary .primary_content {float:left;width:180px;overflow:hidden;}
.newsletter .feature {background-color:#A00202;width:590px;}
.newsletter .feature .feature_copy {float:left;width:190px;margin-right:5px;}
.newsletter .feature .feature_img {float:left;width:100px;}

.newsletter .content01, .newsletter .content02 {margin-top:.5em;margin-bottom:1em;}
.newsletter .content02 img {float:right;margin-left:.2em;}
.newsletter .content01 p {margin-top:1em;}

.newsletter .rule {text-align:center; margin-bottom:.8em;}

#newsletter .instructionalText {padding-bottom: 12px;}
.error {color:#a0a0ff;}

div.subscriptionOption {padding:4px 0 0 8px}
div.subscriptionOption input {margin:0}

div.topicOption {padding:2px 0 0 8px}
div.topicOption input {margin:2px 4px 0 0}

div.subTopicOption {padding:2px 0 0px 18px}
div.topicOption input {margin:2px 4px 0 0}


/* */
#view { font-size: 11px; }
#view a { text-decoration: none; font-size: 11px; font-weight: bold; color: #9F8A59; padding: 2px 6px 3px; }
#view a:hover { text-decoration: underline; }
#view a.selected { color: #FFF; background: #9F8A59; }

div.listpicturebox { float: left; width: 80px; height: 60px; overflow: hidden; border: 1px solid #FFF;  padding: 1px; margin-right: 10px; text-align: center; vertical-align: }
div.listpicturebox img { width: 80px; margin: auto;}

table.promolist { border-bottom: 1px solid #DDD; }
table.promolist td { border-top: 1px solid #DDD; }
table.promolist td div.title { }
table.promolist td div.title a { text-decoration: none;  font-weight: bold; color: #9F8A59; }
table.promolist td div.title a:hover { text-decoration: underline; }

table.promodetail dl { width: 280px; font-size: 11px; text-align: left; margin-top: 18px; }
table.promodetail dt { width: 70px; }
table.promodetail dd { width: 210px; }

table.promodetail { width: 100%; }
table.promodetail th { width: 234px; vertical-align: top; font-weight: normal; font: 12px arial; }
table.promodetail td.imgholder { vertical-align: top; width: 280px; padding-left: 20px; text-align: center; }
table.promodetail td.imgholder div { width: 280px; height: 210px; overflow: hidden; }
table.promodetail td.imgholder img { width: 280px; }

/* */
div.calendar {
margin: 18px 0;
padding: 18px;
background-color:#b6c8e9;
}

.calendarTitle{
font-weight: bold;
padding-bottom: 9px;
text-align:left;
}

.calendarTable{
background-color:#5E1C10;
border: 1px solid #FFF;
}

.calendarTable th, .calendarTable td {
width: 27px;
height: 20px;
vertical-align: middle;
text-align: center;
color: #5E1C10;
padding: 0;
font-size: 12px;
}

.calendarTable th {
background-color: #FFFFFF;
}

.calendarTable td {
background-color: #FFFFFF;
}

.calendarTable td.event {
background-color: #a9161c;
font-weight: bold;
}

.calendarTable td.eventf {
background-color: #DA7482;
font-weight: bold;
}

div.eventtype {  }
div.featured { width: 18px; height: 18px; margin: 2px; float: left; background: #DA7482; border: 1px solid #5E1C10; }
div.normal { width: 18px; height: 18px; margin: 2px; background: #a9161c; border: 1px solid #5E1C10; }

.currentEvents td {
vertical-align: top;
font-size: 12px;
padding: 4px 0;
border-bottom: 1px solid #CCC;
}

.currentEvents tr.selected td.td1 a {
color: #56B24D;
}

.currentEvents td.td1 {
padding-right: 9px;
}

.currentEvents td.td1 a{
font-weight: bold;
color: #a9161c;
}

.currentEvents td.td1 a:visited {
color:#a9161c;
}

.currentEvents td.td2 {
text-align: right;
}

.currentEvents td a:hover{
text-decoration: underline;
}

.currentEvents td a{
text-decoration: none;
}

#content .community {
color: #333;
}

#content .community h5 {
color: #a9161c;
font-size: 13px;
}