/*
// -------------------------------
//  TAGS
// -------------------------------
*/
body, td{
	font-size:11px;
}

body{
	position:absolute;
	display:block;
	width:99.8%;
	height:100%;
	margin:0;
	background:#f7f5fb;
}

input.button {
	height:22px;
	font-family:verdana, "sans serif";
/*	background:#BA9823;*/
	background:#aaaaaa;
	background-image:url("../img/back_button.png");
	font-size:10px;
	font-weight:bold;
	border:1px solid #cccccc;
	color:#333333;
	padding:0px 4px 0 4px;
	margin:0 0 0 0;
}

input.grey{
		background-image:url("../img/back_button_grey.png");
		color:#444444;
}

input.button60 {
width:55px;
	height:20px;
	font-family:verdana, "sans serif";
	background:#BA9823;
	background-image:url("../img/back_button.png");
	font-size:9px;
	font-weight:bold;
	border:2px solid #dddddd;
	color:#333333;
	padding:0;
}


body, input, select, textarea, #body {
	font-family: Arial, "Sans Serif";
	font-size:11px;
	padding:1px;

}

a {
	color:#993040;
	/*color:#A7753F;*/
	text-decoration:none;
}

a:hover  {
	text-decoration:underline;
}

form {
	margin:0; 
	padding:0;
}

form p {
margin:0;
margin-top:2px;
}

/*
// -------------------------------
//  MISC CLASSES
// -------------------------------
*/

.left {
	float:left;
}

.right {
	float:right;
}

.white {
	color:#ffffff;
}



/*
// -------------------------------
//  HEADER
// -------------------------------
*/

#header {
	position:relative;
	display:block;

	width:780px;
	height:140px;
	top:0;
	left:50%;
	margin-left:-390px;
}

#header h1 {
	margin:0;
	padding:0;
}

#header h1 span{
	visibility:hidden;
}

#header div.logo h1 a{
	display:block;
	float:left;
	margin: 20px 0 0 0;
	width:250px;
	height:90px;
	background-image:url("../img/logo.jpg");
	background-repeat:repeat-x;
	text-decoration:none;
}

#header div.languages {
	position:absolute;
	display:block;
	top:75px;
	left:390px;
	width:390px;
color:#666666;
	height:30px;

	color:#666666;
}

#header .cart {
	position:absolute;
	display:block;
	top:83px;
	left:390px;
	width:390px;
	height:30px;
	text-align:right;
	color:#666666;

		
}
#header div.cart span {
	display:block;
	float:right;
	margin: 3px 3px 3px 3px;
}

#header div.cart a {
	display:block;
	float:right;
	width:115px;	/* IE4.x-5.x*/

	background-image:url("../img/cart/cart.png");
	background-repeat:no-repeat;
	text-decoration:none;
	color:#ffffff;
	padding:3px 16px 4px 34px;
	margin: 0px 1px 0 0;
	text-align:left;
	
	voice-family: "\"}\""; 
    voice-family: inherit;
	width:65px;
}

#header div.cart a.grey {
	background-image:url("../img/cart/cart_grey.png");
	background-repeat:no-repeat;
	text-decoration:none;
	color:#666666;
}


#header div.languages ul {
	float:right;
	list-style-type:none;
	margin:12px 0 0 0;
	padding:0;
}

#header div.languages li {
	display:block;
	list-style-type:none;
	float:left;
	margin:0;
	
}

#header div.languages a.language {
	display:block;
	float:left;
	padding:3px 12px 0 10px;
	height:16px;
	background-image:url("../img/sep.gif");
	background-repeat:no-repeat;
	background-position:top right;
}

#header ul.navigation {
z-index:7;
	position:absolute;
	display:block;
	width:780px;
	left:0;
	top:110px;
	margin:0;
	padding:0;
	list-style-type:none;
	margin: 0 0 0 5px;
	background-image:url("../img/goldbar.jpg");
	background-repeat:no-repeat;
	background-position:top right;


}

#header ul.navigation li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

#header ul.navigation a {
	display:block;
	float:left;

	width:85px;	/* IE4.x-5.x*/
	height:47px;	/* IE4.x-5.x*/
	text-decoration:none;
	margin: 0 0 0 0;
	padding:11px 0 0 25px;
	background-image:url("../img/tri_nav.png");
	background-repeat:no-repeat;
	background-position:top left;
	color:#eeeeee;
	text-align:left;
	voice-family: "\"}\""; 
    voice-family: inherit;
	width:60px;
	height:36px;
}

#header ul.navigation a.icon_cart {
	background-image:url("../img/navigation/cart.png");
}

#header ul.navigation a.icon_key {
	background-image:background-image:url("../img/navigation/key.png");
}

#header ul.navigation a.sel {
	background-image:url("../img/navigation/tab.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;
	width:85px;
	padding:10px 0 0 0;
	text-align:center;
	color:#000000;
}
/*

// -------------------------------
//  BODY
// -------------------------------
*/
#body {	
	position:relative;
	display:block;
	clear:both;
	float:left;
	width:100%;
	background:#ffffff;
	background-image:url("../img/back.jpg");
	background-repeat:repeat-x;
	padding: 0 0 10px 0;
	border-bottom:2px solid #dddddd;
}

#page {		
	position:relative;
	display:block;
	width:780px;
	left:50%;
	margin:0 0 0 -390px;
	padding:0;

		
}

#page .contents {		
	display:block;
	float:left;
	background:#ffffff;
	width:520px;	/* IE4.x-5.x*/
	padding:0 5px 20px 15px;
	voice-family: "\"}\""; 
    voice-family: inherit;
	width:500px;
}
{}

#page .contents p{		
	padding:0 30px 0  0;
}

#body div.navigation {
	display:block;
	float:left;
	width:260px;
	height: 300px;
	clear:both;
	margin :20px 0 0 0;
	background-image:url("../img/navigation/back_nav.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

#body div.navigation ul.links  {
	display:block;
	margin :15px 0 0 0;
	padding:0;
	list-style-type:none;
}

#body div.navigation p {
	margin :0 0 0 0;}

#body div.navigation ul.links li{
	display:inline;
	clear:both;
	padding:0;
	list-style-type:none;
}

#body .navigation .sublinks  {
	display:block;
	float:left;
	margin :3px 0 6px 0;
	padding:0;
	list-style-type:none;

}

#body .navigation ul.sublinks li{
	display:inline;
	clear:none;
	margin:0;
	padding:0;
	list-style-type:none;
	/*height:20px;*/
}

#body div.navigation ul.sublinks a {
	display:block;
	float:left;
	clear:none;
	width:125px;	/* IE4.x-5.x*/
	height:15px;	/* IE4.x-5.x*/
	padding: 2px 10px 2px 10px;
	font-size:11px;
	color:#888888;
	font-weight:bold;
	voice-family: "\"}\""; 
    voice-family: inherit;
   	height:15px;
	width:105px;
}{}

#body div.navigation ul.sublinks a.sel {
	color:#993040;
}

#body div.navigation ul.sublinks a_old {
	display:block;
	float:left;
	clear:none;
	width:125px;	/* IE4.x-5.x*/
	height:20px;	/* IE4.x-5.x*/
	padding: 3px 15px 0 15px;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	voice-family: "\"}\""; 
    voice-family: inherit;
   	height:17px;
	width:95px;
}{}

#body div.navigation a span{
	color:#444444;
	text-decoration:none;
}

a.button30 {
	display:block;
	float:left;
	width:260px;	/* IE4.x-5.x*/
	height:30px;	/* IE4.x-5.x*/
	padding: 7px 20px 1px 35px;
	background-image:url("../img/navigation/back_button_30.gif");
	background-repeat:no-repeat;
	background-position:top left;
	voice-family: "\"}\""; 
    voice-family: inherit;
   	height:22px;
	width:205px;
	font-size:12px;
}

a.button30:hover,
a.button30.sel 
{
	background-position:bottom left;
	TEXT-DECORATION:NONE;
}

a.button40 {
	display:block;
	float:left;
	width:250px;	/* IE4.x-5.x*/
	height:40px;	/* IE4.x-5.x*/
	padding: 4px 20px 0 50px;
	background-image:url("../img/navigation/back_button_40.gif");
	background-repeat:no-repeat;
	background-position:top left;
	voice-family: "\"}\""; 
    voice-family: inherit;
   	height:36px;
	width:180px;
}{}

a.button40:hover {}

a.button60 {
	display:block;
	float:left;
	width:250px;	/* IE4.x-5.x*/
	height:60px;	/* IE4.x-5.x*/
	padding: 5px 20px 0 50px;
	background-image:url("../img/navigation/back_button_60.gif");
	background-repeat:no-repeat;
	background-position:top left;
	voice-family: "\"}\""; 
    voice-family: inherit;
   	height:55px;
	width:180px;	
}{}

a.button60:hover,
a.button60.sel 
{
	background-position:bottom left;
}

a.button60.noborder 
{
	height:54px;
	padding: 5px 25px 0 50px;

	
}

a.button44:hover,
a.button44.sel 
{
	background-position:bottom left;
	TEXT-DECORATION:NONE;
}


a.button60 span {
	color:#666666;
	text-decoration:none;
}

a.button60 img {
	display:block;
	float:left;
	width:40px;
	height:40px;
	margin: 0 10px 0 0;
	border:0;
}

a.button60.sel, 
a.button60:hover {
	background-position:left bottom;
	text-decoration:none;
	color:#993040;
}

#body .login {
	display:block;
	float:left;
	width:260px;
	clear:both;
	margin:25px 0 5px 0;
	padding:0;
	background-image:url("../img/navigation/back_login.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}



#body .login h2 {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	padding: 9px 0 0 35px;
	margin:0;
	font-family:arial;
}

#body .login form {
	display:block;
	float:left;
	clear:both;
	margin:6px 0 0 0;
	height:34px;
	padding:0 0 0 10px;
}



#body .login input.loginInput {
	border: 1px solid #cccccc;
	font-size:10px;
	color:#555555;
	font-weight:normal;
	padding: 2px 1px 2px 1px;
	font-family:verdana;
	margin:0;
}

#body .login input.button {
	height:20px;
	font-family:verdana, "sans serif";
	background:#BA9823;
	background:#aaaaaa;
	background-image:url("../img/back_button_grey.png");
	font-size:10px;
	font-weight:bold;
	border:1px solid #eeeeee;
	color:#666666;
	padding:0px 1px 1px 1px;
	margin:0;
}

a.button, #body .login a
{
	display:block;
	float:left;
	padding: 0 0 0 16px;
	background-image:url(../img/tri_b.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#body .login a {
	margin: 2px 0 0 0;
	width:125px;	/* IE4.x-5.x*/
	voice-family: "\"}\""; 
    voice-family: inherit;
	width:110px;
}{}

#body .compass {
	display:block;
	float:right;
	clear:right;
	width:520px;
	height:40px;
}

#body .compass p  {
	text-align:right;
	margin-top:15px;
	margin-left:30px;
	margin-right:20px;
	color:#999999;
}



#body .spot_chocolate, 
#body .spot_company,
#body .spot_shops, 
#body .spot_resellers, 
#body .spot_icecream,
#body .spot_contact,
#body .spot_profile,
#body .spot_resellers
 {
	display:block;
	float:left;
	width:520px;
	height:210px;
	margin: 0 0 5px 0;
}

#body .error {
	display:block;
	float:left;
	width:780px;
	height:210px;
	margin: 0 0 0 0 ;
	padding:0px 30px 15px 30px;
	background:#ffffff;
	voice-family: "\"}\""; 
    voice-family: inherit;
	width:720px;
	height:195px;
}{}

#body .spot_chocolate {
	background-image:url("../img/spot/spot_chocolate.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	color:#ffffff;
}

#body .spot_company {
	background-image:url("../img/spot/spot_company.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

#body .spot_resellers {
	background-image:url("../img/spot/spot_resellers.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

#body .spot_icecream {
	background-image:url("../img/spot/spot_icecream.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

#body .spot_profile {
	background-image:url("../img/spot/spot_profile.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

#body .spot_contact {
	background-image:url("../img/spot/spot_contact.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

#body .spot_shops {
	background-image:url("../img/spot/spot_shops.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

#body .spot_resellers {
	background-image:url("../img/spot/spot_resellers.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

#body .box520 {
	display:block;
	float:right;
	width:520px;
	color:#666666;
	margin:0;
}

#body .box520 h2
{
	display:block;
	width:520px;	/* IE4.x-5.x*/
	height:24px;	/* IE4.x-5.x*/
	padding: 6px 0 0 35px;
	background-image:url("../img/heading_gold.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	font-size:11px;
	font-weight:bold;
	margin:0;
	font-family:Arial, "Sans Serif";
	color:#333333;
	voice-family: "\"}\""; 
    voice-family: inherit;
	width:485px;
	
}

#body .box520 h2 a
{
	width: 480px;
	display:block;
	float:left;
	height:19px;
}

#body .box520 p {
	margin:11px 30px 11px 30px;
	color:#000000;
}

#body .box520 ul
{
	margin-right:30px;
}

#body .box390 {
	display:block;
	float:right;
	width:390px;
	margin:0;
	padding:0;
	background:#ffffff;
}

#body .box390 h2
{
	display:block;
	width:390px;	/* IE4.x-5.x*/
	height:24px;	/* IE4.x-5.x*/
	background-image:url("../img/heading.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	font-size:11px;
	font-weight:bold;
	
	padding: 5px 0 0 35px;
	margin:0;
	font-family:Arial, "Sans Serif";
	color:#333333;
	voice-family: "\"}\""; 
    voice-family: inherit;
	width:355px;
	height:19px;
}

#body .box390 p {
	margin:5px 11px 5px 11px;
}

#body .box390 .scroll  {
	width:382px;
 	height:95px; 
	overflow:auto;
	margin:5px 0 5px 5px;
	border:1px solid #f0f0f0;
}




#body .box260 {
	display:block;
	float:right;
	width:260px;

	margin:0;
	padding:0;
	background:#ffffff;
}

#body .box260 h2
{
	display:block;
	width:260px;	/* IE4.x-5.x*/
	height:24px;	/* IE4.x-5.x*/
	background-image:url("../img/heading_gold.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	font-size:11px;
	font-weight:bold;
	
	padding: 5px 0 0 35px;
	margin:0;
	font-family:Arial, "Sans Serif";
	voice-family: "\"}\""; 
	color:#333333;
    voice-family: inherit;
	width:225px;
	height:19px;
}


#body .box260 img { 
	display:block;
	float:left;
	margin: -11px 6px 0 0px;
}

#body .box260 img.right { 
	display:block;
	float:right;
	margin: -11px -11px 0 6px;
}

#body .box260 p {
	display:block;
	margin:11px 11px 11px 11px;
	padding:0;
	clear:both;
	line-height:1.2em;
	
}

#body .shout {
	padding: 30px 0 0 300px;
	width:500px;	/* IE4.x-5.x*/
	voice-family: "\"}\""; 
    voice-family: inherit;
	width:200px;
}



h1, #body h1{
	font-style:italic;
	font-weight:400;
	font-family: "Times New Roman", Serif;
	font-size:36px;
	line-height:36px;
	letter-spacing:-2px;
	color:#993040;/*
	background-image:url(../img/tri_b_h1.png);
	background-repeat:no-repeat;
	background-position:center left;*/
	/*margin: 0 0 0 -25px;
	padding:0px 0 0 25px;*/
	margin:0;
	padding:0;
}



h1, #body h1.white {
	color:#ffeedd;
	/*background-image:url(../img/tri_w_h1.png);*/
}

h2, #body h2{
	font-family: "Verdana", "Sans Serif";
	font-size:11px;
	line-height:11px;
	margin: 0px 0 0 0 ;
	padding:0;
	font-weight:600;
	letter-spacing:0em;
	color:#aaaaaa;
}

h2.white, #body h2.white {	color:#ffeedd;}

table.grid td {
	padding: 6px 0 6px 0;
	border-bottom: 1px solid #cccccc;
	line-height:1.1em;
}




#shout p {
	margin: 11px 0 0 20px;
	padding: 0 0 0 0;
}

#shout form {
	margin: 11px 0 0 20px;
	text-align:left;
}

#shout select {
	width: 200px;
}

#privacy {
	display:none;
	border:1px solid #cccccc;
	padding:5px 10px 10px 5px;
	height:190px;
	overflow:auto;
}

#par1,
#par2,
#par3,
#par4,
#par5 {
	display:none;
}

#news_mrg60 {
	border:1px solid #cccccc;
	border-top:0;
	display:block;
	float:left;
	clear:both;
	width:780px;	/* IE4.x-5.x*/
	padding:30px 60px 30px 60px;
	background:#ffffff;
	background-image:url("../img/news/back_news.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	font-family:Arial, "Sans Serif";
	voice-family: "\"}\"";
	width: 660px;
	margin-top: 20px;
}{}

#news_mrg400 {
	border:1px solid #cccccc;
	border-top:0;
	display:block;
	float:left;
	clear:both;
	padding:30px 60px 30px 400px;
	background-repeat:repeat-x;
	background-position:top left;
	width:780px;	/* IE4.x-5.x*/
	font-family:Arial, "Sans Serif";
	voice-family: "\"}\"";
	width: 320px;
}{}

#news_mrg300 {
	border:1px solid #cccccc;
	border-top:0;
	display:block;
	float:left;
	clear:both;
	padding:30px 60px 30px 300px;
	background-repeat:repeat-x;
	background-position:top left;
	width:780px;	/* IE4.x-5.x*/
	font-family:Arial, "Sans Serif";
	voice-family: "\"}\"";
	width: 420px;
}{}

#news_mrg200 {
	border:1px solid #cccccc;
	border-top:0;
	display:block;
	float:left;
	clear:both;
	padding:30px 60px 30px 200px;
	background-repeat:repeat-x;
	background-position:top left;
	width:780px;	/* IE4.x-5.x*/
	font-family:Arial, "Sans Serif";
	voice-family: "\"}\"";
	width: 520px;
}{}

#newsBody{
	display:block;
	float:left;
	clear:both;
	/* height:42px; */
	/*overflow:hidden; */
	margin: 10px 0 0 0;
}

#newsToggle {
	display:block;
	float:left;
	width:200px;
	clear:both;
}

/*
// -------------------------------
//  CART
// -------------------------------
*/


.cart th {
	margin:0;
	padding:0;
	text-align:left;
}

.cart_credit
{
}

.cart_contents img
{
	border-right:1px solid #eeeeee;
}

.cart_contents
{
	display:block;
	float:left;
	color:#666666;
	font-size:11px;
}

.cart_contents th
{
	padding:3px 6px 3px 6px;
	margin:0;
	border-bottom :0px solid #cccccc;
}

.cart_contents td
{
	padding:5px 6px 5px 6px;
	border-top :1px solid #cccccc;
}

.cart_totals
{	
	float:left;


	
	border-top :1px solid #cccccc;
}

.cart_totals td
{
	width:auto;
	padding:6px 6px 6px 6px;
}

td.pad {
	padding:0 0 0 14px;
}

/*
// -------------------------------
//  FOOTER
// -------------------------------
*/

#footer {	
	position:relative;
	clear:both;
	left:50%;
	width:780px;
	margin: 0 0 0 -390px;
	padding:2px 0 30px 0;
	color:#444444;


}

#footer div.icons {
	margin-top: 10px;
	margin-bottom: 5px;
	width:780px;
	text-align:center;
}

#footer div.icons img {
	border: 0;
}

#footer div.text {

line-height:1.14em;
	padding: 5px 0 0 0;
	text-align:center;
}

#footer div.text a {
	color:#555555;
}

#footer span.small {
	line-height:1.10em;
	font-size:10px;
	color:#777777;
}