@charset "utf-8";
/*Bazaar Ceramics Style Sheet*/
   
/*************************************************************

General website properties

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

body {
     background-color: #996600;
     font-family: arial;
     font-size: 12pt;
	  padding-top: 10px;
	 padding-bottom: 10px;
	 margin-top: 0px;
	 }
p  {
     color: #663300;
         font-family: arial;
     font-size: 12pt;
     }
	#search {
margin-left: 215px;
width: 500px;
border: double;
	 }
	 	#item {
margin-left: 215px;
width: 500px;
border: double;
	 }
	 	 #products {
margin-left: 0px;
	 }
ol {
     color: #663300;
     font-family: arial;
     font-size: 12pt;
	 list-style:  none;
     }
form {
margin-left: 210px;
	 }
	 .form-button {
	margin-left: 160px; 
	 }
	 #maps {
	margin-left: 0px; 
	 } 
	 
.left-label {
margin-left: 30px;
}
.center-label {
margin-left: 60px;
}
.right-label {
margin-left: 70px;
}
.row2left-label{
margin-left: 30px;
}

.row2center-label{
margin-left: 50px;
}
.row2right-label{
margin-left: 60px;
}
.row3left-label{
margin-left: 50px;
}

.row3center-label{
margin-left: 70px;
}
.row3right-label{
margin-left: 80px;
}
.row4left-label{
margin-left: 50px;
}

.row4center-label{
margin-left: 90px;
}
.row4right-label{
margin-left: 70px;
}
.login{
margin-left: -170px;
float: left;
}

	 #user2  {
	 	 width: 110px;
	 font-size:12px;
}
	 #upassword2{
	 width: 110px;
	 font-size:12px;
	 
}
.row5left-label{
margin-left: 10px;
}
.row5center-label{
margin-left: 50px;
}
hr {
width: 600px;
margin-left: 200px;
}
/*************************************************************

Code to make the first letter of each paragraph bigger

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

p.first:first-letter {font-size: 12pt; font-style: italic;}

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

Heading conditions

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

h1 {     color: #663300;
         font-family: arial;
     font-size: 20pt;

	 }
h2 {     color:  #663300;
         font-family: arial;
     font-size: 16pt;
	 }
h3 {     color:  #663300;
         font-family: arial;
     font-size: 10pt;
	 }

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

page divider properties

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

.crumb {
margin-left: 5px;
width:975px;
border-top: 1px solid #663300;
border-bottom: 1px solid #663300;
text-align: left;		
}

.crumb p {
	font-size: 12pt;
	color: #663300;
margin-left: 100px;    
}
 
.crumb a {
	color: #663300;
	text-decoration: underline;
	margin-left: 100px;
}

.crumb a:hover {
	text-decoration: underline;
	margin-left: 100px;
}

.crumb a:active {
	color: #663300;
	margin-left: 100px;
}

.container
{
width: 1024px;
}

.banner
{
height: 100px;
margin-left: -200px;
text-align: center;
}

.navigation
{
text-align: center;
width: 800px;
}

.navigation p
{
	font-size: 10pt;
	margin-left: 215px;
}

.main
{
width: 800px;
}

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

Code to place footer

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

.bottomnav{
width:800px;
text-align: center;
}

.bottomnav p{
	font-size: 10pt;
}


.datemod{
width:800px;
font-size: 10pt;
}

.datemod p {
margin-left: 400px;
font-size: 10pt;
}
.datemod span {
margin-left: 400px;
display:block;
font-size: 10pt;
 color: #FFFFFF;
}

.servertime{
margin-left: 120px;
width:800px;
font-size: 10pt;
}

.servertime span {
margin-left: 300px; 
font-size: 10pt;
 color: #FFFFFF;
}
a:active {
	color: #663300;
margin-left: 50px;	
}

a {
	color: #663300;
	margin-left: 50px;
	text-decoration: underline;
	clear: both;
}
#shoppingcart{
margin-left: 0px;
font-size:12px
}
#cart{
margin-left: 215px;
width: 500px;
}
#checkout{
margin-left: 215px;
width: 500px;
}
#checkout h1{
margin-left: 100px;
}
#checkout a{
margin-left: 5px;
}
a:hover {
	color: #663300;
	background-color: #993333;
    margin-left: 50px;
	text-decoration: underline;
}
#logout{
margin-left: 700px;
line-height: 20px;
}
/****************************************************

element group style

*****************************************************/
div.bottomnav p{
	margin-left: 215px;
}
div.main p {
	margin-left: 215px;
}
.contact{
margin-left: 100px;
}

div.main h1,div.main h2,div.main h3 {
	margin-left: 215px;
}
div.main .flash {/*** put a space between .main and .flash in-order for the code to work.***/
    margin-left: 215px;
}

div.quote  p{
color: #663300;
}
div.oversized img{
width: 160px;
height: 160px;
margin-left: 215px;
}
div.theme img{
width: 160px;
height: 160px;
margin-left: 215px;
}
div.compliant img {
	margin-left: 215px;
}
div.paragraphlink {
text-align: left;	
}
div.paragraphlink  p a{
 margin-left: 5px;
}

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

Gallery

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

ul.gallery {
	margin: 0 0 0 215px;
	padding: 0px;
	width: 520px;
}

ul.gallery:after {
	clear: both;
	content: '';
	display: block;
}

ul.gallery li {
	display: block;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 260px;
}

ul.gallery p {
	margin: 0px;
	padding: 10px;
}

ul.gallery h2,ul.gallery  h3 {
	margin: 0px;
	padding: 10px;
}
ul.gallery img {
width: 240px;
height: 160px;
}
ul.link li a{
display: block;
margin-left: 520px;	
}
ul.products {
	margin: 0 0 0 215px;
	padding: 0px;
	width: 520px;
}

ul.link li a{
display: block;
margin-left: 520px;	
}

ul.products:after {
	clear: both;
	content: '';
	display: block;
}

ul.products li {
	display: block;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 240px;
}

ul.products p {
	margin: 0px;
	padding: 0px;
}

ul.products h2,ul.products  h3 {
	margin: 0px;
	padding: 0px;
}
ul.products img {
width: 186px;
height: 200px;
}

#splash_screen {
	color: #663300;
	margin-left: 300px;
	text-decoration: underline;
	margin-top: 125px;
	clear: both;
	
}

#splash_screen a {
	margin-left: 0px;
}
.enterbtn {
margin-left: 100px;
}

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

Code for the sub-section links activation 

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

#sublinks p {

font-size: 8pt;

}

#sublinks {
	margin-left: 100px;
	border-top: none;
	border-bottom: none;
	line-height: 33px;
	font-weight: normal;
	text-decoration: underline;
}

#sublinks a:hover {
	text-decoration: underline;
	background-color: #993333;
}

#secondlevlinks {
	margin-left: 200px;
	line-height: 25px;
	font-size: 12pt;
}
#slevlinks {
	margin-left: 200px;
	line-height: 25px;
	font-size: 12pt;
}

#seclevlinks {
	margin-left: 200px;
	line-height: 25px;
	font-size: 12pt;
}
#thirdlevlinks {
	margin-left: 250px;
	line-height: 25px;
	font-size: 12pt;
}

#fourlevlinks {
	margin-left: 400px;
	line-height: 25px;
	font-size: 12pt;
}

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

Individual Page properties

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

#site1  {
color:  #663300;
line-height:0px;
margin-left: 250px;
}
#comply{
margin-left: 400px;
}