/* New BlueTone Site CSS */

div, a, img {outline:none;}

#mastbg {background:url(../images/masthead.jpg) no-repeat center top;}
#masthead {background:url(images/masthead.jpg) no-repeat; width:960px; height:261px; position:relative; margin:auto}

#logo {
background: url("https://bluetonemedia.com/images/CarolinaCoffeeCompany/site/template/holidayLogo.jpg") no-repeat scroll 0 0 transparent;
display: block;
height: 183px;
left: -40px;
position: absolute;
top: 0;
width: 393px;
z-index: 9999;
}
#sitebg {background:url(../images/sitebg.jpg) repeat-x center 0; padding:0px; margin:0px;}
#footerrptbg {background:url(../images/footer.jpg) repeat-x bottom;}
#footer {background:url(../images/footer.jpg) repeat-x bottom;}

#navholder {position:absolute; margin:192px 0 0 6px;}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 775px;
	height:36px;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 36px;
}

ul#topnav a.home {
	background: url(../images/navbg.jpg) no-repeat 0 0;
	width: 78px; 
}
ul#topnav a.home:hover {background-position:0 -36px;}
ul#topnav a.coffee {
	background: url(../images/navbg.jpg) no-repeat -78px 0;
	width: 85px; 
}
ul#topnav a.coffee:hover {background-position:-78px -36px;}
ul#topnav a.brewing {
	background: url(../images/navbg.jpg) no-repeat -163px 0;
	width: 103px; 
}
ul#topnav a.brewing:hover {background-position:-163px -36px;}
ul#topnav a.gifts {
	background: url(../images/navbg.jpg) no-repeat -266px 0;
	width: 76px; 
}
ul#topnav a.gifts:hover {background-position:-266px -36px;}
ul#topnav a.tea {
	background: url(../images/navbg.jpg) no-repeat -342px 0;
	width: 131px; 
}
ul#topnav a.tea:hover {background-position:-342px -36px;}
ul#topnav a.goodies {
	background: url(../images/navbg.jpg) no-repeat -473px 0;
	width: 101px; 
}
ul#topnav a.goodies:hover {background-position:-473px -36px;}
ul#topnav a.grounds {
	background: url(../images/navbg.jpg) no-repeat -574px 0;
	width: 201px; 
}
ul#topnav a.grounds:hover {background-position:-574px -36px;}

 
 
ul#topnav li .sub {
	position: absolute;	
	top: 40px; left: 0;
	background: #291F0E;
	float: left;
	display: none;
	text-transform:lowercase;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0 ;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
    height:29px;
    position:absolute;
}
ul#topnav .sub ul li {
	color: #fff;
	float:left;
}
ul#topnav .sub ul li {
	padding: 0;  margin: 0;
	font-size: 0.8em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none;  
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	width:auto;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}

#container {width:960px; margin:auto;}
#contentholder {background:url(../images/contentbg_trans.png) repeat-y -13px center; padding:0 0 25px 0px;}

#logolink {position:absolute; margin:17px 0 0 25px;}
#logolink a {width:220px; height:120px; display:block;}

#footerinfo {padding:0px 25px; height:247px; color:#666; width:910px; margin:auto;}

#btmtag { text-align:center; color:#333; font-family:Verdana, Geneva, sans-serif; text-align:center; padding-top:224px;  font-size:12px; *padding-top:25px;}
#btmtag a {
	color: #333; font-weight:normal; text-decoration:none; 
}
#btmtag a:hover{
	color:#DEBF7E; font-weight:normal; text-decoration:underline;
}

a.ftimg {background:url(../images/ft-img.jpg) no-repeat; display:block;}

#ft-contact, #ft-nav, #ft-links {float:left; margin:15px 0px 0 0;}
#ft-contact {color:#2E2210; font-size:14px;}
#ft-contact p {font-size:16px; font-weight:bold; padding-top:8px;}
#ft-contact p span {font-weight:normal; font-size:10px; padding-top:8px; display:block;}
#ft-contact a#ft-facebook {width:31px; height:33px; margin-top:8px; float:left;}
#ft-contact a#ft-youtube {width:34px; height:33px; background-position: -31px 0; margin-top:8px; float:left;}

#ft-nav {margin: 0px 20px 0 0; *margin-top:10px;}
#ft-nav ul {float:left; width:130px; list-style:none; font-size:12px; font-weight:bold; line-height:2; padding-left:30px; *margin-left:10px;}
#ft-nav ul li a {color:#467B85; text-decoration:none;}

#ft-links {margin-top:8px;}
#ft-links a {display:block; width:140px; height:27px; margin-bottom:5px; padding:15px 0 0 52px; text-decoration:none; color:#DB7711;}

.left {float:left;}

.productbg {background:url(../images/item_cat_bg.png) no-repeat; width:193px; height:355px; padding:18px 20px 30px; margin:0 0 0px 3px;}
.productbg a {text-align:center; text-decoration:none; color:#464237;}
.productbg_img {background:#fff; width:190px; height:225px; margin:auto; display:table-cell; text-align:center; vertical-align:middle;}
.productbg_img img {display:block;}
.lcolbg {background:url(../images/products_sidenav.png) no-repeat; width:196px; margin-left:10px; height:535px; padding:55px 28px 0 10px; position:relative; z-index:9999;}
.lcolbg a {text-decoration:none; font-size:12px; color:#4E2600;}

.oflo {height:225px; overflow:hidden; width:190px; border:#523304 solid 2px;}

#myaccount {position:absolute; margin:193px 0 0 805px;}
#myaccount a {display:block; width:150px; height:40px;}
.contentsmall {margin-bottom:5px;}
#contentbox {float:left; width:600px; margin-top:10px;}

.content {float:left; margin-right:10px;}
#viewcart {position:absolute; margin:0px 0 0 810px;}
#viewcart a {display:block; width:120px; height:30px; text-decoration:none; color:#EBE1CC; font-weight:bold; font-size:17px; font-family:georgia; padding:12px 0 0 28px;}

.lcol-flow {overflow:hidden; height:506px; width:204px;}
.subOne, .subTwo, .subThree, .subFour, .subFive, .subSix {left:0 !important;}

#verisign {margin:-11px 0 0 80px; position:absolute; *margin-left:40px;}

/* End New CSS */





/* Dropdown Menu */

.submenu, .submenu:active, .submenu:visited {
	font: normal 10px arial, verdana, microsoft sans-serif, sans-serif;
	color: #FFF;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 14px;
	text-decoration: none;
	text-align:left;
    display:inline-block;
}

.submenu:hover {
	color: #DD7712;
	text-decoration: none;
}

.subOne {
	position: absolute;
	z-index: 2;
	visibility: hidden;
	left: auto;
	margin-left:311px;
	top: 36px;
    min-width:633px;
}

.subTwo {
	position: absolute;
	z-index: 2;
	visibility: hidden;
	left: auto;
	margin-left:70px;
	top: 36px;
}

.subThree {
	position: absolute;
	z-index: 2;
	visibility: hidden;
	left: auto;
	margin-left:160px;
	top: 36px;
    min-width:625px;
}

.subFour {
	position: absolute;
	z-index: 2;
	visibility: hidden;
	left: auto;
	margin-left:225px;
	top: 36px;
    min-width:715px;
}

.subFive {
	position: absolute;
	z-index: 2;
	visibility: hidden;
	left: auto;
	margin-left:340px;
	top: 36px;
    min-width:584px;
}

.subSix {
	position: absolute;
	z-index: 2;
	visibility: hidden;
	left: auto;
	margin-left:360px;
	top: 36px;
    min-width:599px;
}




body {
	margin: 0px;
	padding: 0px;
	background: #F6ECD5; 
    color: #464237;
}

h1 {
	margin: 0px;
	padding: 8px 0px 0px 10px;
	color: #4e2600;
	font: 20px/24px arial, verdana, microsoft sans-serif, sans-serif;
}

h1 a {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	color: #4e2600;
	font: 20px/24px arial, verdana, microsoft sans-serif, sans-serif;
    text-decoration: none;
}

h1 a:hover {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	color: #4e2600;
	font: 20px/24px arial, verdana, microsoft sans-serif, sans-serif;
    text-decoration: underline;
}

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

.homepage_content {
	width: 523px;
	padding: 0px 10px 5px 10px;
	background: #fdfbf8;
}

.homepage_four_title {
	color: #deb985;
	background: #4e2600;
	padding: 4px 0px 4px 0px;
}

.homepage_four_title a {
	color: #deb985;
	background: #4e2600;
	padding: 4px 0px 4px 0px;
	text-decoration: none;
}

.homepage_four_title a:hover {
	color: white;
	background: #4e2600;
	padding: 4px 0px 4px 0px;
	text-decoration: none;
}

#content {
	background: url('../images/content_bg.jpg') repeat-y;
	padding: 0px 0px 0px 40px;
	width: 727px;

	color: #a06109;
	font: 11px/15px arial, verdana, microsoft sans-serif, sans-serif;
}

.content {
	color: #a06109;
	font: 14px/15px arial, verdana, microsoft sans-serif, sans-serif;
}

.content a {
	color: #4e2600;
	font: 11px/15px arial, verdana, microsoft sans-serif, sans-serif;
	text-decoration: none;
}

.content a:hover {
	color: #4e2600;
	font: 11px/15px arial, verdana, microsoft sans-serif, sans-serif;
	text-decoration: underline;
}

.contentsmall {
	color: #a06109;
	font: 9px/13px arial, verdana, microsoft sans-serif, sans-serif;
}

.contentsmall a {
	color: #4e2600;
	font: 9px/13px arial, verdana, microsoft sans-serif, sans-serif;
	text-decoration: none;
}

.contentsmall a:hover {
	color: #4e2600;
	font: 9px/13px arial, verdana, microsoft sans-serif, sans-serif;
	text-decoration: underline;
}

.contentwhite {
	color: #ffffff;
	font: 11px/15px arial, verdana, microsoft sans-serif, sans-serif;
}

.contentred {
	color: red;
	font: 11px/15px arial, verdana, microsoft sans-serif, sans-serif;
}

.required {
	color: red;
}

.footer a {
	color: #4f678d;
	font: 10px arial, verdana, microsoft sans-serif, sans-serif;
	text-decoration: none;
}

.footer a:hover {
	color: #4f678d;
	font: 10px arial, verdana, microsoft sans-serif, sans-serif;
	text-decoration: underline;
}



/* Buttons */

.button {
	background: #118F46;
	color: #FFF;
	font: 11px arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	padding: 4px;
	border: solid 1px #fff6e1;
}

.button_over {
	background: #BF2323;
	color: #FFF;
	font: 11px arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	padding: 4px;
	border: 1px solid #738fad;
	cursor: pointer;
}

.yellowbutton {
	background: #118F46;
	color: #FFF;
	font: 11px arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	padding: 4px;
	border: solid 1px #fff6e1;
}

.yellowbutton_over {
	background: #BF2323;
	color: #FFF;
	font: 11px arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	padding: 4px;
	border: 1px solid #738fad;
	cursor: pointer;
}