/*
 * Copyright 2007-2008 Moonrug Software.  All Rights Reserved.
 */
body
{
width: 800px;
background: #edf9f9;
font-family: Verdana;
font-size: 9pt;
margin: 8px;
}

.clear
{
clear: both;
}

#header
{
position: relative;
background-color: #c9d3dc;
width: 800px;
height: 60px;
border-bottom: 2px solid #5a5f85;
margin-bottom: 8px;
}

#header h1
{
position: absolute;
top: 0;
margin-top: 0;
height: 60px;
width: 475px;
text-indent: -999em;
background: url("images/header_small.jpg") no-repeat left top;
}

#tabs
{
position: absolute;
float: right;
bottom: 0;
right: 0;
width: 325px;
background: #c9d3dc;
font-size: 93%;
}

#tabs ul
{
margin: 0;
padding: 10px 10px 0 100px;
list-style: none;
}
#tabs li
{
display: inline;
margin: 0;
padding: 0;
}

#tabs a
{
float: left;
background: url("images/tableft.gif") no-repeat left top;
margin: 0;
padding: 0 0 0 4px;
text-decoration: none;
}

#tabs a span
{
float: left;
display: block;
background: url("images/tabright.gif") no-repeat right top;
padding: 5px 15px 4px 6px;
color: #FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover span
{
color: #FFFFFF;
}
#tabs a:hover
{
background-position: 0% -42px;
}
#tabs a:hover span
{
background-position: 100% -42px;
} 

#recent
{
text-align: center;
color: white;
padding: 3px;
background-color: #5a5f85;
}

#recent a
{
color: white;
background-color: #5a5f85;
text-decoration: underline;
}

#recent h2
{
background-color: #5a5f85;
color: white;
font: bold 10pt verdana;
margin-top: 0px;
margin-bottom: 0px;
padding: 2px;
}

#links
{
text-align: left;
color: white;
padding: 3px;
background-color: #c9d3dc;
}

#links a
{
color: #5a5f85;
padding-left: 20px;
}
#links a:hover
{
color: black;
padding-left: 20px;
}

#linkblend
{
background: url(images/linkblend.gif);
background-repeat: repeat-x;
height: 100px;
}

#content
{
margin-left: 200px;
line-height: 1.4;
}

/*
.section
{
border-left: 2px solid #5a5f85;
margin-bottom: 5px;
}
*/
/*
.section h2
{
background-color: #5a5f85;
color: white;
font: bold 10pt verdana;
margin-top: 0px;
margin-bottom: 0px;
padding: 5px;
text-align: left;
}

.section h3
{
font: bold 9pt verdana;
margin-left: 5px;
}
*/

.section p
{
margin-left: 5px;
text-align: left;
}

#content
{
margin-left: 200px;  /* L */
zoom: 1;
line-height: 1.4;
}

.left
{
float: left;
position: relative;
width: 185px;
margin-left: -201px;
margin-right: 2px;
}

.right
{
float: right;
width: 100%;
margin-left: -1px;
}

.inleft, .inright
{
width: 100%;
/*overflow: hidden;*/
}

.inleft h3
{
background: url("images/arrow.gif") no-repeat;
color: black;
font: bold 10pt verdana;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 0px;
text-align: left;
}




#footer
{
font-size: 7pt;
margin-left: 200px;
}

a
{
color: #5a5f85;
}

a:hover
{
color: black;
}

li
{
padding-bottom: 5px;
}

.store-tools
{
background-color: #5a5f85;
color: white;
margin-top: 0;
padding: 3px;
}

.store-variation-selector-title
{
color: white;
}

.store-decorate-button .store-page-navigation .store-action-command
{
background-color: #c9d3dc;
border-color: #C9D3DC #5A5F85 #5A5F85 #C9D3DC;
color: black;
}

.store-decorate-button .store-page-navigation .store-action-command:hover,
.store-decorate-button .store-page-navigation .store-action-command:active
{
background-color: #5a5f85;
border-color: white black black white;
color: white;
}