@import url(form.css);

/* CSS Document main structure divs & body */
a:link, a:visited { color: #82686A; }
a:hover, a:active { color: #C67E7E; }
* { padding:0; margin:0; font-size: 1em; font-family: Tahoma, Helvetica, sans-serif; }
img { border: 0; vertical-align: middle; }
input { vertical-align: middle; padding: 0px 2px; }

body { font-size: 0.8em; color: #333333; }
#container { width: 845px; margin: 10px auto; border: 1px solid #e0e0e0; }
	#header { }
		#logo { text-align: center; padding: 25px 0px; }
		#mainmenu { margin-top: 8px; background-color: #e6e7e8; height:24px; clear: both; }
	#left { padding-left: 4px; margin-top: 6px; width: 190px; float: left; }
		#basketsummary { background-image: url(../images/basketicon.gif); background-repeat: no-repeat; background-position: 4px 8px; padding: 8px 8px 8px 35px; border-bottom: 1px solid #e6e7e8; margin-bottom: 8px; font-size: 0.9em; color: black; }
			#basketsummary p { margin-bottom: 0.2em; }
		#shopmenu { }
		#registernow, #learnmore, #callus, #delivery { margin-top: 10px; border: 1px solid #c6c7c8; padding: 10px; font-size: 0.85em; }
			#learnmore a { text-decoration: none; color: #333333; }
			#learnmore p, #callus p { margin-bottom: 0px; }
			#callus { color: #92278f; }
			#delivery, #delivery a { font-weight: bold; color: #00adef; text-decoration: none; }
	#right { float: right; width: 625px; margin-top: 5px; }
		#rightbody { padding: 10px; font-size: 0.85em; }

	#footer { height:160px; clear:both; }
		#footerfloat { float: right; padding: 135px 10px 0px 0px; }

/* Text styles */
p { line-height: 1.6em; margin-bottom: 0.75em; }
#footer p { font-size:12px; }
h1 { font-size: 1.4em; color:#92278f; padding-top: 10px; margin-bottom: 0.75em; }
h2 { font-size: 1.1em; color:#333333; margin-bottom: 0.75em; }
div.hr hr { display: none; }
div.hr { border-top: 1px solid #d0d0d0; margin-top: 5px; margin-bottom: 6px; }
#rightbody ul,#rightbody ol { margin-left: 1.5em; padding-left: 1.5em; margin-bottom: 0.75em; }
#rightbody li { line-height: 1.6em; }
.clear { clear: both; font-size: 0px; height: 0px; line-height: 0px; }
.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

/* Menus & Links */
a { color:#330066; text-decoration: underline; }
a:hover { color:#333366; }
#mainmenu ul { list-style-type: none; }
#mainmenu ul li { display: inline; }
#mainmenu ul li a { font-size: 0.9em; text-decoration: none; color: #333333; display: block; float: left; padding: 5px 18px 4px 18px; }
#mainmenu ul li a:hover { color: #000000; background-color: #CCCCCC; }

#shopmenu ul { list-style-type: none; }
#shopmenu ul li { display: inline; }
#shopmenu ul li a { text-decoration: none; background-color: #404040; color: #333333; display: block; padding: 5px; margin-bottom: 5px; color: #FFFFFF; }
#shopmenu ul li a:hover { color: #000000; background-color: #999999; }

#shopmenu ul li a.shopmenu13 { background-color: #92278F; }
#shopmenu ul li a.shopmenu22 { background-color: #00ADEF; }
#shopmenu ul li a.shopmenu18 { background-color: #8CC63F; }
#shopmenu ul li a.shopmenu20 { background-color: #F7941D; }
#shopmenu ul li a.shopmenu23 { background-color: #92278F; }
#shopmenu ul li a.shopmenu17 { background-color: #8CC63F; }
#shopmenu ul li a.shopmenu14 { background-color: #00ADEF; }

.shop-browser-product { width: 140px; min-height: 210px; height: auto !important; height: 210px; float: left; margin-right: 15px; margin-bottom: 15px; text-align: center; }

#product-images { float: left; width: 300px; margin-right: 20px; }
#product-details { float: right; width: 280px; }
#additionalimages { border-top: 1px solid #c6c7c8; padding-top: 10px; }

table.basket { width: 100%; }
table.basket th { background-color: #e0e0e0; padding: 5px 4px; }
table.basket td { padding: 3px 4px; background-color: #eeeeee; }

table.form { width: 100%; }
table.form th { background-color: #e0e0e0; padding: 5px 4px; }
table.form td { padding: 3px 4px; background-color: #eeeeee; }