/*
    Document   : bj_template
    Created on : Mar 10, 2009, 4:39:55 PM
    Author     : mforbes@bocajava.local
    Description:
       styles for the main site template - header and footer
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

        html{background:#fafafa url(https://www.bocajava.com/resources/images/2008/bg_body.jpg) repeat-x;}

        h1,h2,h3{margin:0;padding:0;}
        h4{font-size:116%;}
        h5{font-size:100%;}
        h6{font-weight:normal;font-family:georgia; color:#793310;font-size:116%;padding:0px 0px .2em 0px}
p { line-height:1.5em; width:auto; font-weight:normal; }
a { color:#0072bc; outline:none; font-weight:normal; }
        a:hover{color:#793310;}
        .actionLink{color:#793310;text-decoration:underline;}

        .ajaxicatorLoading{background:url(https://www.bocajava.com/resources/images/2010/ajaxloading_bar.gif) no-repeat;width:16px;height:11px;}
        .loading{position:absolute;z-index:100;width:16px;height:16px;top:0;left:0;}
        .loadingBG{position:absolute;z-index:99;width:100%;height:100%;top:0;left:0;background:#000;filter: alpha(opacity=50);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
   -moz-opacity: 0.50;
   opacity:0.5;}
        .sub_msg{color:#999;font-size:84%;}

        .col-a, .col50{float:left;width:49.9%;}
        .yui-u.col-c{float:left;width:66%;}

        /* 35/65 split columns */
        .col-b{float:left;overflow:auto;zoom:1;position:relative;width:64.9%}
        .col-b.first, .col-bf{float:left;overflow:auto;zoom:1;position:relative;width:34.9%!important;}

        /* 65/35 split columns */
        .col-d{float:left;overflow:auto;zoom:1;position:relative;width:34.9%}
        .col-df,.col-d .first{float:left;overflow:auto;zoom:1;position:relative;width:64.9%!important;}

        .col-c{float:left;overflow:auto;zoom:1;width:75%}
        .col-c.first, .col-cf{float:left;width:24.9%!important;}

        .col-s{float:left;overflow:auto;zoom:1;width:60%;margin-left:2em;}
        .col-sf{float:left;width:35%!important;}

        .col-e,.col-ef,.col-e.first{float:left;overflow:auto;zoom:1;width:79.9%}
        .col-e.first, .col-ef{width:19.9%!important;}

        .col-t{width:320px;float:left;}
        .col-q{width:240px;float:left;}

        .bsize1{font-size:108%;}
        .bsize2{font-size:116%;}
        .bsize3{font-size:124%;}
        .size1{font-size:93%;}
        .size2{font-size:84%;}
        .size3{font-size:77%;}
        .color1{color:#000!important;}
        .color2{color:#793310;}
        .color3{color:#fff;}
        .color4{color:#333;}
        .color5{color:#b9b993!important;}
        .color6{color:#fff;}
        .rcolor{color:#793310;} /* color for discounts/reductions*/
        .bgcolor1{background:#fff;}
        .bgcolor2,.stripe_even{background:#EDEAD7;}
        .bgcolor3{background:#793310;}
        .bgcolor4{background:#000;}
        .bgcolor5{background:#363636;}
        .bgcolor6{background:#e0dcd4;}
        .bgcolor7, .sel td{background:#f0eee9;}
        .bgcolor8{background:#eee;}
        .bgcolor9{background:#efefef;}

        .font2{font-family:'times new roman','serif'}
        h1.giant{font-size:48px!important;font-weight:normal;text-transform: uppercase;}

        .m0{margin:0!important;}
        .m1{margin:.5em;}
        .m2{margin:1em;}
        .mt1{margin-top:.5em}
        .mt2{margin-top:1em}
        .mt3{margin-top:2em;}
        .mt4{margin-top:4em;}
        .mb1{margin-bottom:.5em;}
        .mb2{margin-bottom:1em;}
        .mb3{margin-bottom:2em;}
        .ml1{margin-left:.5em;}
        .ml2{margin-left:1em;}
        .ml3{margin-left:2em;}
        .mr1{margin-right:.5em;}
        .mr2{margin-right:1em;}
        .mr3{margin-right:2em;}
        .mt_2{position:relative;margin-top:-1em;}
        .mh1{margin:.5em 0 .5em;}
        .mv1{margin:.5em 0 .5em;}

        .p0{padding:0;}
        .pt1,.col_inner{padding-top:.5em}
        .pt2{padding-top:1em}
        .pb1{padding-bottom:.5em}
        .pb2{padding-bottom:1em}
        .p1{padding:.5em;}
        .p2{padding:1em;}
        .pt1{padding-top:.5em;}
        .pt2{padding-top:1em;}
        .pb2{padding-bottom:1em;}
        .pr1{padding-right:.5em;}
        .pr3{padding-right:2em;}
        .pl1{padding-left:.5em;}
        .ph1{padding:.5em 0 .5em;}
        .pv1{padding:0 .5em 0 .5em;}


        .b0{border:0!important;}
        .b1{border:1px solid #000;}
        .br1{border-right:1px solid #000;}
        .bl1{border-left:1px solid #000;}
        .bt1{border-top:1px solid #000;}
        .bb1{border-bottom:1px solid #000;}
        .b2{border:1px dashed #666;}
        .bb2{border-bottom:1px dashed #666;}
        .bt2{border-top:1px dashed #666;}
        .br2{border-right:1px dashed #666;}
        .bh2{border-top:1px dashed #666;border-bottom:1px dashed #666;}
        .b3{border:1px solid #fff;}
        .bt3{border-top:1px solid #fff;}
        .br3{border-right:1px solid #fff;}
        .bl3{border-left:1px solid #fff;}
        .bb3{border-bottom:1px solid #fff;}
        .b4{border:1px dotted #ccc;}
        .b5{border:1px solid #ddd;}
        .br4{border-right:1px dotted #ccc;}
        .ct{overflow:auto;zoom:1;} /* container for floated elements - needed to clear float */

        .g1 {
			border:1px solid #ccc;
			background:none;
			-moz-box-shadow: 3px 3px  6px #eee;
        	-webkit-box-shadow: 3px 3px  6px #eee;
        	box-shadow: 3px 3px  6px #eee;
		} /* gradient styles */

        .cr{clear:right;}

        .newline{display:block;clear:both;}

        .notice{font-size:84%;padding:0 0 0 2em;text-transform:lowercase;margin-top:.5em;display:block;background:url(https://www.bocajava.com/resources/images/2009/icon_alert.gif) no-repeat;}
        .notify, .success, .error{color:#333;text-align:left;border:1px solid #eee;padding:.5em .5em .5em 2em;margin:.5em 0 .5em 0;background: url(https://www.bocajava.com/resources/images/2009/icon_alert.gif) 3px 48% no-repeat;}
        .success{border:0px;background: url(https://www.bocajava.com/resources/images/2009/indicator_success.gif) 3px 48% no-repeat;}
        .error{background:#ffe2e2 url(https://www.bocajava.com/resources/images/2010/av_error.gif) 3px 48% no-repeat;border:1px solid #740d0d;margin-bottom:.2em;}


        .alert, .errorwindow{
            padding:.4em;
            margin:.2em 0 .2em 0;
            border:1px solid #f8893f;
            color:#592003;
            position:relative;
            background:#feeed6;
            font-size:93%;
        }
        .textonly{max-width:60em;_width:600px;}
        .hidden
        {
            display:none;
        }

        .left{float:left;}
        .right{float:right;}
        .posr{position:relative;}
        .wide{width:100%;}
        .width2{width:49.9%;}
        .width3{width:75%;}
        .width4{width:90%;}
        .center{text-align:center;}
        .tl{text-align:left;}
        .move{position:relative;top:2px;}

        #logo {
			display:block;
			width:150px;
			height: 135px;
			overflow:hidden;
			position:absolute;
			top:0px;
			left:20px;
			zoom:1;
		}
       #logo b{ position:relative;margin-left:-999em; }

        #top_refer a{display:block;height:0px;width:220px;overflow:hidden;padding-top:17px;background: url(https://www.bocajava.com/resources/images/2010/top_referafriend.gif) no-repeat;}

        #searches {
			height:40px;
			overflow:hidden;
			margin:8px 15px 0 0;
			float:right;
			background-color:#2d2d2d;
			border:1px solid #838383;
			font-size:11px;
		}

    	select#f_searchtype{height:25px;}
        #searches .right{width:238px; padding:6px 4px;}
        #searches .right ul{float:right;overflow:auto;zoom:1;}
        #searches label{color:#fff!important;margin-top:0px;font-size:124%;}

		#searches #cartItems {
			background: url("../../images/bj_cart_icon.jpg") no-repeat scroll 0 0 transparent;
			display: inline-block;
			height: 27px;
			padding: 5px 0 0 32px;
			font-size:11px;
		}
		
		#searches #checkout {
			background: url("../../images/bj_checkout_button.jpg") no-repeat scroll 0 0 transparent;
			height: 25px;			
			width: 56px;
			text-indent:9999px;
			display:inline-block;
			cursor:pointer;
			float:right;
			margin:1px 6px 0 8px;
		}
		
        #tp button,#ft button{margin-left:-12px;margin-right:7px;}

        #doc4{position:relative;}
        #content{background:url(https://www.bocajava.com/resources/images/2010/bg.png) 0px 0px;postion:relative;}
        #hd{background:url(https://www.bocajava.com/resources/images/2010/hdouter_bg.png) 0px 0px;}

        #hd_in,#nav,#bd,#ft{margin:0px 7px 0px 7px;}
        #ft{overflow:hidden;}

        #hd_in {
			background:url(https://www.bocajava.com/resources/images/2010/hd_bg.gif);
			color:#fff;
			text-align:right;
			height:110px;
			padding-top:35px;
		}
		
		#hd_in .first 
		{			
			height: 100%;			
			width: 487px;
		}
		
		#hd_in .headline_text {
			height: 20px;
			margin: 64px 0 0 125px;
			overflow: hidden;
			padding: 0;
			text-indent: 9999px;
			width: 206px;
		}
		
        #hd a{color:#fff;}

        #hd .cart{
            float:right;
            background:#2a2827 url(https://www.bocajava.com/resources/images/2008/bocajava_sprite_v2.gif) -240px 5px no-repeat;
			padding:15px 5px 15px 40px;
            width:240px;
            height:20px;
            border:1px solid #838383;
            position:relative;
            top:-8px;
            z-index:2;
            overflow:hidden;
            zoom:1;
        }

        .cart b{color:#97917b;}

        #hd h5{position:relative;}

        #topnav{overflow:hidden;zoom:1;float:left;}
        #topnav li{float:left;display:block;margin-top:20px;padding:0 7px;border-right:1px solid #ffffff;background:none;height:14px;}
		#topnav li.last { border-right:none; }
        #topnav li.last{border:0;padding-right:0;background:none;}
        #topnav li#cart_contents,#topnav li#topnav_login{padding:0 7px;height:14px;}
		<!--REMOVE -->
		#topnav li#cart_contents div{padding:0;background: url(https://www.bocajava.com/resources/images/2009/sprite.png) 5px -676px no-repeat;}
        #topnav li#cart_contents div.on{padding:.2em .3em .2em 3em;background: url(https://www.bocajava.com/resources/images/2009/sprite.png) 5px -676px no-repeat;}
        #topnav li#cart_contents div.on{background: #fff url(https://www.bocajava.com/resources/images/2009/sprite.png) 5px -753px no-repeat;-moz-border-radius: 0px 3px 0px 0px;-webkit-border-radius: 0px 3px 0px 0px;}
        #topnav li#cart_contents div.on a, #topnav li#topnav_login div.on a{color:#000;text-decoration:none;}
        #topnav li#topnav_login div.on{background: #fff;-moz-border-radius: 0px 3px 0px 0px;-webkit-border-radius: 0px 3px 0px 0px;}
        #topnav li#topnav_login div{padding:0}

        #topnav li#fb_connect_login a{position:relative;top:-2px;}
		
		#topnav .home {
			background: url("../../images/bj_home_icon.png") no-repeat 0 2px;
			width:13px;
			height:13px;
			display:block;
			overflow:hidden;
			text-indent:9999px;			
		}

		#search_container {
			float:left;
			width:161px;			
		}      
		
		#search_container #f_searchword {
			color:#999999;
			font-size:12px;
			height:20px;
			margin-top:14px;
		}  
		
		#search_container input#btn_go {
			background-image: url("../../images/bj_search_button.jpg");
			background-position: 0 2px;
			background-repeat: no-repeat;
			border: medium none;
			cursor: pointer;
			height: 13px;
			margin: 0 0 0 -20px;
			outline: medium none;
			text-indent: -9999px;
			width: 13px;
		}
		
        #accountstatus {
			float: right;
			height: 36px;
			overflow: hidden;
			width: 440px;
		}

        #bd{min-height:400px;_height:400px;background:#fff;}

        #ft{border-top:1px solid #c1b17f;clear:both;}
        #ft ul{overflow:hidden;zoom:1;margin:1em;}
        #ft li{display:inline;padding:0px 5px 0px 0px;}
        #ft a{color:#000;text-decoration:none;}
         #ft a:hover{color:#000;text-decoration:underline;}
        #ft input{border:1px solid #000;margin:0}
        #ft fieldset{padding-top:10px;}

        a.fb, a.twitter{font-size:10px;float:left;text-decoration:underline;color:#369;display:block;padding:5px 25px 5px 10px;background:url(https://www.bocajava.com/resources/images/2010/ft_share.png) 100% 0 no-repeat;}
        a.twitter{background:url(https://www.bocajava.com/resources/images/2010/ft_share.png) 100% -40px no-repeat;}

        ul.partner_sites a{color:#793310!important;}

        #bot{height:10px;overflow:hidden;background:url(https://www.bocajava.com/resources/images/2009/frame/shadow_bottom.png) no-repeat;}



        ul.ul_normal, .entry ul
        {
            margin-left:2em;
            list-style-type:disc;
        }

        ul.ul_normal li, .entry ul li
        {
            padding:.5em;
            line-height:1.5em;
            list-style-type:disc;
        }


ul.col_2,ul.col_2b{margin:.2em 0 .2em 0;overflow:auto;zoom:1;}
ul.col_2 li{width:49.9%;float:left;margin:.2em 0 .2em 0}
ul.col_2b li{width:25%;float:left;text-align:right;margin:.2em 0 .2em 0}
ul.col_2b li.first{width:75%!important;float:left;text-align:left;margin:.2em 0 .2em 0}
ul.col li{text-align:right;}
ul.col li{width:39.9%;}
ul.col li.first{width:64%!important;text-align:left;}
ul.col li.tleft{text-align:left;}
ul.col li.wide{display:block;width:100%;text-align:left;}


/** TABLE FORMATS **/

table, tr, td, th
{
    border:0;
    padding:0;
}

.dataset th, td
{
    text-align:left;    
    padding:.5em;
}

.dataset td
{
   border-bottom:1px dashed #ddd;
}

.dataset input
{
    border:1px solid #000;
    padding:.2em;
}

.dataset td.newheader
{
    border:0;padding-top:30px;
}

.data
        {
            margin-bottom:20px;
        }

.data td
	{
		font-size:100%;
		color:#373737;
		font-family:arial;
		vertical-align: top;
        padding:4px;
	}

.data tr.header td
	{
		color:#fff;
		background:#000;
		font-size:12px;
	}

.data tr.odd td
	{
		background:#ecead8
	}

.data td.t
	{
		text-align:right;
        padding-right:20px;
	}

.data td.s
	{
		color:#793310;
	}

tr.data_hd td{font-weight:bold;border-bottom:1px dashed #ccc;border-top:1px dashed #ccc;}

tr.data_dashed td{border-bottom:1px dashed #ccc;padding:1em .5em 1em .5em;}


.p_cms p
{
    width:650px;
}

/* this needs to get organized and go into its own file for sprites */

.hdslogo{width:35px;height:50px;background:url(https://www.bocajava.com/resources/images/2009/sprite.png?v=6) 0px -520px no-repeat;}
.hdslogo2{width:28px;height:38px;background:url(https://www.bocajava.com/resources/images/2009/sprite.png?v=6) 0px -600px no-repeat;}


#nav{background: url(https://www.bocajava.com/resources/images/2009/frame/sprite.gif) 0px -600px repeat-x;overflow:auto;zoom:1;}
        #nav ul{margin:0;padding:0;zoom:1;}
        #nav ul li
        {
            display:inline;
        }

        #nav ul li a
		{
            font-size:13px;
			border-left:1px solid #fff;
			border-right:1px solid #b0a670;
			padding:7px 0px 3px 0px;
			font-weight:bold;
			color:#372b24;
			height:20px;
			overflow:hidden;
			white-space:nowrap;
			display:block;
			text-align:center;
			float:left;
            text-decoration:none!important;
		}
        #nav ul li a:hover{color:#793310;}
        #nav ul li a:focus{text-decoration:underline;}
		#nav ul li a.last { border-right:none; padding-left:2px; }
        #nav ul li#promobar a{border-left:0px;height:auto;padding:0;margin:0;}
        #nav ul li#n_business a{border-right:0px;}

        #n_coffee a { width:69px; }

        #n_atomic a{width:70px;}

		#n_cocoa_chai a { width:108px; }
		
		#n_personalized_coffee a { width:132px; }
		
		#n_gifts_accessories a { width:130px; }
		
		#n_coffee_club a { width:100px; }
		
        #atomicimg{position:relative!important;top:0px;padding-right:3px;}

        #n_tea a{ width:53px; }

        #n_cocoa a{width:86px;}

        #n_food a{width:42px;}

        #n_gifts a{width:39px;}

        #n_essentials a{width:88px;}

        #n_sale a{width:38px;}

        #n_club a{width:102px;}

        #n_monthly a{width:89px;}

        #n_community a{width:80px;}

        #n_business a{width:97px;}


        .doc_cluboffer #n_coffee a{width:70px;border-left:0px;}

        .doc_cluboffer #n_atomic a{width:87px;}

        .doc_cluboffer #n_tea a{width:140px;}

        .doc_cluboffer #n_cocoa a{width:116px;}

        .doc_cluboffer #n_food a{width:61px;}

        .doc_cluboffer #n_gifts a{width:56px;}

        .doc_cluboffer #n_essentials a{width:108px;}

        .doc_cluboffer #n_sale a{width:60px;}

        .doc_cluboffer #n_club a{width:114px;}

        .doc_cluboffer #n_monthly a{width:101px;}

        .doc_cluboffer #n_community a{width:97px;}

        .doc_cluboffer #n_business a{width:119px;}

        #topnav a{text-decoration:none;}

#scoffee{width:130px;height:30px;position:absolute!important;left:22px;top:165px;}
#sgifts{width:130px;height:30px;position:absolute!important;left:166px;top:165px;}
#termslink{width:80px;height:15px;position:absolute!important;left:126px;top:205px;font-family:arial;font-size:11px;color:white;}
#troopcount{position:absolute!important;left:300px!important;top:10px!important;font-family:arial!important;font-size:63px!important;color:black!important;}
.p_home .col1{float:left;width:640px;height:250px;margin:0;padding:0;}
.p_home .col2{float:left;width:317px;margin:0;padding:0;}
.p_home .r1{height:250px;width:640px;overflow:hidden;margin-top:0px;}
.p_home .col-t{position:relative;overflow:hidden;margin:2px;padding:0;float:left;width:32.9%!important;}
.p_home .col-t a.mod{top:0;left:0;position:absolute;display:block;width:100%;height:130px;z-index:10;}
.p_home .col-t .p1{height:100px;}
.p_home .col-t img.b{border:1px solid #c7b37f;}

#spot_right{display:block;width:317px;height:300px;background:url('https://www.bocajava.com/resources/images/homepages/roastingprocess.jpg') no-repeat;padding-top:0px;text-align:center;text-decoration:none;}
#spot_right a{display:block;width:317px;height:280px;padding-top:20px;text-decoration:none;}
#spot_right b{color:#aa976c;font-size:124%;}
#spot_right i{display:block;color:#fff;font-size:116%;}
#spot_right .ct
{
	position:absolute;
	top:200px;
	left:35px;
}
#spot_right .ct .spot_btn{
	display:block;
	width:100px;
	padding:.5em;
	color:#fff;
	background:#000;
	border:1px solid red;
	text-decoration:none;
	margin-right:10px;
}
.toprated table{width:100%;border-collapse:collapse;border:1px solid #e0dcd4;}
.toprated table td{margin:0;padding:0px 0px 0px 2px;border-collapse:collapse;border-top:1px solid #e0dcd4;border-bottom:1px solid #e0dcd4;font-size:84%;}
.toprated table td.first{background:#e0dcd4;width:25px;}
.toprated table td.s{width:65%;}
.toprated a{color:#000;}
.toprated a.active{text-decoration:none;color:#000;}

/* NEW CSS */		
.p_home { 
	width:640px; 	
	float:left;
	position:relative;
	margin-right:0 !important;
}
#p_home_side { 
	width:319px; 
	float:left;
}
.promo_below_banner {
    margin-top: 1px;
    width: 640px;
	text-align:right;
	padding-left: 3px;
}
.promo_below_banner img {
    float: left;
	position:relative;    
}
#first_promo { margin-right:1px; }

/* Begin Homepage / Refer a Friend Links */
.homepage_links, 
.refer_a_friend
{
	width:100%;
	float:left;
}
.refer_a_friend
{
	width:100%;
	float:left;
	margin:15px 0 0 8px;
}
.homepage_links ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.homepage_links ul li
{
	float:left;
	position:relative;
	border-right:1px solid #e7dfd6;
	padding:0 16px;
}
.homepage_links ul li.first
{
	padding-left:8px;
}
.homepage_links ul li.last
{
	border-right:none;
	padding-right:0;
}
.homepage_links h3,
.refer_a_friend h3
{
	font-size:16px;
	color:#736357;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
.homepage_links h3
{
	margin-bottom:5px;
}

.homepage_links a,
.homepage_links p,
.refer_a_friend p
{
	color:#a9977b;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	text-decoration:none;			
}
.homepage_links a:hover
{
	text-decoration:underline;
}
.refer_a_friend a
{
	color:#6c2822;	
}
#cartPrice {
	color:#97917b;
	font-weight:bold;
}

/* End Homepage / Refer a Friend Links */

/* Footer */

#ft h5 {
	font-size:16px;
	font-weight:bold;
	color:#000000;
	margin-bottom:6px;
}
#ft .footer_first {
	float:left;
	position:relative;
	width:520px;
}
#ft .footer_second {
	float: right;
    position: relative;
    width: 365px;
	margin:15px 10px 15px 0;
}
.social_links
{
	margin-left:10px;
}
.security_metrics_logo {
	margin-top:20px;
}
.security_metrics_logo a {
	text-align:right;
	width:100%;
}
.newsletter_sign_up {
	border: 1px solid #CCCCCC;
	box-shadow: 3px 3px 6px #EEEEEE;
	margin: 0;
	padding: 0;
	height:137px;
}
.newsletter_sign_up h6 {
	background-color: #722F1C;
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 12px 0 12px 150px;
}
.newsletter_sign_up .win {
	color: #722F1C;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	padding: 8px 0 0 150px;
}
.newsletter_sign_up div
{
	width:230px;
	margin:-20px 0 0 144px;
}
.newsletter_sign_up #offer {
	bottom: 0;
	position: absolute;
	top: 0;
}
#p_home_side
{
	background:url("/resources/images/bj_homepage_rightside_bg.jpg") no-repeat 0 0;
	width:225px;
	height:436px;
	padding:132px 24px 0 70px;
}
#p_home_side p {
	color: #603913;
	font-size: 12px;
	line-height: 15px;
	margin-bottom:15px;
}

#p_home_side .select_coffee_button
{
	background: url("/resources/images/bj_select_coffee_btn.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 41px;
	overflow: hidden;
	text-indent: -9999px;		
	width: 213px;
}