/**
 * Theme: Art Shop Theme for Magento eCommerce *
 * @copyright       Copyright, Lotus Seeds Design  *
 * @link            http://www.lotusseedsdeisgn.com * 
 
 * @demo           http://red.lotusseedsdeisgn.com * 
 * @license    	Single Domain License
 * @revision        $Revision: 1 $
 * @lastmodified     1.0  $Date: Feb 28th, 2010 $
 */



@import url(css3_support.css);
@import url(artshop_store.css);
/*http://www.fontsquirrel.com/fontface/generator*/
/*use the generator to generate '.eot', '.woff', '.woff' formats, and all the files placed in the CSS folder*/
@font-face {
	font-family: 'MuseoSans500';
	src: url('MuseoSans_500.eot');
	src: local('Museo Sans 500'), local('MuseoSans-500'), url('MuseoSans_500.woff') format('woff'), url('MuseoSans_500.otf') format('opentype'), url('MuseoSans_500.svg#MuseoSans-500') format('svg');
}


/*1 column*/

 body {text-align: center; color: #282828;
  		font: normal 100.1%/1.5em "Museo Sans", Lucida Sans, Arial, sans-serif;background: #6e6e6e url(../images/base_images/body-bg.png) repeat-x}
    	 
  * {margin:0; padding:0;} /* Reset all elements */
	img {border:none;display: block;}
  .clear {clear: both;height: 0!important;line-height: 0!important; }
  small, span.edit { float: right;}
 p strong, span strong {font-weight: normal;color: #3f434d;}
span,  small, span.edit {font-size: 12px}
  a {text-decoration:none;color: #679cb7;cursor: pointer;}
  
   a:hover, h5 a:hover,
  .product-shop h3 a:hover,
  .site-color {color: #393939}
   a:focus {outline: 0;}
   input:focus {border-color: #555}

  fieldset {border:none;margin: 0;padding: 0;}
 select.multiselect {font-size: .8em; line-height: 2em;}
  label, option, textarea{font-size: 13px; color: #1c150f;line-height: 1.6em;}
select option {font-size: 13px;}
  input, textarea, select {border: 1px solid #333;background-color: #f6f5ef;}
input {padding: 3px 4px;background:#f2f2f2;}
  textarea {padding:1px 5px;}
  select {background: #FAF9F5 ;padding: 1px;}
  option {width: 99%;border-bottom: 1px solid #e2e2e2; background: #FAF9F5;padding: 1px 5px;}
  

  
  em {font-style:normal;}
   address {font-style: normal;text-transform: capitalize;}






td h3 a,
h5 a,
h5.title {font-size: 15px;}

h3 a,
td h3 a,
h5 a,
h5.title{font-weight: normal;padding-right: 5px; color: #252525;}
 
 
h1 { font-size: 1.5em } 

h2 {font-size: 160%;text-transform: capitalize;line-height: 1.5em;}
       
h3 {font-weight:bold;}  
h3 span {font-size: .9em}             
h4 { font-size: 102% }   
h5 a     { display: block;}   
h5 { font-size: 102%;}                      
h6 { font-size: 11px;text-transform: uppercase;}						
dd, p {font-size:.9em;line-height: 1.35em;}
li {list-style: none;font-size:.95em;} 
td {font-size: .9em;padding: 3px 5px;vertical-align: top;}
 span a:hover, span a:focus,
 #footer li a:hover {text-decoration: underline;color: #65B6D2;} 

/* control floated elements */
.fleft {float:left;}
.fright {float:right;}

 
 /* column & row wrappers - site structure
 ============================================== */
#container{width: 1000px;margin: 15px auto 10px auto;text-align: left;overflow: hidden;}


#content {overflow: hidden;width: 1000px;clear: both;padding: 0;background: #fff;}


  		
  	.container-wrap {background: url(../images/base_images/body-bg2.jpg) repeat-x}

/*taming source order layout*/
#main{width: 71%!important;float: left;background:#FBFBFB;border-right: 1px solid #f2f3f3;margin-right: 5px;}
#pv-wrap {width: 76%;float: right;margin-right: 15px;margin-left: 5px;
position: relative;border-left: 1px solid #f2f3f3;}

.cms-home #pv-wrap {width: 75%;}

/*1column.phtml*/
#content-inner {background: transparent url(../images/base_images/leftcol-1col.png) no-repeat left 7px;min-height:25em;}
 
 #leftcol {width: 20%;float:left;overflow: hidden; margin-left:10px;}
 #rightcol{width: 26%;float:right; }

 
/*2 columns*/
#product-view {display: block;width: 760px;margin-right: 0; padding: 5px 10px 0 10px;min-height: 32em;}







/* global elements=========================================*/


/* Mini top search */
#mini-search {width:300px;float: right;margin: 5px 10px;}
#mini-search legend span, #mini-search label{position: absolute;top: -999em;}
	#mini-search #search {background: transparent url(../images/base_images/ctr-bg.png) repeat-x left center; padding: 3px 5px;width:75%;margin:5px 5px 5px 5px;float: left;text-align:left;color: #3b3823;}
	#mini-search button{background: url(../images/base_images/icon-search.png) no-repeat left top;z-index: 50;width: 54px;border: 0;right: 0;display: block;height:30px;position: absolute;margin-left: 5px;margin-top: 4px;margin-right: 10px;}


/*jquery auto-complete*/	


.ac_results {overflow: hidden;
	padding: 0 3px;border:1px solid #333;color: #352b29;
	border-top: 0;background: #fff;z-index: 99999;}
.ac_results ul {width: 100%;}

.ac_results li {margin: 0px;padding: 2px 0px;cursor: default;line-height: 16px;
	display: block;border-bottom: 1px solid  #EFEBE1;font-size: 12px;overflow: hidden;}
.ac_results li:last-child {border-bottom: 0!important;}
.ac_loading {background: white url(../images/base_images/opc-ajax-loader.gif) right center no-repeat;}
.ac_odd {background:#fff}

.ac_over {background: #f3f2f0;color:#373a3a;}
.ac_product_row{position:relative;text-align: left;width: 250px;}
.ac_product_row .ac_product_image{float:left;margin:2px 10px 2px 2px;width: 50px;}
.ac_product_row .wrap {float: left;width: 55%;}
.ac_product_row .wrap  .ac_product_name{font-size:14px;color:#00A5D6;}
.ac_product_row .wrap  .ac_product_manufacturer{font-size:12px;color:#43627f;}
.ac_product_row .wrap  .price,
.ac_product_row .wrap  .getsku{font-size:14px;padding-top: 3px;}
	
#searchbtn:hover {opacity: 0.9;}


/*jquery auto-complete*/	

.sku {color:#274455;font-weight: bold;padding-bottom: 5px;}



.block-wrap {width: 100%;overflow: hidden;clear: both;margin-top: 30px;border-top: 2px solid #ddd; background: #555 url(../images/base_images/bg-sidebox.png) repeat-x left 25%}
   
	/* logo, h1 */
	#hdr {background: #fff;width: 1000px;position: relative;overflow: hidden;clear: both;}
	#logo, #logo-alt {background: url(../images/base_images/logo.png) no-repeat 15px 0px;height: 90px;width:318px;position: absolute;z-index:50;margin: 20px 0 5px 5px;}
	 h1 span, #logo-alt span {text-indent: -999999em;position: absolute;}

/*login (mini login) and welcome msg */

p.welcome {font-size: .75em;color:#553F18;width: 18%;margin-top: 45px;text-align: right;position: absolute;right: 0;display: none;}



  
  

/* Acct Login - Register | My cart | Checkout  
==============================================*/

/*.seal-wrap {float:right;width: 130px; margin-top: 5px;}
.seal {float: left;}
#acct-login {width:85%;text-align: left;float:right;overflow: hidden;margin-right: 115px;margin-top: 20px;}
#acct-login  ul {margin-right: 15px;}
	#acct-login ul li {float: left;display: block;}
	#acct-login ul {text-align: right;float: right;}
	#acct-login ul li a {padding:2px 8px 0 5px;color:#369 ;font-size: 13px;display: block;text-transform: capitalize;  background:url(../images/base_images/shop_access_pipe.gif) no-repeat 100% 9px;}                              
 #acct-login ul li a:hover, #quick-access li a:hover  {text-decoration: none;color: #00A5D6;}*/

.seal-wrap {position:absolute; margin:50px 110px 0 0; right:0;width: 120px; }
.seal {float: left;}
#acct-login {width:65%;text-align: left;float:right;overflow: hidden;margin-right:225px;margin-top: 20px;}
#acct-login  ul {margin-right: 15px;}
	#acct-login ul li {float: left;display: block;}
	#acct-login ul {text-align: right;float: right;}
	#acct-login ul li a {padding:2px 8px 5px 5px;color:#369 ;font-size: 12px;display: block;text-transform: capitalize;  background:url(../images/base_images/shop_access_pipe.gif) no-repeat 100% 9px;}                              
 #acct-login ul li a:hover, #quick-access li a:hover  {text-decoration: none;color: #00A5D6;}

    
/* Quick Access - Home | Blog | Customer Service  
==============================================*/
#quick-access { width:58%;float:left}
#quick-access ul {float: left;margin-top:5px;margin-left: 15px;}
#quick-access li {float: left;display: block; }
#quick-access li a {float: left;display: block;padding: 2px 10px 2px 10px;	color: #fff;font-size:12px;margin-right: 1px;background: #6e6e6e url(../images/base_images/body-bg.png) repeat-x}
#quick-access  li.active a {color:#c4bc76;}

#quick-access li a:hover, #quick-access li a:active, #quick-access li a:focus {background:#555;color: #fff;}


.shipping-info{color:#E11E24; float: right;font-size: 14px;width: 40%;text-shadow: 1px 1px 1px #555;background: #f9f9f9 url(../images/base_images/bg-sidebox.png) repeat-x left -25px; margin: 5px 0 0 5px;}
.shipping-info {padding: 5px 3px;text-align: center;}
  
/* footer section #4C3F2F
============================ */

#ftr_wrap  {width: 1000px;clear: both;margin: 0 auto 55px auto;}

#footer {width: 980px; text-align: center;padding: 10px; clear: both;color:#ededed;background: #6e6e6e url(../images/base_images/body-bg.png) repeat-x 0 -15px;margin: 0 auto 5px auto;font-size: 11px;color:#a2a3a3;}
#footer a {color: #888;}
#footer div.fleft {width:49%;padding-top: 10px;}
p.fright {margin-right: 10px;clear: both;}
p.copyrights {padding-top: 10px;margin-right: 20px;}

#footer p a {font-style: italic;}

/*wrap footer's links and company info*/
#footer .ftr-inner {width:100%;text-align: left;
overflow: hidden;display: block;margin-left: 0;
}
#footer .linklist {float: right;width:50%;}
#footer .linklist p {color: #777;}
#footer .linklist p a{color: #666;}
#footer .ftr-inner ul {margin-bottom: 5px;overflow: hidden;padding-bottom:5px;float: right;clear: both;}
#footer li {display: inline;margin-top: 5px;text-align: right;}
#footer li a {padding:0 5px 0 5px;
		font-size:.9em;background: url(../images/base_images/icon-pipe.png) no-repeat right 0;}

#footer li a:hover {color: #369;text-decoration: none;}
#footer p.copyrights a strong {color: #e23314!important}

#footer  a:hover {text-decoration: underline;}
/* CMS pages : About, Customer Service, FAQ, 404 not found 
============================================================*/
.cms-home .cms {border: 0;}

.cms-page-view .cms,
.cms-index-noroute .cms{padding: 20px 20px 25px 25px;width: 90%;}
.cms-page-view .cms h2{padding-top: 25px;padding-bottom: 10px;}
.cms h3 {padding-bottom: 15px;}

.cms-page-view .cms h3, 
.cms-page-view .cms h4,
.cms-index-noroute .cms h4,
.cms-page-view .cms h5, 
.cms-page-view .cms h6{border: 0;padding-bottom:10px;margin-bottom: 0;background-image: none!important;font-size: .95em}


.cms-page-view .cms ul li {padding-bottom: 5px;margin-left: 20px;}
.cms-page-view .cms ul.disc {margin-top: 10px;padding-left: 0;margin-bottom: 15px;}

.cms-page-view .cms dt {font-weight: bold;padding: 15px 0 6px 0}

.cms-page-view .cms dl#narrow-by-list {margin: 0 0 10px 0;background-image: none;}
.cms-page-view .cms dl#narrow-by-list dt {font-weight: bold;display: block;padding:0;border: 0;background: url(../images/base_images/body-bg.png) repeat-x left 75%;}

.cms-page-view .cms dl#narrow-by-list dt a {font-size:.9em;background: url(../images/base_images/dottedline.png) repeat-x left bottom;font-weight: normal;}


.cms br {margin-top: 10px;}
 .cms dl#narrow-by-list dd {padding:10px 10px 30px 10px;font-size:.9em;background: transparent;line-height: 1.5em;}
 .cms p {padding-bottom: 10px;padding-left: 0;}
#mini-form {float:left;margin-left: 450px;;}
#mini-form dd {position: absolute;width: 500px;height: 300px;background: #FFF;top: 0;z-index: 6000;}



 /*Form lists
- Contact, Shipping, Billing, Contact
**********************************************/ 

/********************** Lists */
ul.form {width: 98%}
.form li {width: 95%;clear: both;}
.form li label {float: left;width: 25%;margin-bottom: 4px;}
.form li input  { float:left; width:60%; }




/* @group keyboard navigation tab access features */

#skip_nav a:hover, 
#skip_nav a:active,
#skip_nav a:focus, 
#footer a:hover, 
#footer a:active, 
ol li a:focus, ul li a:focus,
td a:focus,
span.edit a:focus
.mini-search button:focus,
p a:focus,
.actions a:focus
{color:#3D281A;outline: 0;}




textarea:focus, multiselect:focus, input:focus, select:focus,
#mini-newsletter input:focus {background: #ccc;}
/* @end */
