Body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#container {
width: 800px;
\width: 820px;
w\idth: 800px;
margin-left: auto;
margin-right: auto;
}
h1,h2,h3,h4,h5,h6 {
font-family: "trebuchet ms", verdana, geneva, sans-serif;
color: #8a757d;
}
#header {
margin-bottom: 2px;
background-image: url(../images/header_bgnd.jpg);
background-repeat: no-repeat;
height: 80px;
}

#content {
padding: 5px;
margin-right: 212px;
margin-left: 215px;
background-color: #fff;
}

#aboutcontent {
padding: 5px;
margin-right: 12px;
margin-left: 215px;
background-color: #fff;
}
.aboutimg{
	margin-right: 6px;
	border: 1px solid #b9acb1;
	padding: 2px;
}
#content li {
padding-bottom: 10px;
list-style-image: url(../images/bullet.jpg);
}
#homecontent {
margin-left: 0;
margin-right: 412px;
}
#homeimg {
width: 800px;
\width: 810px;
w\idth: 800px;
height: 308px;
background-image: url(../images/floral_handbags_img.jpg);
background-repeat: no-repeat;
margin-top: 0;
}
#sidebar-a {
float: right;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-left: 2px;
padding: 5px;
background-color: #fff;
}
/* Left Sidebar for Colelction Pages */
#collections {
float: left;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
background-color:#fff;
min-height: 600px;
background-image: url(../images/sidebar_bgnd.gif);
background-repeat: repeat-y;
}
#content2 {
padding: 5px;
margin-left: 212px;
background-color: #fff;
left: 230px;
width: 575px;
}
/* For Product Description Div with Image */
#prodescript {
padding: 5px;
background-color: #fff;
left: 230px;
width: 275px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#prodescript img, .card img {
	border: 1px solid #8a757d;
	padding: 2px;
}
#footer {
clear: both;
font-family: verdana, Arial, helvetica, san-serif;
font-size: 11px;
padding: 0;
}
		
/* Inline Form*/
form {
display: inline;
}
input.txt {
color: #404040;
border: 1px inset #00008B;
width: 200px;
}
#newsletter {
width: 792px;
height: 30px;
background-color: #cc9999;
color: #fff;
padding: 6px 0 4px 6px;
margin: 0;
}

/* Forms Styling */
form {
	width: 90%;
	padding:10px;
	margin-top:15px;
}
form p {
	clear: left;
	margin: 0;
	margin-bottom: 15px;
	padding:0;
	padding-top: 5px;
}
form p label{
	float: left;
	width: 30%;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: bold;
}
textarea {
	font: 10pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

input { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
input.txt {
	border: 1px solid #758a82;
	width: 200px;
}
.button{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 2px 4px;
background:url(../images/button_bgnd.gif) repeat-x left top;
width: auto; 
border: 1px solid gray;
}

/* Customer Service Menu */
#topmenu {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 11px;
float: right;
}
#footermenu {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: 15px;
text-align: center;
line-height: 80%;
}
#footer p{
text-align: center;
}
#topmenu ul, #footermenu ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 4px;
}
#topmenu li, #footermenu li{
display: inline;
vertical-align: middle;
}
#topmenu a:link, #topmenu a:visited, #topmenu a:hover  { 
padding: 0; 
padding-right: 10px;
margin-left: 5px;
color: #b9acb1;
background-color: fff;
text-decoration: none;
border-right: 1px dotted #b9acb1;
}
#footermenu a:link, #footermenu a:visited { 
padding: 0; 
padding-right: 10px;
margin-left: 5px;
color: #8a757d;
background-color: fff;
text-decoration: none;
border-right: 1px dotted #b9acb1;
	}
 #footermenu a:hover {
padding: 0; 
padding-right: 10px;
margin-left: 5px;
color: #B4CA80;
background-color: fff;
text-decoration: none;
border-right: 1px dotted #b9acb1;
 }
#topmenu a:hover {
color: ##b9acb1;
background-color: #fff;
}
/* Main Navigation Menu */
#mainnav {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
background-color: #cc6699;
color: #fff;
height: 34px;
padding: 10px 6px;
border: 1px solid #8a757d;
	}
#mainnav ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 4px;
}
#mainnav li{
display: inline;
vertical-align: middle;
text-transform: uppercase;
}
#mainnav a:link, #mainnav a:visited, #mainnav a:hover  { 
padding: 0; 
padding-right: 10px;
margin-left: 5px;
color: #fff;
text-decoration: none;
border-right: 1px solid #fff;
}
/* Collections Navigation Menu */
#navcontainer {
width: 100%;
margin: 0 auto;
font-family: verdana, helvetica, sans-serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
}
ul#navlist {
text-align: left;
padding: 0;
margin: 0 auto;
width: 80%;
}
ul#navlist li {
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a {
display: block;
width: 100%;
padding: 6px;
text-decoration: none;
color: #404040;
border-bottom: 1px dashed #ddc8cb;
}
#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
background: #f0e7d7;
color: #800000;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
background-color: #f3f1f2;
text-decoration: none;
}
/* For Collection Thumb Display */
.card {
float: left;
width: 170px;
margin: 0 15px 15px 0;
padding: 10px 0;
text-align: center;
background: white;
border-right: 1px solid #b9acb1;
border-bottom: 1px solid #b9acb1;
font-size: 11px;
/* added rules */
height: 250px;
overflow:auto;
	}
.collection {
	border: 1px solid #b9acb1;
}
.card-title {
margin: 0 0 5px 0;
font-size: 130%;
	}
.card-photo {
margin:0 auto; padding:0;
border: none;
	}
.card-desc {
margin: 5px 10px; padding:0;
text-align: left;
font-size: 100%;
	}
.card-price {
margin: 5px 10px 0 10px; padding:0;
text-align: left;
font-size: 90%;
color: #666;
	}

.cleaner { clear:both }
/* Right Sidebar for Customer Service Menu */
#sidebar-r {
float: right;
width: 160px;
\width: 170px;
w\idth: 160px;
margin-right: 15px;
margin-left: 2px;
margin-top: 6px;
padding: 5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #404040;
border: 4px double #f3f1f2;
		}
/* Home Page Right Sidebar */
#sidebar-home {
float: right;
width: 208px;
\width: 218px;
w\idth: 208px;
height: 305px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #404040;
border: 1px solid #f3f1f2;

		}
ul#servicelist {
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 70%;
font-family: verdana, ariel, sans-serif;
font-size: 11px;
}
ul#servicelist li {
display: block;
margin: 0;
padding: 0;
}
ul#servicelist li a {
display: block;
width: 100%;
padding: 6px;
text-decoration: none;
color: #404040;
border-bottom: 1px dashed #ddc8cb;
}
ul#servicelist li a:hover {
	background-color: #f3f1f2;
	text-decoration: none;
}
.current {
	text-decoration: none;
	background-image: url(../images/current.gif);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: bold;
		}

.productimg {
	border: 0;
	vertical-align: top;
}
/* Tell A Friend Page Styles */
#tell{
padding-left:50px; 
width: 400px;
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 11px;
}

.error{color: #cc0000;}

textarea{ 
width:250px;
height: 40px;
border: 1px solid #cecece;
}

input.button {
background-color: #cc9999;
color: #fff;
font-weight:bold;
border:1px solid #000;
margin-bottom: 15px;
margin-top: 25px;
}

form p {
clear:left;
margin:0;
padding:0;
padding-top:5px;
}

form p label {
float:left;
width:30%;
}
/* Home Page Layout */
#mainimage {
width: 590px;
height: 303px;
float: left;
background-image: url(../images/homepage_bgnd.jpg);
background-repeat: no-repeat;
border-left: 1px solid #404040;
}
#sechomeimg {
width: 208px;
margin: 0;
padding:0;
height: 303px;
float: right;
}
#secimg1, #secimg2 {
width: 100%;
height: 151px;
padding: 0;
margin: 0;
background-color: #8a757d;
}
/* Page Order Forms */
#orderform {
float: left;
width: 500px;
padding: 6px;
}
#tell {
width: 400px;
float: right;
}
#turn {
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8a757d;
}

/* Page Pagination Style */
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 9px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #8a757d;
text-decoration: none; 
color: #8a757d;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #8a757d;
color: #000;
background-color: #f3f1f2;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid #b9acb1;
background-color: #b4ca80;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}
.clear {
	clear: both;
}
/* Link to Purchase Handbag on Home Page */
#shop a {
position: absolute;
margin-top:90px;
margin-left: 466px;
width: 124px;
height: 33px;
text-decoration: none;
}
#shop a i {
visibility: hidden;
}

a#floral {
	width: 124px;
	margin-left: 466px;
}
/* Sassy Image Gallery Style */
#imggallery{
margin-right: auto;
margin-left: auto;
width: 650px;
}
table#gallery {
	width: 606px;
	background-color: #f3f1f2;
}
table#gallery td {
	border: border: 1px solid #8a757d
}
/* Link to Floral handbag on Home Page */
#baglink a {
height: 195px;
width: 430px;
margin-left: 30px;
margin-top: 65px;
position: absolute;
text-decoration: none;
}
#baglink a i {
	visibility: hidden;
}
.free {
	color: red;
	font-size: 12px;
	font-weight: bold;
}

