@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(../images/bg-clouds.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#8bcbe0;
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#2f2f2f;
	line-height:140%;
	margin:0px;
}


img {
	border: none;
}

#logo {
	background-image:url(../images/top-logo.gif);
	background-repeat:no-repeat;
	width: 742px;
	height: 141px;
	margin-left:auto;
	margin-right:auto;
}
#orderlogo{
	background-image:url(../images/orderlogo.jpg);
	background-repeat:no-repeat;
	width: 742px;
	height: 138px;
	margin-left:auto;
	margin-right:auto;
}
#colourLine {
	background:url(../images/int-colour.jpg);
	width: 721px;
	height: 20px;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}
#colourLineOrder {
	background:#8bcbe0 url(../images/int-colour2.jpg) 2px 0;
	width: 721px;
	height: 20px;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}

#nav, #ordernav {
	background-image:url(../images/bg-nav.jpg);
	background-repeat:no-repeat;
	width: 721px;
	height: 39px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	padding-bottom:0;
}
#ordernav {
	background-image:url(../images/order-bg-nav.jpg);
	background-repeat:no-repeat;
	width: 719px;
	height: 37px;
}

#navLinks {
	float:left;
	width:561px;
	height:39px;
	text-align:right;
}

#navLinks a {
	float:right;
	display:block;
	text-indent:-9999em;
}

#navLinks a:hover {
	background-position: 0 -38px;
}

a.Clothing {
	width: 118px;
	height: 39px;
	background-image:url(../images/nav-clothing.jpg);
}

a.Toys {
	width: 151px;
	height: 39px;
	background-image:url(../images/nav-toys-acc.jpg);
}

a.Special {
	width: 165px;
	height: 39px;
	background-image:url(../images/nav-something-spec.jpg);
}

#navCart {
	float:right;
	width: 45px;
	height: 27px;
	padding-top:12px;
}

#navCart a:link, #navCart a:visited, #navCart a:active {
	color:#FFFFFF;
	margin-top:10px;
}

#navCart a:hover {
	color:#d8b8a5;
}
#wrapperButterfly {
	width: 954px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg-test2.gif);
	background-position:bottom;

}

#wrapperHome, #wrapperOrder {
	width: 719px;
	border:0;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	padding: 0 1px;
	background-image:url(../images/chalk-board.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
}

#wrapperHome {
	background-image: none;
}

#wrapperOrder {
	width: 717px;
	border:solid 1px #FFFFFF;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	padding: 0 1px;
	background-image:none;
}
#wrapperOrder  h2{
	margin-left:101px;
	margin-top:10px;
}

#wrapper {
	width: 719px;
	border:0;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	padding: 0 1px;
}

#orderWrapper{
	width: 725px;
	height:198px;
	background-color:transparent;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
}

#orderWrapper img{
	float:left;
	padding:0;
	margin:0;
}

#sophieIntro {
	float: left;
	display: inline;
	margin: 0;
	width: 719px;
	position: relative;
}

#sophieIntro img {
	display: block;
}

#sophieIntro #orderAnchor {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 18px;
	line-height: 22px;
	color: #af0925;
	text-decoration: underline;
	width: 90px;
	text-align: center;
}

#sophieBody,
#chanpiegnonBody {
	width: 620px;
	margin-left: 50px;
	float: left;
	display: inline;
	font-size: 13px;
	color: #3b3b3b;
	margin-bottom: -150px;
}

#chanpiegnonBody {
	margin-bottom: 0;
}

.red {
	color: #af0925;
}


#sophieBody .picColumn {
	float: left;
	width: 148px;
	display: inline;
	margin: 0 3px;
	text-align: center;
	color: #573a38;
	font-style: italic;
	font-size: 12px;
}

#sophieBody ul,
#chanpiegnonBody ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

#sophieBody ul li,
#chanpiegnonBody ul li {
	display: inline;
	background: url('../images/bullet.gif') 0 50% no-repeat;
	margin: 0;
	float: left;
	clear: left;
	width: 100%;
}

#sophieBody ul li span,
#chanpiegnonBody ul li span {
	display: block;
	margin-left: 15px;
}

#chanpiegnonBody ul li {
	background-image: url('../images/large-bullet.gif');
	background-position: 0 5px;
}


#chanpiegnonBoxImage {
	float: left;
	display: inline;
	margin-left: 30px;
	margin-top: 30px;
}

#chanpiegnonPostage {
	background: url('../images/postage-badge.jpg') 0 0 no-repeat;
	width: 341px;
	float: right;
	display: inline;
	margin-right: 35px;
	margin-top: 30px;
	height: 150px;
	font-size: 13px;
}

#chanpiegnonPostage #postageContent {
	margin-left: 146px;
	padding-top: 20px;
	text-align: center;
}

#chanpiegnonPostage #postageContent h2 {
	display: block;
	margin: 0;
	padding: 0;
	float: none;
}

#chanpiegnonPostage #postageContent a {
	text-decoration: none;
	color: #3b3b3b;
	border: none;
}


#chanpiegnonStockVulli {
	background: url('../images/vulli-bg.gif') 0 0 no-repeat;
	clear: left;
	display: block;
	text-align: left;
	margin: 10px 0 0 223px;
	padding: 20px 0 20px 95px;
	color: #af0925;
	font-size: 14px;
}


.order{
	width:629px;
	margin-left:55px;
	margin-top:45px;
}
#exclusive{
	text-indent:-9999em;
	width:278px;
	height:18px;
	background:url(../images/exclusive.gif);
	
}
.txtLeft{
	width:400px;
	float:left;
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	color:#3b3b3b;
	line-height:20px;
}
.txtRight{
	float:left;
	margin-left:50px;
	width:166px;
	text-align:center;
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	color:#3b3b3b;
}
.txtRight a{
	color:#3b3b3b;
	text-decoration:none;
}
.picWrapper{
	float:left;
	width:150px;
	margin-right:4px;
	font-family:Verdana;
	font-size:12px;	
    color:#573a38;
	text-align:center;
	font-style:italic;
	font-weight:bold;
}
#sophia{
	text-indent:-9999em;
	width:180px;
	height:20px;
	background:url(../images/hollywood.gif);
	margin-top:30px;
}
p {
	padding:0 0 8px 0;
	margin:0;
	line-height: 150%;
}

p a:link, p a:visited, p a:active {
	color:#990000;
	border-bottom: 1px dotted #CC0000;
	text-decoration:none;
}

p a:hover {
	color:#CC0000;
	text-decoration:none;
	border-bottom: 1px solid #CC0000;
}

.flash {
	padding-top: 1px;
	padding-bottom: 10px;
	border:0;
}


#homeQuickLinks,
#chanpiegnonTable {
	float: left;
	width: 700px;
	display: inline;
	margin-left: 5px;
	background: #FFF;
}

#homeQuickLinks #sophie,
#homeQuickLinks #chanPieGnon,
#homeQuickLinks #magicTree,
#chanpiegnonTable #chan,
#chanpiegnonTable #pie,
#chanpiegnonTable #gnon {
	float: left;
	width: 220px;
	display: inline;
	margin: 0 5px;
	text-align: center;
}


#homeWelcome {
	clear: left;
	float: left;
	width: 220px;
	margin-left: 15px;
}

#homeNews {
	float: left;
	width: 200px;
	margin-left: 30px;
}

#vulliSupplierBackground {
	background: url('../images/vulli-bg.gif') 90% 0 no-repeat;
	padding-right: 90px;
}


#homeContact {
	float: left;
	width: 200px;
	margin-left: 30px;
}


#homeLeft {
	clear: left;
	float:left;
	margin-left:26px;
	width: 354px;
}

#homeRight {
	float:right;
	margin-right:26px;
	width:260px;
}


#chanpiegnonIntro {
	text-align: center;
}


#chanpiegnonBullets {
	float: left;
	display: inline;
	width: 100%;
	margin-top: 20px;
}

#chanpiegnonBullets .halfColumn {
	float: left;
	display: inline;
	width: 40% !important;
	margin-right: 10%;
}


img.title {
	padding-bottom: 10px;
	border:0;
}

p.footer {
	text-align:center;
	margin-top:25px;
	margin-bottom: 0;
	font-size:11px;
}


#textFooter,
#chanpiegnonTextFooter {
	text-align:center;
	margin-top:25px;
	margin-bottom: 0;
	font-size:11px;
	position: relative;
	overflow: visible;
}

#chanpiegnonTextFooter {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
}

#sophieTextFooter {
	clear: both;
	text-align:center;
	
	margin-bottom: 0;
	font-size: 12px;
	position: relative;
	overflow: visible;
	
	display: block;
	background: url('../images/img_sophie-large.jpg') 90% 0 no-repeat;
	
	padding-bottom: 20px;
}


#sophieTextFooter #orderBadges {
	float: left;
	display: inline;
	width: 176px;
	height: 234px;
	background: url('../images/img_order-badges.jpg') 0 0 no-repeat;
	margin-top: 160px;
	margin-left: 50px;
	margin-bottom: 10px;
}


#textFooter a,
#sophieTextFooter a,
#chanpiegnonTextFooter a {
	color:#cc0000;
}

#textFooter a:hover,
#sophieTextFooter a:hover,
#chanpiegnonTextFooter a:hover {
	color:#4c6872;
}

#textFooter #footerLinks {
	background: url('../images/foot-logos-bg.gif') 50% 0 no-repeat;
	padding-top: 80px;
	padding-bottom: 10px;
}

#sophieTextFooter #sophieFooterLinks {
	float: left;
	display: inline;
	width: 210px;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	color: #3b3b3b;
	margin-left: 20px;
	margin-top: 160px;
}

#sophieTextFooter #sophieFooterLinks h1 {
	margin-bottom: 0;
}

#sophieTextFooter #sophieFooterLinks a {
	color: #3b3b3b;
}

#sophieTextFooter #sophieFooterLinks .red {
	font-size: 14px;
	line-height: normal;
	clear: left;
	margin-top: 20px;
}

#sophieTextFooter #sophieFooterLinks .red a {
	color: inherit;
	text-decoration: none;
	border: none;
}



p.back {
	text-align:left;
	margin-top:25px;
	font-size:11px;
}

p.footer a:link. p.footer a:active, p.footer a:visited {
	color:#668e9b;
}

p.footer a:hover {
	color:#4c6872;
}


#textFooter #giraffeLargeBackground {
	position: absolute;
	left: 100%;
	top: 100%;
	display: block;
	background: url('../images/img_sophie-large.jpg') 0 0 no-repeat;
	margin-left: -206px;
	width: 176px;
	height: 386px;
	margin-top: -436px;
}

#textFooter #giraffeBackground {
	position: absolute;
	left: 100%;
	top: 100%;
	display: block;
	background: url('../images/giraffe-head-bg.gif') 0 0 no-repeat;
	margin-left: -140px;
	width: 105px;
	height: 138px;
	margin-top: -138px;
}

#textFooter #chanPieGnonBackground {
	position: absolute;
	left: 5px;
	top: 100%;
	margin-top: -123px;
	height: 123px;
	width: 111px;
	background: url('../images/chan-pie-gnon-bg.gif') 0 0 no-repeat;
}

#botLogos{
	margin-left:20px;
}

p#contactp{
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	color:#af0925;
	padding-top:35px;
}
div#orderBg{
    background-image:url(../images/sofie-home.jpg);
	width:165px;
	height:210px;
	display:block;
	padding-top:190px;
	padding-left:100px;
}
div#orderBg a{
	display:block;
	text-indent:-9999em;
	width:160px;
	height:28px;
	text-decoration:none;

}
#footer {
	width:100%;
	height:88px;
	background-color:#8bcbe0;
	background-image:url(../images/bg-flowers.jpg);
	background-repeat:repeat-x;
}

#footerStore {
	background-image:url(../images/bg-base.gif);
	background-repeat:no-repeat;
	width: 721px;
	height:88px;
	margin-left:auto;
	margin-right:auto;
}

a.idLink {
	float:right;
	width: 100px;
	height: 44px;
	display:block;
}

#base {
	width:100%;
	background-image:url(../images/bg-road.gif);
	height:150px;
	background-repeat:repeat-x;
}

#contentFull {
	padding: 20px;
}

#blueLine {
	background-image:url(../images/line-blue.gif);
	width: 100%;
	height:15px;
	clear:both;
}

#brandLeft {
	width: 172px;
	float:left;
}

#brandLeft img {
	border:2px solid #a0ddf4;
}

#brandTop {
	width: 172px;
	float:left;
}

#brandTop img {
	border:0;
}

#brandTopLogo {
	width: 495px;
	float:right;
}

#brandTopLogo img {
	border:0;
	text-align:right;
}

#brandRight {
	width: 495px;
	float:right;
}

#brandRight img {
	border:0;
	padding-top: 10px;
}

#categoryList {
	display:block;
	float:left;
	width:152px;
	height:150px;
	margin-right:15px;
	margin-bottom: 15px;
}

#categoryList a {
	color:#990000;
	text-decoration:none;
	border-bottom: 1px dotted #990000;
}

#categoryList a:hover {
	border:0;
	text-decoration:underline;
}

#categoryList img {
	border: 1px solid #990000;
}

#detailsLeft {
	width: 279px;
	float:left;
}

#detailsLeft img {
	border: 1px solid #ee3429;
	margin-bottom: 3px;
	margin-right: 3px;
}

#detailsMiddle {
	width: 330px;
	float:left;
}

#detailsMiddle img, #detailsMiddle a {
	border:0;
}

#detailsRight {
	width: 58px;
	float:left;
}

h2 {
	font-weight:bold;
	font-size:16px;
	color:#cf352e;
}

h3 {
	font-weight: bold;
	font-size:12px;
}

.formfield {
	background-color:#a08c80;
	border:1px solid #41352e;
	width: 200px;
	font-size: 13px;
	color:#FFFFFF;
}

.formfieldCart {
	background-color:#FFF;
	border:1px solid #41352e;
	width: 160px;
	font-size: 13px;
	color:#402f24;
}

.formfieldCartSml {
	background-color:#FFF;
	border:1px solid #41352e;
	width: 80px;
	font-size: 13px;
	color:#402f24;
}

.formfieldCartMessage {
	background-color:#FFF;
	border:1px solid #41352e;
	width: 530px;
	font-size: 13px;
	color:#402f24;
}

.TBLCartContents td {
	background-image:url(../images/bg-cart.jpg);
	border-bottom:1px solid #FFF;
	padding: 5px 0 5px 10px;
	color:#402f24;
}

.TBLCartContents a {
	color:#402f24;
}

.TBLCartTotal td {
	background-color:#fedbbf;
	border-bottom:1px solid #FFF;
	padding: 5px 0 5px 10px;
	color:#402f24;
}