@charset "UTF-8";

/* universal selector removes all browser margins and padding*/
*{
 margin:0;
 padding: 0;
 }

/* Body text and page background */
body{
	margin: 0;
	padding: 0;
	background-color: #acacac;
}

#wrapper{
	/* Set layout width */
    width:65.5em;
	background-color: #ffffff;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
}

/* Style for main content column in index.php */
#main{
	height:auto;
	width:1000;
	text-align: center;
	/* Left and right margins must match*/
/* match left and right column widths */
    margin-left: 0.8125em;
	margin-right: 0.9375em;
	background-color: #ffffff;
}

/************************************CART Centering Div*****************/
#mainCart{
	height:auto;
	width:700;
	text-align: center;
	/* Left and right margins must match*/
/* match left and right column widths */
    margin-left: 0em;
	margin-right: 5em;
	background-color: #ffffff;
}


/**************************END Cart Centering Div

/*indexpage text box*/	   
#maintext{
	font-size:75%;
	font-weight:200;
	text-align: center;
	margin-top: 0.3125em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	}

/******************************************start navbar*****************************/	
	/*index page menu placement*/
#navbar{
width:65.5em;
background-color: #FFFFFF;
float:none;
height:1.6em;
margin-bottom:1.5em;
}


  
  /* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

  
  /* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
    /* Required for drop-down menus */
  position:relative;
  margin-left:1.5em;
}

/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}


  
 #navbar li{
  /*required for dropdown menus*/
  float:left;
  position:relative;
  }
  
  /* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

  
  /**applies to nav links visited and unvisited**/
 #navbar a,
 #navbar a:link,
 #navbar a:visited{
  text-decoration:none;
  font-family:verdana,ariel,helvecta;
  font-size:80%;
  color:#464646;
  background:#acacac;
  display:block;
  height:2em;
  width:13em;
  line-height:2.0em;
  text-align:center;
  outline-style:none;
  }
  
  /* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

  
  /**navbar hover, active and current page links**/
  #navbar a:hover,
  #navbar a:active,
  #navbar li.selected a:link,
  #navbar li.selected a:visited{
   background:#acacac url(images/navhover.jpg) repeat-x center;
   /*background-color:#acacac;*/
   color:#464646;
   } 
   
   /* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}
 
   
 /**********************dropdown menu styles ****/
 /****applies to  dropdown menus in navbar********/
 #navbar li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
  }
  
  /* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

  
  /***make dropdown visible on the navbar hover*/
  #navbar li:hover ul,
  #navbar li a:hover ul{ /*ie6 hack*/
   visibility:visible;
   top:1.6em;
   left:0;
   }
   
   /* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

   
 /*applies to links on the dropdown menu*/
 #navbar li:hover ul li a,
 #navbar li a:hover ul li a{ /*ie6 hack***/
  background:#acacac;
  color: #464646;
  text-align:left;
  display:block;
  width:10em;
  padding: 0 0 0 1.5em;
  height:auto;
  }
  
  /* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

  
  /*hover on dropdown menu links*/
  #navbar li:hover ul li a:hover,
  #navbar li a:hover ul li a:hover{ /**ie6 hack*/
   background:#acacac;
   color:#464646;
   }
   
   /*ie6 hack applies to its table dropdow**/
   #navbar table {
    margin:1px;
	border-collapse:collapse;
	position:absolute;
	top: 0.5em;
	left:0;
	z-index:100;
	}    
  /***************************************************end navbar******************************/	
#indexmenu{
	height: 50px;
	width: 100%;
	margin-top: 5px;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 0px;
}
/*********************************************for test purposes to correct menu only for index2.php*********/
#indexmenu2{
	height: 50px;
	margin-top: 5px;
	background-color: #FFFFFF;
	padding-left:20px;
}

	

/* IF PRESENT FOR MAIN PIC ON INDEX PAGE IN MAIN DIV*/
#mainpic{
	width: auto;
	margin: 0.625em;
	padding-top:2.875em ;
	padding-bottom: 2.875em;
	background-color: #acacac;
	font:verdana;
	font-size: 80%;
	color: #333333;
	font-stretch: .0625;
	}
	
	/*FOR PAGES UNDER CONSTURCTION*/
#comingsoon{
		width: 85%;
	margin-left: 2.1875em;
	margin-right:2.1875em;
	padding-top: 1.5em;
	padding-bottom: 2.130em;
	background-color: #acacac;
	font:verdana;
	font-size: 36px;
	color: #333333;
	font-stretch: 1px;
	height:auto;
	}


#menu{
	height: 75px;
	width: 100%;
	margin-top: 10px;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 0px;
}

/*for styling menu*/
   .headtable{
     padding-left:1.25em;
	 }

/* Page header style */
#header{
	/*height: 5.25em;*/
	height: 6em;
	width: 100%;
	background-color: #FFFFFF;
	padding-right:0px;
	padding-top:1em;

	
}

#logo{
  height:3em;
  width:25%;
  margin-left: 1.6875em;
  margin-top: 2em;
  float: left;
  display: block;
 
  
  }
  #shopbag{
	width: 10%;
	height:auto;
	float: right;
	padding-right: 4.125em;
	padding-top: 0;
	display:block; 
	}
	
    .shopbaghang{
	width: 10%;
	height:auto;
	margin-left: 56em;
	margin-top: -12.6em;
	position: absolute; 
	}

  
.shopbag{
	width: 110px;
	height:auto;
	float: right;
	padding-right: 4.125em;
	padding-top: 0;
	display: block; 
	}
	
	.imgshopbag{
	height: 58px; 
	width: 100px;
}



/********************************************start footer*****************************/
/* Page footer style */ 
#footer{
	height: 2.5em;
	width: 100%;
	background-color: #FFFFFF;
	text-align:center;
	padding-top:0.625em;
	clear: both;/* Clears the main and sidebar so it does not go up*/
	border-top-width: none;
	border-top: none;
	margin-top: 1em;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active{
text-decoration:none;
}

/*************************************************end footer*************************/

#about{

    margin:0em;
	height:37.5em;
    margin-left: 5.5em;
	margin-right: 0em;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-indent: 5px;
	letter-spacing: 1px;
	
	
	}

/*************************************DIVS USED IN BOTH PRODUCT PAGE AND DETAIL PAGE8*/	

/* The mainPic div is floated left used for product page and detail page for looper
*/
#mainPic {
	float: left;
	display: inline;
	width: 25em;
	height: auto;
	margin-bottom: 0;
	margin-left: 0.5em;
	margin-top: 0.625em;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	line-height: 1em;
	padding-right: 0px;
	padding-top: .03125em;
}
  .imgsize{       /*image size of thumbs in looper in mainpic*/
    width: 150px;
    height: 250px;
  }
  
  #hlooper{
	padding-left: 1.25em;
	text-align: center;
	width: auto;
	 }	
	 
/*right product sidebar product page img size  360 x 440*/
     .prodpageimgsize{   
      width: 100%;
	  height: 100%;
   
   }


#cart{
}
.imgadd{
width: 73px;
height: 22px;
 }              /*END*/	 

/*ALL PRODUCT PAGE CSS IN THIS SECTION*/

/*right sidebar for products page*/
#rightSidebarproducts{
	float: right;
	display: inline;
	font-family: Verdana;
	font-size: .6875em;
	width: 34em;
	height: 50em;
	text-align: right;
	clear: both;
	margin-right: 2.5em;
	margin-left: 0px;
	margin-top: 1.5em;
}

/* product page formatting for product heading and table*/  	 
#prodhead{
	width: 1.25em;
	height:1.25em;
	font-family: Verdana;
	font-size: 1.5em;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.25em;
	margin-left: 1em;
	margin-top: 0px;
	letter-spacing: 0.0625em;
  }
 /*table for prod head on product page*/ 
   .tableprod{
	margin-left: .8333333em;
  }
                /*END*/
				

/*COLLECTION PAGE CSS*/  

#rightSidebar{
	float: right;
	display: inline;
	font-family: Verdana;
	font-size: .6875em;
	text-align: right;
	width: 34em;
	height: 50em;
	clear: both;
	margin-right: 2.5em;
	margin-top: 5em;
}

#rtsidetxt{
width: 330px;
}

#collectionhead{
	text-align: left;
	margin-top: 0em;
	margin-left:1.5em;
	width: 31.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	/* on detail page collection title*/
	.detailcollectiontitle{
	 margin-top:1em;
	font-family: Verdana;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: .0625em;
	 }
	 	
	/*prod page for collections, long desc entered dynamically*/ 
	  .detaiprodpagecolltxt{
	  letter-spacing: .0625em;
	  padding-top: .3125;
	  text-align:left;
	  font:verdana;
	  font-size:.625em;
	  white-space:inherit; 
	  }

	      /*END*/
		  
/*DETAIL PAGES CSS FOR PROD AND COLLECTIONS*/

  .detailmainpic{    /*detail page main pic size*/
     width: 360px;
	 height: 440px;
}
 
 	/* on detail page collection title*/
	.detailprodpgcollectiontitle{
	font-family: Verdana;
	font-size: 2.2em;
	font-weight: 500;
	line-height: .625em;
	text-transform: uppercase;
	letter-spacing: .0625em;
	margin-left: 0px;
	 }
  
  /*this is on prod page under collection title*/
   	 .detailproductname{
	  font-family: verdana;
	  font-size: 1.5em;
	  font-weight: 400;
	  letter-spacing: .0625em; 
	  }

#detailmainPic{
   	float: left;
	display: inline;
	width: 20em;
	height: auto;
	margin-bottom: 0;
	margin-left:5em;
	margin-top: 0.625em;
	padding-right: 0px;
	padding-top: .3125em;
}


/*detail page sidebar*/
#detailrightSidebar{
	float: right;
	display: inline;
	/*width: 34.375em;*/
	width: 52em;
	height: auto;
	text-align: left;
	clear: none;
	font-family: verdana;
	font-size: 11px;
	color:#000000;
	padding-right: 0px;
    }
	

	 /*detail page thumbs*/ 
	  .thumbsimg{
	    width: 60px;
		height: 75px;
		border: none;
	}	
    /*detail page thumb script*/	
      table.thumbscript{
	font-family: verdana;
	font-size: 6px;
	text-align: left;
	color: #666666;
   }
   #back{
width:auto;
height:auto;
float:right;
}

.imgback{
width: 30px;
height: 9px;
}
   
   /*div for gallery thumbs**********************/
   #thumbs{
	width: 44em;
	height:auto;
   }


        /*END*/		  
		  
/*****************************contact page format*/	
#contact{
   margin-left: 5.3em;
   margin-right: 5em;
   margin-top: 3em;
   height: 600px;
   }
 
 /************************************availability page format*/  
 #availability{
   height: auto;
   margin-left: 5.3em;
   margin-right: 5.5em;
   margin-top: 3em;
   }
	
/************************************policies page***************/

#policy{
height:auto;
width: 55em;
margin-left: 6.795em;
margin-top: 3em;
font-family: verdana;
font-size: 12px;
}

#policy h2{
text-align: center;
}
/*----------------------------------------------??????????------------------------------------------*/	
	
	.textbox{
	font-size: 10px;
	font-family: verdana;
	font-weight: bold;
}
	

/* Float image to left of paragraph */
img.floatLeft{
   float: left;
   margin-right: 5px;
}


/* Float image to right of paragraph */ 
img.floatRight{ 
   float: right; 
}

/* Center image between margins */ 
div.center{ 
   width: 100%; text-align: center 
}


/* Style for tables of thumbnail images */
table.thumbs{
   text-align: center;
   border-collapse: collapse;
   margin:auto;/*aligns table center*/
   
   
}

/* Style for table cells that contain thumbnails */ 
td.thumbs{
	border: 0px;
	padding: 10px;
	float: left;
}

/* Style for thumbnail images */ 
img.thumbs{ width:150px;
border-width: 0px; 
}


#thumbs {
	float: left;
	width: 45em;
	height: auto;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}	


.pagetable{
font-family: verdana;
font-size: 10px;
table-layout: auto;
}
 .tddetail{
 font-family: verdana;
 }

/*click on images*/ 
 .tdthumb1{
   float: left;
 }
 
 img.thumbsize{
 width:50;
 height:90;
 }
 
/* The images inside the thumbs div have both padding and margin. The
   padding allows you to add a Spry highlight effect when the thumbnails
   are moused over (see Chapter 2 for an explanation). The thumbnails are
   80 pixels wide, so the overall width of each one comes to 96 pixels.
   In theory, you should be able to use 100 pixels for each thumbnail,
   but this creates problems with the accessible gallery case study in
   Chapter 20. For the Spry gallery in Chapter 10, increasing the margin
   to 6px gives the best appearance. Experiment to find the most pleasing
   layout.
*/
/*#thumbs img {
	margin: 5px;
	padding: 3px;
	cursor: pointer;
	border: none;}*/