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

@font-face {
  font-family: "Calibri";
        src: url("font/calibri.tff")
}

@font-face {
  font-family: "Impact";
        src: url("font/impact.tff")
}

body{
margin:0;
padding:0;
font-family: "Calibri", Verdana, sans-serif;
font-size:12px;
line-height: 1.5em;
background-color:#EAF4DC;
/*#0072bc;*/
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height:133px; /*Height of top section*/
}

#topsection2{
background:url(images/header2.gif) no-repeat;
height:133px; /*Height of top section*/
}


#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background:#FFFFFF url(images/contentbg.gif) repeat-y;
}

#contentwrapper2{
float: left;
width: 100%;
background:#FFFFFF url(images/contentbg2.gif) repeat-y;
}


#leftcolumn{
float: left;
width: 210px; /*Width of left column in pixel*/
 /* margin-left: -900px; Set margin to that of -(MainContainerWidth)*/
}

#contentcolumn{
float:left;
width: 440px;
 /* margin: 0 190px 0 180px; Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn2{
float:left;
width: 690px;
 /* margin: 0 190px 0 180px; Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn2 a{
font-weight:bold;
text-decoration:none;
color:#0072bc;
}

#contentcolumn2 a:hover{
font-weight:bold;
text-decoration:underline;
color:#0000FF;
}

#rightcolumn{
float: right;
width: 250px; /*Width of right column*/
/*margin-left: -190px;  Set left margin to -(RightColumnWidth)*/
/*background-color:#FDE95E;*/
}

/*#rightcolumn a{
font-weight:bold;
text-decoration:underline;
color:#00a651;
}

#rightcolumn a:hover{
font-weight:bold;
text-decoration:underline;
color:#0000FF;
}*/

#contentbottom{
clear: left;
background:#FFFFFF url(images/contentbottom.gif) no-repeat;
height: 7px;
}

#contentbottom2{
clear: left;
background:#FFFFFF url(images/contentbottom2.gif) no-repeat;
height: 7px;
}

#footer{
clear: left;
width: 100%;
background:url(images/footer.gif) repeat-x;
color: #000000;
font-family: "Calibri", sans-serif;;
text-align: center;
padding: 8px 0;
height:29px;
}

#footer a{
text-decoration:none;
color: #333333;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.right_bg{
background-color: #FDE95E;
}

.arrow {
background:url(images/arrow.gif) no-repeat;
height:16px;
text-indent: 30px;
font-size:14px;
margin:0;
}

.headline{
	font: bold 22px "Calibri", sans-serif;
	text-align: left;
	color: #00a651;
	text-transform:uppercase;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
}

.prodname{
	font: bold 22px "Calibri", sans-serif;
	text-align: left;
	color: #00a651;
	margin:0;
	margin-top:10px;
	margin-bottom:0px;
}

.sku {
margin:0;
margin-bottom:10px; 
font-size:14px; 
padding:0;
}

.subtitle {
margin:0;
font-size:14px; 
padding:0;
font-style:italic;
font-weight:100;
}


#flagposition{
margin-top: 108px; margin-left:820px; position:absolute;}

#flagposition img{height:15px; width:68px;}

#flagposition2{
margin-top: 108px; margin-left:820px; position:absolute;}

#flagposition2 img{height:15px; width:68px; border:0;}

.menutop{margin-top: 109px; 
margin-left: 240px;
position:absolute;}

.h2 {
	margin: 0px;
	width: 193px;
	height: 29px;
	font:18px/30px "Calibri", sans-serif;
	text-align: left;
	text-indent: 20px;
	color: #0072bc;
	background: #009900 url(images/sub_category.gif);
}

.h3 {
	margin: 0px;
	width: 193px;
	height: 29px;
	font: bold 13px/30px "Calibri", sans-serif;
	text-align: left;
	text-indent: 20px;
	color: #000000;
	background: black url(images/h2menu.gif) no-repeat;
}


.h3_right {
	margin: 0px;
	width: 230px;
	height: 29px;
	font: bold 14px/30px "Calibri", sans-serif;
	text-align: left;
	text-indent: 20px;
	color: black;
	background: black url(images/h3right.gif);
	margin-bottom:5px;
}

.h4 {
padding-top:10px;
margin:0;
color: #00a651;
font-size:16px;
font-weight:bold;
}

.h5{
margin:0;
color:#000099;
font-size:14px;
font-weight:bold;
}

.west {
text-decoration:none;
color:#8abf1b;
font-weight:bold;
}

.east{
text-decoration:none;
color:#0072bc;
font-weight:bold;
}

.retailer{
margin:0;
font-family: "Calibri", sans-serif;
font-size:25px;
font-weight:bold;
color:#0066FF;
margin-top:8px;
}

.error{
font-family: "Calibri", sans-serif;
background: #FF0000;
color:#FFFFFF;
text-indent: 50px;
padding:10px;
}

.success {
border:1px #CCCCCC solid;
color:#0066ff;
padding:20px;
}

.productpic{
width:160px;
height:180px;
padding:5px;
border:1px solid #CCCCCC;
text-align:center;
}

.productinfo{
background: #85bc3b;
color: #ffffff;
text-transform:uppercase;
font-family: "Calibri", Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:5px;
}

.inputbox{
font-family: "Calibri", Helvetica, sans-serif;
color:#0066FF;
}

#prodpic{
clear:both;
float:left;
width: 20%;
margin-bottom:15px;
}

#prodpic img{
height:170px;
width:115px;
margin-left: 25px;
}


#prodinfo{
clear:right;
float:right;
width:80%;
margin-bottom:15px;
}

#prodinfo a{
color: #00a651;
}

#prodinfo a:hover{
color: #00a651;
text-decoration:underline;
}

#display{
margin:0;
}

#display img{
height:220px;
width:198px;
padding:10px;
}

#display p{
background-color:#f3f2f2;
padding:5px;
}

#thebuzzEvent{
width:75%; margin-bottom:15px; clear:left;
}

#thebuzzEvent img{
float:left;padding:5px;
border:0;
}

#thebuzzEvent p{
margin-top:60px;
}

#upcoming{
width:90%; margin-bottom:15px; clear:left;
}

#upcoming p{
margin-top:5px;
}

.price{
	font: bold 16px "Calibri", sans-serif;
	text-align: left;
	color: #00a651;
	margin:0;
	margin-top:3px;
	margin-bottom:3px;
}



.gprice{
	font: bold 16px "Calibri", sans-serif;
	text-align: left;
	color:#0099FF;
	margin:0;
	margin-top:3px;
	margin-bottom:3px;
}

.section {
background: #85bc3b;
color: #ffffff;
text-transform:uppercase;
font-family: "Calibri", Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:5px;
}

.total{
margin-top:15px;
margin-bottom:15px;
font-size:14px;
font-weight:bold;
color:#FF0000;
}

.doc_body0{
	background-color: #f2fbff;
	font-size:12px;
	}

.doc_body1{
	background-color:#FFFFFF;
	font-size:12px;
}



/*
a img {height: 50px; width: 110px; border-width: 0;}

a#order img {background: url(images/order-icon.gif) no-repeat;}
a#order:hover img {background: url(images/order-icon_hover.gif) no-repeat;}

a#sendus img {background: url(images/send_us_feedback.gif) no-repeat;}
a#sendus:hover img {background: url(images/send_us_feedback_hover.gif) no-repeat;}


a#thebuzz img {background: url(images/thebuzz.gif) no-repeat;}
a#thebuzz:hover img {background: url(images/thebuzz_hover.gif) no-repeat;}

a#scd_videos img {background: url(images/scd_videos.gif) no-repeat;}
a#scd_videos:hover img {background: url(images/scd_videos_hover.gif) no-repeat;}
*/

/*MENU*************/

.glossymenu{
list-style-type: none;
margin:5px 0;
padding: 0;
width: 192px;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(images/glossyback2.gif) repeat-x bottom left;
font:bold 12px "Calibri", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 183px;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 183px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossyback.gif);
}