/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Kings Mall Stylesheet
Author : Darren Lynch / darren.lynch@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#e6e7e8; color:#000000; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- GENERAL IDS ----- */
#container { width:978px; margin:0 auto; text-align:left; font-size:110%; background:#ffffff;}   
#innerContainer { width:950px; margin:0 14px; padding:14px 0 0 0; position:relative;} 
#fashionBanner { width:760px; height:310px; float:left;}
#logo { width:188px; float:left; margin-left:2px;}
#shopsBanner { width:950px; height:38px; margin-top:2px;}
#internal { padding-bottom:15px;}
#leftCol { width:236px; float:left;}
#leftCol #pageBanner { margin-bottom:2px; clear:both;}
#leftCol #modxContent { margin-bottom:2px;}
#leftCol #modxContent img { width:236px !important;}
#rightCol { width:714px; float:left; color:#262261; font-size:14px; line-height:18px;}
#rightCol p { padding-bottom:20px;}
#rightCol a { color:#262261;}
#content { padding:20px 180px 10px 20px; color:#262261; font-size:14px; line-height:18px;}
#content p { padding-bottom:20px;}
#content a { color:#262261;}

#middleCol { float:left; width:524px; color:#262261; font-size:14px; line-height:18px;}
#middleCol #content { padding:20px 20px 10px 20px; color:#262261; font-size:14px; line-height:18px;}
#rightColSmall { width:190px; float:left;}

/* ----- TOP NAVIGATION ----- */
#topNav { width:762px; height:30px; float:left; padding-bottom:2px;}
#topNav ul { margin:0; padding:0; list-style:none;}
#topNav li { display:block; float:left; margin-right:2px; height:31px; position:relative;}
#topNav a { display:block; float:left; height:22px; width:93px; background-image:url(../images/topNavBg.gif); background-repeat:no-repeat; background-position:0px 0px; color:#ffffff; text-decoration:none; text-transform:uppercase; text-align:center; font-weight:bold; font-size:80%; padding:9px 0 0 0;}
#topNav a:hover { background-position:0px -33px;}
#topNav li .active {}
#topNav span {}
#topNav #topNavHome a {  background-position:0px 0px;}
#topNav #topNavHome a:hover {  background-position:0px -33px;}
#topNav #topNavHome.active a {  background-position:0px -33px;}
#topNav #topNavAboutUs a {  background-position:-95px 0px;}
#topNav #topNavAboutUs a:hover {  background-position:-95px -33px;}
#topNav #topNavAboutUs.active a {  background-position:-95px -33px;}
#topNav #topNavOpeningHours a {  background-position:-190px 0px;}
#topNav #topNavOpeningHours a:hover {  background-position:-190px -33px;}
#topNav #topNavOpeningHours.active a {  background-position:-190px -33px;}
#topNav #topNavStoreGuide a {  background-position:-285px 0px;}
#topNav #topNavStoreGuide a:hover {  background-position:-285px -33px;}
#topNav #topNavStoreGuide.active a {  background-position:-285px -33px;}
#topNav #topNavWhatsNew a {  background-position:-380px 0px;}
#topNav #topNavWhatsNew a:hover {  background-position:-380px -33px;}
#topNav #topNavWhatsNew.active a {  background-position:-380px -33px;}
#topNav #topNavHowToGetHere a {  background-position:-475px 0px;}
#topNav #topNavHowToGetHere a:hover {  background-position:-475px -33px;}
#topNav #topNavHowToGetHere.active a {  background-position:-475px -33px;}
#topNav #topNavContact a {  background-position:-570px 0px;}
#topNav #topNavContact a:hover {  background-position:-570px -33px;}
#topNav #topNavContact.active a {  background-position:-570px -33px;}
#topNav #topNavLeasing { margin-right:0px;}
#topNav #topNavLeasing a {  background-position:-665px 0px; width:95px;}
#topNav #topNavLeasing a:hover {  background-position:-665px -33px;}
#topNav #topNavLeasing.active a {  background-position:-665px -33px;}
#topNav ul ul {display: none; position: absolute; top:31px; left: 0px; margin:0;}
#topNav ul ul li { display:block; float:none; border-top: 2px solid #fff; margin-right:0px; width:93px;}
#topNav ul ul li a { display:block;  float:none; width:93px; text-decoration:none; background-image:none; background-color:#2b388f; color:#ffffff; font-size:80%; font-weight:bold; height:22px; padding:9px 0 0px 0px !important; text-transform:uppercase; text-align:center;}
#topNav ul ul li a span { display:block;}
#topNav ul ul li a:hover { background-color:#669999;}
#topNav ul ul li.active a { text-decoration:none;}
#topNav ul li.active ul li a { text-decoration:none;}
#topNav ul li:hover ul, #topNav li.over ul { display: block;}

#topNav #topNav1 a {  background-position:0px 0px;}
#topNav #topNav1 a:hover {  background-position:0px -33px;}
#topNav #topNav1.active a {  background-position:0px -33px;}
#topNav #topNav2 a {  background-position:-95px 0px;}
#topNav #topNav2 a:hover {  background-position:-95px -33px;}
#topNav #topNav2.active a {  background-position:-95px -33px;}
#topNav #topNav4 a {  background-position:-190px 0px;}
#topNav #topNav4 a:hover {  background-position:-190px -33px;}
#topNav #topNav4.active a {  background-position:-190px -33px;}
#topNav #topNav5 a {  background-position:-285px 0px;}
#topNav #topNav5 a:hover {  background-position:-285px -33px;}
#topNav #topNav5.active a {  background-position:-285px -33px;}
#topNav #topNav6 a {  background-position:-380px 0px;}
#topNav #topNav6 a:hover {  background-position:-380px -33px;}
#topNav #topNav6.active a {  background-position:-380px -33px;}
#topNav #topNav7 a {  background-position:-475px 0px;}
#topNav #topNav7 a:hover {  background-position:-475px -33px;}
#topNav #topNav7.active a {  background-position:-475px -33px;}
#topNav #topNav8 a {  background-position:-570px 0px;}
#topNav #topNav8 a:hover {  background-position:-570px -33px;}
#topNav #topNav8.active a {  background-position:-570px -33px;}
#topNav #topNav9 { margin-right:0px;}
#topNav #topNav9 a {  background-position:-665px 0px; width:95px;}
#topNav #topNav9 a:hover {  background-position:-665px -33px;}
#topNav #topNav9.active a {  background-position:-665px -33px;}

/* ----- LEFT NAVIGATION ----- */
#leftNav { width:236px; height:30px; float:left; padding-bottom:2px;}
#leftNav ul { margin:0; padding:0; list-style:none;}
#leftNav li { display:block; float:left; margin-right:2px; height:31px; position:relative;}
#leftNav li.last { display:block; float:left; margin-right:0px; height:31px; position:relative;}
#leftNav a { display:block; float:left; height:25px; width:77px; background:#996699; color:#ffffff; text-decoration:none; text-transform:uppercase; text-align:center; font-weight:bold; font-size:120%; padding:5px 0 0 0;}
#leftNav a:hover { background:#2e3192;}
#leftNav li.active a { background:#2e3192;}
#parentLink { float:left; display:block; margin-right:2px; height:25px; width:77px; background:#996699; color:#ffffff; text-decoration:none; text-transform:uppercase; text-align:center; font-weight:bold; font-size:120%; padding:5px 0 0 0;}
#parentLinkActive { float:left; display:block; margin-right:2px; height:25px; width:77px; background:#2e3192 !important; color:#ffffff; text-decoration:none; text-transform:uppercase; text-align:center; font-weight:bold; font-size:120%; padding:5px 0 0 0;}

/* ----- REFURB CONTACT FORM ----- */
#contactFormBox { width:215px; padding:10px 10px 25px 10px; background:#cccccc; color:#333333;}
#contactFormBox .title { font-size:110%; padding:0; font-weight:bold;}
#contactFormBox p { padding:0 0 10px 0;}
#contactForm div { margin-bottom:2px;}
#contactForm #name { width:203px; padding:2px 5px; margin:0; color:#000000 !important;}
#contactForm #email { width:203px; padding:2px 5px; margin:0; color:#000000 !important;}
#contactForm #message { width:203px; height:100px; padding:2px 5px; color:#000000 !important;}
#contactForm #btnSubmit { width:86px; height:22px; float:right;}
.error { color:#990000;}

/* ----- REFURB BLOG ----- */
.blogEntry { margin-bottom:20px; font-size:16px; color:#000000;}
.blogEntry .blogTitle  { font-size:22px; line-height:26px; padding-bottom:5px;}
.blogEntry .blogDate { font-weight:bold; padding:0 0 5px 0;}
.blogEntry .blogSummary { padding:0 0 5px 0;}

/* ----- A TO Z LIST ----- */
#atozList {}
#atozList .info { margin-bottom:20px;}
#atozList .heading { background:#6699CC; padding:3px 5px; color:#FFFFFF; margin-bottom:10px;}
#atozList .heading a { color:#FFFFFF; text-decoration:none;}
#atozList .heading a:hover { text-decoration:underline;}
#atozList p { background:#6699CC; padding:3px 5px; margin-bottom:5px; color:#FFFFFF;}
#atozList ul.list { list-style:none; padding:0; margin:0;}
#atozList ul.list li { padding:0 0 5px 5px;}

#retailerDetails {}
#retailerDetails .img { margin-bottom:10px;}
#retailerDetails .links { margin-bottom:5px;}
#retailerDetails .links a { background:#6699CC; padding:3px 5px; margin-bottom:5px; color:#FFFFFF; text-align:center; text-decoration:none; display:block; width:245px;}
#retailerDetails .links a:hover { text-decoration:underline;}
#retailerDetails .label { float:left; width:70px; margin-bottom:5px; font-weight:bold;}
#retailerDetails .text { float:right; width:410px; margin-bottom:5px;}

/* ----- SEARCH ----- */
#search { width:188px; height:33px; background:url(../images/searchBg.gif) top left no-repeat; float:left; position:relative;}
#search #ajaxSearch_input { width:90px; margin:0; padding:1px 3px; font-size:11px; border:none; background:#fff; position:absolute; top:7px; left:70px;}

/* ----- SEARCH ----- */
#homeJumps { padding:0 0 15px 0; width:950px; height:236px;}
#homeJumps .jump { width:236px; height:236px; float:left; margin-right:2px;}
#homeJumps .jumpLast { margin-right:0px !important; width:236px; height:236px; float:left;}

#homeJumpsNew { padding:0 0 15px 0; width:950px; height:194px;}
#homeJumpsNew .jump { width:188px; height:190px; float:left; margin-right:2px;}
#homeJumpsNew .jumpLast { margin-right:0px !important; margin-left:1px; width:188px; height:190px; float:left;}

/* ----- WHATS NEW ----- */
#whatsNewList { color:#000000; font-size:16px; line-height:22px;}
#whatsNewList .whatsNewListing { padding-bottom:8px; border-bottom:1px solid #a7a9ac; margin-bottom:8px; margin-left:15px;}
#whatsNewList .whatsNewText { width:383px; float:left; padding:20px 80px 0 0;}
#whatsNewList .whatsNewImage { width:236px; float:left;}
#whatsNewList .whatsNewTitle  { font-size:22px; line-height:26px; padding-bottom:5px;}
#whatsNewList .date { font-weight:bold; padding:0;}

/* ----- HOW TO GET HERE ----- */
#howToGetHereImage { margin-left:2px;}
#howToGetHereText { padding:10px 0 0 15px; font-size:14px; line-height:16px;}
#howToGetHereText p { padding-bottom:15px;}

/* ----- STORE GUIDE ----- */
#storeGuideFlash { margin-left:2px;}

/* ----- SEARCH RESULTS ----- */
#searchResults { font-size:14px;}
#searchResults .ajaxSearch_resultsInfo { font-weight:bold; font-style:italic; padding: 10px 0 10px 20px; }
#searchResults .ajaxSearch_result { border-top:1px dotted #cccccc; padding:12px 0 10px 20px;}
#searchResults .ajaxSearch_result p { padding-bottom:0px;}
#searchResults .ajaxSearch_highlight { background:#d4145a; color:#ffffff; font-weight:bold; padding:0 2px;}
#searchResults .ajaxSearch_resultLink { padding-bottom:5px; display:block;}
#searchResults .ajaxSearch_resultDescription { display:none;}
#searchResults #ajaxSearch_form { display:none;}
#searchResults .ajaxSearch_paging { display:block; padding:10px 0 10px 20px; border-top:1px dotted #cccccc; font-weight:bold;} 
 
/* ----- FOOTER ----- */
#footer { border-top:2px solid #939598; margin-top:15px;}
#footer .padding { padding:20px 0 10px 0;}
#footer a { color:#000000; text-decoration:none; display:inline;  font-weight:bold;}
#footer a:hover { text-decoration:underline;}
#sitemap .text { float:left;}
#sitemap { color:#000000; font-weight:bold;}
#sitemap ul { margin:0; padding:0; list-style:none;}
#sitemap li { background:url(../images/sitemapDivider.gif) right 4px no-repeat; display:block; float:left; padding:0 4px; text-transform:uppercase;}
#sitemap li.last { background:none;}
#address { color:#808080; font-size:13px; font-weight:bold; padding:10px 0 0 0;}
#siteBy { color:#808080; font-size:10px; font-weight:bold; padding:10px 0 0 0; float:right;}
#siteBy a { color:#808080;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.largeText { margin:0; padding:0 0 20px 0; font-size:24px; line-height:30px; font-weight:normal;}
.backLink a { color:#808080 !important; text-decoration:none;}
.backLink a:hover { text-decoration:underline;}

/* ----- HEADINGS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:normal;}
h1 { color:#333399; font-size:22px; line-height:24px;}
h2 { color:#333399; font-size:18px; line-height:20px;}
h3 { color:#333399; font-size:14px; line-height:16px;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:normal; text-decoration:underline; }
a:hover { text-decoration:none; }
a:focus, a:hover, a:active { outline:none;}

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:block; }
legend { padding:0; margin:0; display:none; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }