
div#test { color: #000; }

body
{
    margin: 0;
    padding: 0;
    font: 82% verdana, helvetica, san-serif;
    text-align: center;
    background-image:url('images/bg_drop.gif');
    background-repeat:repeat;
}
div { border: 0px;}

h2 { color:#284f42; margin: 0 0 .7em 0;}
h3 { color:#284f42; margin: 0 0 -0.8em 0;}
h4 { margin: 0 0 -0.8em 0;}
img { border: 0px;}
p { padding: .8em 0 0 .3em; }
a { color:#284f42; }
a:hover { color: #8bc8a9; text-decoration: underline; }   
th { background: #D5E7CC; }

#goBack { margin:  1em 0 0 0; }
#tbl1 { margin: -1em 0 0 0;}
#centrePos { text-align: center; }
#ital { font-style: italic; background: #FEE; padding: .5em .2em;}
#big { font-weight: bold; font: 120% verdana, helvetica, san-serif; color:#000;}
#small { font: 85% verdana, helvetica, san-serif; font-style: italic; }
#specToTop { padding: 0 0 0 23em; }

#container
{
    border: 0px solid blue;
    text-align: left;
    width: 838px;
    margin: 12px auto;
    background:#FFF;
}

#header
{
    height: 178px;
    padding: 0em;
}
#header div {border: 0px solid red; background:#e2f7ee; }

#header div#hdr_LT { float: left; width:465px; height:102px; background-repeat: no-repeat; background-image: url(images/header_logo.gif); background-position: 0% 50%; }
#header div#hdr_MT { float: left; width:210px; height:102px; }
#header div#hdr_RT { float: left; width:163px; height:102px;}
#header div#hdrCart { 
	background-repeat: no-repeat; background-image: url(images/cart.gif); background-position: 18% 100%;
	padding:15px 8px 0 0; 
	font-size:0.9em; 
	color:#284f42;
	text-align:right; }

#header div#hdr_links { clear: left; width:838px; height:44px; 
					    background-repeat: repeat; background-image: url(images/header_links_bg.jpg); }

#header ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 0;
}
#header li { 
	display: inline; 
	padding: 0; 
	font-face: verdana, helvetica, san-serif; 
	font-size: 1.2em;	
}
#header li a
{
    display: block;
    float: left;
    color: #fff;
    padding: .7em .5em .5em 1.5em;
    text-decoration:none;
}
#header li a:hover
{
    text-decoration:none;
    color: #a2dab6;
}


/*
#navigation_container { float: left; width: 175px; background: #284f42; background-repeat: no-repeat; background-image: url(images/left_bg_BR.gif); background-position: 100% 100%; }
#nav_LT { float: left; width: 16px; height: 106px; background-repeat: no-repeat; background-image: url(images/left_bg_TR.gif); background-position: 100% 100%; }
#nav_RB { clear: left; width: 12px; height: 11px; background-repeat: no-repeat; background-image: url(images/left_bg_BL.gif); }
*/

#navigation { 
	float: left; 
	width: 159px; 
	margin-left: 16px;
	padding: .7em 0 0 0;  
	border: 3px solid #b8e6df;  
	-moz-border-radius: 15px;
	border-radius: 15px; 
}

#navigation ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#navigation li { display: list-item; padding: 0 0 0 .2em;}
#navigation li a
{
    display: block;
    padding: .6em .2em .7em .7em;
    text-decoration: none;
    font-weight: normal;
    color: #3c3737;
    border-bottom: 1px solid #b8e6df;
}
#navigation li a:hover
{
    background: #e2f7ee; 
    color: #6B8;
    font-weight: none;
}

/*
#navigation li a#navPS { background-image: url(images/left_nav_supplies_off.gif); }
#navigation li a:hover#navPS { background-image: url(images/left_nav_supplies_on.gif); }
#navigation li a#navFV { background-image: url(images/left_nav_favours_off.gif); }
#navigation li a:hover#navFV { background-image: url(images/left_nav_favours_on.gif); }
#navigation li a#navIN { background-image: url(images/left_nav_invitations_off.gif); }
#navigation li a:hover#navIN { background-image: url(images/left_nav_invitations_on.gif); }
#navigation li a#navGM { background-image: url(images/left_nav_games_off.gif); }
#navigation li a:hover#navGM { background-image: url(images/left_nav_games_on.gif); }
#navigation li a#navCL { background-image: url(images/left_nav_checklist_off.gif); }
#navigation li a:hover#navCL { background-image: url(images/left_nav_checklist_on.gif); }
#navigation li a#navDC { background-image: url(images/left_nav_deco_off.gif); }
#navigation li a:hover#navDC { background-image: url(images/left_nav_deco_on.gif); }
#navigation li a#navET { background-image: url(images/left_nav_etiquete_off.gif); }
#navigation li a:hover#navET { background-image: url(images/left_nav_etiquete_on.gif); }
#navigation li a#navLN { background-image: url(images/left_nav_links_off.gif); }
#navigation li a:hover#navLN { background-image: url(images/left_nav_links_on.gif); }
#navigation li a#navCT { background-image: url(images/left_nav_contact_off.gif); }
#navigation li a:hover#navCT { background-image: url(images/left_nav_contact_on.gif); }
*/

#leftNav {
    padding:0 14px 0 0;
    margin:0;
}

#content
{
    float: left;
    width: 444px;
    margin: 0 20px;
    padding: 0; 
}
#content_wide
{
    float: left;
    width: 530px;
    margin: 0 20px;
    padding: 1em 0 0;
}

ul#anchor
{
    margin: 0 0 2em 2.2em;
    padding: 0;
    list-style-type: decimal;
}
#anchor li { padding: .1em 0em; }
#anchor li a { color: #623; text-decoration: underline; }
#anchor li a:hover { color: #8bc8a9; text-decoration: underline; }


#extras
{
    float: right;
    width: 158px;
    padding: 0em; 
}
#extras div#mailto { float: right; width:158px; height:107px; text-align:right;}
#extras div#extraItem { float: right; margin: 0 0 1em 0; padding: 0;}
#extras div#extraItem H4 {  margin: -1em 0 0 0; }
#extras div#extraItem a#add { color: #623; text-decoration: none; font-weight: bold;}
#extras div#extraItemCenter { width: 158px; text-align:center; display:block; margin: 0; padding: 0; }

#cart
{
    float: right;
    width: 145px;
    height: auto;
    background: #D5E7CC;
    padding: 0.4em;
    margin: 28px 0 0 0;
    border: 2px solid #E780A9; 
    font: 82% verdana, helvetica, san-serif;
    text-align: center;
}

#footer_wrapper
{
    padding: 4.6em 0 0 0; 
    height: 50px;
    clear: left;  
}
#footer
{    
    border-top: 1px solid #667363;
    text-align: center;
    padding: 0; 
    height: 18px;
    font: 85% verdana;   
}
#footer a
{       
    font: 95% verdana;
    color: #623;
    text-decoration: none;
}        
#footer a:hover
{
    color: #8bc8a9;
    text-decoration: underline;
}        

#finePrint
{
    font:72% verdana, helvetica, san-serif;
}
