/* Start of CMSMS style sheet 'JAZstyles' */
/*****************
Stylesheet for Jaz Boutique
www.JazBoutique.com.au
Warrnambool, Victoria Australia
******************/

body {margin:0; padding:0; line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	background-color: #ffffff;
}



#outershell{ 

width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
 }
innershell{position:relative;
width: 950px;}

#topsection{
     margin-top:20px;
	text-align: bottom;
	height:175px;
	background-image: url(images/JAZLOGO_950.gif);
 }

#jazmenu {  margin-top: 5px; margin-bottom:10px;}
.jazmenu {          }

#contentwrapper{
	width:950px;
	float: left;
         

}


div#main {     
   margin-left: 285px; /* this will give room for sidebar to be on the left side, make sure this space is   bigger than sidebar width */
}

#rightcolum{float:left;

}

div#sidebar {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 260px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
  
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar{

   width: 260px; 
}


a:link {
	font-family: Arial;
	font-size: 12px;
	color: #45332E;
	text-decoration: none;
	}

a:visited {
	font-family: Arial;
	font-size: 12px;
	color: #45332E;
	text-decoration: none; }
	
	a:hover {
	font-family: Arial;
	font-size: 12px;
	color: #cccccc;
	text-decoration: none; }
	
	a:visited:hover {
	font-family: Arial;
	font-size: 12px;
	color: #cccccc;
	text-decoration: none; }
	

/* HEADINGS */
h1 {
    color: #cccccc;  
   font-size: 1.6em;  /* font size for h1 */
   line-height: 2em;
   margin: 0;
}
 h2 {
   color: #CCCCCC; 
   font-size: 1.5em; 
   text-align: left; 
/* some air around the text */
   padding-bottom: 1px;

   line-height: 1.5em;

}
 h3 {
   color: #000000; 
   font-size: 1.3em;
   line-height: 1.2em;
   margin: 0 0 0.5em 0;
}
 h4 {
   color: #000000; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h5 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */




.copyright {
               float:right;
               text-align: right;
               font-family: Arial, Helvetica, sans-serif;
               font-size: 8px;
               color: #999999;
}


.copyright a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color:#999999;
	text-decoration: none;
	}

.copyright a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #999999;
	text-decoration: none;	}

.copyright a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
	text-decoration: none;		
}	

.copyright a:hover:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
	text-decoration: none;		
}	

.google {
    width: 495px;
	border: 4px solid #45332e;
}

input
{
color: #999999;
font-size:10px;
border: 1px solid #999999;
}

.submit input
{
color: #999999;
font-size:10px;
border: 2px outset #eeeeee;
background: #ffffff;
} 

img { border:0px;
}


/* FOR THE SHOP */




#wrapper{}

#summarywrapper {position:relative float:left}

#summary {

}



.summarylist li ul{ 
display:-moz-inline-stack;/*Firefox need this to simulate display:inline-block*/

    display:inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/

	

    _overflow:hidden;/*fix IE6 to expanded content*/
	zoom:1;/*trigger hasLayout*/
	*display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/

  float: left;  
  list-style-type: none;
  width: 101px; 
  height: 101px; 
  margin:20px;
}





.summarylist { 
display:-moz-inline-stack;/*Firefox need this to simulate display:inline-block*/

    display:inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/

	

    _overflow:hidden;/*fix IE6 to expanded content*/
	zoom:1;/*trigger hasLayout*/
	*display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/

  float: left;  
  list-style-type: none;
  width: 101px; 
  height: 101px; 
  margin:20px;
}

div.ProductDirectoryItem{

font-size: 1.0em;
font-weight:bold;}

#shopping {text-align:right;}



div.CategoryList {display:block;
list-style-type: none;
padding-left: 5px;}


#detailwrapper {text-align:left}
#detailtext {float:left; width:300px;}
#detailpic {margin-left:350px; text-align:right;}


/* End of 'JAZstyles' */