/*
Theme Name: BillingsBridge
Theme URI: http://inkline.ca
Description: Custom Wordpress Template for BillingsBridge
Version: 1.0
Author: Inkline Media
Author URI: http://www.inkline.ca
*/


@charset "utf-8";
/* CSS Document */

/* reset
-------------------------------------------------*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; }
img, fieldset { border: 0; }
/* reset end
-------------------------------------------------*/

html { }

/* various background colours
home #EBFEAC
about #FFE9FE
store directory #DAF8FF
on sale #FFEAE9
guest services #E9FED5
whats hot fashon #F9FFBF
whats hot beauty #FAFFC9
whats hot home #EEFFB8

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

body { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#333; background-image:url(img/background.png); background-repeat: no-repeat; background-position:left top; margin: 0; padding: 0; }

p { margin: 0 0 18px 0; padding: 0; }

/* mainlink styles
-------------------------------------------------*/
a:link { color: #0188E2; text-decoration: underline; }
a:visited { color: #0188E2; }
a:hover { color: #0188E2; }
a:active { color: #0188E2; }
 
/* heading styles
-------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #333; }
h1 { padding: 0 0 6px 0; font-size: 14px; color: #424242;  } 
h2 { padding: 0 0 6px 0; font-size: 14px; color: #333; font-weight: normal; } 
h3 { padding: 0; font-size: 13px; color: #666;  }
h4 { padding: 0 0 20px 0; font-size: 13px; color: #666; }
h5 { padding: 0 0 3px 0; font-size: 12px; color: #fff; } 
h6 { padding: 0 0 3px 0; font-size: 16px; color: #fff; } 

/* wrapper
-------------------------------------------------*/

#wrapper { width: 960px; }

/* header
-------------------------------------------------*/

#headerLeft { float: left; }
#headerLeft a, #headerLeft a:active, #headerLeft a:hover, #headerLeft a:visited { display: block; width: 235px; height: 72px; line-height: 72px; margin: 0 0 0 22px; background-image: url(img/homelogo.png); background-position: left top; background-repeat: no-repeat; }
#headerRight { width: 693px; float: left; height: 72px; }

/* topnav
-------------------------------------------------*/

#nav li:hover > ul { display: block; }
#nav { position: absolute; list-style: none; margin: 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#nav li { float: left; margin: 0 12px 0 0; padding: 28px 15px 0 15px; position: relative; }
#nav ul { display: none; position: absolute; z-index: 10; margin: 0; padding: 5px 0 10px; list-style: none; font-variant: normal; }
#nav ul li { margin: 0; padding: 0; }
#nav ul ul {  }
#nav a { font-size: 12px; text-decoration: none; color: #14b3b7; font-weight: bold; }
#nav li.current_page_item a, #nav li a:hover { text-decoration: underline; color: #14b3b7; }
#nav ul li.current_page_item a { color: #14b3b7; }
#nav ul a, #nav li.current_page_item ul a { width: 180px; color: #14b3b7; display: block; }
#nav ul a:hover, #nav li.current_page_item ul a:hover { color: #14b3b7; text-decoration: none; } 


/* content
-------------------------------------------------*/
#contentLeft { width: 710px; float: left; padding: 0;  }
#contentRight { width: 180px; float: left; padding: 160px 10px 0 42px; }

#pageleft { float: left; width: 200px; padding: 0 40px; background-image:url(img/aboutusbg.png); background-position: top left; background-repeat: no-repeat; }
#pageright { float: left; width: 430px; padding: 20px 0 0 0; }

#pagelayoutleft { float: left; width: 347px; padding: 20px 40px 0 20px; }
#pagelayoutright { float: left; width: 302px; padding: 20px 0 0 0; }

/* footer
-------------------------------------------------*/

#footerLeft { width: 362px; float: left; margin: 20px 0 0 0; padding: 0 0 30px 113px; }
#footerRight { width: 475px; float: left; margin: 20px 0 0 0; text-align: right; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #666; }

#footernav li:hover > ul { display: block; }
#footernav { position: absolute; list-style: none; margin: 0; padding: 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
#footernav li { float: left; margin: 0; padding: 0 15px; position: relative; border-right: solid 1px #666; }
#footernav li.lastfooter { border-right: none; }
#footernav ul { display: none; position: absolute; z-index: 10; margin: 0; padding: 0; list-style: none; font-variant: normal; }
#footernav ul li { margin: 0; padding: 0; }
#footernav ul ul {  }
#footernav a { font-size: 10px; text-decoration: none; color: #666; }
#footernav li.current_page_item a, #footernav li a:hover { text-decoration: underline; color: #666; }
#footernav ul li.current_page_item a { color: #666; }
#footernav ul a, #footernav li.current_page_item ul a { width: 180px; color: #666; display: block; }
#footernav ul a:hover, #footernav li.current_page_item ul a:hover { color: #666; text-decoration: none; } 

/* home panels
-------------------------------------------------*/
#panels { display: block; overflow: hidden; margin: 6px 0 20px 0; }
#panels ul { list-style: none; margin: 0; padding: 0; }
#panels li { float: left; }
#panels li img { display: block; margin: 0 6px 6px 0; }
#panels li.lastpanel img { display: block; margin: 0 0 6px 0; }

/* mall hours
-------------------------------------------------*/
#mallhours { display: block; overflow: hidden; margin: 0 0 0 20px; font-size: 11px; color: #666; display: block; font-weight: normal; }
#mallhours ul { list-style: none; }
#mallhours li { float: left; border-right: 1px #999 solid; padding: 1px 20px 0 20px; }
#mallhours li.hourtitle { font-size: 13px; font-weight: bold; padding: 0 20px 0 0; }
#mallhours li.mallhourslast { padding: 0 0 0 20px; border-right: none; }

/* social icons
-------------------------------------------------*/
#icons { display: block; overflow: hidden; margin: 0 0 15px 0; }
#icons ul { list-style: none; padding: 0; margin: 0; }
#icons li { float: left; margin: 0 8px 0 0; }

/* gallery
-------------------------------------------------*/
.gallery { display: block; }
.gallery ul { list-style: none; padding: 0; margin: 0; }
.gallery li { float: left; margin: 0 4px 4px 0; padding: 0; }
.gallery li img { display: block; }
.gallery li.last { margin: 0 0 4px 0; }

/* misc
-------------------------------------------------*/

.banner { display: block; margin: 0; }
.clearfloat { clear: both; display: block; }
.join { position: absolute; left: 702px; top: 45px; color: #fff; display: block; font-size: 12px; width: 250px; margin: 0; }
.join a, .join a:active, .join a:visited { text-decoration: none; font-size: 12px; color:#fff; font-weight: bold; padding: 76px 50px 16px 50px; display: block; }
.join a:hover { text-decoration: underline; }
.hours { color: #fff; display: block; padding: 20px 0 80px 0; font-size: 12px; line-height: 14px; }
.divideline { background-color:#CCC; margin: 20px 0; display: block; height: 1px; }

.sublinks { padding: 0 0 20px 0; display: block; }
.sublinks a, .sublinks a:visited, .sublinks a:active, .sublinks a:hover {  font-size: 13px; color: #666; font-weight: bold; text-decoration: none; }

#store-directory, #store-directory * { list-style:none; margin: 0; padding: 0; }
#store-directory { padding-top: 20px; }
/* Category Headings */
#store-directory > li { padding: 0 0 6px 0; font-size: 14px; color: #424242; font-weight: bold;  }
/* Store listings */
#store-directory > li > ul { padding: 6px 0 0 0; font-size: 11px; color: #333; font-weight: normal;  }
#store-directory > li > ul span { color: #0188E2; cursor:pointer; }
/* Store details */
#store-directory > li > ul > li ul { padding: 10px 0 10px 30px; display:none; }

.highlight { background-color: yellow }
#search { padding:0px 0px 0px 15px; margin: 0px; background-repeat:no-repeat; }

#whats-on, #whats-on * { list-style:none; margin: 0; padding: 0; }
#whats-on { padding-top: 20px; }
#whats-on > li { padding: 0 0 6px 0; font-size: 14px; color: #424242; font-weight: bold;  }
#whats-on > li > ul { padding: 6px 0 0 20px; font-size: 11px; color: #333;  }
#whats-on > li > ul > li ul { padding: 10px 0 10px 0; font-weight: normal; }

.whats-on {padding-left: 10px;}