/* CSS Document */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html  /*global settings*/
{
	margin:0;
	padding:0;
	font-size:.80em;
	font-family:Arial, Geneva, sans-serif;
}

body
{
        background-color:white;
}

#bigcontainer /*contains all of the divs*/
{
	position:relative;
	width:1003px;
	margin:0 auto;/*this makes the container to appear in the middle*/
	z-index:2; /*the furthest thing from the screen*/
}

#head
{
	position:relative;
	height:25px;
}

#head2
{
	position:relative;
	height:25px;
}

#logo
{
        
        position:absolute;
	top:15px;
	left:135px;
	width:203px;
	height:60px;
        background-image:url('../images/logo.gif');
	background-repeat:no-repeat;
        z-index:5;
	
}

#container
{
        position:relative;
        width:915px;
        margin: 0 auto;
        
}

#contenttop
{
	position:relative;
	width:915px;
	height:495px;	
	background-image:url('../images/back.gif');
	background-repeat:no-repeat;
}

#contenttop2
{
	position:relative;
	width:915px;
	height:700px;	
	background-image:url('../images/back.gif');
	background-repeat:no-repeat;
}

#contentlogin
{
	float:left;
	margin-top:120px;
        margin-left:260px;
        background-color:#f7f7f7;
        height:265px;
        width:415px;
}
#contentadmin
{
 position:relative;
 width:815px;
 margin-left:120px;
	
}

#contentadminshop
{
 position:relative;
 width:815px;
 margin-left:120px;
 margin-top:20px;
	
}

#contentadmin1
{
        clear:both;
        position:relative;
        padding-top:20px;
         width:715px;
         height:330px;
         background-color:#f0f3f9;
        
}

#contentadminSp, #contentadminSp2
{ 
        clear:both;
        position:relative;
        padding-top:30px;
        width:765px;
        margin-top:10px;
}

#contentadminSp2
{ 
      
        margin-top:-10px;

}
        
        

/************************little notes modules *****************************/

#cmstitle
{
        float:left;
        width:230px;
        height:130px;
        margin-left:10px;
        margin-top:70px;
               
}

#cmstitle p, #cmstitle2 p, #cmstitle3 p
{
        color:black;
        padding-top:5px;
        padding-left:7px;
}


#cmstitle h1, #cmstitle2 h1, #cmstitle3 h1
{
        color:black;
        padding-top:19px;
        padding-left:1px;
        text-align:center;
}

/*******************************************/

#divtable1
{
        float:left;
        margin-left:40px;
        margin-top:20px;
}
#arrow
{
        float:left;
        margin-top:100px;
        margin-left:25px;
}
#arrow2
{
        float:left;
        margin-top:95px;
        margin-left:25px;
}
#arrow3
{
        float:left;
        margin-top:45px;
        margin-left:25px;
}


#contentadmin2
{
        clear:both;
        float:left;
        padding-top:20px;
        width:715px;
        padding-bottom:35px;        
        background-color:#f0f3f9;
        margin-top:30px;
  
}

#cmstitle2, #cmstitle3
{
        float:left;
         width:230px;
        height:150px;
        color:black;
        margin-left:10px;
        
}

#cmstitle2
{
        padding-top:60px;
}

/*for the contact form*/
#titlecontact
{
  float:left;      
         width:553px;
         margin-left:75px;
         margin-top:10px;
           padding:15px;
        color:#cccccc;
        text-align:center;
        background-color:#330033;
}

#cmstitle4
{
  float:left;      
        height:185px;
        width:553px;
         margin-left:75px;        
        margin-bottom:20px;
        padding:15px;
        color:#333333;        
}

#cmstitle4 h1
{
        color:#330033;
}




#linkandtable
{
        float:left;
        width:300px;
        margin-left:40px;
        
}

#linkregister, #linkregister2
{
      
	position:relative;	
	margin-top:30px;
    	background-color:#1D8901;
        border:solid 1px;
	width:300px;
	height:60px;        
	text-align:center;	
}


a.linkregis
{
        float:left;    
        background-color:#f0f3f9;
        font-weight:bold;
        margin-left:10px;
        margin-top:10px;
        width:280px;
        height:36px;
        padding-top:5px;
        text-decoration:none;
}

a.linkregis3/*para el shopping admin*/
{
   float:left;    
        background-color:#f0f3f9;
        font-weight:bold;    
        margin-top:15px;
        width:335px;
        height:46px;
        padding-top:15px;
        padding-left:10px;
        margin-left:15px;
        text-decoration:none;
        /*border: solid 1px #1D8901;*/
}

a.linkregis img, a.linkregis3 img
{
        vertical-align:middle;
}

a.linkregis:link, a.linkregis:active, a.linkregis:visited, a.linkregis3:link, a.linkregis3:active, a.linkregis3:visited
{
	
	color:black;
	
}
a.linkregis:hover, a.linkregis3:hover
{
        /*background-color:#f3f9f0;*/
        background-color:#f7f7f7;
        color:#330033;
}

a.linkregis3:hover
{
border: solid 1px #1D8901;
 width:330px;
 height:44px;

}

#divtable2
{
    position:relative;

     margin-top:20px;
    
     
}

#contentadmin3
{
        clear:both;
        float:left;
       padding-top:20px;
        width:715px;
        height:130px;        
        background-color:#f0f3f9;
        margin-top:30px;
        padding-bottom:30px;
}


#linkandtable2
{
        float:left;
        width:300px;
        margin-left:40px;
        margin-top:10px;
        
}



#menutop
{
	float:right;
	margin-top:57px;
	margin-right:-105px;
	background-image:url('../images/greym.gif');
	background-repeat:repeat-x;
	font-family:Arial black;
	font-size:90%;
	
}

.topmenu
{
margin-left:3px;
}
ul.menu1  
{
	list-style-type:none; /*takes off the bullets y es como global settings para el ul si lo queremos usar como menu, no es obligatorio ponerlo asi pero es recomendable*/
	margin:0;
	padding:0;
	font-size:120%;
	margin-left:4px;/*290px;/*para que el menu se recorra*/
	margin-right:8px;/*290px;/*para que el menu se recorra*/
			  
       
  
}

ul.menu1 li
{
	float:left;
	color:#ffffff;
	display:block;
        width:100px;
        height:40px;/*si le quitamos se va la sombra de la picture del menu, entonces si quieres menos sombra quitarle aqui*/
        margin-top:6px;
        padding-left:10px;
	/*es la unica diferencia entre el horizontal y el vertical que le tienes que poner que se vaya a la izquierda del otro*/
}

ul.menu1 li a:link  
{
	
	text-decoration:none;
	text-align:center;
        display:block;
	 width:88px;
        height:25px;
	padding-top:7px;
        color:#ffffff;
	    
       
}

ul.menu1 li a:visited
{
	
	text-decoration:none;
	text-align:center;
        display:block;
	padding-top:7px;
	width:88px;
        height:25px;
        color:#ffffff;
    
}

ul.menu1 li a:hover
{
        color:#ffffff;
	display:block;
	width:90px;
        height:25px;       
	background-color:#330033;

     
}

.menufix
{
        padding-left:5px;
       
}

#empty
{
 float:left;
 width:750px;
 height:10px;
}


#mainpic
{
	float:left;
        margin:0 auto;
	margin-left:98px;
        width:750px;       
}





#divider1 hr, #divider2 hr
{
        
        color:#330033;
        margin-top:18px;
        margin-left:-1px;
        width:748px;
	 
        
}

#contentmiddle
{
         clear:both;
         position:relative;
         width:915px;
         margin-top:20px;	
}

#left
{
        float:left;
        margin-left:98px;
	width:185px;
              
        
}

#middle
{
        float:left;
        margin-left:20px;
	width:362px; 
}



#heading1top
{
        position:relative;
	left:5px;
        color:#330000;
        font:135% arial;
	text-transform:uppercase;
        letter-spacing:1px;

}

h1
{
	font-weight:bold;
}



#text1
{
        position:relative;
        width:355px; 
        font:105% arial;
	margin-top:10px;
	margin-left:5px;
	
}

p.texto
{
   
    line-height:18px;
    display:inline;
   
}
h1.main
{
	display:inline;
	color:#333333;
	
}



#heading2bottom
{
        position:relative;       
        font:105% helvetica, arial;
	margin-top:15px;
	width:84px;
	height:25px;
	background-color:#330033;
        z-index:10;
	margin-left:5px;
	text-transform:uppercase;
	
}

h3
{
	color:#ffffff;
	padding:5px;
	text-align:center;		
}



#text2
{
        position:relative;
        width:352px; 
        font:105% arial;
	margin-top:12px;
	margin-left:5px;
        margin-bottom:15px;
	/*text-align:justify;*/
}

#right
{
	float:left;
	margin-left:11px;
	width:172px;
}


#box1
{	
	width:169px;
	background-color:#330033;
}

#box1header h2, #box2header h2
{
	position:relative;
	color:white;
	font-family:Arial black;	
	font-size:136%;
	padding-top:3px;
	margin-left:10px;
}

#box2header h2
{
        margin-left:12px;
}


#box1header hr, #box2header hr
{
	
	margin-left:10px;
	margin-top:-2px;
	width:149px;
	height:1px;
}

#box1text
{
	color:#999999;
	margin-left:10px;
	margin-right:10px;
	line-height:16px;
	font-size:90%;
      
}

.texto2
{
	padding-bottom:5px;
}

#box1footer
{
	width:169px;
	height:11px;
	background-image:url('../images/boxguindo.gif');
	background-repeat:no-repeat;
}


#box2text
{
	color:#666666;
	margin-left:10px;
	margin-right:10px;
	line-height:16px;
	font-size:90%;
      
}


#box2
{	
	margin-top:10px;
	width:169px;
	background-color:#999999;
}

#box2footer
{
	width:169px;
	height:9px;
	background-image:url('../images/grey.jpg');
	background-repeat:no-repeat;

}

#box3
{
	margin-top:17px;
        margin-left:-2px;
}

.call
{
	color:#330033;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	font-family:Arial;
	padding-bottom:13px;
}


.call2
{
	color:#330033;
	
	font-size:100%;
	font-weight:bold;
	font-family:Arial;
	padding-bottom:13px;
}
.thetable
{
	margin-top:10px;
	margin-left:5px;
	border:solid 1px #cccccc;
}

.thetable td, .thetable tr
{
	padding:5px;
	border:solid 1px #cccccc;
}


/******************* Read more j query ***************************/
a:focus {
	outline: none;
}
#panel {
	display: none;
	
}
.slide {
	margin: 0;
	padding: 0;
border-top: solid 1px #cccccc;

	
}
p.readmore{
width:148px;
padding-bottom:5px;
}
.btn-slide {
	background: url(../images/white-arrow1.gif) no-repeat right -50px;
	text-align: center;
	width: 105px;
	height: 25px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	text-decoration: none;
	color:white;
}
.active {
	background-position: right 12px;
}

/**************************************************/

#empty2
{
clear:both; 
position:relative;
 width:750px;
 height:30px;
}

#empty3
{
 float:left;
 width:715px;
 height:10px;
}

#footer
{	
        clear:both;
        position:relative;
        margin:0 auto;		
	margin-left:141px;
        width:750px; 
}


#menufooter
{
	float:left;
        width:500px;
       margin-left:240px;
       margin-top:5px;
}

ul.menu2  
{
	list-style-type:none; /*takes off the bullets y es como global settings para el ul si lo queremos usar como menu, no es obligatorio ponerlo asi pero es recomendable*/
	margin:0;
	padding:0;
    
}

ul.menu2 li
{
	float:left;
        padding:5px;
             
	/*es la unica diferencia entre el horizontal y el vertical que le tienes que poner que se vaya a la izquierda del otro*/
}

ul.menu2 li a:link  
{
	
	text-decoration:none;
	text-align:center;
        color:#330033;    
       
}

ul.menu2 li a:visited
{
	text-decoration:none;
	text-align:center;
        color:black;
           
}

ul.menu2 li a:hover
{
        color:#999999;
	    
}


.foot
{
    clear:both;
    position:relative;
      text-align:center; 
    z-index:2;
}

.foot p
{
    clear:both;
    position:relative;
     text-align:center;     
}


#copy
{
    color:#999999;
    margin-top:5px;
    margin-bottom:15px;
}


/************************************gallery***********************************/

#bigpic a img.littlepic
{
	margin-left:21px;
	margin-top:10px;
        border:solid 1px #999999;
}

#bigpic h1.gallery
{
	margin-left:20px;
        color:#330000;
}

#bigpic h1.gallery span
{
color:#666666;
font-weight:normal;
}

/***********************************shopping cart related *********************/
fieldset
{
border:none;
}

#shopheader
{
        clear:both;
        position:relative;
        padding-top:20px;
        width:745px;
        height:70px;
        margin-left:98px;
        border:solid 1px #330033;
        
}

#shoptitle
{
        float:left;
        width:375px;
        margin-left:30px;
        padding-top:5px;
}

#shoptitle h1
{
        background-color:#f7f7f7;
        padding:10px;
        height:20px;
        width:250px;
        text-align:center;
}

#totalheader
{
        padding-top:10px;
        float:left;
        width:135px;        
}

#viewcart
{
        float:left;
        width:200px;
        margin-top:-20px;
}

#choosetitle, #choosetitle2
{
   clear:both;
   position:relative;
   width:717px;
   margin-left:98px;
  padding-bottom:5px;
   color:#cccccc;
   padding-top:5px;
   padding-left:30px;
   margin-top:10px;
   background-color:#330033;
       
}

#choosetitle2
{
        margin-top:15px;
}


#displayshop
{
   clear:both;
   position:relative;
   width:745px;
   margin-left:98px;
   margin-top:20px;
   padding-left:30px;
   font-size:130%;
}

#displaymenu
{
   clear:both;
   position:relative;
   width:750px;
   margin-left:73px;
   margin-top:20px;
   padding-left:30px;
   font-size:130%;
}
#displaymenu li
{
     float:left;   
}
.dourl
{
       
        margin-bottom:10px;
        /*background-color:#cccccc;*/
        background-color:#f0f3f9;
        width:180px;
}

.shopcat
{
        width:200px;
        float:left;
}

.pictureshop
{
        float:left;
        margin-left:20px;
        width:400px;
        
}
.catbutton
{
	border:none;
	text-align:left;
	cursor:pointer;
	
}

a.url
{
        text-decoration:none;
             color:#666666;
        
}

.dourl a:hover
{
          color:black;
}

.dourl .forma
{
	display:inline;
}
.dourl  fieldset
{
display:inline;
vertical-align:middle;
}
a.url img
{
        vertical-align:middle;
        margin-right:8px;
        padding:4px;
}

.displaybutton
{
      clear:both;
     position:relative;
      text-align:center;
      padding-top:20px;
      
}

#productImg
{
        float:left;       
}

#productDes
{
        float:left;
        margin-left:20px;
        margin-top:10px;
        width:505px;
        background-color:#f7f7f7;
        padding:5px;
        
}

.viewImg
{
        padding:5px;
}

#empty4
{
        clear:both;
        position:relative;
        margin:0 auto;
        height:120px;
}


#emptyhelp
{
        clear:both;
        position:relative;
        margin:0 auto;
        height:10px;
}
#emptyhelp2
{
        clear:both;
        position:relative;
        margin:0 auto;
        height:10px;
}

#emptyhelp3
{
        clear:both;
        position:relative;
        margin:0 auto;
        height:10px;
}

#footer2
{
        clear:both;
        position:relative;
        margin-left:98px;
}
#footer2 #copy
{
        margin-top:5px;
    margin-bottom:15px;
    
}
#contentadminshop table 
{
        background-color:#f7f7f7;
        padding:10px;
        width:746px;
        margin-left:-23px;
}

#aftershoptable table
{
        float:right;
        width:365px;
       margin-right:75px;
        margin-top:20px;
}

#aftershoptable td
{
        padding:5px;
        padding-left:25px;
        padding-right:30px;
}
#afterform
{
        float:left;
        width:745px;
        margin-left:98px;
        margin-top:50px;
}


#creditdetails
{

        float:left;
        margin-left:98px;
        margin-top:20px;
        width:745px;
}


.tableshop
{
        padding:20px;
        padding-left:30px;
        
}

#linkback3
{
   clear:both;
        position:relative;
        text-align:center;
        font-size:130%;
        margin-top:35px;      
        margin-bottom:20px;
              
}

.col4
{
float:left;
margin-left:45px;
padding-top:10px;
        
}

.col5
{
  float:left;
  margin-left:295px;
}


.col6
{
  float:left;
  margin-top:-15px;
  width:100px;
}


.col6 #submit 
{
        background-color:red;
        color:#cccccc;
	 margin-top:-8px;
	 margin-left:150px;

}

.col7 #submit
{
    
        background-color:red;
        color:#cccccc;
        margin-top:-35px;
	float:right;
	margin-right:70px;
}

.littleframe2
{
       
	width:480px;
        margin:0 auto;
        border:1px solid #330000;
	padding:10px;
        margin-bottom:35px;
}

#editcategory
{
        clear:both;
        position:relative;
        width:435px;
        margin:0 auto;
}
.purchasetitle
{
        padding:20px;
        padding-left:40PX;
}

.purchasebutton
{
        text-align:center;
        padding-bottom:10px;
        padding-top:10px;
}

.purchasemsg
{
        
    text-align:center;
                
}
h2.purchasemsg
{
        padding-left:25px;
        padding-right:25px;
}


tr.primerafila
{
        background-color:#330033;
        color:white;
}

tr.totalfila
{
        background-color:#330033;
        color:white;
        
}
tr.totalshiprow
{
        background-color:#330033;
        color:white;
}
     
#log img
{
        vertical-align:middle;
        padding-right:4px;
}
ul.menusitemap
{
        margin-left:30px;
        margin-top:30px;
}

ul.menusitemap li img
{
        vertical-align:middle;
        padding-right:10px;
        padding-top:10px;
}