#navigation{
top:0px;
left:0px;
height:34px;
padding:0px;
width:100%;
font-family: 'Lucida Grande', Arial, sans-serif;
text-decoration: none;
color:#ffffff;
font-size: 10pt;
font-weight: thin;
background-color:#ffffff;
background-image:url(images/navigation-bg.jpg);
background-repeat:repeat;
position: absolute;
}

#navigation a{
top:0px;
left:0px;
height:14px;
padding:10px;
padding-left:20px;
padding-right:20px;
float:left;
/*
border-left:1px solid #666688; 
*/
border-left:1px solid #886573;
border-style:none;
border-left-style:solid;
color:#ffffff;
font-family: 'Lucida Grande', Arial, sans-serif;
text-decoration: none;
font-size: 10pt;
font-weight: thin;
}


#navigation a:hover{
top:0px;
left:0px;
height:14px;
padding:10px;
padding-left:20px;
padding-right:20px;
float:left;
border-left:1px solid #8888aa;
border-style:none;
border-left-style:inset;
color:#ffffff;
font-family: 'Lucida Grande', Arial, sans-serif;
text-decoration: none;
font-size: 10pt;
font-weight: thin;
background-image:url(images/navigation-bg-hover.jpg);
background-repeat:repeat;
}


#navigation a.selected{
top:0px;
left:0px;
height:14px;
padding:10px;
padding-left:20px;
padding-right:20px;
float:left;
border-left:1px solid #8888aa;
border-style:none;
border-left-style:inset;
color:#ffffff;
font-family: 'Lucida Grande', Arial, sans-serif;
text-decoration: none;
font-size: 10pt;
font-weight: thin;
background-image:url(images/navigation-bg-selected.jpg);
background-repeat:repeat;
}

#navigation form {
height:34px;
width:180px;
position: relative;
top:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
float:right;
/*
border-left:1px solid #666666;
*/
color:#444444;
font-family: 'Lucida Grande', Arial, sans-serif;
text-decoration: none;
font-weight: thin;
font-size: 9pt;
}

.gecko {
background-image:url(images/navigation-search.png);
background-repeat:no-repeat;
}

.trident {
background-image:url(images/navigation-search.gif);
background-repeat:no-repeat;
}

#navigation input {
height:16px;
width:150px;
left:12px;
position: relative;
top:9px;
padding-top:1px;
padding-left:4px;
padding-right:4px;
float:left;
/*
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
*/
color:#444444;
font-family: 'Lucida Grande', Arial, sans-serif;
text-decoration: none;
font-size: 9pt;
font-weight: thin;
outline: none;
}


#navigation form.selected {
height:18px;
padding:5px;
padding-left:30px;
padding-right:30px;
float:left;
border-left:1px solid #666666;
color:#ffffff;
font-family: 'Lucida Grande', Arial, sans-serif;
text-decoration: none;
font-size: 8pt;
font-weight: thin;
background-image:url(images/navigation-bg-selected.jpg);
background-repeat:repeat;
}


#checkout_crumbs{
top:0px;
left:0px;
height:24px;
padding:0px;
width:100%;
font-family: 'Lucida Grande', Arial, sans-serif;
text-decoration: none;
color:gray;
font-size: 8pt;
font-weight: thin;
background-color:#ffffff;
position: absolute;
}

a {
color: #555555;
font-size: 9pt;
font-family: 'Lucida Grande', Arial, sans-serif;
text-decoration: none;
} 


a:visited {
color: #555555;
font-size: 9pt;
font-family: 'Lucida Grande', Arial, sans-serif;
text-decoration: none;
}

a:hover {
color: #555555;
font-size: 9pt;
font-family: 'Lucida Grande', Arial, sans-serif;
text-decoration: underline;
}
         

a:active { }


body {
    background: #fff; 
    font: 12px 'Lucida Grande', Arial, sans-serif; color: #000;
}



table, td {font: 12px 'Lucida Grande', Arial, sans-serif;
color: #000;}

FONT.GRIS {
  color: #555555;
}

FONT.LIGHTGRIS {
  color: #bbbbbb;
}

FONT.GREEN {
  color: #339933;
}

FONT.H1B {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 20pt;
  color: #000000;
}

FONT.H1W {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 20pt;
  color: #ffffff;
}

FONT.H1P {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 20pt;
  color: #553388;
}

FONT.PP {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 10pt;
  color: #553388;
}

FONT.H {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 15pt;
  font-weight: bold;
  color: #000000;
}

FONT.H1G {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 20pt;
  color: #339933;
}


FONT.H2 {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 13pt;
  font-weight: bold;
  color: #000000;
}

FONT.H3 {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color: #000000;
}

FONT.H4 {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}

FONT.HEADLINE {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 16pt;
  font-weight: thin;
  color: #587396;
/*
  color: #222222;
*/
}

FONT.BLOGTEXT {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 9pt;
  font-weight: thin;
  color: #222222;
}

FONT.BLOGTITLE {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 10pt;
  font-weight: thin;
  color: #587396;
}

FONT.BLOGSUBTITLE {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 9pt;
  font-weight: thin;
  color: #222222;
}

FONT.BRIGHTPATCHES {
  font-family: Cursive, Fantasy, 'Times New Roman', 'Times', 'serif';
  font-size: 11pt;
  font-weight: thin;
  color: #222222;
}

FONT.STOREITEM {
  color: #587396;
}

FONT.P {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 10pt;
  color: #000000;
}

FONT.PB {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}

FONT.RH1 {
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 20pt;
  font-weight: bold;
	color: #000000;
}

FONT.RH2 {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
}

FONT.RH3 {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
}

FONT.RP {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 8pt;
  color: #000000;
}

FONT.BULLET_T {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 9pt;
  font-weight: thin;
  color: #000000;
}

FONT.BULLET_B {
  font-family: 'Lucida Grande', Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: #000000;
}


textarea {
font-size: 12px;
width:100%;
}


.tdItems {
white-space:nowrap;
}

.storeItems {
    left:0px; 
    top:50px;
    position: absolute;
    width:98%;
    height:120px;
    overflow:auto;
/*
    border:1px solid #0000ff;
*/
    border:none;
    background-color:#ffffff;        
    margin-right:5px;
    margin-left:5px;
    margin-bottom:5px;
    padding:0px;
/*
    font-weight:bold;
*/
    font-weight:thin;
    text-align:center;
}

.showItem {
    left:0px; 
    top:230px;
    position: absolute;
    width:98%;
    height:360px;
    overflow:auto;
/*
    border:1px solid #777777;
*/
    border:none;
    background-color:#ffffff;        
    margin-right:5px;
    margin-left:5px;
    margin-bottom:5px;
    padding:0px;
    font-family:'Lucida Grande', Arial, sans-serif;
    font-weight:thin;
    text-align:center;
    position: absolute;
}


.shoppingCart {
    left:0px; 
    top:604px;
    position: absolute;
    width:98%;
    height:110px;
    overflow:auto;
/*
    border:none;
*/
    border:1px solid #dddddd;
    background-color:#ffffff;        
    margin-right:5px;
    margin-left:5px;
    margin-bottom:5px;
    padding:0px;
/*
    font-weight:bold;
*/
    text-align:center;
    position: absolute;
}

.checkOut {
    left:0px; 
    top:720px;
    position: absolute;
    width:98%;
    height:30px;
/*
    border:1px solid #aaaaff;
*/
    border:none;
    background-color:#ffffff;        
    margin-right:5px;
    margin-left:5px;
    margin-bottom:5px;
    padding:0px;
/*
    font-weight:bold;
*/
    text-align:center;
    position: absolute;
}

.templateBottom {
    left:0px; 
    top:746px;
    position: absolute;
    width:98%;
    height:100px;
    overflow:hidden;
/*
    border:1px solid #0000ff;
*/
    border:none;
    background-color:#ffffff;        
    margin-right:5px;
    margin-left:5px;
    margin-bottom:5px;
    padding:0px;
/*
    font-weight:bold;
*/
    text-align:center;
    position: absolute;
}

.shapeChooser {
    width:24px;
    height:24px;
    border:none;
    background-color:#FFF;        
    margin-right:5px;
    margin-left:5px;
    margin-bottom:5px;
    padding:0px;
    font-weight:bold;
    text-align:center;
    position: absolute;
}

.colorWell{
    width:24px;
    height:24px;
    border:none;
/*
    border:1px solid #000;
*/
    background-color:#FFF;        
    margin-right:5px;
    margin-left:5px;
    margin-bottom:5px;
    padding:0px;
    font-weight:bold;
    text-align:center;
    position: absolute;
}

.blogSideBox{
    width:220px;
    height:100%;
/*
    border:1px solid #000;
*/
    border:none;
    float:right;
    background-color:#eeeeee;
    overflow:auto;
    margin-bottom:0px;
    padding:6px;
    font-weight:thin;
    text-align:left;
    position: absolute;
    right:0px;
    top:34px;
}        

.dropBox{
    width:200px;
    border:none;
/*
    border:1px solid #000;
*/
    background-color:#FFFFFF;
    height:220px;
    overflow:auto;
    margin-bottom:10px;
    padding:3px;
    font-weight:thin;
    text-align:center;
    position: absolute;
}        

.learnMore {
    left:0px; 
    top:50px;
    position: absolute;
    width:98%;
    height:510px;
    overflow:auto;
/*
    border:1px solid #0000ff;
*/
    border:none;
    background-color:#ffffff;        
    margin-right:5px;
    margin-left:5px;
    margin-bottom:5px;
    padding:0px;
    text-align:left;
}

.detailsPage {
    left:0px; 
    top:20px;
    position: absolute;
    width:98%;
/*
    height:510px;
    overflow:auto;
    border:1px solid #0000ff;
*/
    border:none;
    background-color:#ffffff;        
    margin-right:5px;
    margin-left:5px;
    margin-bottom:5px;
    padding:0px;
    text-align:left;
}