/*
    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(../../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;}

        a{color:#0072bc;outline:none;}
        a:hover{color:#793310;}
        .actionLink{color:#793310;text-decoration:underline;}

        .ajaxicatorLoading{background:url(../../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:300%;}
        .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:grey;}
        .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:url(../../images/2010/g1_bg.jpg) repeat-x;-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(../../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(../../images/2009/icon_alert.gif) 3px 48% no-repeat;}
        .success{border:0px;background: url(../../images/2009/indicator_success.gif) 3px 48% no-repeat;}
        .error{background:#ffe2e2 url(../../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;
			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(../../images/2010/top_referafriend.gif) no-repeat;}

        #searches{height:40px;overflow:hidden;margin-top:10px;}

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

        #tp button,#ft button{margin-left:5px;margin-right:7px;}

        #doc4{position:relative;}
 
        #hd{background:url(../../images/2010/hdouter_bg.png) 0px 0px;}

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


        #hd a{color:#fff;}

        #hd .cart{
            float:right;
            background:#2a2827 url(../../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:right;}
        #topnav li{float:left;display:block;padding:.2em .7em .2em .7em;background:url(../../images/2010/top_bullets.gif) 100% 3px no-repeat;}
        #topnav li.last{border:0;padding-right:0;background:none;}
        #topnav li#cart_contents,#topnav li#topnav_login{padding:0;height:22px;}
        #topnav li#cart_contents div{padding:.2em .3em .2em 3em;background: url(../../images/2009/sprite.png) 5px -676px no-repeat;}
        #topnav li#cart_contents div.on{background: #fff url(../../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:.2em .5em .2em .5em;}

        #topnav li#fb_connect_login a{position:relative;top:-2px;}
        
        #accountstatus{/* height:36px; */overflow:hidden;}

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

        #ft{border-top:1px solid #000;}
        #ft ul{overflow:auto;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(../../images/2010/ft_share.png) 100% 0 no-repeat;}
        a.twitter{background:url(../../images/2010/ft_share.png) 100% -40px no-repeat;}

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

        #bot{height:10px;overflow:hidden;background:url(../../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;
    border-bottom:1px solid #ddd;
    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(../../images/2009/sprite.png?v=6) 0px -520px no-repeat;}
.hdslogo2{width:28px;height:38px;background:url(../../images/2009/sprite.png?v=6) 0px -600px no-repeat;}


#nav{background: url(../../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#promobar a{border-left:0px;height:auto;padding:0;margin:0;}
        #nav ul li#n_business a{border-right:0px;}

        #n_coffee a{width:44px;}

        #n_atomic a{width:74px;}

        #atomicimg{position:relative!important;top:0px;padding-right:3px;}

        #n_tea a{width:110px;}

        #n_cocoa a{width:91px;}

        #n_food a{width:42px;}

        #n_gifts a{width:39px;}

        #n_essentials a{width:88px;}

        #n_sale a{width:38px;}

        #n_club a{width:100px;}

        #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;}