/*

Theme Name: retailsolutions Theme
Version: 1.0
Author: ulf-theis.de - WebDesign
Author URI: http://www.ulf-theis.de

*/

body { 
	margin: 0; 
	padding: 0; 
	background: #fff;
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height: 1.6em; 
	color: #444; 
}

img { border: 0; }

/* LINKS AND HEADING STYLING */

a { color: #990000; text-decoration: none; background: inherit; }
a:hover { color: #990000; text-decoration: underline; background: inherit; }
h1 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: normal; margin: 0 0 10px 0; color: #990000; background-color: transparent; }
h1 a:hover {text-decoration: none; }
h2 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: normal; margin: 0; background-color: transparent; }
h2 a:hover {text-decoration: none; }
h3 { clear: both; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: normal; color: #990000; margin: 0; padding-bottom: 4px; border-bottom: 1px solid #ccc; }
blockquote { margin: 10px 0 0 25px; padding: 0 20px; border-left: 2px solid #CCC;	color: #666; }
.red, span.red { color: #990000; background: inherit; }
.grey, span.grey { color: #999; background: inherit; }
.blue { color: #546F92; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }
.image-sap { margin: 0 0 0 20px; position: relative; display: inline; float: right; }

/* CONTENT WRAPPER */

#main { width: 900px; margin: 20px auto 0 auto; }

/* HEADER */

#header { background: url(images/header_bg.jpg) no-repeat; border-top: 2px solid #CCC; border-left: 2px solid #CCC; text-align: left;
					width: 898px; height: 145px; position: relative; }
#header-logo { padding: 20px; }
a#logo { background: url(images/rs_logo.png) no-repeat; width: 414px; height: 105px; position: absolute; }

#header-links { font-size: 1.1em; text-align: right; height: 20px; }

/* MENUBAR */

#menuwrapper { width: 896px; background: url(images/mbar.png) no-repeat; border-top: 1px solid #CCC;
							 border-bottom: 1px solid #CCC; border-left: 2px solid #CCC; border-right: 2px solid #CCC; }
#menubar-bottom { background: url(images/mbar_bottom.png) no-repeat; width: 900px; height: 10px; }
#menubar, #menubar ul {	padding: 0;	margin: 0; list-style: none; }
#menubar a { padding: 8px 0 8px 0; display: block; text-decoration: none;	font-size: 1.1em;	font-weight: bold; text-align: center; color: #444;}
#menubar a.trigger { padding: 8px 0 8px 0; background-image: url(images/mbar_dark_south.gif); background-repeat: no-repeat; background-position: right center; }
#menubar li {	float: left; width: 150px; }
#menubar li ul, #menubar ul li { width: 148px; }
#menubar ul li a  {	color: #444;	border-right: 0; padding: 5px 10px 5px 10px; text-align: left; width: 130px; }
#menubar li ul { position: absolute; display: none;	background-color: #FFF;	border-right: 1px solid #CCC;	border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#menubar li:hover a, #menubar a:focus, #menubar a:active, #menubar li.hvr a { color: #444; background-color: #FFF; }
#menubar li:hover ul, #menubar li.hvr ul { display: block; }
#menubar li:hover ul a, #menubar li.hvr ul a { color: #444; background-color: transparent; }
#menubar ul a:hover { background-color: #ECE6C8!important; color: #990000!important; width: 128px; }
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#menubar li {width: auto;}
.clearit { clear: both;	height: 0; line-height: 0.0; font-size: 0; }

/* SIDEBAR */
	
#sidebar {
	float: left;
	width: 250px;
}

#sidebar h2 {
	font: 1.8em normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
	margin: 0; 
	padding: 0; 
}

#sidebar ul {
	margin: 10px 5px 10px 5px; 
	padding: 0 0 0 15px;
	list-style: none; 
}

#sidebar li {
	list-style-type: none;
	list-style-image: url(images/sidebar_arrow.png);
	font-size: 1.2em;
}

#sidebar li ul li{
	list-style-type: none;
	margin-left: 20px;
}

#searchform { margin: 10px auto; padding: 0; }
/* IE Fix */
* html #sidebar #searchform #s { height: 17px; }
/* IE Fix END */
#sidebar #searchform #s { width: 147px; height: 18px; padding: 0 5px 0 5px; border: 1px solid #999; color: #666; }
/* IE Fix */
* html #sidebar .searchsubmit { margin-bottom: 0px; height: 19px; padding: 1px 0 0 0; }
/* IE Fix END */
#sidebar .searchsubmit { margin-left: 2px; width: 60px; height: 20px; background: #FFF; border: 1px solid #999;
												 font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #666; padding: 0 0 2px 0; }

.box-search { border: 2px solid #CCC; margin: 0 0 10px 0; }
.box-search-bg { background: #F5F2E3; padding: 4px 10px 0 10px; border: 1px solid #FFF; }

.box-categories { border: 2px solid #CCC; margin: 0 0 10px 0; }
.box-categories-bg { background: #FFF; padding: 4px 10px 0 10px; border: 1px solid #FFF; }

.box-specials { border: 2px solid #CCC; margin: 0 0 10px 0; }
.box-specials-bg { background: #FFF; padding: 4px 10px 0 10px; border: 1px solid #FFF; }
.box-specials-text { font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; font-size: 1.2em; color: #666; text-align: left; line-height: 1.3em; }

/* COMMENTS*/

.comments {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 2px solid #F2F2F2;
}	

.commentlist li.alt {
	background-color:#F8F6E9;
}

.commentlist {
	margin:15px;
	padding: 0;
	text-align: justify;
}

.commentlist li {
	font-size: 1.2em;
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	background: #fafafa;
	color: #808080;
	border: 1px solid #CCC;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: inline;
}

/* CONTENT */

#content { 
	border: 2px solid #CCC;
	width: 596px;
	float: right;
	margin: 0 0 10px 0;
	padding: 20px;
}

#content-text { 
	font-size: 1.2em;
}

.nolist {
	list-style: none;
} 

#right {
	float: right;
	width: 596px;
}

.start {
	clear: both;
	margin: 0px 0 20px 0;	
	padding: 10px;
	border: 1px solid #CCC;
	background: #F2F2F2;
	color: #444;
	font-size: 1.2em;
	text-align: justify;
}

.start p { margin: 0; }

.leftcol {
	float: right; 
	padding: 0;
}

.rightcol { 
	float: left; 
	padding: 0;
	text-align: justify;
	width: 596px;
}

.special {
	clear: both;
	margin: 0px 0 20px 0;	
	padding: 5px 20px;
	border: 2px solid #CCC;
	background: #FFF;
	color: #444;
}

.metadata {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 20px 0;
	text-align: left;
	padding-left: 2px;
	background: #F2F2F2;
}

.entry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}
	
.alignright {
	float: right;
}
	
.alignleft {
	float: left
}

.navigation {
	padding: 1px;
	margin: 0;
}

/* FOOTER */

#footer { clear: both; border-top: 2px solid #CCC; text-align: left; width: 900px; margin: 0 auto; height: 60px; position: relative; }
  p#copyright, span#copyright { font-size: 1.1em; line-height: 1.2em; color: #999; position: absolute; display: block; left: 0; top: 10px; }
  a#rss-link { background: url(images/rss_button.png); display: block; width: 81px; height: 18px; position: absolute; right: 0; top: 15px; } 

/* VARIOUS TAGS & CLASSES */	
	
/* just for clearing floats, IE Hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {display: block; margin: 0; padding: 0; }
p.clearfix {}
/* End hide from IE-mac */

/* BEGIN Intouch Contact Form */
 
div.intouch { margin: 1em auto 2em auto; font-size: 0.9em; }		
div.intouch form { float: left; width: 100%; }		
div.intouch div.inputfield { padding: 4px 0px; position: relative; }
div.intouch span { position: relative; top: 0.1em; }
div.intouch label { display: block; float: left; clear: left; width: 15%; padding-top: 0.1em; text-align: right; position: relative; right: 5px; }
div.intouch div.inputfield input, div.intouch div.inputfield textarea { float: left; margin-left: 10px; }
div.intouch div.inputfield input { width: 40%; background: transparent url(images/bg_input.gif) no-repeat; border: 1px solid #CCC; padding: 2px; height: 14px; }
div.intouch div.inputfield textarea { width: 60%; height: 138px; padding: 5px; border: 1px solid #CCC; background: transparent url(images/bg_input.gif) no-repeat; }
div.intouch div.inputfield input.submitbutton { border: 1px solid #CCC; background: #FFF; cursor: pointer; color:#666; vertical-align: top;
																								width: auto !important; padding: 2px 2px 3px 2px; margin-left: 10px; left: 15%; position: relative; height: 24px; }
div.intouch div#usermessage { margin-bottom: 10px; text-align: center; }
div.intouch div#usermessage.success { font-size: 1.4em; font-weight: bold; }
div.intouch .error { border: 1px solid #FF0000 !important; padding: 1px; }

/* END Intouch Contact Form */