body {
	margin: 0px;
	font-family: verdana, arial;
	font-size: 75%;
}

#container {
	width: 812px;
	margin: 0 auto;
}

#header {
	background: url(/images/headerbg.jpg) no-repeat top right;
	height: 100px;
	position:relative;
}
#toplinks {
	position:absolute;
	top:5px;
	right:20px;
	font-weight: bold;
}
#toplinks a {
	text-decoration: none;
}
#phoneno {
	position:absolute;
	bottom:5px;
	right:20px;
	font-weight: bold;
	margin: 0px;
}

#topnav {
	background: #aaaaaa;
	border-bottom: 1px solid white;
	clear: both;
	margin: 2px 0px;
	font-weight: bold;
	font-size: 11px;
}

#topnav ul {
	float: right;
	list-style: none;
	text-align: center;
	margin: auto;
	padding: 0px;
}
#topnav ul li {
	float: left;
	text-align: center;
	border-left: 1px solid white;
	padding: 6px 0px;
	margin: 0px;
}
#topnav a {
	text-decoration: none;
	color: white;
	display: block;
	width: 98px;
}

#wrapper {
	padding: 0px 0px;
	clear: both;
	background: url(/images/bg.jpg) repeat-y;
}

#content {
	float: left;
	width: 472px;
	padding: 5px 5px; 
	display: inline;
}

#sidebarleft{ 
	float: left; 
	width: 120px; 
	padding: 5px 10px; 
	margin: 0; 
	display: inline; 
}

#sidebarright{ 
	float: right; 
	width: 160px; 
	padding: 5px 10px; 
	margin: 0; 
	display: inline;
}

#sidebarleft img {
	margin: 5px 0px;
}

#sidebarright li { 
	font-size: 90%;  
	list-style: none; 
}

#sidebarleft ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#sidebarleft ul li {
	font-weight: bold;
	margin: 5px 0px;
}
#sidebarleft ul li a {
	color: black;
	text-decoration: none;
}
#sidebarleft ul ul {
	margin: 0px 0px 0px 10px;
}
#sidebarleft ul li ul li {
	font-weight: normal;
	font-size: 90%;
}
#sidebarleft ul li ul li a {
	color: #bb54bf;
	text-decoration: none;
}

#basket, #login, #offline, #infoboard, #blog, #freepatterns {
	font-size: 11px;
	padding: 5px 2px;
	border-bottom: 1px solid #bb54bf;
}
#basket form, #login form {
	margin: 0px;
}
#basket h3, #login h3, #offline h3, #infoboard h3, #blog h3, #freepatterns h3 {
	margin: 3px 0px;
}
#basket_content p, #login_content p {
	margin: 0px;
	padding: 4px 0px;
}

#infoboard h4 {
	margin: 8px 0px;
}

#footer {
	background: #aaaaaa;
	width: 100%;
	clear: both;
	text-align: center;
	font-size: 11px;
	padding: 5px 0px;
	margin: 5px 0px 0px 0px;
	border-top: 6px solid #f6caed;
}
#footer p, #footer a {
	color: white;
	margin: 0px;
	padding: 0px;
}

/*-------------Headings-------------*/

h1 {
	display: none;
}

h2 {
	color: #bb54bf;
	font-size: 120%;
}

h3 {
	color: #bb54bf;
	font-size: 110%;
}

h4 {
	color: #bb54bf;
	font-size: 100%;
}

h5 {

}

a {
	color: #BB54BF;
}

a img {
	border: none;
}



.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}


.category_product {
	width: 31%;
	float: left;
	text-align: center;
	margin: 5px 1%;
}
.category_product h4 {
	font-size: 12px;
	margin: 5px 0px;
}
.category_product img {
	display: block;
	margin: 2px auto;
}
.category_product a {
	text-decoration: none;
}


label {
	margin: 2px;
	float: left;
	width: 130px;
}

input, select, textarea {
	margin: 3px;
}

#product_options {
	margin-left:2px;
}
#product_options h4 {
	height: 24px;
	margin: 5px 0px;
}
#product_options .form_div {
	float:left;width:140px;margin: 2px 2px;border:1px solid #dddddd;background:#f6f6f6;text-align:center;padding-bottom: 5px;
}
#product_options img {
	display:block;margin:auto;overflow:hidden;
}

.purpletable {
	border-collapse: collapse;
	margin: auto;
}
.purpletable thead td {
	background: #BB54BF;
	color: white;
	font-weight: bold;
}
.purpletable td {
	border: 1px solid #BB54BF;
	text-align: center;
	padding: 2px;
}

.warning {
	border:1px solid #dddddd;
	background:#f6f6f6;
	font-weight: bold;
	color: red;
	padding: 5px;
}

#imagelist, #productlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#imagelist li, #productlist li {
	margin: 5px;
	padding: 0px;
}
#productlist span {
	background: #ccc;
	display: block;
	padding: 5px;
	cursor: move; 
}

