/*
*
*	Edreamz Global Styles Rules
*	JJohnson | E-dreamz
*	Last Update: May 2007
*
*/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }


.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }
.noborder		{border: none;}
.nobackground	{background:none;}

.printhide		{display:none;}

.bgreplace		{text-indent: -9999em; position: relative;}
.bgreplace a	{position: absolute; display:block; top: 0; left: 0;}

.red			{font-weight: bold; color: #55292A;}	

.input			{ border: 1px solid #cfcfcf; border-top-color: #919191; border-bottom-color: #e5e5e5; border-left-color: #d0d0d0; padding: 2px; background: #fff url(../images/input_bg.gif) repeat-x left top; font-family: Verdana, Arial, sans-serif;}
.field			{margin: 10px 0; width: 225px;}

.bordertopbottom	{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0; }
.clearafter:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearafter {display:inline-block;}
/* Hide from IE Mac \*/
.clearafter {display:block;}
/* End hide from IE Mac */

* html .clearafter{height: 1px;}

html, body 	{border:0; margin:0; padding:0; }
body 		{font: 12px Arial, Helvetica, sans-serif; color: #666; }
a					{text-decoration: none; outline:none;}
a:hover				{text-decoration: underline;}
a img				{border: none;}
h1,h2,h3,h4,h5,h6 	{ margin:0; padding:0; }
h1				 	{ font-size:2em; }
h2 					{ font-size:1.5em; }
h3,h4,h5,h6 		{ font-size:1em; }
p,ul,ol 			{ margin:0; padding:0 0 18px 0; }
blockquote 			{ margin:22px 40px; padding:0; }
ul,ol 				{ list-style:none; padding:0 0 18px 40px; }

small {
font-size:0.85em;
}


#msg{
		width: 95%;
		font-family: Verdana, sans-serif;
		margin: 10px auto;
 		padding: 5px 5px 5px 10px;
		line-height: 20px;
	}

	.notice{
	    background: #ffc;
	    color: #31363e; 
		border: 1px solid #ffdc50;
		}

	.success{
	    background: #E2F9E3;
	    color: #060; 
		border: 1px solid #9c9;
		}
		
	.error{
		background: #FFE3E0;
	    color: #E31B0C; 
		border: 1px solid #DC6E66;
		}
	#msg.error{padding: 0 0 5px 0;}
	.error h5{color: #fff; background: #E31B0C; padding: 3px;}
	
	.error .errorlist{font-size: 90%; margin-bottom: 0; padding-bottom: 0;}
	.error .errorlist li{list-style:disc;}
		
button { 
  border:0; 
  font-weight:bold; 
  padding:0 10px 0 0; 
  text-align:center; 
  width: 65px;
  font-family: Verdana, Arial, sans-serif;
  outline: none;
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 12px; 
  outline: none;
}

/*grey buttons*/
button.grey 				{ background:url(../images/button_bg_right.gif) right no-repeat; font-size:9px; font-weight: normal; }
button.grey span 			{ height:32px; line-height:33px; background:url(../images/button_bg_left.gif) left no-repeat; color:#222; text-transform: uppercase; }
button.grey:hover 			{ background:url(../images/button_bg_right_hover.gif) right no-repeat; color: #fff; }
button.grey:hover span 		{ background:url(../images/button_bg_left_hover.gif) left no-repeat; color: #fff; }

p.navtrail				{ margin: 5px 0 10px 0; padding: 0; }
h1.productTitle			{ font-size: 1.5em; margin: 0 0 5px 0; }
h2.productModel			{ font-size: 1.3em; margin: 0 0 5px 0; }
p.productPrice			{ font-size: 1.2em; padding: 0; margin: 10px 0 0 0; }
p.productPrice span		{ color: #ff0000; }
p.productQuantity		{ padding: 0; font-size: 1.2em; margin: 5px 0 5px 0; }
img.productImage		{ float: right; border: 1px solid #000; margin: 0 0 20px 20px; }
div.overflowHidden		{ overflow: hidden; }

