/* main body style sets up the default font style and size etc. */
body {font-size: 0.9em; margin:0; padding:0; background:#fff; color:#666; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
html, body {min-height:100%; width:100%; height:100%;}
html>body {height:auto;}

div#wrapper {position:relative; margin-left:auto; margin-right:auto; margin-top:10px; width:999px; text-align:left; padding:0; background:#fff;}

div#container {position:relative; margin-left:auto; margin-right:auto; width:999px; text-align:left; padding:0; }
div#header {width:100%; margin:0px; padding:0; background: #fcf url(../images/home_bg1.jpg) no-repeat left bottom;}
div#header p {margin: 0 8px;}
div#contentcontainer {overflow:auto; /* make pay attention to height of floats inside it */ clear:both; margin:0; margin-left:auto; margin-right:auto; width:100%; text-align:left; padding:0 0 0 0; border:0px solid #E1E5F1; }
div#contentcolumn1 {float:left; width:230px; margin:0px 0px 0px 0px;}
div#contentcolumn2 {float:right; width:760px; padding:0; margin:0px 0px 0px 0px;}
div.banner {width:100%; height:50px;background: url(../images/banner_bg.jpg) repeat-x left top;text-align:center;font-size:1.3em;font-weight:bold;color:#00Ab4A;}
div#footer {width:100%; margin:0px; padding:0;  background: #fcf;}

/* tag classes */
a,
a:link,
a:active,
a:visited {color: #69f;font-weight: bold; font-size: 120%; text-decoration: underline;}
a:hover {color: #009; font-weight: bold; font-size: 120%; text-decoration: none;}

img {border: none;}
p {margin:.5em 1em 1em;}
p.terms {margin:.5em 1em 1em; font-size: 80%; text-align:left;}
p.links {margin:.5em 1em 1em; font-size: 90%; text-align:left;}
div.links {margin:.5em 1em 1em; font-size: 90%; text-align:left; }
p.error {color: #E10915;}
ul {list-style-type:none;}
li {padding-left:5px;}
#headernav {width:999px; float:left; font-size:75%; text-align:right; background-color:#99CCFF; margin:3px 0px 3px 0px;padding: 3px 0px 3px 0px;}
#headernav a:link,
#headernav a:active,
#headernav a:visited {color: #009;font-weight: bold; font-size: 120%; text-decoration: underline;}
#headernav a:hover {color: #fff; font-weight: bold; font-size: 120%; text-decoration: none; background-color: #69f;}

/* the main content classes */
#Content {clear:both; width:890px; font-size: 100%; padding-top:5px;}
#ContentLeft {float:left; width:181px; font-size:80%; margin-left:3px; background-color:#99CCFF;}
#ContentRightIndexOnly {float:left; color: #000; background-color:#fff; text-align: center; font-size:85%; width:700px;}
#ContentRight {float:left; color: #000; background-color:#9cf; text-align: left; width:690px; margin-left:10px;}
#ContentRightVoucher {font-size: 80%; float:left; color: #000; background-color:#fff; text-align: left; width:690px; margin-left:10px;}
#ContentLeft p {font-size:70%; margin:.4em;}

h1 {font-size: 1.7em; font-weight:700; margin:.2em 0em .2em .2em; color:#009; font-style:normal;}
h2 {font-size: 1.4em; font-weight:700; margin:.2em .5em .83em .5em; color:#009; font-style:normal;}
h3 {font-size: 1.2em; font-weight:700; margin:.1em .0em .3em .5em; color:#009; font-style:normal; text-align: left;}
h4 {font-size: 1em; font-weight:700; margin:.5em .8em .5em .8em; color:#000; font-style:normal; text-align: center; height: 35px;}
h4 a,
h4 a:link,
h4 a:active,
h4 a:visited {color: #903;font-weight: bold; font-size: 1.0em; text-decoration: none;}
h4 a:hover {color: #009; font-weight: bold; font-size: 1.0em; text-decoration: underline;}

h1.sectionhead {font-size: 1.0em; font-weight:700; margin:.2em .2em .2em .2em; color:#000; font-style:normal;}

img.babypic {float:left; margin:0px 15px 0px; border:solid 0px #39f;}
img.boxpoint {vertical-align:baseline;}

#MenuBar {text-align:left;background-color:#9cf;}
#MenuBar h3 {font-size: 1.2em; font-weight:700; margin:.83em 0em .2em .2em; color:#009; font-style:italic;}
#MenuBar ul {margin:0; padding-left:5px;}
#MenuBar li {color: #000; list-style-type:none; height: 25px;font-size: .75em;}
#MenuBar li a{color: #666;}
#MenuBar li a:hover {color: #fff; font-weight: bold; font-size: 120%; text-decoration: none; background-color: #69f;}

#holdingbox {width:72%; float:left;font-size:90%;}
#babypictext {width:99%; padding:0px;float:left}
#babypictext p {text-align:left; line-height: 20px; }

#keylinks {float:right; margin:5px; text-align:left; background-color:#99CCFF; font-size:80%;}
#keylinks a,
#keylinks a:link,
#keylinks a:active,
#keylinks a:visited {color: #666; font-weight: bold; font-size: 100%; text-decoration: underline;}
#keylinks a:hover {color: #fff; font-weight: bold; font-size: 100%; text-decoration: none; background-color: #69f;}

#speciallink {text-align:right;}
#speciallink a,
#speciallink a:link,
#speciallink a:active,
#speciallink a:visited,
#speciallink a:hover {color: #fff; font-weight: bold; font-size: 100%; text-decoration: none; background-color: #fff;}

/* the footer classes */
#Footer {clear: both; margin:10px 0 0 0;width: 100%; font-size: 75%; text-align: center; color: #999; background-color: transparent;}

/* This is for round cornered top left box */
.rndbox {font-size:80%;	float:left;	margin:2px;	width: 175px;}
.rndtop {background: url(../images/corners/topright_fcf.gif) no-repeat right top;	text-align:left;}
.rndbottom {background: url(../images/corners/bottomright_fcf.gif) no-repeat right top;	text-align:left;}
.rndbox1 {background: #fcf; color:#000033; font-size:90%; float:right;	margin:2px;	width: 200px;}
.rndtop1 {background: url(../images/corners/topright_fcf.gif) no-repeat right top; text-align:left;}
.rndbottom1 {background: url(../images/corners/bottomright_fcf.gif) no-repeat right top; text-align:left;}
.rndbox2 {background: #ffccff; color:#000033; font-size:80%; float:left; margin:2px; width: 175px;}
.rndtop2 {background: url(../images/corners/topright.gif) no-repeat right top; text-align:left;}
.rndbottom2 {background: url(../images/corners/bottomright.gif) no-repeat right top; text-align:left;}
.rndbox3 {background: #ffccff; color:#000033; font-size:80%; float:left; margin-left:10px; text-align: center;}
.rndtop3 {background: url(../images/corners/topright_fcf.gif) no-repeat right top; text-align:left;}
.rndbottom3 {background: url(../images/corners/bottomright_fcf.gif) no-repeat right top; text-align:left;}
.rndbox3 a,
.rndbox3 a:link,
.rndbox3 a:active,
.rndbox3 a:visited {color: #69f;	font-weight: bold; font-size: 100%; text-decoration: none;}
.rndbox3 a:hover {color: #E10915; font-weight: bold; font-size: 100%; text-decoration: none; background-color: #fcf;}
.rndbox4 {background: #ffccff; color:#000033; font-size:80%; float:left; margin:2px; width: 175px;}
.rndtop4 {background: url(../images/corners/topright.gif) no-repeat right top; text-align:left;}
.rndbottom4 {background: url(../images/corners/bottomright.gif) no-repeat right top; text-align:left;}
.rndbox5 {background: #ffccff;color:#000033;font-size:80%;float:left;margin:2px;width: 175px;}
.rndtop5 {background: url(../images/corners/topright.gif) no-repeat right top; text-align:left;}
.rndbottom5 {background: url(../images/corners/bottomright.gif) no-repeat right top; text-align:left;}

.cartlink:visited {font-size : 12px; line-height : 16px; color :#000; margin-top : 0; text-decoration : underline;}
.cartlink:active {font-size : 12px;	line-height : 16px; color :#000; margin-top : 0; text-decoration : underline;}
.cartlink:hover {font-size : 12px;line-height : 16px;	color :#fff;margin-top : 0;text-decoration : underline;}
.cartlink:link  {font-size : 12px;line-height : 16px;color :#000;margin-top : 0;text-decoration : underline;}

div.newscolumn {
	width: 100%;
	text-align: center;
	font-size: 85%;
	font-weight: normal;
	display: block;
	}
div.newsitem {
	width: 96%;
	text-align: center;
	color: #000;
	font-size: 100%;
	font-weight: normal;
	margin: 0px 0px 3px 0px; 
	}
div.newstitlewhite {
	width: 100%;
	text-align: center;
	background-color: transparent;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	border: none;
	display: block;
	}
div.newscontent {
	width:168px;
	background-color: #fff;
	font-size: 100%;
	font-weight: normal;
	padding: 5px;
	border-left: 1px #69f solid;
	border-right: 1px #69f solid;
	border-bottom: 1px #69f solid;

	}
div.newscontentbs {
	width:154px;
	background-color: #fff;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
	padding: 2px;
	border-left: 1px #69f solid;
	border-right: 1px #69f solid;
	border-bottom: 1px #69f solid;

	}

.contacthead {color: #000; background-image: url("../images/redcubebluebuttonlong.jpg"); background-repeat: no-repeat; padding-top: 4px; margin-left: 5px; text-indent:40px; height: 30px;}
.contacttext {font-size: 120%; font-weight: 700; color: #000; margin-left: 30px; margin-right: 30px;background-color: #fff;}
.contactfooterleft {float: left; width: 50%; background-position: bottom left; background-repeat: no-repeat; background-image: url("../images/prodfootleft.gif");}
.contactfooterright {width: 50%; background-position: bottom right; background-repeat: no-repeat; background-image: url("../images/prodfootright.gif");}


.headleft1 {background-position: top left; background-repeat: no-repeat; background-image: url("images/prodheadleft1.gif"); line-height:4px;}
.headmiddle1 {background-color: #fcf; line-height:4px;}
.headright1 {background-position: top right; background-repeat: no-repeat; background-image: url("images/prodheadright1.gif"); line-height:4px;}

.headleft2 {background-position: top left; background-repeat: no-repeat; background-image: url("images/prodheadleft2.gif"); line-height:4px;}
.headmiddle2 {background-color: #ffc; line-height:4px;}
.headright2 {background-position: top right; background-repeat: no-repeat; background-image: url("images/prodheadright2.gif"); line-height:4px;}

.headleft3 {background-position: top left; background-repeat: no-repeat; background-image: url("images/prodheadleft3.gif"); line-height:4px;}
.headmiddle3 {background-color: #cfc; line-height:4px;}
.headright3 {background-position: top right; background-repeat: no-repeat; background-image: url("images/prodheadright3.gif"); line-height:4px;}

.headleft4 {background-position: top left; background-repeat: no-repeat; background-image: url("images/prodheadleft4.gif"); line-height:4px;}
.headmiddle4 {background-color: #cff; line-height:4px;}
.headright4 {background-position: top right; background-repeat: no-repeat; background-image: url("images/prodheadright4.gif"); line-height:4px;}

.headleft5 {background-position: top left; background-repeat: no-repeat; background-image: url("images/prodheadleft5.gif"); line-height:4px;}
.headmiddle5 {background-color: #fcc; line-height:4px;}
.headright5 {background-position: top right; background-repeat: no-repeat; background-image: url("images/prodheadright5.gif"); line-height:4px;}

.headleft20 {background-position: top left; background-repeat: no-repeat; background-image: url("images/prodheadleft2.gif"); line-height:4px;}
.headmiddle20 {background-color: #ffc; line-height:4px;}
.headright20 {background-position: top right; background-repeat: no-repeat; background-image: url("images/prodheadright2.gif"); line-height:4px;}

.headleft26 {background-position: top left; background-repeat: no-repeat; background-image: url("images/prodheadleft4.gif"); line-height:4px;}
.headmiddle26 {background-color: #cff; line-height:4px;}
.headright26 {background-position: top right; background-repeat: no-repeat; background-image: url("images/prodheadright4.gif"); line-height:4px;}

.headleft32 {background-position: top left; background-repeat: no-repeat; background-image: url("images/prodheadleft1.gif"); line-height:4px;}
.headmiddle32 {background-color: #fcf; line-height:4px;}
.headright32 {background-position: top right; background-repeat: no-repeat; background-image: url("images/prodheadright1.gif"); line-height:4px;}

.footleft {background-position: bottom left; background-repeat: no-repeat; background-image: url("images/prodfootleft.gif"); line-height:4px; font-size:1%;}
.footmiddle {background-color: #fff; line-height:4px; font-size:1%;}
.footright {background-position: bottom right; background-repeat: no-repeat; background-image: url("images/prodfootright.gif"); line-height:4px; font-size:1%;}

.prodresult {font-size:90%; border:none; vertical-align:top; color:#000; margin-left:10px;}
.prodresult td {vertical-align: top; color: #666; }

.prodresult td.itemimage {background-color: #fff; width: 16%; text-align: center; padding-top: 5px; padding-bottom: 5px; font-size: 75%; }
.prodresult td.itemdetails {background-color: #fff; text-align: left; padding-top: 5px; padding-bottom: 5px;}
.prodresult td.itemdescription {background-color: #fff; width: 84%; text-align: left; padding-top: 5px; padding-bottom: 5px; font-size: 90%;}
.prodresult td.colourtable {border: none; width: 25%; font-size: 75%;}

img.smallsquare {width: 85px;height: 85px;border: 1px solid #ccc;}
img.imgborder {border: 1px solid #ccc;width: 30px;height: 30px;}
img.itemimage {border: solid 1px #ccc;height: 85px;width: 85px;}

label.outofstock {background-color: #f00; color: #fff; font-weight: bold;}
label.instock {color: #666;}
label.itemname {color: #00c; font-weight: bold;}
label.itemprice {color: #c00; font-weight: bold;}
label.itempricestrike {color: #f63; font-weight: bold; text-decoration: line-through;}
label.ourref {font-size:100%;}
input.itemqty {font-size: 75%;}
input.itembuy {background-color: #69f; cursor: pointer; font-size:75%; font-weight: 800; color: #fff;}
input.confirmorder {background-color: #69f; cursor: pointer; font-size:100%;}
label.required {font-weight: bold; color: #c00;}
.largetext {font-size: 130%; }
.mediumtext {font-size: 85%;}
.smalltext {font-size:75%;}
.verysmalltext {font-size: 65%;}
.bold {font-weight: bold;}

.shoppingquestions {font-size: 80%; vertical-align: top; padding: 2px; margin: 0px; background-color: #fff;}
.shoppingquestions td {vertical-align: top;}

.tableconfirm {font-size: 100%; border: 1px solid #99f; width: 98%; vertical-align: top; margin: 5px 5px 5px 5px;}
.tableconfirm th {background-color:#99f; border: none; font-weight:bold;}
.tableconfirm td {padding:2px; vertical-align: top; border: none;}

.finaltableconfirm {font-size: 100%; border: 1px solid #99f; width: 98%; vertical-align: top; margin: 5px 5px 5px 5px;}
.finaltableconfirm th {background-color:#99f; border: none; font-weight:bold;}
.finaltableconfirm td {padding:2px; vertical-align: top; border: none;}


.rndtopnew {
	background: #9cf url(../images/corners/topright.gif) no-repeat right top;
}
.rndbottomnew {
	background: #9cf url(../images/corners/bottomright.gif) no-repeat right top;
}
.rndtopnew_9cf {
	background: #9cf url(../images/corners/9cf_tr.gif) no-repeat right top;
}
.rndbottomnew_9cf {
	background: #9cf url(../images/corners/9cf_br.gif) no-repeat right top;
}

.rndboxfcf15 {
	background-color:#FFCCFF;
	text-align:left;
	font-size:80%;
	float:left;
	margin:2px;
	width:49%;
  vertical-align:bottom;
}
.rndtopfcf15 {background: url(../images/corners/fcf15_topright.gif) no-repeat right top;}
.rndbottomfcf15 {background: url(../images/corners/fcf15_bottomright.gif) no-repeat right bottom;}

.rndboxcfc15 {
	background-color:#CCFFCC;
	text-align:left;
	font-size:75%;
	float:right;
	margin:0px;
}
.rndtopcfc15 {background: url(../images/corners/cfc15_topright.gif) no-repeat right top;}
.rndbottomcfc15 {background: url(../images/corners/cfc15_bottomright.gif) no-repeat right bottom;}

.rndboxccf15 {
	background-color:#CCCCFF;
	text-align:left;
	font-size:80%;
	float:right;
	margin:2px;
	width:49%;
}
.rndtopccf15 {
	background: url(../images/corners/ccf15_topright.gif) no-repeat right top;
}
.rndbottomccf15 {
	background: url(../images/corners/ccf15_bottomright.gif) no-repeat right top;
}

.rndboxffc15 {
	background-color:#FFFFCC;
	text-align:left;
	font-size:85%;
	float:right;
}
.rndtopffc15 {
	background: url(../images/corners/ffc15_topright.gif) no-repeat right top;
}
.rndbottomffc15 {
	background: url(../images/corners/ffc15_bottomright.gif) no-repeat right top;
}
.rndboxfcc15 {
	background-color:#FFCCCC;
	text-align:left;
	font-size:85%;
	float:right;
}
.rndtopfcc15 {
	background: url(../images/corners/fcc15_topright.gif) no-repeat right top;
}
.rndbottomfcc15 {
	background: url(../images/corners/fcc15_bottomright.gif) no-repeat right top;
}
.rndboxfcc10 {
	background-color:#FFCCCC;
	text-align:left;
	font-size:85%;
	float:right;
}
.rndtopfcc10 {
	background: url(../images/corners/fcc10_topright.gif) no-repeat right top;
}
.rndbottomfcc10 {
	background: url(../images/corners/fcc10_bottomright.gif) no-repeat right top;
}
.rndboxffc10 {
	background-color:#FFFFCC;
	text-align:left;
	font-size:85%;
	float:right;
}
.rndtopffc10 {
	background: url(../images/corners/ffc10_topright.gif) no-repeat right top;
}
.rndbottomffc10 {
	background: url(../images/corners/ffc10_bottomright.gif) no-repeat right top;
}
.rndboxccf10 {
	background-color:transparent;
	text-align:left;
	font-size:85%;
	float:right;
}
.rndtopccf10 {
	background: url(../images/corners/ccf10_topright.gif) no-repeat right top;
}
.rndbottomccf10 {
	background: url(../images/corners/ccf10_bottomright.gif) no-repeat right top;
}



/* new category / product pages classes */

table.categories {}
table.categories td {padding:0 0 25px 0;vertical-align:top;font-size:0.9em;text-align:left;}

div.categoryimagethumbborderleft {border:1px solid #ccc;width:105px;height:105px;float:left;background:#fff;margin:0px 15px 15px 0px;text-align:center;}
img.categoryimagethumb {padding:10px;border:0px solid #ccc;margin:0px;/*width:120px;height:120px;*/}

table.products {}
table.products td {padding:0 0 25px 0;vertical-align:top;font-size:0.9em;text-align:left;}

div.productimagethumbborderleft {border:1px solid #ccc;width:105px;height:105px;float:left;background:#fff;margin:0px 15px 55px 0px;text-align:center;}
img.productimagethumb {padding:10px;border:0px solid #ccc;margin:0px;/*width:120px;height:120px;*/}

div.productdetailsimages {width:360px;float:left;}
div.productdetailstext {width:390px;float:left;clear:right;}

div.productdetailsimagelargeborderleft {border:1px solid #066;width:335px;height:335px;float:left;background:#fff;margin:0px 15px 15px 0px;}
img.productdetailsimagelarge {padding:10px;border:0px solid #066;margin:0px;width:315px;height:315px;}
div.productdetailsimagethumbborderleft {border:1px solid #066;width:100px;height:100px;float:left;background:#fff;margin:0px 15px 15px 0px;}
img.productdetailsimagethumb {padding:10px;border:0px solid #066;margin:0px;width:80px;height:80px;}

div.productdetailsimagethumbborderleft_PP {border:1px solid #066;width:45px;height:45px;float:left;background:#fff;margin:0px 5px 5px 0px;}
img.productdetailsimagethumb_PP {padding:5px;border:0px solid #066;margin:0px;width:35px;height:35px;}

div.productdetailsimagethumbborderleft_PP_noimage {border:1px solid #fff;width:45px;height:45px;float:left;background:#fff;margin:0px 5px 5px 0px;}

table.productdetails {color:#666;font-size:0.75em;}
table.productdetails td {padding:5px 0 5px 2px;vertical-align:top;}
table.productdetails td.ppimage {width:50px;font-weight:800;padding-right:5px;}
table.productdetails td.variant {width:125px;font-weight:800;padding-right:5px;}
table.productdetails td.price {width:75px;font-weight:800;color:#800080;padding-right:5px;}
table.productdetails td.qtybuy {width:70px;}
table.productdetails form {margin:0;padding:0;}
table.productdetails form input {margin:0px;padding:0;font-size:0.9em;}
.buybuttonanchor {}

.gobacktoproducts {font-size:0.75em;}

table.table_links {font-size:85%;}
table.table_links th {padding:5px;}
table.table_links td {padding:5px;}


/* NEWS SCROLLER */
* { margin:0; padding:0; }

#newsticker-demo {
width:510px;
background:#EAF4F5;
padding:5px 5px 0;
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:20px auto;
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.newsticker-jcarousellite { width:500px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; height:150px; width:200px; }
.newsticker-jcarousellite .info { float:right; width:290px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }
