td, th { font-size: 85%; }

a.link 				{ padding: 4px 8px; border: 1px solid #D7D7D7; background: #F7F7F7; }
a.link:hover 		{ border: 1px solid #777; }

.ha { font-size: 180%; }

body { background: #E6E6E6 url(images/bg.gif) repeat-y scroll center top; text-align: center; font-family: tahoma; }

h5 { font-size: 115%; }

.header { font-size: 125%; color: black; font-weight:	bold; text-decoration: underline; }

.no_underline { text-decoration:		none; }

a { color: #0066CC; text-decoration: none; }

.small { font-size:		80%; }

.faq { font-size:		110%; }

.price_brief { font-size:		120%; }

.big { font-size:		150%; text-decoration: none; }

.cat { font-size:		100%; }

.standard { font-weight:		normal; }

.white { color:	white; }

.pink { color: pink; }

.menu { color: #fff; font-size:	85%; text-decoration: none; }

div.topmenu_selected { background: #9c3031; padding: 7px; }

div.topmenu_notselected { background: gray; padding: 7px; }

.footer { font-size: 60%; color: gray; }

.lightsmall { color: black; font-size: 80%; }

.category_child { font-weight: normal; }

.cart { font-size:		90%; BORDER-BOTTOM:	0px solid; BORDER-LEFT:	0px solid; BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid;
  margin:			0px; font-weight:	bold; color: navy;  background-color:  transparent; }

input, select { padding: 2px; }
select, label { cursor: pointer; }

.catdis{ font-size: 80%; }

#aux_location { border: 1px solid lightgrey; padding: 3px; }

p, ul, ol, li { line-height: 1.5em; font-size: 0.95em; }
h1, h2 {  color: #555;  font-weight: normal; }
h1 { border-bottom: 1px dashed #ddd; font-size: 180%; }

#header { padding: 0px; border: 0px; width: 780px; height: 150px; background: url(images/banner.gif); margin: 0pt auto; }

#contactform { border: 1px dashed lightgrey; list-style: none; padding: 15pt 25pt 15pt 25pt; margin: 0; background: #EEEEEE; }
#contactform li { margin-bottom: 10px; }
#contactform textarea { font-family: verdana; width: 470px; padding: 2px; }

#submit { padding: 4px 12px; font-size: 100%; font-weight: bold; }

#news-post img { border: 3px solid #ddd; margin: 0 1em; }
#news-post h1 { border-bottom: none; }
#NewReleases { border: 2px solid #ddd; overflow: auto; width: 510px; height: 175px; background: #F2F2F2;   }
.productbox { display: block; width: 120px; height: 150px; text-align: center;  padding: 4px; float: left; background: #f2f2f2; border-right: 1px solid #ddd; }
.productbox #name { height: 18px; display: block; }
.productbox a img { border: 1px dashed #ddd; }
.productbox .imagebox { height: 85px; }

/* stocktake sale */
div.stocktakeSaleBanner { background: #343343; padding: 5px 10px; border: 1px solid #999; }
div.stocktakeSaleBanner h2 { font-size: 14px; font-weight: normal; color: #aaa; }
div.stocktakeSaleBanner p { font-size: 12px; color: #aaa; }
div.stocktakeSale banner a { color: #aaa; }

/* product slider */
#slider 					{ width: 800px; margin: 0 auto; position: relative; border: 10px solid #ccc; }

.scroll 					{ overflow: hidden; width: 800px; margin: 0 auto; position: relative; }

.scrollContainer 			{ position: relative; }
.scrollContainer div.panel 	{ padding: 10px; width: 150px; height: 200px; }

#left-shadow 				{ position: absolute; top: 0; left: 0; width: 12px; bottom: 0; background: url(../images/movingboxes/leftshadow.png) repeat-y; }
#right-shadow 				{ position: absolute; top: 0; right: 0; width: 12px; bottom: 0; background: url(../images/movingboxes/rightshadow.png) repeat-y; }

.inside 					{ padding: 10px; border: 1px solid #999; }

.inside img 				{ display: block;border: 1px solid #666;margin: 0 0 10px 0; width: 100px; }

.inside h2 					{ font-weight: normal; color: #111; font-size: 16px; margin: 0 0 8px 0; }
.inside p 					{ font-size: 11px; color: #ccc; }

.scrollButtons 				{ position: absolute; top: 127px; cursor: pointer; }
.scrollButtons.left 		{ left: -45px; }
.scrollButtons.right		{ right: -45px; }

.hide						{ display: none; } 
	
/* Common List Styles
 * ---------------------- */
.newReleasesCycle li {
	display: block;
	width: 100px; /* REQUIRED */
	float: left; /* REQUIRED */
	margin: 0 10px;
	text-align: center;
	color: #777;
}

.newReleasesCycle img { border: none; width: 100px; height: 75px; }

/* Container Styles
 * ---------------------- */
.cycleElementsContainer {
	padding: 10px;
	margin: 10px;
	overflow: hidden;
} 	
	.cycleElementsContainer div {
		float: left;
	}
	.cycleElementsContainer .cycleElementsArrow {
		padding-top: 30px;
		text-align: center;
		width: 55px;
	}

#stocktakeSaleBanner img { border: 2px solid #f2f2f2; width: 536px; }
#stocktakeSaleBanner a { border: none; }

/* Login page
*  ----------------------*/

body#login 				{ font-family: Georgia, serif; background: url(images/login/login-page-bg.jpg) top center no-repeat #c4c4c4; color: #3a3a3a;  }

.clear					{ clear: both; }

#login form				{ width: 406px; margin: 170px auto 0; }

#login legend			{ display: none; }

#login fieldset			{ border: 0; }

#login label			{ width: 115px; text-align: right; float: left; margin: 0 10px 0 0; padding: 9px 0 0 0; font-size: 16px; }

#login input			{ width: 220px; display: block; padding: 4px; margin: 0 0 10px 0; font-size: 18px;
					  color: #3a3a3a; font-family: Georgia, serif;}
#login input[type=checkbox]{ width: 20px; margin: 0; display: inline-block; }
					  
#login .button			{ background: url(images/login/button-bg.png) repeat-x top center; border: 1px solid #999;
					  -moz-border-radius: 5px; padding: 5px; color: black; font-weight: bold;
					  -webkit-border-radius: 5px; font-size: 13px;  width: 70px; }
#login .button:hover	{ background: white; color: black; }