
body, html {
	width: 100%;
	height: 100%;
	background-color: #000000;
}

/* _________________________________ RESET __________________________________ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 14px;
	line-height: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

form,fieldset,input,textarea,select {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 13px;
	color: #333333;
}


input, textarea {
	background: #cccccc;
	border: 1px solid #888888;
	padding: 2px 3px 2px 3px;
	margin-right: 0px;
}

input.form_r {
	text-align: right;
}

img {
	border: 0;
	margin: 0px;
	padding: 0px;
	float: left;
}

td {
	vertical-align: top;
}

div {
	display: inline;
	position: relative;
	float: left;
}

a:link {
	color: #ffffff;
	text-decoration: underline;
}
a:visited {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	color: #ff0099;
	text-decoration: underline;
}
a:active {
	color: #ffffff;
	text-decoration: underline;
}


a:link.pinklink {
	color: #ff0099;
	text-decoration: underline;
}
a:visited.pinklink {
	color: #ff0099;
	text-decoration: underline;
}
a:hover.pinklink {
	color: #ffffff;
	text-decoration: underline;
}
a:active.pinklink {
	color: #ff0099;
	text-decoration: underline;
}


a.biglink {
	text-decoration: underline;
	font-size: 20px;
	line-height: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

a:link.biglink {
	color: #ffffff;
}
a:visited.biglink {
	color: #ffffff;
}
a:hover.biglink {
	color: #ff0099;
}
a:active.biglink {
	color: #ffffff;
}


div.amz p {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;	
}
div.amz iframe {
	margin: 10px 0px 10px 0px;

}
/* _________________________________ GENERAL TYPO __________________________________ */

span.bold {
	font-weight: bold;
}
span.strike {
	text-decoration: line-through;
}
span.red {
	color: red;
}
span.pink {
	color: #ff0099;
}
span.pinkbold {
	color: #ff0099;
	font-weight: bold;
}

h2 {
	font-size: 14px;
	display: block;
}
h3 {
	font-size 14px;
	display: block;
}
h4 {
	margin-bottom: 10px;
	display: block;
}

p.margin_b {
	margin-bottom: 21px;
}


/* _________________________________ GENERAL __________________________________ */
/* PINK: #ff0099 */

.bb {
	border-bottom: 1px solid #ff0099;
}
.pb {
	padding-bottom: 21px;
}

body {
	background: #000000;
}

div.right {
	float: right;
}

#site {
	width: 917px;
	margin: 36px 0px 0px 60px;
	padding: 0px 0px 21px 0px;
}

#site_tc {
	width: 560px;
	margin: 36px 0px 0px 60px;
}
#logo_tc {
	width: 560px;
	padding-bottom: 38px;
	border-bottom: 1px solid #ff0099;
	margin: 0px 0px 20px 0px;
}

#topcontainer {
	width: 917px;
	margin: 0px 0px 21px 0px;
	border-bottom: 1px solid #ff0099;
}
#bottomcontainer {
	width: 917px;
	margin: 0px 0px 30px 0px;
}

#leftcontainer {
	width: 357px;
}
#rightcontainer {
	width: 560px;
}

#logo {
	width: 560px;
	padding-bottom: 38px;
	border-bottom: 1px solid #ff0099;
	margin: 0px 0px 20px 357px;
}
#quotebox {
	width: 560px;
	padding: 6px 0px 26px 0px;
	margin: 0px 0px 0px 357px;
}
#quotebox p {
	font-weight: bold;
	font-size: 30px;
	line-height: 38px;
	letter-spacing: 1px;
}
#smallquote_top {
	width: 560px;
	padding: 6px 0px 6px 0px;
	margin: 0px 0px 20px 357px;
}
#smallquote_top p{
	font-weight: bold;
	font-size: 22px;
	font-style: italic;
	line-height: 30px;
	letter-spacing: 1px;
}
#smallquote {
	width: 560px;
	padding: 0px 0px 21px 0px;
	border-bottom: 1px solid #ff0099;
}
#smallquote p{
	font-weight: bold;
	font-size: 22px;
	font-style: italic;
	line-height: 30px;
	letter-spacing: 1px;
}
#normalquote {
	width: 560px;
	padding: 0px 0px 21px 0px;
	border-bottom: 1px solid #ff0099;
	margin: 0px 0px 21px 0px;
}
#normalquote p{
	font-style: italic;
	font-size: 14px;
	line-height: 16px;
}
span.author {
	color: #ffffff;
	font-style: normal;
}



div.pr {
	width: 560px;
	font-size: 16px;	
}
div.pr_m {
	width: 560px;
	font-size: 16px;
	padding: 21px 0px 21px 0px;
	border-bottom: 1px solid #ff0099;
}
div.pr p, div.pr_m p {
	font-size: 14px;	
}
div.pr h4, div.pr_m h4 {
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	margin: 2px 0px 16px 0px;	
}


h2.bigpink {
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 21px;
	color: #ff0099;
}

#newsbox {
	width: 560px;
	margin: 21px 0px 16px 0px;
	padding: 0px 0px 21px 0px;
	border-bottom: 1px solid #ff0099;
}
#newsbox h2 {
	margin-bottom: 21px;
}
div.newsentry {
	width: 100%;
	margin-bottom: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div.newsentry h3 {
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	clear:both;
}
div.newsentry p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	clear:both;
}
div.newsentry img{
	margin-top: 9px;
	margin-bottom: 9px;
}


div.newsimg {
	width: 100%;
	margin-top: 9px;
	margin-bottom: 9px;
}

div.newsentryw {
	width: 100%;
	margin-bottom: 21px;
}
div.newsentryw h3 {
	margin-bottom: 0px;
	font-weight: bold;
	clear:both;
}
div.newsentryw p {
	clear:both;
}
div.newsimg img{

}

#media {
	width: 560px;	
	margin: 0px 0px 21px 0px;
	padding: 0px 0px 21px 0px;
}
#media h4 {
	font-size: 14px;
	margin: 0px 0px 21px 0px;	
}
#media p {
	font-size: 14px;
	line-height: 18px;
}



#aboutbox {
	width: 560px;	
}
#aboutbox h2 {
	font-weight: bold;
	font-size: 30px;
	line-height: 38px;
	margin-bottom: 21px;
	letter-spacing: 1px;

}
#aboutbox h3 {
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 21px;
	color: #ff0099;
}

#menuslist {
	width: 560px;
	margin: 0px 0px 21px 0px;
	padding: 0px 0px 21px 0px;
	font-size: 20px;	
	line-height: 26px;
}


div.imgsbox {
	margin: 30px 0px 0px 0px;
	width: 560px;	
}

div.imgsbox_b {
	margin: 30px 0px 0px 0px;
	width: 560px;
	padding-bottom: 21px;
	border-bottom: 1px solid #ff0099;
}

div.image {
	width: 176px;
	overflow: hidden;
	margin-right: 16px;
}

div.image_nm {
	width: 176px;
	overflow: hidden;
}

#selectbox select{
	background: #999999;
	padding: 1px 3px 1px 3px;
	border: 1px solid #999999;
	color: white;
	font-size: 20px;
	line-height: 26px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


#menuitems {
	width: 560px;
	margin: 16px 0px 16px 0px;	
}

div.menurow {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 16px 0px;
	width: 560px;	
}
div.menuitem {
	width: 368px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 32px 0px 0px;
}
div.ta {
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 16px 0px 0px;
	text-align: center;
}
div.ei {
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
div.menuitem_o {
	width: 338px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 32px 0px 0px;
}

div.ta_o {
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 16px 0px 0px;
	text-align: center;
}
div.qty {
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 16px 0px 0px;
	text-align: center;
}
div.tot {
	float: right;
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}
div.total {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}

#loctext {
	width: 560px;
	margin: 16px 0px 0px 0px;
}

#locdetails {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px solid #ff0099;
	width: 560px;
}
#locdetails_l, #locdetails_r, #locdetails_r div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div.mr {
	margin-right: 16px;
}


#locdetails_r {
	float: right;
}

div.map {
	margin-top: 30px;
	border-top: 1px solid #ff0099;
	border-bottom: 1px solid #ff0099;
}

div.disclaimer {
	width: 560px;
	margin-top: 0px;
	border-top: 1px solid #ff0099;
	padding: 16px 0px 0px 0px;
}
div.disclaimer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.formbox, div.formbox_nm, div.formbox_nm_nb {
	width: 560px;
}
div.formbox {
	margin-top: 30px;
	border-top: 1px solid #ff0099;
	padding: 16px 0px 0px 0px;
}
div.formbox_nm {
	border-top: 1px solid #ff0099;
	padding: 16px 0px 0px 0px;
}
div.formbox_nm_nb {
	padding: 0px 0px 16px 0px;
}

div.formbox h4, div.formbox_nm h4, div.formbox_nm_nb h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0099;
}

div.formleft {
	width: 272px;
	margin-right: 16px;
}
div.formright {
	width: 272px;
}
textarea {
	margin-bottom: 8px;
}

div.formrow {
	height: 18px;
	width: 272px;
	margin: 0px 0px 12px 0px;
}
div.formrow_d {
	height: 48px;
	width: 272px;
	margin: 0px 0px 12px 0px;
}

div.formrow_h, div.formrow_h_b, div.formrow_h_add {
	width: 560px;
	margin: 0px 0px 12px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div.formrow_h_add {
	margin: 12px 0px 0px 0px;
}
div.formrow_h_b {
	border-top: 1px solid #666666;
	padding-top: 8px;
}
div.hlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 8px 4px 0px;
}

div.hlabel h4 {
	color: #ffffff;
	margin: 0px 0px 8px 0px;
}

div.address {
	width: 272px;
	margin: 0px 0px 12px 0px;	
}

div.formlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
div.formfield {
	float: right;	
}



#submitrow {
	width: 560px;
	margin-top: 21px;
	border-bottom: 1px solid #ff0099;
	padding: 0px 0px 21px 0px;
}

#submitrow_nb {
	width: 560px;
	margin-top: 21px;
	padding: 0px 0px 0px 0px;
}

div.submit a {
	float: left;
	height: 0px !important;
	height /**/:29px; /* IE 5/Win hack */ 
	padding: 29px 0 0 0;
	overflow: hidden;
}

div.submit a:hover {
	background-position: 0 -29px;
}

a.placeorder {
	background: url(/img/submit/placeorder.gif) top left no-repeat;
}
a.applyonline {
	background: url(/img/submit/applyonline.gif) top left no-repeat;
}
a.openaccount {
	background: url(/img/submit/openaccount.gif) top left no-repeat;
}
a.sendform {
	background: url(/img/submit/sendform.gif) top left no-repeat;
}
a.sendorder {
	background: url(/img/submit/sendorder.gif) top left no-repeat;
}

/* _______________________________ MAIN NAVI _______________________________ */

#credits {
	width: 560px;
	text-align: right;
	float: right;
	margin: 0px 0px 21px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


#mainmenu {
	width: 230px;
	margin: 7px 0px 26px 0px;
}

div.navi,div.naviselected {
	width: 230px;
	height: 17px;
	margin: 0px 0px 4px 0px;
}

div.navi a, div.naviselected a {
	float: left;
	height: 0px !important;
	height /**/:17px; /* IE 5/Win hack */ 
	padding: 17px 0 0 0;
	overflow: hidden;
	width: 230px;
}

div.navi a:hover {
	background-position: 0 -17px;
}

div.naviselected a {
	background-position: 0 -34px;
}


a.home {
	background: url(/img/navi/home.png) top left no-repeat;
}
a.news {
	background: url(/img/navi/news.png) top left no-repeat;
}
a.aboutus {
	background: url(/img/navi/aboutus.png) top left no-repeat;
}
a.menu {
	background: url(/img/navi/menu.png) top left no-repeat;
}
a.locations {
	background: url(/img/navi/locations.png) top left no-repeat;
}
a.deliveries {
	background: url(/img/navi/deliveries.png) top left no-repeat;
}
a.careers {
	background: url(/img/navi/careers.png) top left no-repeat;
}
a.press {
	background: url(/img/navi/press.png) top left no-repeat;
}
a.espresso {
	background: url(/img/navi/espressoyourself.png) top left no-repeat;
}
a.stezaker {
	background: url(/img/navi/stezaker.png) top left no-repeat;
}
a.nutritional {
	background: url(/img/navi/nutritional.png) top left no-repeat;
}

a.order {
	background: url(/img/navi/placeanorder.png) top left no-repeat;
}
a.account {
	background: url(/img/navi/openanaccount.png) top left no-repeat;
}

a.quotes {
	background: url(/img/navi/quotes.png) top left no-repeat;
}
a.prs {
	background: url(/img/navi/pressreleases.png) top left no-repeat;
}

#fb {
	width: 300px;
	margin: 0px 0px 34px 0px;
}

#clickhere {
	width: 300px;
	margin: 0px 0px 24px 0px;
}
#clickhere a {
	float: left;
	height: 0px !important;
	height /**/:32px; /* IE 5/Win hack */ 
	padding: 32px 0 0 0;
	overflow: hidden;
	width: 300px;
	margin-bottom: 21px;
}
#clickhere a:hover {
	background-position: 0 -32px;
}

a.clickhere_contact {
	background: url(/img/artwork/clickhere_contact.gif) top left no-repeat;
}
a.clickhere_order {
	background: url(/img/artwork/clickhere_order.gif) top left no-repeat;
}
a.clickhere_print {
	background: url(/img/artwork/clickhere_print.gif) top left no-repeat;
}

