/*  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $  osCommerce, Open Source E-Commerce Solutions  http://www.oscommerce.com  Copyright (c) 2003 osCommerce  Released under the GNU General Public License*/.boxText { font-family: Arial; font-size: 12px; line-height: 13pt; color: #333333;}.errorBox { font-family: Arial; font-size: 12px; line-height: 13pt; color: #CC0000; background: #FFCCCC; font-weight: bold;}.stockWarning { font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; font-weight: none; color:#660000; background-color: #FFCCCC; vertical-align: middle; border: 1px solid #660000}.productsNotifications { background: #ffffff; }.orderEdit { font-family: Arial; font-size: 12px; line-height: 13pt; color: #333333; text-decoration: underline; }hr{   border: none 0; 	border-top: 1px solid #cccccc;	width: 980px;	height: 1px;	text-align: center;	}img{border-style: none;}.spawtd {   font-family: Arial, sans-serif;  font-size: 12px;  line-height: 12pt;  color: #333333;}TD.infoBoxHeadingSearch {  		background-image: url(images/search_2.gif);	background-repeat: repeat-x; }.spawtable {   font-family: Arial, sans-serif;  font-size: 12px;  line-height: 13pt;  color: #333333;}h1 {  font-family: Times New Roman, Arial, sans-serif; font-size: 27px; font-weight: normal; line-height: 28pt; color: #000000;}h2 {  font-family: Arial, sans-serif; font-size: 12px; color: #333333;}BODY {  SCROLLBAR-FACE-COLOR: #CCCDCF;  SCROLLBAR-HIGHLIGHT-COLOR: #DBDCDE;  SCROLLBAR-SHADOW-COLOR: #DBDCDE;  SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;  SCROLLBAR-ARROW-COLOR: #FFFFFF;  SCROLLBAR-TRACK-COLOR: #FFFFFF;  SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC;}A {  color: #333333;  text-decoration: none;}A:hover {  color: #336600;  text-decoration: underline;}FORM {  display: inline;}TR.header {  background: #ffffff;}TR.headerNavigation {  background: #ffffff;}TD.headerNavigation {  font-family: Arial, sans-serif;  font-size: 12x;  color: #333333; }A.headerNavigation {   color: #666666;   text-decoration: none; }A.headerNavigation:hover {  color: #666666;   background: none;}TR.headerError {  background: #FFCCCC;}TD.headerError {  font-family: Arial, sans-serif;  font-size: 12px;  background: #FFCCCC;  color: #CC0000;  font-weight : bold;  text-align : center;}TR.headerInfo {  background: #F7F7F7;}TD.headerInfo {  font-family: Arial, sans-serif;  font-size: 12px;  background: #F7F7F7;  color:#333333;  font-weight: bold;  text-align: center;}TR.footer {  background: #ffffff;}TD.footer {  font-family: Arial, sans-serif;  font-size: 12px;  background: #FFFFFFF;  color: #336600;  font-weight: bold;}/* Boxar i butiken*/.infoBox {  background: #ffffff;}/* Boxar i vänsterkolumn*/.newInfoBox {  background: url(images/site/bg_box.gif) repeat top;}/* Text i vänsterkolumnens boxar*/.infoBoxContents {  font-family: Arial, sans-serif;  color: #333333;  font-size: 12px;  margin-left: 0px;}/* Text i vänsterkolumnens Infobox*/.infoBoxContentsInfobox {  font-family: Arial, sans-serif;  color: #333333;  background: #FFFFFF;  font-size: 12px;  line-height: 13pt;  margin-left: 0px;} .infoBoxNotice {  background: #F7F7F7;}.infoBoxNoticeContents {  background: #F7F7F7;  font-family: Arial, sans-serif;  font-size: 12px;  color: #333333;}TD.infoBoxHeading {  font-family: Arial, sans-serif;  font-size: 12px;  font-weight: bold;  background: #FFFFFF;  color: #333333;}TD.infoBox, SPAN.infoBox {  font-family: Arial, sans-serif;  font-size: 12px;  color: #333333;  margin-left: 0px;}TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {  background: #FFFFFF;}TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {  background: #FFFFFF;}TABLE.productListing {  border: 0px;  border-style: solid;  border-color: #ffffff;  border-spacing: 0px;}.productListing-heading {  font-family: Arial, sans-serif;  font-size: 12px;  background: #FFFFFF;  color: #333333;  font-weight: bold;}.basketListing-heading {  font-family: Times New Roman, Arial, sans-serif;  font-size: 18px;  background: #FFFFFF;  color: #333333;  font-weight: none;  padding: 5px;}TD.productListing-data {  font-family: Arial, sans-serif;  font-size: 12px;  color: #333333;  text-align: top;  line-height: 13pt;  padding: 10px;}TD.basketListing-data {  font-family: Arial, sans-serif;  font-size: 12px;  color: #333333;  text-align: top;  line-height: 13pt;  padding: 5px;}A.pageResults {  color: #ffffff;}A.pageResults:hover {  color: #ffffff;}TD.pageHeading, DIV.pageHeading {	color: #333333;  font-weight: normal;	font-size: 27px;	letter-spacing: 0px;	line-height: 28pt;	font-family: Times New Roman, Arial, Sans-serif;}TD.textReplacement {	color: #333333;  font-weight: normal;	font-size: 27px;	line-height: 28pt;	font-family: Times New Roman, Arial, Sans-serif;}TD.price {  font-family: Arial, sans-serif;  font-weight: bold;  font-size: 12px;  line-height: 13pt;  color: #333333;}TR.subBar {  background: #F7F7F7;}TD.subBar {  font-family: Arial, sans-serif;  font-size: 12px;  color: #333333;}TD.main, P.main {  font-family: Arial, sans-serif;  font-size: 12px;  line-height: 13pt;  color: #333333;}TD.tabell {  font-family: Arial, sans-serif;  font-size: 12px;  line-height: 13pt;  color: #333333;}TD.smallText, SPAN.smallText, P.smallText {  font-family: Arial, sans-serif;  font-size: 12px;  line-height: 13pt;  color: #333333;}TD.accountCategory {  font-family: Arial, sans-serif;  font-size: 12px;  color: #333333;}TD.fieldKey {  font-family: Arial, sans-serif;  font-size: 12px;  font-weight: bold;  color: #333333;}TD.fieldValue {  font-family: Arial, sans-serif;  font-size: 12px;  color: #333333;}TD.tableHeading {  font-family: Arial, sans-serif;  font-size: 12px;  font-weight: bold;  color: #333333;}SPAN.newItemInCart {  font-family: Arial, sans-serif;  font-size: 12px;  color: #333333;}CHECKBOX, RADIO, INPUT {  font-family: Arial, sans-serif;  font-size: 12px;  color: #333333;}.droplista {	border-right: #99CC99 1px solid;	border-top: #99CC99 1px solid;	font-size: 12px;	border-left: #99CC99 1px solid;	color: #333333;	border-bottom: #99CC99 1px solid;	font-family: Arial, helvetica;	background-color: #FFFFFF;	width: 130px;}SELECT {	border-right: #99CC99 1px solid;	border-top: #99CC99 1px solid;	font-size: 12px;	border-left: #99CC99 1px solid;	color: #333333;	border-bottom: #99CC99 1px solid;	font-family: Arial, helvetica;	background-color: #FFFFFF;}TEXTAREA {  width: 100%;  font-family: Arial, sans-serif;  font-size: 12px;  line-height: 13pt;  color: #333333;}SPAN.greetUser {  font-family: Arial, sans-serif;  font-size: 12px;  color: #333333;  font-weight: bold;}TABLE.formArea {  background: #F7F7F7;  border-color: #F7F7F7;  border-style: solid;  border-width: 1px;}TD.formAreaTitle {  font-family: Arial, sans-serif;  font-size: 12px;  font-weight: bold;  color: #333333;}SPAN.markProductOutOfStock {  font-family: Arial, sans-serif;  font-size: 12px;  color: #333333;  font-weight: bold;}SPAN.productSpecialPrice {  font-family: Arial, sans-serif;  font-weight: bold;  color: #FF0000;}SPAN.errorText {  font-family: Arial, sans-serif;  background: #FFCCCC;  color: #FF0000;}.moduleRow { }.moduleRowOver { background-color: #cccccc; cursor: pointer; cursor: hand; }.moduleRowSelected { background-color: #CCFF99; }.checkoutBarFrom, .checkoutBarTo { font-family: Arial, sans-serif; font-size: 12px; color: #999999; }.checkoutBarCurrent { font-family: Arial, sans-serif; font-size: 12px; color: #333333; }/* message box */.messageBox { font-family: Arial, sans-serif; font-size: 11px; }.messageStackError, .messageStackWarning { font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; font-weight: none; color:#660000; background-color: #FFCCCC; vertical-align: middle; border: 1px solid #660000; }.messageStackSuccess { font-family: Arial, sans-serif; font-size: 12px; color: #333333; background-color: #F2F2F2; }/* input requirement */.inputRequirement { font-family: Arial, sans-serif; font-size: 12px; color: #333333; }/* ADDITIONAL IMAGES MODULE */.imagesBoxContents {  font-family: Arial, sans-serif;  font-size: 12px;}/* links at the bottom of side navigation */.linkies {  font-family: Arial, sans-serif;  text-decoration: none;  font-size: 12px;  color: #333333;  border-bottom: 1px dotted #ff0000;}.linkies a:link{background: #E8FFEC;}/* links at the bottom of side navigation */.linkies2 {  font-family: Arial, sans-serif;  font-size: 12px;  color: #333333;}.linkies2 a:hover{text-decoration: underline;color: #669933;}.linkies3 {  font-family: Arial, sans-serif;  font-size: 12px;  color: #999999;}.linkies3 a:hover{background: #E8FFEC;}.linkies4 {  font-family: Arial, sans-serif;  font-size: 11px;  color: #333333;}.linkies4 a:hover{color: #339933;}.linkies5 {  font-family: Arial, sans-serif;  font-size: 12px;  color: #339933;}.linkies5 a:hover{color: #333333;}ul.sitemap {color: #333333;} .titlebar {  font-family: Arial, sans-serif;  font-size: 12px;  font-weight: none;  color: #339933;}.titlebar a:hover{  color: #333333;  background; #E8FFEC;}/* STS INPUT CODE FOR HEADCART ON TOP)*/TD.accountCategory {  font-family: Arial, sans-serif;  font-size: 12px;  color: #000000;}/* search text inside*/.searchit {  font-family: Arial, sans-serif;  font-size: 12px;  color: #cccccc;}.searchit:hover {  font-family: Arial, sans-serif;  font-size: 12px;  color: #999999;}/* Products Description 1.3 */TD.productDesc {  font-family: Arial, sans-serif;  font-size: 12px;  line-height: 13pt;  color: #333333;}/* Lightbox 2.0 */#lightbox{	position: absolute;	top: 40px;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;	}#lightbox a img{ border: none; }#outerImageContainer{	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;	}#imageContainer{	padding: 10px;	}#loading{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}#hoverNav{	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;	}#imageContainer>#hoverNav{ left: 0;}#hoverNav a{ outline: none;}#prevLink, #nextLink{	width: 49%;	height: 100%;	background: transparent url(http://www.belleanddean.co.uk/images/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;	}#prevLink { left: 0; float: left;}#nextLink { right: 0; float: right;}#prevLink:hover, #prevLink:visited:hover { background: url(http://www.belleanddean.co.uk/images/prevlabel.gif) left 15% no-repeat; }#nextLink:hover, #nextLink:visited:hover { background: url(http://www.belleanddean.co.uk/images/nextlabel.gif) right 15% no-repeat; }#imageDataContainer{	font: 10px Verdana, Helvetica, sans-serif;	background-color: #000;	margin: 0 auto;	line-height: 1.4em;	}#imageData{	padding:0 10px;	}#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	#imageData #caption{ font-weight: bold;	}#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			#imageData #bottomNavClose{ width: 66px; float: right; padding-top: 0.7em;	}			#overlay{	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;	background-color: #669933;	filter:alpha(opacity=60);	-moz-opacity: 0.6;	opacity: 0.6;	}.clearfix:after {	content: "."; 	display: block; 	height: 0; 	clear: both; 	visibility: hidden;	}* html>body .clearfix {	display: inline-block; 	width: 100%;	}* html .clearfix {	/* Hides from IE-mac \*/	height: 1%;	/* End hide from IE-mac */	}.right{ border-width: 4px;border-style: double;border-color: #568528;background: #white;margin-bottom: 10px;padding: 0px;}.left{ border-width: 4px;border-style: double;border-color: #568528;background: white;margin-bottom: 3px;padding: 0px;}.leftBody{ text-align: left;font-family: Arial, sans-serif, verdana, times new roman;font-weight: normal;text-align: none;font-size: 12px;color: #666666;padding: 5px 19px 11px 19px;text-decoration: none;}.rightHead{ font-family: Times New Roman, sans-serif, verdana, arial;font-size: 21px;text-decoration: none;color: #333333;background: white url(media/boxtop.gif) center center repeat-x;padding-top: 10px;padding-bottom: 5px;text-align: center;}.rightHead a:hover{ font-family: Times New Roman, sans-serif;font-size: 21px;text-decoration: underline;color: #336600;padding-top: 10px;padding-bottom: 5px;text-align: center;}.rightBody{ text-align: left;font-family: Arial;font-weight: normal;text-align: none;font-size: 12px;color: #333333;padding: 5px 19px 18px 19px;text-decoration: none;}/* search box*/#search_box {    width: 201px;    height: 31px;    background: url(images/bg_search_box.gif);}#search_box #s {    float: left;    padding: 0;    margin: 6px 0 0 6px;    border: 0;    width: 159px;    background: none;}#search_box #go {    float: right;    margin: 3px 4px 0 0;}.vtop{	background-image: url(media/vtop.gif);	background-repeat: repeat-x; }.vbottom{	background-image: url(media/vbottom.gif);	background-repeat: repeat-x; }.product{font-family: Arial, sans-serif; font-size: 12px; line-height: 13pt; color: #669933;}.stockists{font-family: Times New Roman, Arial, sans-serif; font-size: 18px; line-height: 19pt; color: #339933;}/*photowall*/#gallery {width:678px; height:380px; padding:10px; border:0px; background: white; position:absolute; }#gallery b.default {position:absolute; left:10px; top:10px; width:448px; height:380px; text-align:center;}#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #ffffff; border-color: #ffffff;}#gallery b.default span {display:block; color:#333333; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #ccc; border-color:#ccc #555 #333 #ddd;}#gallery ul li a span {display:none;}#gallery ul li a img {display:block; width:50px; height:50px; border:0;}#gallery ul li a:hover {white-space:normal; border-color: #333; background: url(/photowall/leftarrow.gif) no-repeat;}#gallery ul li a:hover b {position:absolute; left:-518px; top:0; width:518px; height:380px; text-align:center; background:#ffffff; z-index:20;}#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#ffffff #ddd #eee #333;}#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#ffffff #ffffff #eee #333; background:#ffffff;}#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-418px; top:0; width:518px; height:380px; text-align:center; background:#ffffff; z-index:10;}#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#ffffff #ddd #eee #333;}/*top menu*/.solidblockmenu{margin: 0px;padding: 0px;float: left;font: 20px Times New Roman, sans-serif, helvetica, arial, verdana;font-weight: semi-bold;font-weight: none;width: 100%;border-top: 0px;background: #669933 url(media/blockdefault4.gif) center center repeat-x;}.solidblockmenu li{display: inline;}.solidblockmenu li a{float: left;color: white;padding: 3px 25px;text-decoration: none;}.solidblockmenu li a:link{color: white;}.solidblockmenu li a:visited{color: white;}.solidblockmenu li a:hover{color: white;background: #669933 url(media/blockdefault2.gif) center center repeat-x;text-decoration: underline;}.solidblockmenu li a:active{color: white;background: #669933 url(media/blockdefault2.gif) center center repeat-x;text-decoration: underline;}p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/padding-top: 1em;}#ddblueblockmenu{border-right: none;border-left: none;width: 190px;}#ddblueblockmenu ul{margin: 0px;padding: 0px;list-style-type: none;font: 12px 'arial', 'Lucida Grande', Times New Roman, verdana, sans-serif, helvetica;font-weight: none;}#ddblueblockmenu li a{display: block;padding: 9px 0px;padding-left: 10px;text-decoration: none;color: #006600;background-color: white;border-top: 1px dotted #669933;}* html #ddblueblockmenu li a{ /*IE only */width: 189px; /*IE 5*/width: 100%; /*185px minus all left/right paddings and margins*/}#ddblueblockmenu li a:hover  {background-color: #CCFF99;border-left-color: white;color: #333333;text-decoration: underline;}#ddblueblockmenu div.menutitle{color: white;border-bottom: 0px;padding-bottom: 3px;padding-top: 3px;padding-left: 10px;background: #669933 url(media/blockdefault3.gif) center center repeat-x;font: 20px Times New Roman, sans-serif, helvetica, arial, verdana;}/* search from every page*/#searchform3 {	padding: 2px 0;	}#searchform3 form {	margin: 0; /* for IE */	padding-left: 80px;	padding-right: 20px;	background: none; /* light blue */	}#searchform3 .equal { 	vertical-align: middle; /* for IE */	padding: 1px;	}#searchform3 #txt1 {	padding-left: 3px; /* flashing cursor not sticking to the border */	background: #FFFFFF; /* very light blue */	vertical-align: middle;	border: 1px solid #e7e7e7;	color: #999999;	}#accountheader li {display: inline;list-style-type: none;padding-left: 15px;}#accountheader li a:hover{color: #669933;background: white;text-decoration: underline;}.accountheaderie{border-left: 1px solid #999999;padding-left: 15px;}#mytable {	width: 750px;	padding: 0;	margin: 0;	border: 0;	background: #FFFFFF;}th.custserv {	font: 21px "Times New Roman", Arial, Helvetica, sans-serif;	color: #333333;	border-right: 1px solid #CCCCCC;	letter-spacing: 0px;	text-transform: none;	text-align: left;	padding: 20px 20px 6px 60px;	background: #FFFFFF;}th.custservtop {	font: 21px "Times New Roman", Arial, Helvetica, sans-serif;	color: #333333;	border-right: 0;	letter-spacing: 0px;	text-transform: none;	text-align: left;	padding: 20px 20px 6px 60px;	background: #FFFFFF;}td.custserv {  font: 12px "Arial", Helvetica, Times New Roman, sans-serif;  border-right: 1px solid #CCCCCC;	padding: 6px 6px 6px 60px;	color: #333333;	background: #FFFFFF;}td.custserv a:hover{	color: #339933;	background: #FFFFFF;}td.custservright {  font: 12px "Arial", Helvetica, Times New Roman, sans-serif;  border-right: 0px;	padding: 6px 6px 6px 60px;	color: #333333;	background: #FFFFFF;}td.custservright a:hover{	color: #339933;	background: #FFFFFF;}td.custservbottom {  font: 12px "Arial", Helvetica, Times New Roman, sans-serif;  border-right: 1px solid #CCCCCC;	padding: 12px 6px 6px 60px;	color: #333333;	background: #FFFFFF;}td.custservbottom a:hover{	color: #339933;	background: #FFFFFF;}td.about {  font: 12px "Arial", Helvetica, Times New Roman, sans-serif;  border-right: 1px solid #CCCCCC;	padding: 6px 6px 6px 60px;	color: #333333;	background: #FFFFFF;}td.about a:hover{	color: #339933;	background: #FFFFFF;}td.abouttopright {  font: 12px "Arial", Helvetica, Times New Roman, sans-serif;  border-right: 0px;	padding: 12px 6px 6px 60px;	color: #333333;	background: #FFFFFF;}td.abouttopright a:hover{	color: #339933;	background: #FFFFFF;}td.abouttop {  font: 12px "Arial", Helvetica, Times New Roman, sans-serif;  border-right: 1px solid #CCCCCC;	padding: 12px 6px 6px 60px;	color: #333333;	background: #FFFFFF;}td.abouttop a:hover{	color: #339933;	background: #FFFFFF;}.frontpage{  font: 12px "Arial", Helvetica, Times New Roman, sans-serif;  border: 0;  padding: 0;  line-height: 20px;	color: #999999;	background: #FFFFFF; }  .toddlers{  font: 12px "Arial", Helvetica, Times New Roman, sans-serif;  padding: 0;  line-height: 20px;	color: #CCCCCC;	background: #FFFFFF; }  .baby{  font: 12px "Arial", Helvetica, Times New Roman, sans-serif;  padding: 0;  line-height: 20px;	color: #999999;	background: #FFFFFF; } big {  font-family: Arial, sans-serif; font-size: 50px; color: #000000;}
