/* HOME  */
.box {
    background: #fff;
    padding: 8px;
    float: left;
    margin: 10px 0 0 13px;
}

.box div { padding-top: 50px }

#store { background: #fff url('/images/design/store.jpg') 8px 8px no-repeat; width: 365px }
#tweets { background: #fff url('/images/design/tweets.jpg') 8px 8px no-repeat; width: 480px; float: right; margin: 11px 16px 0 0; padding-top: 50px;}
#news { background: #fff url('/images/design/news.jpg') 8px 8px no-repeat; width: 224px; min-height: 167px; }
#traffic { background: #fff url('/images/design/traffic.jpg') 8px 8px no-repeat; width: 224px; }
#weather { background: #fff url('/images/design/weather.jpg') 8px 8px no-repeat; width: 222px; }
#tips { background: #fff url('/images/design/tips.jpg') 8px 8px no-repeat; width: 355px; }

#traffic div, #weather div, #tips div { min-height: 117px; margin-top: 50px; padding-top: 0px; }
#traffic .feedflare { display: none }
#tips div p span.no { width: 345px; border-bottom: 1px dotted #ccc; font-size: 1.4em; font-weight: bold; color: #3f81a9; padding-bottom: 3px; float: left; clear: left; margin-bottom: 10px }
#tips div p { margin-top: 20px; margin-left: 2px; width: 345px; font-size: 1.3em; font-weight: normal; float: left}
#weather .w_display { margin-top: -28px }
#weather p.w_city { margin-top: 20px !important }
#weather p.w_condition { margin-top: -58px }

/* Twitter custom */
.twtr-hd { padding-bottom: 0px; margin-bottom: -2px; display: none;}
.twtr-ft { display: none; }
#twtr-widget i, #twtr-widget-1 i, #twtr-widget-2 i  { display: none !important; }
.twtr-timeline { height: 92px !important }

/* POSTCARD */
div#postCard {width: 608px; height: 293px; overflow: hidden; top: 16px; left: 28px; position: relative; float: left; background: transparent !important}
    #postCard .text { background: url('/images/design/textArea.png') repeat; position: absolute; bottom: 0; width: 100%; color: #fff; font-size: 13px; left: 0; height: 14px; padding: 20px 30px; }
    #postCard a { text-decoration: none !important; background: transparent !important }
    #pager { position: absolute; top: 278px; right: 300px; color: #666;  z-index: 5000; display: block; height: 20px; }
		div#pager a {padding: 3px 6px; color: #666; background: #666; border: 1px solid #ccc; margin-left: 5px; display: inline-block; width: 5px; height: 1px; font-size: 0px;}
		div#pager a:hover, div#pager a.activeSlide {background: #5685af; color: #5685af }
	div.hero {width:609px; height: 293px; overflow: hidden; background: transparent !important }


/*** INTERIOR PAGES ***/

/* PRODUCTS */
#promo img { margin-bottom: 20px }
.product { margin-bottom: 12px; width: 275px } 
.border { border: 1px solid #999; }

#login { color: #2c5168; font-size: 11px; margin-left: 133px; margin-top: 26px; }
#socials {margin: 16px 23px 0 0; }

/* Interior Content */
.contentWide { width:840px !important }		
	.content p { font-size: 1.15em; margin: 10px 0; padding: 0 10px; line-height: 150% }
    .content ul { margin-left: 20px; font-size: 1em; padding: 0 10px; line-height: 150% }
        .content ul li { list-style: disc }

/* Route */
table#route { margin-top: 25px }

div.route_wrp {width:606px /* 626 + 20*/; height:120px /*140 - 20 */; overflow: hidden; background: url(/images/design/route_bg.gif) no-repeat;
	top: 390px; left: 18px; padding:10px; }

input.zip { min-width: 0px !important; margin-bottom: 0px !important; float: left; margin-left: 158px !important; margin-top: 9px !important; width: 111px !important; padding: 3px; border: 0px !important}
input.go-submit { float: right; border: 0px !important; padding: 0px !important; margin: 0px !important; min-width: 0px !important; width: auto !important }


/* News */
p.n_title {font-size:1.1em; font-weight: bold; margin-top: 5px; }
	p.n_title a {color:#4081A9; text-decoration: underline; }
	p.n_title a:hover {text-decoration: none;}
p.n_date {font-size: 1em; color:#999; font-style: italic;}
p.n_body {font-size: 1em; }

/* Lottery */
p.lottery_numbers {font-size: 1.4em; color:#4081a9; font-weight: bold; margin: 7px 0; }
p.lottery_date {font-size:1.3em; font-style: italic; color: #666; }
p.lottery_more a {font-size:1.2em; color: #4081A9;}
	p.lottery_more a:hover {text-decoration: underline;}

/* Weather */
div.weather_wrp {width:222px /*237 - 15 */; height:140px; overflow: hidden; background: url(/images/design/weather_bg.gif) no-repeat;  top: 390px; left: 655px; padding: 0  7px 0 8px;}
h1.weather {width:222px; height: 40px; text-indent: -9999px; background: url(/images/design/h_weather.jpg); margin-top:  9px; }
	p.w_city {font-size:15.5px; color:#444; margin:6px 0 0 6px;}
	p.w_zip {font-size:12.5px; color:#444; margin-left:6px; }
	p.w_temp {font-size: 38px; color:#15549d; margin-left:6px;}
	p.w_condition {font-size: 11px; color:#444; }


/* CAREERS */
#application {font-size: 1em; margin-top:10px;}

#application form select { margin-right: 10px }
#application ul li { list-style: none; display: inline-block; float: left }

div.app_third, div.app_sixth, div.app_full, div.app_half {float:left; font-size: 1.1em; }

.app_full { width: 100% }
.app_full table input { width: 110px }

#application form div { margin-bottom: 5px }
#application form label { margin-right: 10px }

div.app_half {width: 270px}
	div.app_half input {width:250px;}

div.app_third {width: 200px }
    div.app_third input {width:165px;}

div.app_sixth {width: 150px; }
	div.app_sixth input {width:70px;}

table#app_education input {width:100px;}
table#app_education tr th {text-align: left; font-weight: normal;}
table#app_education tr td {text-align: center; padding-bottom: 5px; }

/* Application Pagination */
.activeTab { color: #000 }
#application ul#appMenu { color: #2b60a1 }
#application ul.inline li { cursor: pointer; margin-right: 25px; font-size: 1.25em }

div.product {text-align: center; margin-top:3px;}
	div.product p {font-size:1.2em; line-height: 100%;}


/*Events Gallery */ 
ul.gallery {list-style: none; margin: 0 !important;}
    ul.gallery li {float: left; width:185px; height: 130px; overflow: hidden; }
        ul.gallery li img {width:180px; }

img.loading {margin:265px 0 0 310px; }


/* Google Map styles for store locator */
#storemap { width: 835px; height: 450px }


/* SPECIAL FORMS / INPUTS */
#contact label, #newsletter label { width: 100% }
#contact input, textarea {min-width: 220px  }
#newsletter form, #contact form { margin-left: 10px }
#difference textarea { width: 390px }
#contact .col { clear: both }

/*promotions*/
#promo .col { float: left; width: 180px; margin-right: 30px; height: 60px; clear: none !important; }
#promo .gender { width: 129px }
    .gender .radio_list { width: 200px }
    #promo .last { margin-right: 0px }
#promo .submit { width: 108px !important; }

#promo label, input { width: 180px }
#promo label { margin-bottom: 3px }

#promo input.short, #promo div.short, #promo div.short label { width: 100px !important }
#promo input.long, #promo div.long, #promo div.long label, #promo .full label { width: 311px !important }
#promo .longLabel label { width: 325px !important }

#promo .full { width: 100% }

#promo input.checkbox { width: 13px; margin-right: 10px}

.list ul, #promo p, #promo h2{ padding-left: 0px; padding-right: 0px }
#promo ul { margin: 0px; padding 0px }
    #promo ul li { display: inline-block; list-style: none; margin-top: 25px }
    #promo ul li, #promo ul li input, #promo ul li label { width: auto; float: left; margin-right: 0px }
        #promo ul li label { text-transform: uppercase; margin: 0 4px; font-size: 1em }
        #promo ul li input { margin-top: 2px }

/*bristol promo*/
.list ul li { float: none !important; margin-top: 0px !important; font-size: 1.15em; width: 100% !important }
span.underline { text-decoration: underline }

.halfContent { width: 300px }

/* Careers */
div.form-row { float: left; clear: both; width: 100%; *margin-bottom: 10px !important; margin-bottom: 10px\0/ !important}
div#application { color: #222; }
div#application form { width: 580px }

/*** APPLICATION FORM ***/
div#application span, div#application form { margin-left: 10px }
div#application input { width: 170px; background: #f4f4f4; border: 1px solid #dbdbdb; margin-right: 10px; font-weight: bold; }
div#application label { font-weight: bold; margin: 5px 0; width: 100%; }
label.normal-weight { font-weight: normal !important; }

    div#general_info label, div.days-of-week label, div#emergency label { width: 66px !important; float: left; }
    ul.radio_list li label, div.days-of-week label { margin-top: 0 !important; font-weight: normal !important; }
    div.hours-info label, div.hours-info ul.radio_list { font-weight: normal !important; width: 215px !important; float: left; clear: none; }
    div.hours-info label { margin-top: 0 !important; margin-right: 20px !important;}

    div.school-info label  { width: 79px !important; }
    div.school-info input { width: 115px !important; }
    div.school-info input.short-year { width: 45px !important; }

    div#experience input { width: 162px }
    div#experience div.personal label { width: 110px }
    div#experience div.personal input { width: 200px }

    ul.radio_list li { margin-right: 10px }

    div.col { width: 140px; float: left; clear: both;}

div#application input.short { width: 50px }
div#application input.mid { width: 150px }
div#application label.long { width: 100px !important; margin-right: 10px !important }
div#application input.checkbox, ul.radio_list li input { width: 15px !important; margin-right: 5px !important; background: transparent !important;}
div#application label.checkLabel { font-weight: normal; }
div#application ul.radio_list li label { width: auto !important; font-weight: normal; *margin-top: -10px !important; margin-top: -10px\0/}

ul#appMenu { background: url('../images/design/app-bg.png') no-repeat; height: 48px; margin-left: 13px; margin-top: 10px; width: 620px; }

ul#appMenu li { font-size: 1.3em; color: #fff; padding: 10px 11px; }
ul#appMenu li:hover, ul#appMenu li.activeTab { background: #fff !important; color: #000; cursor: pointer; }
ul#appMenu li.tabLink { height: 25px }

div#application input.submit { background: url('../images/design/submit-button.jpg') 0 top; width: 104px; height: 34px; overflow: hidden; text-indent: -9999px; float: right !important; margin-top: 0 !important}
/*div#application input.submit:hover { background: url('../images/design/submit-button.jpg') 0 bottom; width: 104px; height: 34px; overflow: hidden; text-indent:-9999px;}*/
div#application input.pressed { background: url('../images/design/submit-pressed.jpg'); width: 104px; height: 34px; }

div#application a.nextTab { background: url('../images/design/next-button.jpg') 0 top; width: 104px; height: 34px; overflow: hidden; text-indent: -9999px; display:block;  margin-right: 10px; }
div#application input.hideSubmit { margin-left: 20px }
/*div#application a.nextTab:hover { background: url('../images/design/next-button.jpg') 0 bottom; width: 104px; height: 34px; overflow: hidden; text-indent: -9999px; display: block;}*/
div#application a.pressed { background: url('../images/design/next-pressed.jpg'); width: 104px; height: 34px; overflow: hidden; text-indent: -9999px; display: block;}

input.formError { background: pink !important; }

.bullet-list { 
}

.bullet-list li { list-style: disc !important; padding-left: 20px !important; margin-top: 5px !important; font-size: 1.2em; clear: left;}

.error_list li { margin-top: 0 !important; color: #c00; }

