* { padding: 0; margin: 0; }
body { font-family:tahoma, arial; font-size:11px; }

li { list-style-type: none; }
img { border: none }
a { text-decoration: none; color: #000000; font-weight: bold}
a:hover { text-decoration: underline; color: #ff0000 }

h1 { font-weight: bold; font-size: 1em; margin-bottom: 5px; margin-top: 5px  }
h3 { color: #ff4421; border-bottom: solid 1px #ff4421; font-size: 1em; margin-top: 10px; margin-bottom: 5px }

.centered { display: block; margin-left: auto; margin-right: auto }

#topLinks{ height: 34px; border-bottom: 3px solid black; padding: 10px }
	.topLink { background: #000000; display: block; height: 34px; width: 33px; float: left; margin-right: 5px }
	.topLink:hover { background: #ff0000 }
	.headLink { width: 30px; height: 30px; background: red}
#topBanner { height: 90px;  background: #ff0000; color: #ffffff; font-weight: bolder; padding: 10px }
	#slogan { padding: 10px }
#topRight { height: 170px; width: 156px; background-image: url(../img/top_camera.gif); position: absolute; right: 0 }
#bannerAdvert { margin-left: 10%; position: absolute; top: 75px; z-index: 0 }


#leftnav { position: absolute; width: 150px; top: 180px; left: 0px; padding-left: 5px}
#rightnav { position: absolute; width: 150px; top: 180px; right: 0px; padding-right: 5px }

#content { position: relative; width: auto; min-width: 120px; margin: 0px 170px 20px 180px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px z-index: 3 }

#footer { height: 1em; background-color: red; border-top: solid 1px black; color: White; text-align: center; padding: 5px; font-weight: bolder; margin-right: 15px } 
	#footer ul li { list-style-type: none; padding-right: 10px; display: inline;  }
	#footer a { color: White; text-decoration: none }
	#footer a:hover { text-decoration: underline }

.navBox { border: solid 1px black }
	.navBoxHeader { border-bottom: solid 1px black; background: red; color: White; text-align: center; font-size: 0.8em; font-weight: bolder }
	.navBoxContent { padding-left: 10px;  }
	.navBoxContent li { list-style-type: none; margin-top: 5px; margin-bottom: 5px; }

.buttonBox { margin-top: 10px }

.contentBox { padding-top: 10px; width: 97% }
	.contentBoxBar { background: url(../img/products_barexpand.gif) repeat-x; height: 15px; width: 100%; padding-right: 12px }
		.contentBoxTitle { background: url(../img/products_bar.gif) no-repeat; height: 15px; width: 274px; color: White; padding-left: 5px; font-weight: bold}
	.contentBoxContent { border: solid 1px #ff4421; width: 100%; min-width: 274px; padding: 5px; margin-bottom: 20px}
	.contentBoxContent hr { margin-top: 10px; margin-bottom: 10px; }
	

.product { width: 50%; float: left }
.productLeft { float: left; margin-right: 10px; }
.productRight { margin-right: 5px; margin-left: 120px }

.price { color: #ff4421; font-weight: bold; margin-right: 5px}
.pricewas { text-decoration: line-through; margin-right: 5px }
.pricesave { color: #ff0000; font-weight: normal; margin-right: 5px}

#details li { list-style-type: none }

.buyLink { margin-top: 10px }

#basketSummary hr { margin-top: 5px; margin-bottom: 5px }

.ImageThumb { display: block; width: 100px; height: 144px; background: url(/images/noImg.gif) }
#imageText img { float: left; margin-right: 10px }

.rangeLink { float: right; font-size: 150% }
.rangeLink img { vertical-align: middle}
.rangeLink a:hover { text-decoration: none }

.ImageList img { padding-right: 5% }

.dealContainer { float: left }

#breadcrumb { margin-bottom: 10px }

/* Dropdown menus */
#menu li ul { display: none; position: absolute; left: 40px; background: white; padding: 2px 10px 2px 10px; border: solid 1px black }
#menu li ul li:hover { background-color: #ffff00 }
#menu .expandable:hover ul { display: block }
#menu .expand ul { display: block }