@import url(form.css);

* { margin: 0px; padding: 0px; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:link, a:visited { color: #b61f24; }
a:hover, a:active { color: #961f24; }
body { background-color: #ededed; font-size: 0.7em; color: #404040; line-height: 1.4em; }
h1 { font-size: 1.2em; padding-bottom: 0.3em; margin-bottom: 0.8em; font-weight: bold; }
h2 { font-size: 1.1em; font-weight: normal; margin-bottom: 0.3em; }
hr { display: none; }
img { border: 0px; }
input { vertical-align: middle; }
input.text, input.text-ghosted { padding: 2px; border: 1px solid #808080; }
input.text-ghosted { color: #808080; }
input.text { color: #000000; }
a.button, input.button { text-decoration: none; background-color: #d60006; color: #FFFFFF; font-weight: bold; border: 0px; padding: 2px 4px; }
a.button:hover, input.button:hover { background-color: #940004; }
ol, ul { margin-left: 1.5em; padding-left: 1.5em; }
p { margin-bottom: 0.8em; }
select { vertical-align: middle; }

#root { width: 920px; background-color: white; background-repeat: no-repeat; margin: 20px auto; }
#footer { width: 910px; margin: 8px auto; font-size: 0.8em; color: white; text-align: right; }
#footer a { color: #8f8e8e; text-decoration: none; }

.home-nav { float: right; }
.navigation, .home-nav { list-style-type: none; padding-left: 0px; margin-left: 0px; }
.navigation li, .home-nav li { display: inline; }
.navigation a, .home-nav a { float: left; display: block; padding: 4px 10px; text-transform: uppercase; text-decoration: none; color: #b61f24; }
.navigation a:hover, .navigation a.active, .home-nav a:hover, .home-nav a.active { color: #961f24;}

#toplinks { float: right; margin-right: 0px; font-size: 0.7em;}
#toplinks ul { list-style-type: none; padding-left: 0px; margin-left: 0px; }
#toplinks li { display: inline; }
#toplinks a { float: left; display: block; padding: 4px 10px; text-transform: uppercase; text-decoration: none; color: #000000; font-weight: bold; }
#toplinks a:hover, #toplinks a.active { color: #404040;}

#main { padding-top: 180px; height: 1%; }
#leftpanel { float: left; width: 185px; margin-left: 40px; <font style="background-color: #000000"></font>}
	#mainbody { float: left; margin-left: 25px; width: 660px; margin-top: 22px; }
	#maincontent { min-height: 350px; height: auto !important; height: 350px; }
		#maincontentpanel { padding: 30px 10px; }

.gallerythumbnail { float: left; width: 82px; margin-right: 10px; margin-bottom: 10px; }
	.gallerythumbnail img { border: 1px solid #cccccc; }

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; }

.align-left, .align-l { text-align: left; }
.align-center, .align-c { text-align: center; }
.align-right, .align-r { text-align: right; }
.valign-top, .valign-t { vertical-align: top; }
.valign-middle, .valign-m { vertical-align: middle; }
.valign-bottom, .valign-b { vertical-align: bottom; }
.float-left, .float-l { float: left; }
.float-right, .float-r { float: right; }

.error { color: #ff0000; text-align: center; }

#mainbodypadding table { border-collapse: collapse; }
#mainbodypadding table th { background-color: #ECCF99; padding: 2px 3px; font-weight: normal; color: #ac4145; border: 1px solid #FFFFFF; }
#mainbodypadding table td { background-color: #F6ECCA; padding: 2px 3px; vertical-align: top; border: 1px solid #FFFFFF; }

div.hr hr { display: none; }
div.hr { padding-top: 2px; margin-bottom: 4px; border-bottom-style: solid; border-bottom-width: 1px; }

#categories { text-transform: uppercase; font-weight: bold; margin-top: 30px; border-top: 1px solid #808080; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #808080; }
.left-panel { margin-top: 10px; border-top: 1px solid #808080; border-bottom: 1px solid #808080; padding: 10px 0px; }
.left-panel h2 { color: #b61f24; margin-bottom: 8px; }

.shop-browser-product, .shop-browser-category { border: 1px solid #a0a0a0; float: left; margin-bottom: 10px; width: 47%; margin-right: 2%; }
.shop-browser-category-image, .shop-browser-product-image { float: left; margin-right: 10px; width: 82px; }
.shop-browser-category-image img, .shop-browser-product-image img { border: 1px solid #e0e0e0; }
.shop-browser-category-summary, .shop-browser-product-summary { float: left; width: 255px; }
#product-image { border: 1px solid #e0e0e0; }

.basket th { background-color: #d0d0d0; padding: 3px; }
.basket td { background-color: #f0f0f0; padding: 3px; }

table.form th { background-color: #d0d0d0; padding: 3px; }
table.form td { background-color: #f0f0f0; padding: 3px; }

/**
 * Blog style and layout
 */
.blog-smaller { color: #969697; font-size: 0.9em; }
.blog-separator { margin: 10px 0 0 0; }
.entry-image img { padding: 10px 10px 0 0; }
.blog-rss { margin: 10px 0; }

#blog-categories { font-size: 1.1em; }
#blog-categories .blog-category { margin-bottom: 10px; }
#blog-categories .blog-cat-head { padding: 5px; background: #eee; color: #969697; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#blog-categories .blog-cat-content { font-size: 1em; margin-top: 5px; padding: 0 5px 5px 5px; }

#blog-entries { font-size: 1.1em; }
#blog-entries .blog-entry { margin-bottom: 10px; }
#blog-entries .blog-entry-head { margin-bottom: 5px; padding: 5px; background: #eee; color: #969697; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 11px; }
#blog-entries .blog-entry-content { font-size: 1em; padding: 0 5px 5px 5px; }

#blog-entry-info { margin: 0; padding: 5px; background: #eee; color: #969697; border: 1px solid #ccc; font-size: 1.1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#blog-entry-content { margin-bottom: 30px; margin-top: 5px; padding: 5px; background: #eee; border: 1px solid #ccc; font-size: 1.1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

#blog-entry-tags { margin: 0; padding: 5px; background: #eee; color: #969697; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

#blog-entry-social ul { list-style: none; margin: 0; padding: 0; }
#blog-entry-social li { display: block; float: left; margin: 0 5px 0 0; padding: 0; }
#blog-entry-social li a img { opacity: 0.8; }
#blog-entry-social li a:hover img,
#blog-entry-social li a:focus img { opacity: 1; margin-top: -1px; margin-bottom: 1px; }

#blog-entry-live-social { margin: 10px 0; padding: 0; }

#blog-entry-comments { width: 660px; margin: 10px 0; }
#blog-entry-comments .blog-entry-comment { margin-bottom: 10px; }
/*#blog-entry-comments .blog-entry-comment-head { height: 15px; background: url(../images/comment-head.png) no-repeat scroll 0 0; }*/
#blog-entry-comments .blog-entry-comment-body { padding: 10px; background: #f4f4f4; border: 1px solid #ccc; border-bottom: 0; }
#blog-entry-comments .blog-entry-comment-body h1 { margin: 0; padding: 0 0 5px 0; font-size: 12px; }
#blog-entry-comments .blog-entry-comment-foot { height: 16px; background: url(../images/comm-foot.png) no-repeat scroll 0 0; padding: 2px 50px;}

#blog-cat-list { text-transform: uppercase; font-weight: bold; margin-top: 30px; border-top: 1px solid #808080; padding-top: 10px; }

#tagcloud { text-transform: uppercase; font-weight: bold; margin-top: 30px; border-top: 1px solid #808080; padding-top: 10px; }
#tagcloud a { padding-right: 3px; }
#tagcloud .smallest { font-size: 10px; }
#tagcloud .small { font-size: 12px; }
#tagcloud .medium { font-size: 14px; }
#tagcloud .large { font-size: 16px; }
#tagcloud .largest { font-size: 18px; }

#rss-feed { text-transform: uppercase; font-weight: bold; margin-top: 30px; border-top: 1px solid #808080; padding-top: 10px; }
#rss-feed a { text-decoration: none; }

#follow-us { text-transform: uppercase; font-weight: bold; margin-top: 30px; border-top: 1px solid #808080; padding-top: 10px; margin-bottom: -20px; }