body { font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; font-size: 15px; line-height: 1.6em; color: #000; background: url('bg.jpg') repeat-x #9cbfcb; }

#header { height: 151px; font-size: 19px; text-shadow: 0px 1px 0px #f27dbb; }
#nav-bar { height: 40px; }
#main { text-shadow: 0px 1px 1px #e3f4f9; }
#footer { text-shadow: 0px 1px 1px #e3f4f9; border-top: groove 2px #abd3e1; padding: 20px 0; margin-bottom: 10px; margin-top: 20px; }
.content { width: 960px; margin: 0 auto; position: relative; }
#main.content { width: 940px; }

#baby { position: relative; top: 12px; }
#strapline { position: relative; top: 110px; }

p { margin-bottom: 1.1em; }
a { color: #e73e97; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; color: #000; }
ul { margin: 10px 0 10px 30px; padding: 0; list-style: disc; }
li { padding: 7px 3px 3px 1px; }
h1 { font-size: 30px; color: #2a4954; margin: 30px 0 0.6em 0; font-weight: normal; line-height: normal; }
h2 { font-size: 24px; margin: 15px 0 0.8em 0; font-weight: normal; line-height: normal; }
h3 { font-size: 18px; margin: 0 0 5px 0; line-height: normal; }

#logo a { width: 273px; height: 110px; display: block; text-indent: -9999px; background: url('fayeandlou.gif') no-repeat; position: relative; top: 22px; float: right; right: 0; margin: 0; font-size: 12px; }

ul.nav, ul.nav li, ul.basket, ul.basket li { list-style: none; margin: 0; display: inline; padding: 0; color: #fff; font-size: 16px; }
ul.nav li { padding: 0 0 0 20px; }
ul.basket li { padding: 0 15px 0 0; }
#nav-bar div { margin-top: 7px; }
ul.nav li a { color: #e73e97; text-decoration: none; text-transform: lowercase; }
ul.nav li a:hover, ul.nav li a:focus, ul.nav li a:active { color: #fff; text-decoration: none; border-bottom: groove 2px #e73e97; }

.floatr { float: right; }
.widthr1 { width: 345px; }
.widthr2 { width: 280px; }
.widthr3 { width: 320px; padding-left: 20px; }
.floatl { float: left; }
.textr { text-align: right; }
.small { font-size: 14px; }
.mtop { margin-top: 10px; }
.mleft { margin-left: 20px; }
.pleft { padding-left: 40px; }
.pright { padding-right: 15px; }
.full { width: 735px; }
.imgright, .imgleft, .imgborder { -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; background: #6b96a5; border: solid 10px #6b96a5; }
.imgright { float: right; margin: 10px 0 20px 20px; }
.imgleft { float: left; margin: 10px 0 20px 20px; }
.imgborder { margin: 0 0 20px 0; }
.relative { position: relative; }
.prod-details { margin: 0 0 0 15px; }
.widthl1 { width: 390px; margin-left: -10px; }

#non-inner { float: left; width: 160px; }
/*#inner { float: left; }*/
#non-inner.home { float: left; width: 300px; }

#bfly-logo { position: absolute; z-index: 5; right: 0px; top: 30px; }
#mainimage { float: right; margin-right: 50px; }
#rotate { width: 350px; height: 125px; margin: 10px 0 10px 10px; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 17px; color: #2a4954; }

.bfly-mlogo { float: left; margin: 15px 15px 5px 0; }
a.buy { float: right; width: 64px; height: 64px; text-indent: -9999px; display: block; background: url('buy_now.png') no-repeat transparent; margin: 15px 0 0 0; padding: 0; overflow: hidden; }
a:hover.buy, a:focus.buy, a:active.buy { background: url('buy_now.png') 0 -64px no-repeat transparent; }
#hbuy { position: absolute; z-index: 5; right: 510px; top: 80px; }
.breadcrumb { margin-top: 5px; font-size: 85%; border-bottom: groove 2px #abd3e1; }

ul.sub-nav, ul.sub-nav li { list-style: none; margin: 0; padding: 0; text-transform: lowercase; line-height: 1.5em; }
.home ul.sub-nav, .home ul.sub-nav li { font-size: 19px; }
ul.sub-nav { margin: 15px 0 20px 0; }
ul.sub-nav li { padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: groove 2px #abd3e1; width: auto; }

.home-content { float: left; width: 400px; }

ol { list-style: decimal; margin: 0 0 0 35px; font: 25px Georgia, "Times New Roman", serif; color: #fff; }
ol p { font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; font-size: 15px; line-height: 1.6em; color: #000; margin-bottom: 0.3em; font-style: normal; }

.hide  { display: none; }

a.zoom { position: relative; width: 100px; height: 163px; float: left; margin: 10px 0 20px 20px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; background: #6b96a5; border: solid 10px #6b96a5; }
a.zoom2 { position: relative; }
a.zoom3 img { -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; background: #6b96a5; border: solid 7px #6b96a5; }
a:hover.zoom3 img, a:focus.zoom3 img, a:active.zoom3 img { background: #e73e97; border: solid 7px #e73e97;}
a:hover.zoom, a:focus.zoom, a:active.zoom { background: #e73e97; border: solid 10px #e73e97; }
a.zoom em, a.zoom2 em { width: 28px; height: 28px; text-indent: -9999px; display: block; background: url('zoom.png') no-repeat transparent; margin: 0; padding: 0; overflow: hidden; position: absolute; top: -9px; right: -9px; }
a.zoom span { width: 28px; height: 28px; text-indent: -9999px; display: block; margin: 0; padding: 0; overflow: hidden; position: absolute; top: -9px; left: -9px; }
a.zoom span.no1 { background: url('no1.png') no-repeat transparent; }
a.zoom span.no2 { background: url('no2.png') no-repeat transparent; }
a.zoom span.no3 { background: url('no3.png') no-repeat transparent; }
a.zoom span.no4 { background: url('no4.png') no-repeat transparent; }
a.zoom span.no5 { background: url('no5.png') no-repeat transparent; }

a.borderlink img {  -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; background: #6b96a5; border: solid 7px #6b96a5; }
a:hover.borderlink img, a:focus.borderlink img, a:active.borderlink img { background: #e73e97; border: solid 7px #e73e97; }

form input.addbasket { width: 242px; height: 67px; display: block; font-size: 0; line-height: 0; background: url('buttons.png') no-repeat transparent; margin: 0; padding: 0; overflow: hidden; border: none; cursor: pointer; text-indent: -9999px; }
form input.addbasket:hover { background: url('buttons.png') no-repeat transparent 0 -67px; }

input.btn { width: 142px; height: 66px; background: url('buttons.png') no-repeat transparent 0 -134px; margin: 0; padding: 0; overflow: hidden; border: none; font-weight: bold; letter-spacing: -0.04em; font-size: 13px; line-height: 0.9em; text-shadow: 0px 1px 0px #fff; cursor: pointer; }
input.btn:hover { color: #e73e97; }
input.disabled { cursor: default; }
input.disabled:hover { color: #999; }

.fabric { float: left; text-align: center; margin: 0 0 10px 10px; font-size: 85%; width: 120px; height: 150px; line-height: normal; }
.fabric p { margin-top: 2px; }

.cartheading { text-shadow: 0px 1px 0px #243f50; border: solid 1px #fff; }
.cart { padding: 5px; border: solid 1px #fff; background-color: #e6eef3; }
table.checkout td { padding: 5px; background: none; }
.totals { padding: 5px; }

hr { color: #677f87; border: 0; overflow: hidden; background: #677f87; height: 1px; }

.deliverystatelist { visibility: hidden; }

/* Checkout progress bar */
.progressBar { position: relative; overflow: hidden; }
.progressBar p, .progressBar em { position: absolute; left: -10000px; }
.progressBar ol { list-style: none; width: 732px; height: 70px; padding: 0px 0 0 6px; margin: 20px 0; background: url('progress-bg.png') no-repeat; }
ol.step1 { background-position: 0 0; }
ol.step2 { background-position: 0 -70px; }
ol.step3 { background-position: 0 -140px; }
ol.step4 { background-position: 0 -210px; }
ol.step5 { background-position: 0 -280px; }
.progressBar li { float: left; text-transform: lowercase; height: 44px; width: 90px; font: bold 14px/18px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; color: #000; text-shadow: 0px 1px 0px #fff; margin: 0; padding: 14px 12px 0 42px; line-height: normal; }
li.currentStep, li.prevStep { color: #ffffff; text-shadow: 0px 1px 0px #243f50; }

/*Just for testing!*/
.border { border: solid 1px red; }