/* base */

BODY	{
	background-color:#ffffff;
	margin:20px 10px 10px 30px;
	/* set default font size to 10px for easy scaling calculations */
	font-size:62.5%; 
	font-family:Geneva,"MS Sans Serif",verdana,sans-serif;
	color:#061e6b;
}

/* home */

BODY.news H1	{
	margin:10px 0px 5px 0px;
}

/* globals */

DIV.logo	{
	margin:10px 0px 12px 0px;
}

IMG	{
	border:none;
}

A 	{
	text-decoration:none;
	color:#061e6b;
}

UL#primary LI STRONG, DIV#secondary UL LI STRONG, A.current	{
	color:#7e7e7e;
}

A:hover	{
	text-decoration:underline;
}

/* general */

DIV#panel	{
	float:left;
	width:280px;
}

DIV#panel P.description	{
	font-size:1em;
	margin-bottom:23px;
}

DIV#panel P.contact	{
	font-size:1.1em;
	margin-bottom:35px;
}

DIV#panel H2, DIV#panel H3	{
	font-size:1em;
	font-weight:normal;
	color:#8b271b;
	margin-bottom:10px;
}

DIV#content	{
	float:left;
	margin:56px 0px 0px 0px;
	padding-bottom:30px;
	width:612px;
	color:#666666;
}

DIV#content A	{
	color:#666666;
}

DIV#content H2, DIV#content H3	{
	font-size:1.3em;
	font-weight:normal;
	color:#8b271b;
	margin:0px 0px 20px 0px;
}

DIV#content P	{
	width:550px; /* content text width */
}


/* CONTENT */

/*

about

*/


BODY.about DIV#content P	{
	font-size:1.4em;
}

BODY.home DIV#content P	{
	font-size:1.6em;
}

/*

news (home)

*/

BODY.news DIV#content P	{
	font-family:courier,monospace;
	font-size:1.5em;
}

BODY.news DIV#content P	A	{
	text-decoration:underline;
}

BODY.news DIV#content DIV.headline H2	{
	margin-top:30px;
	margin-bottom:20px;
}

BODY.news DIV#content DIV.headline.first H2	{
	margin-top:0px;
}

BODY.news DIV#content DIV.headline IMG	{
	margin-bottom:10px;
}

/* product */

BODY.product DIV#content P	{
	font-size:1.5em;
}

BODY.product DIV#content P	A	{
	text-decoration:underline;
}

DIV.productgroup	{
	width:630px;
	float:left;
	margin-bottom:20px;
}

DIV.productgroup SPAN	{
	float:left;
}

DIV.productgroup SPAN.im1	{
	padding-right:30px;
}

DIV.productgroup SPAN.im2 {
	width:300px;
}

DIV.productgroup SPAN.im3 {
	width:400px;
}

DIV.productgroup SPAN.im4 {
	width:200px;
}


DIV.productgroup SPAN.im5 {
	width:400px;
}

DIV.productgroup SPAN.im6 {
	width:400px;
}

DIV.productgroup SPAN.im2 IMG.stacked {
    margin-top:19px;
}

DIV.productgroup SPAN.vertical {
	width:102px;
}

DIV.productgroup SPAN.im2 SPAN	{
	float:left;
	margin:0px 22px 19px 0px;
}

DIV.productgroup SPAN.im3 SPAN	{
	float:left;
	margin:0px 22px 19px 0px;
}
	
DIV.productgroup SPAN.im4 SPAN	{
	float:left;
	margin:0px 22px 19px 0px;	
}

DIV.productgroup SPAN.im5 SPAN	{
	float:left;
	margin:133px 22px 19px 0px;	
}

DIV.productgroup SPAN.im6 SPAN	{
	float:left;
	margin:0px 0px 0px 0px;	
}

DIV.productgroup SPAN.im2 SPAN IMG	{
	border:1px solid #666666;
}

DIV.productgroup SPAN.im3 SPAN IMG	{
	border:1px solid #666666;
}

DIV.productgroup SPAN.im4 SPAN IMG	{
	border:1px solid #666666;
}

DIV.productgroup SPAN.im5 SPAN IMG	{
	border:1px solid #666666;
}

DIV.productgroup SPAN.im6 SPAN IMG	{
	border:1px solid #FFFFFF;
}

DIV.productgroup.withBorder SPAN IMG {
    border:1px solid #666666;
}

DIV.withBorder {
    width:632px;
}

DIV.withBorder SPAN.im1 {
    padding-right:28px;
}

DIV.noborder, img.noborder{ 
border: 0px; 
text-decoration:none; 
}



/* stockists */

BODY.stockists DIV#content UL LI	{

	font-size:1.5em;
}

BODY.stockists UL	{
	list-style:none;
	padding:0px;
	margin:0px 0px 20px 0px;
}

BODY.stockists UL LI	{
	padding:0px;
	margin:0px;
}

/* navigation */

UL#primary, UL#external 	{
	width:216px;
	font-size:1.5em;
	list-style:none;
	padding:15px 0px 0px 0px;
	margin:15px 0px 8px 0px;
	text-transform: uppercase;
	background:url(dots.gif) repeat-x top left;
}

UL#primary LI, UL#external LI	{
	padding:0px;
	margin:0px 1px 4px 0px;
}

UL#primary LI STRONG, UL#external LI STRONG	{
	font-weight:normal;	
}

UL#primary LI.last, UL#external LI.last	{
	margin-right:0px;
}

DIV#secondary	{
	width:216px;
	padding-top:15px;
	background:url(dots.gif) repeat-x top left;
}

DIV#secondary UL	{
	font-size:1em;
	list-style:none;
	padding:0px 0px 10px 0;
	margin:0px 0px 0px 0px;
}

DIV#secondary UL STRONG	{
	font-weight:normal;
}

DIV#secondary UL.last	{
	padding:0px 0px 25px 0;
	background:url(dots.gif) repeat-x bottom left;
}

/* clearfix treatments - layout essentials, do not remove */

DIV.productgroup:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

DIV.productgroup	{
	display:inline-block;
}