/* @group Basic */

* {
	font-family: Arial, sans-serif;
}

a {
	text-decoration: none;
	color: #0f77b3;
}

a:hover {
	text-decoration: underline;
}

.curve {
	position: absolute;
}

.curve.left {
	left: -1px;
}

.curve.right {
	right: -1px;
}

.curve.top {
	top:  -1px;
}

.curve.bottom {
	bottom: -1px;
}



/* @end */

/* @group Layout */

#introText {
	background: white url('../images/clouds.jpg') no-repeat top left;
	margin-left: 7px;
}

#wrapper {
	background: white url('../images/header-bg.png') repeat-x top;
}

#wrapperInner {
	width: 876px;
	margin: auto;
}

#content {
	overflow: hidden;
	border-top: 1px solid white;
	background: transparent url('../images/gray-diagonal.gif') repeat-x bottom;
	padding-bottom: 5px;
}

#content h2 {
        margin-left:10px; 
}

#colLeft {
	float: left;
	width: 167px;
	background: white url('../images/left-shadow.png') repeat-y left;
	padding: 11px 10px 0px 10px;
	border-left: 1px solid white;
}

#colRight {
	float: right;
	width: 677px;
        padding:0px  0px 0px 10px;
	background: white url('../images/left-shadow.png') repeat-y left;
	border-right: 1px solid white;
}

#pageContent {
	padding-left: 16px;
}



/* @end */

/* @group Header */

#header {
	height: 138px;
	position: relative;
}

#logo {
	float:  left;
}
#logo h1 a {
	display: block;
	width: 420px;
	height: 39px;
/*	background: url(../images/logo_elfabo.jpg) 0 0 no-repeat; 
	text-indent: -9999px;
	color: #fff; */
	color: white;
	font-size: 38px;
        padding-top:10px;
        text-decoration:none;
}

#logo h1 a small.tagline
{
        font-size:14px;
        color:#c2e2f8;
}

#topSearch	{
	position: absolute;
	right: 0px;
	top: 48px;
}

#topSearch label,
#topSearch input {
	float:  left;
}

#topSearch label {
	color: #c2e2f8;
	font-size: 12px;
	padding: 4px;
}

#q {
	background: transparent url('../images/search-field.png') no-repeat 0 0;
	border: none;
	width: 200px;
        padding:3px 0px 3px 5px;
	height: 22px;
        font:normal 14px Arial,sans-serif;
}

#topBar {
	position: absolute;
	bottom: 0px;
        left:0px;
	width: 100%;
	background: url('../images/top-bg.png') repeat-x bottom;
	height: 32px;
	font-size: 12px;
}

#cartStatus {
	position: absolute;
	top: 10px;
	left: 25px;
	padding-left: 16px;
	background: transparent url('../images/little-white-cart.gif') no-repeat left center;
	color: white;
}

#topMenu {
	position: absolute;
	top: 10px;
	right: 20px;
}

#topMenu li {
	float:  left;
	padding: 0 15px;
	border-left: 1px solid #49b6ff;
}

#topMenu li a {
	color: white;
        font-weight:bold;
}



/* @end */

/* @group Left column */

.boxLeft {
	padding-bottom: 12px;
}

.boxLeft .top {
	color: #0071be;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 2px;
	background: transparent url('../images/gray-and-white.gif') repeat-x bottom;
}

.boxLeft li {
	background: transparent url('../images/little-blue-arrow.gif') no-repeat left center;
	border-bottom: 1px dotted #cccccc;
	padding: 4px 0 4px 12px;
}

.boxLeft li a {
	color: #0f77b3;
        font-size:12px;
}

/* @end */

/* @group Intro text */

#introText .title {
	color: #1a92e3;
	font-size: 24px;
	font-weight: bold;
}

#introText .text {
	padding: 16px;
	background: transparent url('../images/right-shadow-bg.png') repeat-y right;
        font:normal 13px Arial,sans-serif;
}

#introText .blue-separator {
	background: cyan url('../images/cyan-diagonal-bg.gif') repeat;
	height: 9px;
}



/* @end */

/* @group Right column */

#gallery {
	border-collapse: separate;
	margin: 15px 0;
	margin-top: 0;
	border-spacing: 7px;
}

.item {
	width: 197px;
	padding: 10px;
	border: 1px solid #dddddd;
	position: relative;
}

.item h3 a {
	color: #0f77b3;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

.promo {
	position: absolute;
	top: -1px;
	right: 0px;
	background: transparent url('../images/promo.png') no-repeat top right;
	width: 43px;
	height: 43px;
	z-index: 5;
}

.gallery-image {
	float: right;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
        overflow:hidden;
}

.gallery-image img {
	vertical-align: middle;
	max-height: 90px;
	max-width: 90px;
}

.gallery-info {
	margin-top: 24px;
}

.gallery-info .price {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

.gallery-info .price del {
	font-size: 10px;
	color: #999999;
        font-weight:normal;
}

.gallery-info a{
  margin-top:10px;
  display:block;
}


/* @end */

/* @group Product */

#colRight h1 {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	margin: 16px;
}

#product-left {
	width: 230px;
	float: left;
	margin-left: 10px;
	border-right: 1px dashed silver;
}

#product-image,
.product-images {
	margin-bottom: 10px;
	text-align: center;
}

#product-image {
	width: 230px;
	padding-top: 20px;
	position: relative;
}

#product-image .on-sale {
	position: absolute;
	bottom: -8px;
	right: 8px;
	z-index: 5;
	width: 83px;
	height: 83px;
	background: transparent url('../images/on-sale.png') no-repeat 0 0;
}

.product-images {
	margin: 10px;
}

#product-image img, .product-images img {
	border: none;
}

.product-images img {
	margin: 3px;
	padding: 7px;
	border: none;
}

#product-right {
	width: 390px;
	float: left;
	margin-left: 15px;
	font-size: 14px;
}

#product-left select {
    margin:5px 0px;
    border:1px solid #ccc;
}

span.variation
{
  font-weight:bold;
}

#product-variants {
	margin: 18px 0 15px;
	padding: 3px;
	font-size: 12px;
	color: #333333;
}

#product-variants .price {
	font-size: 19px;
	font-weight: bold;
	color: #e8410d;
}

#product-variants del {
	color: #333333;
	font-size: 11px;
}

#product-variants ul {
	margin-bottom: 0;
}

#product-variants ul li {
	padding: 4px 6px;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0;
}

#product-details {
	padding: 10px 0 15px;
}

.radio {
	margin-left: 3px;
}

/* @end */

/* @group Footer */

#footer {
	font-size: 11px;
	color: #515151;
	padding: 16px 0;
	height: 12px;
}

#footer a {
	color: #2c88ea;
}

#footer-credit-cards
{
  padding:15px;
  text-align:center;
}

#footer-credit-cards img
{
  vertical-align:middle;
}



#copy {
	float: left;
}

#footer-right {
	float: right;
}



/* @end */

/* @group Cart */

#cart {
	width: 100%;
	border-collapse: collapse;
}

#cart th {
	padding: 5px 0 12px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	background: transparent url('../images/gray-and-white.gif') repeat-x bottom;
	color: #0071be;
}

#cart td {
	vertical-align: top;
	border-bottom: 1px dotted #C8C6C1;
}

#cart td.cart-column-one {
	padding: 7px 0;
}

#cart td.cart-column {
	width: 80px;
	padding-top: 12px;
	font-size: 14px;
}

#cart td.cart-columnDel {
	padding-top: 12px;
	width: 63px;
}

.cart-images {
	margin: 0 10px 0 7px;
	float: left;
}

.cart-images img {
	background-color: #FFF;
}

.cart-desc {
	width: 250px;
	padding-top: 2px;
	float: left;
	font-size: 12px;
}

#cart .cart-desc p {
  font-size:14px;
}
.cart-odd, .cart-even {
	padding: 7px 10px;
}

.cart-even {
	background-color: #FAFAFA;
}

#cart-right {
	text-align: right;
}

#cart-right h3 {
	background: transparent url('../images/gray-and-white.gif') repeat-x bottom;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	padding: 15px 5px;
}

#cart p {
	padding-bottom: 2px;
}

.cartRemove {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/minus.png) 0 0 no-repeat;
	text-indent: -9999px;
}

.cart-total {
	font-size: 16px;
	font-weight: bold;
	color: #e8410d;
}

/* @end */

/* @group Search */

#searchresults {
	margin: 5px 25px;
}

#searchresults form {
	display: none;
}

#searchresults input {
	width: 50%;
}

#searchresults h3 {
	margin: 15px 0;
	padding: 0;
}

#searchresults li {
	margin: 20px 0;
	clear: left;
	list-style: decimal;
	font-size: 14px;
}

#searchresults li span {
	font-size: 12px;
}

.result-image {
	float: left;
	margin-right: 7px;
	width: 100px;
	height: 100px;
	text-align: center;
}

.result-image img {
	max-height: 100px;
	max-width: 100px;
}

/* @end */


h2.breadcrump
{
  background:transparent url(../images/gray-and-white.gif) center bottom repeat-x;
  padding:20px 0px 8px 10px;
  font:normal 12px Arial,sans-serif;

}

/* page body styling */
div.page_body
{
  font-size:12px;
  padding-left: 16px;
}

div.page_body p
{
  line-height:1.4em;
  padding-bottom:10px;
}

div.page_body strong
{
  font-weight:bold;
}

div.page_body em
{
  font-style:italic;
}

div.page_body ul,
div.page_body ol
{
margin: 3px 0px 3px 15px;
}

div.page_body ul li,
div.page_body ol li
{
  list-style-type:disc;
}


div.page_body table
{
  width:100%;
}

div.page_body table tr td
{
  padding:4px;
  border-bottom:1px #D2d2d2 solid;
  width:50%;
}

div.page_body h1
{
  padding-top:5px;
  background:transparent url(../images/bk_dotted.jpg) repeat-x scroll left bottom;
}

div.page_body h2
{
  padding-top:5px;
  font-size:14px;
  font-weight:bold;
}

div.page_body h3
{
  font-size:14px;
  font-weight:bold;
  margin-bottom:8px;
}

div.page_body h4
{
  font-size:12px;
  font-weight:bold;
  margin-bottom:8px;
}
div.page_body blockquote
{
  padding:10px;
  background-color:#FCFCFC;
  border:1px #CCC solid;
  margin:5px 0 10px 0px;
  display:table;
}
/* @end */

div.featuredItem
{
  font:normal 12px Arial,sans-serif;
  margin:5px 0px;
}

div.featuredItem img
{
  float:left;
  background-color:#ededed;
  padding:3px;
}

div.featuredDetails
{
  margin:5px 0px 0px 5px;
  float:left;
}


/* categories */

ul#links {
	margin-bottom:15px;
	padding: 0;
}

ul#links li {
        list-style-type: none;
        list-style-position: outside;
}

ul#links li.selected a
{
  font-weight:bold;
}

ul#links li.selected li a
{
  font-weight:normal;
}

ul#links li a,
ul#links li a:visited,
ul#links li a:link
{
        display:block;
        background:transparent url(../images/gray-and-white.gif) repeat-x scroll center bottom;
        width:100%;
        color:#0071BE;
        font-size:13px;
        padding-bottom:7px;
        padding-left:2px;
        padding-top:5px;
        text-decoration:none;
}

ul#links li ul li a,
ul#links li ul li a:visited,
ul#links li ul li a:link
{

        background:transparent url(../images/little-blue-arrow.gif) no-repeat scroll left center;
        border-bottom:1px dotted #CCCCCC;
        padding:4px 0 4px 12px;
        font-size:12px;
	line-height: 13px;
        text-decoration:none;
        width:auto;
        height:auto;
}

ul#links li ul li {
        font-size:12px;
        padding:5px 4px 5px 7px;
}

ul#links li ul li li {
      border-bottom:none;
      padding:10px 4px 5px 17px;
}

p.filter
{
  margin:5px 15px;
  font:normal 13px Arial,sans-serif;
}

p.filter a
{
  padding:5px;
}

p.filter a.selected
{
  font-weight:bold;
}

//* shop contact form */
form#shop-contact-form p
{
  font-size:14px;
}

form#shop-contact-form p.alert
{
  padding:15px;
  border:1px #CCC solid;
  background-color:#FFD1D1;
  margin:20px 0;
}

form#shop-contact-form p.notice
{
  padding:15px;
  border:1px #CCC solid;
  background-color:#D5FFED;
  margin:20px 0;
}

form#shop-contact-form label
{
  display:block;
}

form#shop-contact-form input[type=text]
{
  width:300px;
}

/* Blog Post */
h1 small.post_date
{
  font-size:12px;
  float:right;
  line-height:24px;
}

/* End blog */