/* CSS ARTBYHEART */


div#menu {height:122px; background: url(/img/get-started/bg.gif) no-repeat left 73px;}
/* H1 and H2 image text swap for design purposes */
h1 { margin:0; font-size:16px; width:181px; float:left;}
h1 a{ display:block; width:181px; padding: 101px 0 0 0; overflow: hidden; background: url(/img/get-started/logo.gif) no-repeat 5px 27px; height: 0px !important; height /**/:101px;}
h2 { clear:both; margin:0; font-size:14px; width:100%; padding: 24px 0 0 0; overflow: hidden; height: 0px !important; height /**/:24px;}
h2#step1 { background: url(/img/get-started/step1.gif) no-repeat left 4px;}
h2#step2 { background: url(/img/get-started/step2.gif) no-repeat left 4px;}
h2#step3 { background: url(/img/get-started/step3.gif) no-repeat left 4px;}
h3.graphic{margin:0 0 15px 0; padding: 40px 0 0 0; overflow: hidden; height: 0px !important; height /**/:40px; }
h3#choose-a-colour {background: url(/img/get-started/titles/choose-a-color.gif) no-repeat left 15px;}
h3#choose-a-style {background: url(/img/get-started/titles/choose-a-style.gif) no-repeat left 15px;}
h3#do-you-want {background: url(/img/get-started/titles/do-you-want-to-add.gif) no-repeat left 15px;}
h3#choose-your-finish {background: url(/img/get-started/titles/choose-your-finish.gif) no-repeat left 15px;}
h3#choose-a-size {background: url(/img/get-started/titles/choose-a-size.gif) no-repeat left 15px;}
h3#please-check {background: url(/img/get-started/titles/please-check-your.gif) no-repeat left 15px;}
h3#payment-method {background: url(/img/get-started/titles/payment-method.gif) no-repeat left 15px;}
h3#just-a-quick-note {background: url(/img/get-started/titles/just-a-quick-note.gif) no-repeat left 15px;}
h3#its-easy-to-place {background: url(/img/get-started/its-easy-to-place.gif) no-repeat left 15px;}
h3#what-happens-then {background: url(/img/get-started/what-happens-then.gif) no-repeat left 15px;}
h3#thank-you-for {background: url(/img/get-started/thank-you-for.gif) no-repeat left 15px;}

p#bartip{ width:100%; text-align:right; font-size:9px; color:#C3004A; margin:0; padding:0;}
div#colleftwide {width:493px; float:left;}
p.small{font-size:9px; margin:0;}
div#colleftwide img{float:left;}
div.rightcol {float:right; width:227px;}
div.rightcol p{margin:0;}

ul#nav {list-style:none; margin:86px 0 0 0; padding:0; float:left;}
/* navigation image text swap for design purposes */
ul#nav li {margin:0; padding:0; float:left; width:183px;}
ul#nav li a{ display:block; width:183px; padding: 19px 0 0 0; overflow: hidden; height: 0px !important; height /**/:19px;}
ul#nav li#nav1 a{background: url(/img/get-started/nav/about-us.gif) no-repeat left top;}
ul#nav li#nav2 a{background: url(/img/get-started/nav/the-gallery.gif) no-repeat left top;}
ul#nav li#nav3 a{background: url(/img/get-started/nav/faq.gif) no-repeat left top;}
ul#nav li#nav1 a:hover{background: url(/img/get-started/nav/about-us.gif) no-repeat left -19px;}
ul#nav li#nav2 a:hover{background: url(/img/get-started/nav/the-gallery.gif) no-repeat left -19px;}
ul#nav li#nav3 a:hover{background: url(/img/get-started/nav/faq.gif) no-repeat left -19px;}

div.style{width:250px; float:left;}
div#style3,div#style32{width:245px;}
div.style img{display:block; margin:0 auto; padding-right:11px;}
div#style3 img,div#style32 img{padding-right:6px;}
div.style h3 { font-size: 11px; margin:20px 0 0 15px;}
div.style h3 a{ color:#C3004A;text-decoration:none;}
div.style p{ margin:0 6px 15px 15px;}
div.style p.button{ width:239px; height:20px; margin:0;}
div.style p.button strong{display:block; padding:3px 8px;}
div.style p.button a{display:block; width:100%; background:url(/img/get-started/button.gif) no-repeat left top; color:#fff; text-decoration:none;}
div.style p.button a:hover{background:url(/img/get-started/button.gif) no-repeat left -23px;}

ul.select-colour {margin:0 0 5px 0; padding:0; list-style:none; width:227px;}
ul.select-colour li{ width:100%; margin:0 0 2px 0; padding:0 3px; color:#fff; height:20px; float:left;}
ul.select-colour li input {padding:0; margin:3px 6px 0 0; float:right; height:13px; width:13px; overflow:hidden;}
ul.select-colour li p label {display:block; width:190px; height:100%; float:left; }
ul.select-colour li p {padding:3px 0 0 3px; margin:0; float:left; width:190px;}
ul#red li{background: url(/img/get-started/colours-red.gif) no-repeat;}
td ul.select-colour li, ul#green li{background: url(/img/get-started/colours-green.gif) no-repeat;}
ul.select-colour li#colour1{background: url(/img/get-started/colours-purple.gif) no-repeat;}
ul.select-colour li#colour1s{background: url(/img/get-started/colours-purple2.gif) no-repeat;}
ul.select-colour li#colour2{background: url(/img/get-started/colours-lilac.gif) no-repeat;}
ul.select-colour li#colour2s{background: url(/img/get-started/colours-lilac2.gif) no-repeat;}
ul.select-colour li#colour3{background: url(/img/get-started/colours-deep-aqua.gif) no-repeat;}
ul.select-colour li#colour3s{background: url(/img/get-started/colours-deep-aqua2.gif) no-repeat;}
ul.select-colour li#colour4{background: url(/img/get-started/colours-sea-blue.gif) no-repeat;}
ul.select-colour li#colour4s{background: url(/img/get-started/colours-sea-blue2.gif) no-repeat;}
ul.select-colour li#colour5{background: url(/img/get-started/colours-aqua.gif) no-repeat;}
ul.select-colour li#colour5s{background: url(/img/get-started/colours-aqua2.gif) no-repeat;}
ul.select-colour li#colour6{background: url(/img/get-started/colours-deep-green.gif) no-repeat;}
ul.select-colour li#colour6s{background: url(/img/get-started/colours-deep-green2.gif) no-repeat;}
ul.select-colour li#colour7{background: url(/img/get-started/colours-lime.gif) no-repeat;}
ul.select-colour li#colour7s{background: url(/img/get-started/colours-lime2.gif) no-repeat;}
ul.select-colour li#colour8{background: url(/img/get-started/colours-pale-green.gif) no-repeat;}
ul.select-colour li#colour8s{background: url(/img/get-started/colours-pale-green2.gif) no-repeat;}
ul.select-colour li#colour9{background: url(/img/get-started/colours-bright-green.gif) no-repeat;}
ul.select-colour li#colour9s{background: url(/img/get-started/colours-bright-green2.gif) no-repeat;}
ul.select-colour li#colour10{background: url(/img/get-started/colours-deep-red.gif) no-repeat;}
ul.select-colour li#colour10s{background: url(/img/get-started/colours-deep-red2.gif) no-repeat;}
ul.select-colour li#colour11{background: url(/img/get-started/colours-cerise.gif) no-repeat;}
ul.select-colour li#colour11s{background: url(/img/get-started/colours-cerise2.gif) no-repeat;}
ul.select-colour li#colour12{background: url(/img/get-started/colours-magenta.gif) no-repeat;}
ul.select-colour li#colour12s{background: url(/img/get-started/colours-magenta2.gif) no-repeat;}
ul.select-colour li#colour13{background: url(/img/get-started/colours-pink.gif) no-repeat;}
ul.select-colour li#colour13s{background: url(/img/get-started/colours-pink2.gif) no-repeat;}
ul.select-colour li#colour14{background: url(/img/get-started/colours-cream.gif) no-repeat; color:#918B7B;}
ul.select-colour li#colour14s{background: url(/img/get-started/colours-cream2.gif) no-repeat; color:#918B7B;}
ul.select-colour2 {margin:0 0 5px 0; padding:0; list-style:none; width:165px;}
ul.select-colour2 li{ margin:0 0 2px 0; padding:0 3px 0 25px; color:#fff; height:20px; float:left;}
ul.select-colour2 li input {padding:0; margin:3px 6px 0 0; float:right; height:13px; width:13px; overflow:hidden;}
ul.select-colour2 li p label {display:block; width:105px; height:100%; float:left; }
ul.select-colour2 li p {padding:3px 0 0 3px; margin:0; float:left; width:105px;}
ul.select-colour2 li#colour21{color:#4406BA; background: url(/img/get-started/heart2-purple.gif) no-repeat;}
ul.select-colour2 li#colour22{color:#8166B0; background: url(/img/get-started/heart2-lilac.gif) no-repeat;}
ul.select-colour2 li#colour23{color:#00959E; background: url(/img/get-started/heart2-deep-aqua.gif) no-repeat;}
ul.select-colour2 li#colour24{color:#0192AE; background: url(/img/get-started/heart2-vibrant-sea.gif) no-repeat;}
ul.select-colour2 li#colour25{color:#17BCB9; background: url(/img/get-started/heart2-aqua.gif) no-repeat;}
ul.select-colour2 li#colour26{color:#00645D; background: url(/img/get-started/heart2-deep-green.gif) no-repeat;}
ul.select-colour2 li#colour27{color:#5CE800; background: url(/img/get-started/heart2-lime.gif) no-repeat;}
ul.select-colour2 li#colour28{color:#00E486; background: url(/img/get-started/heart2-pale-green.gif) no-repeat;}
ul.select-colour2 li#colour29{color:#3FAA47; background: url(/img/get-started/heart2-bright-green.gif) no-repeat;}
ul.select-colour2 li#colour210{color:#B91553; background: url(/img/get-started/heart2-deep-red.gif) no-repeat;}
ul.select-colour2 li#colour211{color:#CB1773; background: url(/img/get-started/heart2-cerise.gif) no-repeat;}
ul.select-colour2 li#colour212{color:#ED0590; background: url(/img/get-started/heart2-magenta.gif) no-repeat;}
ul.select-colour2 li#colour213{color:#FF278F; background: url(/img/get-started/heart2-pink.gif) no-repeat;}
ul.select-colour2 li#colour214{color:#918B7B; background: url(/img/get-started/heart2-cream.gif) no-repeat;}
ul#bgcolour, ul#symbols {margin:0 0 5px 0; padding:0; list-style:none;}
ul#bgcolour li, ul#symbols li{float:left; padding:0 0 2px 0; width:56px; margin:0;}
ul#symbols li input,ul#symbols li img{padding:0; margin:0;}
form {margin:0; padding:0;}
div#next-prev { padding-top:20px;}
img#previous {float:left;}
input#next {float:right;}
.purpleBg{ background-color:#4406BA;}
.purpletextBg{ background:#4406BA url(/img/get-started/txt-purple.gif) no-repeat bottom right;}
.lilacBg{ background-color:#8166B0;}
.lilactextBg{ background:#8166B0 url(/img/get-started/txt-lilac.gif) no-repeat bottom right;}
.deep-aquaBg{ background-color:#00959E;}
.deep-aquatextBg{ background:#00959E url(/img/get-started/txt-deep-aqua.gif) no-repeat bottom right;}
.vibrant-seaBg{ background-color:#0192AE;}
.vibrant-seatextBg{ background:#0192AE url(/img/get-started/txt-vibrant-sea.gif) no-repeat bottom right;}
.aquaBg{ background-color:#17BCB9;}
.aquatextBg{ background:#17BCB9 url(/img/get-started/txt-aqua.gif) no-repeat bottom right;}
.deep-greenBg{ background-color:#00645D;}
.deep-greentextBg{ background:#00645D url(/img/get-started/txt-deep-green.gif) no-repeat bottom right;}
.limeBg{ background-color:#5CE800;}
.limetextBg{ background:#5CE800 url(/img/get-started/txt-lime.gif) no-repeat bottom right;}
.pale-greenBg{ background-color:#00E486;}
.pale-greentextBg{ background:#00E486 url(/img/get-started/txt-pale-green.gif) no-repeat bottom right;}
.bright-greenBg{ background-color:#3FAA47;}
.bright-greentextBg{ background:#3FAA47 url(/img/get-started/txt-bright-green.gif) no-repeat bottom right;}
.deep-redBg{ background-color:#B91553;}
.deep-redtextBg{ background:#B91553 url(/img/get-started/txt-deep-red.gif) no-repeat bottom right;}
.ceriseBg{ background-color:#CB1773;}
.cerisetextBg{ background:#CB1773 url(/img/get-started/txt-cerise.gif) no-repeat bottom right;}
.magentaBg{ background-color:#ED0590;}
.magentatextBg{ background:#ED0590 url(/img/get-started/txt-magenta.gif) no-repeat bottom right;}
.pinkBg{ background-color:#FF278F;}
.pinktextBg{ background:#FF278F url(/img/get-started/txt-pink.gif) no-repeat bottom right;}
.creamBg{ background-color:#FFF5D8; }
.whiteBg{ background-color:#fff;}
div#textoptions p{margin:5px 0;}
div#textoptions textarea, div#order1 textarea{ width:227px; height:80px; border: 1px solid #C3004A;}
div#textoptions ul{margin:5px 0 5px 0; padding:0; list-style:none; width:227px;}
div#textoptions ul li{width:100%; margin:0 0 2px 0; padding:0; color:#fff; height:32px; float:left; background: url(/img/get-started/text-style-bg.gif) no-repeat;}
div#textoptions ul li input {padding:0; margin:8px 8px 0 0; float:right; height:13px; width:13px; overflow:hidden;}
div#textoptions ul li img{float:left; margin-left:12px;}
.displayNone{ display:none;}
.display{ display:block;}

img.framephoto{border: 1px solid #74B01B;}
div.none{background:#fff;}

p#step2-2-intro{width:220px; float:left; margin:0 20px 0 0; color:#74B01B;}
table#available-sizes th p{padding: 32px 0 0 0; overflow: hidden; height: 0px !important; height /**/:32px;}
table#available-sizes th#orientation p{background: url(/img/get-started/orientation.gif) no-repeat;}
table#available-sizes th#sizes p{background: url(/img/get-started/sizes-available.gif) no-repeat;}
table#available-sizes td img{float:none;}
table#available-sizes td.orientationgraphic{text-align:center;}
table#available-sizes td { padding:5px 0; border-bottom: 1px solid #74B01B;}

/* 3 esy steps*/
div.step { float:left;}
div#step1 { width:290px;}
div#step2 { width:274px;}
div#step3 { width:182px;}
div.step p { width:181px;}
/* step by step (h3) image text swap for design purposes */
div.step h3 { margin:0 0 10px 0; padding: 49px 0 0 0; overflow: hidden; height: 0px !important; height /**/:49px;}
div#step1 { background: url(/img/get-started/titles/step1.gif) no-repeat;}
div#step2 { background: url(/img/get-started/titles/step2.gif) no-repeat;}
div#step3 { background: url(/img/get-started/titles/step3.gif) no-repeat;}




ul.body {margin:0; padding:0 0 15px 0; list-style:none;}
ul.body li{margin:0; padding:0 0 10px 20px; background:url(/img/get-started/bullet2.gif) no-repeat left 3px;}
ul.body a {color:#C3004A; text-decoration:none;}
ul.body a:hover {text-decoration:underline;}

p a {color:#C3004A; text-decoration:none;}
p a:hover {text-decoration:underline;}

div#footer { border-top: 1px solid #C3004A; }
div#footer ul li{ border-right: 1px solid #C3004A;}
div#footer ul li a{ color:#C3004A;}
div#footer ul li#credit a:hover{ color:#C3004A;}