/*margin fixes*/
html, body, form { margin: 0; padding: 0; }
body { font: normal 76% Arial, Helvetica, sans-serif; background: #fff; color: #444; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }
.table { border-collapse: collapse; border-spacing: 0; }
.table.top td { vertical-align: top; }

/* CSS Document */
html, body{height:100%;} 
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;/* centre for ie5 and 5.5. */
	min-height:593px;/*for mozilla/opera */
	min-width:720px;/* """ */
}
.cleardiv { clear: both; height: 1px; font-size: 0; line-height: 0; }

/*centers doc in window*/
/*the containter for everything */
#border {
	width:720px;height:auto;
	border:1px solid #4F4F4F;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	clear:both;
}
#onePX {font-size:1px;}

/*menu class*/
.divSmall{ font-size:1px; line-height:1px; overflow:hidden;}

.menu {
	font-family:Times,"Times New Roman",serif;
	font-size:16px;
	text-decoration: none;
	font-variant: small-caps;
	color:#FFFFFF;
}
div.menu a{
	color: #cccccc;
	line-height:16px;
	text-decoration:none;
	padding: 0px 5px;
}

/*makes current menuLink static if href == #self*/
#self {
	text-decoration:none;
	color:#b7943e;
	cursor:default;
	display: block;
}
/* over states */
div.menu a:visited {color:#cccccc;}
div.menu a:active {color:#cccccc;}
div.menu a:hover {color:#b7943e;}

#top{position:relative;width:96%;float:right;margin-right:20px;margin-top:5px;}
#topRule{margin:0 0 0 0;float:left;width:510px;height:2px;background-color:#b7943e}

/* first tier of menu */
#topMenu ul{display:inline;list-style: none;
margin:0;padding:15px 40px 0px;float: left; text-align:center; font-weight: bold;}
#firstul {margin-left:15px;}
#topMenu a {display: block;padding: 2px 1px 9px 1px;}

/* sub menu */
#topMenu ul ul{
font-size:11px;
position:absolute;
top:30px;left:150px;width:600px;
display: none;
font-variant:normal; 
}
#aboutSub{position:relative;top:75px;left:0px;width:400px;}
#sweetNewsSub{position:relative;top:75px;width:280px;}

#topMenu ul ul a {padding: 10px 5.5px 20px;}
#topMenu li{float: left;}
/* the drop down show/hide for sub menu*/
#topMenu ul:hover ul, 
#topMenu ul.hover ul
{display: block;}


/* This is the Left bar */
#left{width:auto;height:auto;float:left;}
/*#logo{border:2px solid #b7943e; padding:15px 5px; margin-top: 2px;margin-left:auto;margin-right:auto;}*/
#logo{border:2px solid #b7943e; padding:15px 5px; margin-left:5px; float:left}
#logo img {border:none;}

/* This is the bottom */
#bottom{width:95%;margin-left:20px;clear:both;}
#btmRule {width:680px;height:2px;background-color:#b7943e;}
#btmMenu {width:auto;white-space:nowrap;}

/* first tier of btm menu */
#btmMenu ul {display:block; position: relative; list-style:none;margin:0;padding:0;float:left;}
#btmMenu li{font-size:10px;float:left;display:block;}
#btmMenu a {display:block;padding: 12px 16px 10px; color: #FFFFFF;}
/* sub menu */
/*#btmMenu ul ul{font-size:12px;display: none;}
#aboutSub{position:relative;top:-75px;left:0px;width:400px;}
#sweetNewsSub{position:relative;top:-75px;width:280px;}
#btmMenu ul ul a, #btmMenu ul a {padding: 12px 5.5px 10px}
*/
/* the drop down show/hide for sub menu*/
/*#btmMenu ul:hover ul,
#btmMenu ul.hover ul { position: absolute; top: -100%; display: inline; float:left; padding:0;margin:0;}
*/


.firstLine {color:#7e93c3; font-size:12px; line-height:11px;}
/*product images on the product pages*/

/*test*/
#mainImg {height:auto;width:75%;float:right;margin-bottom:40px;margin-top:20px;text-align:center;color:#FFFFFF;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
#mainImg div{float:left;height:200px;width: 120px;border: 0px;margin: 0;}
/*#mainImg div br
#prodDesc {left:0; width:120px;
line-height:10px; margin-top:0px; height:120px;text-align:center; float:left;}
#mainImg div br.imgP {margin-top:0px;text-align:center; height:80px}*/
#mainImg div img{ border:0;margin-left:auto;margin-right:auto;width:80px; height:80px;display:block}
#mainImg a {color:#FFFFFF; text-decoration:none;}
#mainImg a:hover {color:#b7943e; text-decoration:none;}
/*testing */
#mainImg div br{ line-height:4px;}

/*blue bar*/
#blueBar {
	margin-top: 75px;
	margin-left:20px;
	width:127px;height:auto;
	background-image:url(../imgs/blueGrad.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
#blueBar p {margin:28px 6px;padding-bottom:5px;text-align:center;}
#blueBar br {line-height:6px;}
/*#blueBar img {top:17px;left:17px;}*/
#duosblueImg {padding-left:0px;}
#blueImg {padding-left:15px; padding-top:15px;}
/*below blue images and text*/
#subBlue {
	/*position:absolute;
	top:266px;left:22px;*/
	width:128px;height:150px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
  text-align:center;
  margin-top:40px;
   margin-left:20px;
}
#subBlue img {border:0;width:128px; height:85px; }
#subBlue a {color:#FFFFFF; text-decoration:none;}
#subBlue a:hover {color:#b7943e; text-decoration:none;}

/*for the quicktime video*/
.QTlayer {
position:absolute;
top:120px;
left: 220px;
width:538px;
height:475px;
background-color:black;
z-index:99;
display:none;
}
#QT{display:none;}
#QT2{display:none;}
.QT_XY {
	position:absolute; 
	left:19px; top:60px;
	cursor:pointer;
	text-align:center;
	color:#8c8c8c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#close {position:absolute;right:20px;top:32px;cursor:pointer;}

h1 { font-size: 1.4em; font-weight: bold; }
.store h2 { font-size: 1.2em; color: #b7943e; }

#img_1_1 {top:0px;left:0px;}
#img_1_2 {top:0px;left:130px;}
#img_1_3 {top:0px;left:260px;}
#img_1_4 {top:0px;left:390px;}
#img_2_1 {top:160px;left:0px;}
#img_2_2 {top:160px;left:130px;}
#img_2_3 {top:160px;left:260px;}
#img_2_4 {top:160px;left:390px;}
#img_3_1 {top:314px;left:0px;}
#img_3_2 {top:314px;left:130px;}
#img_3_3 {top:314px;left:260px;}
#img_3_4 {top:314px;left:390px;}