/***
Green = 6199ff
Orange = ecfd00
Red = ff1e0d
***/

/****** Structure and common styles ******/

body, td, p, h1, h2, h3, h4, input, select, option, textarea, div
{
font-family : Tahoma, Arial, Helvetica, sans-serif; 
min-height:1px; 
}

h1, h2, h3, h4
{font-family : Arial Narrow, Arial, Helvetica, sans-serif;}

body
{background:#000 url(bg-body-glow-necklaces.jpg) top center no-repeat fixed; font-size:12px; margin:0px; padding:0px; color:#999;}

div.contentcontainer
{
clear:both;
margin:0px auto;
padding:0px 0px 0px 0px;
width:828px;
}

/****** Top Band ******/

#topband
{
width:828px;
margin:12px auto 18px auto;
padding:0px;
}

/****** Left Col ******/

#leftcol
{
background: url(bg-left-col.png) center right repeat-y;
float:left;
margin:0px;
padding:6px 0px;
width:228px;
}

#leftcol ul
{
border:0px;
display:block;
margin:0px 6px 6px 6px;
padding:0px 0px;
}

#leftcol ul li
{
border:0px;
list-style-type:none;
margin:0px;
padding:0px;
line-height:18px;
}

#leftcol ul li a
{
font-family : Arial Narrow, Arial, Helvetica, sans-serif;
color:#6199ff;
display:block;
font-size:14px;
font-weight:bold;
margin:0px;
padding:11px 12px 12px 12px;
text-decoration:none;
margin:0px 12px;
border-bottom: #333 1px solid;
}

#leftcol ul li a:hover
{
color:#fff;
}





#leftcol ul.subnavi
{
border:0px;
display:block;
margin:12px 6px 6px 6px;
padding:0px 0px;
}

#leftcol ul.subnavi li
{
border:0px;
list-style-type:none;
margin:0px;
padding:0px;
}

#leftcol ul.subnavi li a
{
font-family : Arial Narrow, Arial, Helvetica, sans-serif;
color:#6199ff;
display:block;
font-size:12px;
font-weight:bold;
margin:0px;
padding:5px 12px 6px 12px;
text-decoration:none;
margin:0px 12px;
border-bottom: #333 1px solid;
}

#leftcol ul.subnavi li a:hover
{
color:#fff;
}

#leftcol p
{
font-size:9px;
line-height:normal;
padding:6px 28px;
margin:0px;

}

/****** Middle Col ******/

#middlecol
{
background: url(bg-middle-col.png) center center;
float:left;
margin:0px;
padding:0px 0px 12px 0px;
width:600px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

#middlecol ul
{margin-top:6px; margin-bottom:6px;}

#middlecol li
{margin:0px 24px 0px 0px; padding:4px 0px; color:#fff;}

.clear, .clearbreak
{clear:both;}

.hide
{display:none;}

p
{
font-size:12px;
margin:0px 6px; 
padding:6px; 
line-height:16px;
}

img
{
border:0px;
vertical-align:top;
}

h1
{
font-size:24px;
font-weight:bold;
color:#fff;
margin:0px;
padding:6px 12px;
border-bottom:#333 1px solid;
}

h2, h3, h4
{
background: #000;
color:#fff; 
font-weight:bold;
font-size:18px;
/*
margin:0px;
padding:14px 18px;
*/

margin:12px 0px 6px 0px;
padding:7px 12px 8px 12px;

-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;
-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px;
}

a
{color:#ecfd00; text-decoration:none;}

a:hover
{color:#fff; text-decoration:underline;}

hr 
{
border: none 0;
border-top: #333 1px dotted;
height: 1px;
} 

form
{
padding:0px;
margin:0px;
}

fieldset
{
border:0px;
margin:0px;
padding:0px;
}

label.labelleft
{
color:#fff;
display:block;
float:left;
width:178px;
padding:2px 12px 0px 12px;
margin:0px;
}

label.labelleft span
{display:none;}

input, textarea, select
{background:#f8f8f8; border:0px; color:#333; font-size:12px; padding:2px;}

input.button
{
background:#333; 
color:#fff; 
font-size:11px;
padding:6px 5px 6px 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px; 
border:#666 1px solid;
}

a.buttonstyle
{
padding:6px 10px;
display:block;
background:#698bd9; 
color:#fff; 
font-size:11px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px; 
}

a:hover.buttonstyle
{
background:#7ba1fc;
text-decoration:none;
}

div.required label
{color:#ff1e0d;}

div.required input, div.required textarea, div.required select
{background:#FFD2CF; color:#ff1e0d;}

small.note
{
display:block;
padding:2px 24px 2px 202px;
color:#fff;
}

label.labelgroup
{
float:left;
padding: 4px 6px;
margin:0px 0px 0px 194px;
font-size:12px;
}

label.labelgroup input
{vertical-align:bottom; padding:0px; margin:0px;}

/*** Four Column Product Layout ***/

div.fourblock
{
float:left;
margin:0px;
padding:6px 6px 12px 6px;
/*height:250px;*/
width:135px;
}

div.fourblockbg
{
margin:0px; 
padding:0px;
/*height:250px;*/
}

div.fourblock img
{
border:#ccc 1px solid; 
margin:0px; 
vertical-align:top;
}

div.fourblocktext
{
padding:6px 6px;
font-size:9px;
height:70px;
color:#666;
}

div.fourblock div.fourblocktext a strong
{font-weight:bold;}

div.fourblock div.fourblocktext a
{
font-size:12px; 
margin:0px 0px 6px 0px; 
display:block;
text-decoration:none;
}

div.fourblock div.fourblocktext a:hover
{}

div.fourblock div.priceblock
{
padding:0px 6px;
font-size:9px;
}

div.fourblock div.priceblock div.price
{
clear:both; 
width:69px; 
float:left; 
height:28px; 
margin:6px 0px 0px 0px; 
padding:4px 0px 0px 0px;
color:#666;
font-size:9px;
font-weight:bold;
}

div.fourblock div.priceblock div.price strong
{
color:#000;
font-size:12px;
font-weight:bold;
}

div.fourblock div.priceblock div.buy
{
width:54px;
float:left;
height:32px;
margin:6px 0px 0px 0px;
}

div.fourblock div.priceblock div.buy img
{
border:0px;
vertical-align:top;
}

/*** Three Column Product Layout ***/

div.threeblock
{
float:left;
margin:0px;
padding:6px 6px 12px 6px;
width:184px;
}

div.threeblockbg
{
margin:0px; 
padding:0px;
}

div.threeblock img
{
border:#ccc 1px solid; 
margin:0px; 
vertical-align:top;
}

div.threeblocktext
{
padding:6px;
font-size:9px;
height:70px;
overflow:hidden;
color:#666;
}

div.threeblock div.threeblocktext a strong
{font-weight:bold;}

div.threeblock div.threeblocktext a
{
font-size:12px; 
margin:0px 0px 6px 0px; 
display:block;
text-decoration:none;
font-weight:bold;
}

div.threeblock div.threeblocktext a:hover
{}

div.threeblock div.priceblock
{
padding:6px;
font-size:9px;
}

div.threeblock div.priceblock div.price
{
clear:both; 
width:118px; 
float:left; 
height:28px; 
margin:6px 0px 0px 0px; 
padding:4px 0px 0px 0px;
color:#666;
font-size:9px;
font-weight:bold;
}

div.threeblock div.priceblock div.price strong
{
color:#000;
font-size:12px;
font-weight:bold;
}

div.threeblock div.priceblock div.buy
{
width:54px;
float:left;
height:32px;
margin:6px 0px 0px 0px;
}

div.threeblock div.priceblock div.buy img
{
border:0px;
vertical-align:top;
}

/*** Two Column Product Layout ***/

div.twoblock
{
float:left;
margin:0px;
padding:6px;
width:282px;
}


div.twoblockbg
{
background:#000;
margin:0px; 
padding:6px 0px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

div.twoblockbg h2, div.twoblockbg h3
{
line-height:16px;
margin:0px 0px 6px 0px;
}

/****** Footer ******/

#footer
{
background: #333 url(bg-footer-glow-necklaces.jpg) top center no-repeat;
clear:both;
font-size:9px;
color:#666;
padding:24px 18px;
margin: 12px 0px;

-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px;
}

#footer strong
{color:#fff;}

#footer a
{color:#fff;}