@import url('reset.css');

@font-face {
	font-family: 'DuffyDemiBold';
	src: url('/extras/duffyscript_demibold-webfont.eot');
	src: url('/extras/duffyscript_demibold-webfont.woff') format('woff'), url('/extras/duffyscript_demibold-webfont.ttf') format('truetype'), url('/extras/duffyscript_demibold-webfont.svg#webfonthkvCZwyJ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CompleteinHimRegular';
	src: url('/extras/complete_in_him-webfont.eot');
	src: url('/extras/complete_in_him-webfont.woff') format('woff'), url('/extras/complete_in_him-webfont.ttf') format('truetype'), url('/extras/complete_in_him-webfont.svg#webfontVRmEfII1') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ---------- Layout Styles ---------- */
body { color: #3f3f3f; background: #f0a223 url(/images/core/bg.png) repeat-x; font:62.5%/1.6em Arial, Helvetica, sans-serif;}

.container { font-size:1.2em; width:960px; margin: 0 auto; }
#header{ height:100px; padding: 50px 0 0 0; background: url(/images/core/header-bg.png) repeat-x center bottom; }
	#navigation { margin: 0; list-style: none; font-family: 'Arial Black', sans-serif; width: 800px; height: 46px; font-size: 1.7em; position: absolute; top: 11px; right:0; }
#content{ padding: 40px 0 0 0; background: #fff; }
	#banner { height: 171px; padding: 0 0 0 20px; }
	#primary {float:left; width: 390px; margin: 0 20px 0 20px; }
	#secondary {float:left; width: 445px; margin: 0 0 0 80px; }
#footer{ padding: 40px 0; display: block; clear: both; color:#ffffff; background: url(/images/core/footer-bg.png) repeat-x center top; }



/* ---------- Common Styles ---------- */
a {text-decoration:underline; color:#fdb63b; font-weight: bold; }
a:hover { text-decoration: none; }
h1, h2, h3 { padding: 0 0 10px 0; font-weight:bold; color: #333; }
h1 {color: #3f87c0; font-size:1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; font-weight: bold; }
h4 { font-size: 1.0em; }
strong { font-weight: bold; }
hr { border: 0; border-bottom: 1px solid #e5e5e5; margin: 10px 0; }
p { margin: 0px 0 10px 0; }
ul { margin: 10px 0px; list-style: disc; }
ol { margin: 0 0 10px 20px; list-style: decimal; }
ol li { padding: 5px 0; }
ol li ul { margin: 10px 20px; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { text-align: right; font-size: 0.9em; padding: 10px; }
.back { border-top: 1px solid #d1d1d1; margin: 20px 0 0 0; display: block; background: url("/images/core/arrow-back.png") no-repeat left 15px; padding: 10px 0 0 10px; }
.left {float: left; }
.right { float: right; }
.duffy { font-family: 'DuffyDemiBold', Arial, sans-serif; line-height: 1; }
.complete { font-family: 'CompleteinHimRegular', Arial, sans-serif; line-height: 0.75; }
h1.duffy, h1.complete { font-size: 5.0em; letter-spacing: -2px; font-weight: normal; }
.arialblack { font-family: 'Arial Black', sans-serif; letter-spacing: -2px; font-weight: normal; font-size: 2.6em; text-decoration: none; padding: 0; line-height: 1; }

.link { font-family: 'Arial Black', sans-serif; font-size: 1.4em; color: #fff; text-decoration: none; }
.link span{display: block; text-align: center;}
.green-link { background: url(/images/buttons/green.gif) no-repeat; padding: 10px 25px 16px 25px; width: 180px; height: 17px; display: block; }
.blue-link { background: url(/images/buttons/blue.gif) no-repeat; padding: 13px 25px; width: 151px; height: 18px; display: block; }
.blue-link2 { background: url(/images/buttons/blue2.gif) no-repeat; padding: 13px 25px; width: 172px; height: 18px; display: block; }
.purple-link { background: url(/images/buttons/purple.gif) no-repeat; padding: 13px 25px; width: 151px; height: 18px; display: block; }
.purple-link2 { background: url(/images/buttons/purple2.gif) no-repeat; padding: 13px 25px; width: 245px; height: 21px; display: block; }
.red-link { background: url(/images/buttons/red.gif) no-repeat; padding: 13px 25px; width: 151px; height: 18px; display: block; }
.black-link { background: url(/images/buttons/black.gif) no-repeat; padding: 13px 25px; width: 65px; height: 18px; display: block; }
.pink { color: #db4497; }
.green { color: #aacc3b; }
.purple { color: #9572bc; }
.blue { color: #3f87c1; }
.red { color: #bd0926; }
.yellow { color: #fabd1b; }

.hint { color: #ccc; }

#note { margin: 300px 0 0 0; }
#note a { color: #333; }

#home-page .link{display: inline; float: left;}
#home-page .link span{display: block; text-align: center;}



/* ---------- PaGINaTIoN Styles ---------- */
.pagination { text-align: center; display: block; clear: both; font-size: 1.2em; }
  .pagination ul { width: auto; margin: 0; list-style: none; }
    .pagination li { float: left; display: inline; border-right: 1px solid #818181; padding: 0 10px; margin: 0; }
      .pagination li a { display: block; }
      .pagination .next { border: none; }
      .pagination .previous { border: none; }
      .pagination .active a { color: #818181; text-decoration: none; }



/* ---------- Header Styles ---------- */
#header .container { position: relative; width: 940px; padding: 0 5px; }
#header #logo { z-index: 200; }
#header #account-link { margin: 0 20px 0 0; }



/* ---------- Global Navigation Styles ---------- */
ul#secondary-navigation { margin:0; list-style: none; position: absolute; right: 20px; top: -13px; z-index: 20; }
	ul#secondary-navigation li { float: left; display:inline; color:#fff; margin: 0 0 0 10px; }
	ul#secondary-navigation a { color:#fff; text-decoration: none; font-weight: normal; }
	ul#secondary-navigation a span{font-weight: bold;}
	ul#secondary-navigation a:hover { text-decoration: underline; }



/* ---------- Main Navigation Styles ---------- */
#navigation ul { margin:0; list-style: none; position: absolute; right: 0; top: 0px;  z-index: 15; }
	#navigation ul li { float: left; display:inline; padding: 0; }
		#navigation ul li a { display:block; color: #FFFFFF; height: 57px; text-indent: -99999px; }
		#navigation ul li a:hover { background-position: 0 -57px !important; }

#nav-home { background: url(/images/nav/home.png) no-repeat; width: 32px; }
#nav-create { background: url(/images/nav/create.png) no-repeat; width: 124px; }
#nav-gallery { background: url(/images/nav/gallery.png) no-repeat; width: 109px; }
#nav-products { background: url(/images/nav/our_products.png) no-repeat; width: 182px; }
#nav-tvad { background: url(/images/nav/the_tv_ad.png) no-repeat; width: 155px; }
#nav-fun { background: url(/images/nav/fun-stuff.png) no-repeat; width: 139px; }

#gallery-page #nav-gallery,
#gallery-detail-page #nav-gallery,
#create-page #nav-create,
#products-page #nav-products,
#products-details-page #nav-products,
#tvad-page #nav-tvad { background-position: 0 -57px !important; }



/* ---------- Homepage Styles ---------- */
#home-page #header, #home-page #footer { background: none; }
#home-page .container { width: 940px; padding: 0 10px; }
#home-page #content { background: url(/images/core/swipe.png) center no-repeat; height: 415px; padding: 65px 0 60px 0; }
	#sketchy-bits {}
		#sketchy-bits .container { position: relative; height: 405px; }
	#tvad { background: url(/images/core/tv-ad.png) no-repeat; position: absolute; width: 524px; height: 423px; top: 0; left: -30px; }
	#tvad a { text-indent: -9999px; position: absolute; top: 40px; left: 25px; width: 120px; height: 75px; }
	#home-page #text { line-height: 20px; font-size: 1.4em; font-weight: normal; position: absolute; width: 480px; padding: 200px 0 0 0; top: 0; left: 495px; background: url(/images/core/expressyourself.png) no-repeat; top: 50px; }
	  #home-page #text a { color: #FFF; text-decoration: none; font-size: 1.1em; margin: 10px 0 20px 0; }

	#ctas .container { padding: 0; width: 960px;}
	#ctas ul { list-style:none; margin: 0; }
		#ctas ul li { width: 270px; height: 60px; display: inline; float: left; padding: 45px 30px 0 180px; }
			#ctas ul li a { font-size: 1.4em; letter-spacing: -1px; color: #666666; text-decoration: none; }
		#ctas #cta-left { background: url(/images/core/cta-bg-left.png) no-repeat; }
		#ctas #cta-right { background: url(/images/core/cta-bg-right.png) no-repeat; }



/* ---------- Inner Banner Styles ---------- */
#inner-banner{text-align: center; margin: -35px 0 0 0;}



/* ---------- Secondary Styles ---------- */
#subnav #clip { background: url(/images/core/search-bg-top.gif) no-repeat top left; padding: 20px 0 0 0; }
#subnav #shadow { background: url(/images/core/search-bg-bottom.gif) no-repeat top left; padding: 10px 0 0 0; }
#subnav #sortby, #secondary #featured { padding: 10px; }
#subnav hr { border: none; background: url(/images/core/left-hr.png) no-repeat; height: 4px; margin: 10px; }
#subnav form { display: block; }
#subnav ul { margin: 0; list-style: none; }
#subnav ul li { display: block; }
#subnav form label { display: block; font-size: 1.2em; font-weight: bold; color: #413c3a; padding: 0 0 10px 10px; }
#subnav #featured { padding-bottom: 1px; }
  #subnav #featured #picture { background: url(/images/gallery/featured-bg.png) no-repeat; width: 206px; height: 120px; padding: 2px; overflow: hidden; }
  #subnav #featured #intro { padding: 10px 10px 0 10px; }




/* ---------- Create Page Styles ---------- */
#create-page #primary { width: 940px; float: none; padding: 0 0 0 10px; margin: 0; }
#create-page #content, #create-page #header, #create-page #footer { background: none; }
#create-page #content { padding: 40px 0; }
	#create-page #content #flash-bg { position: relative; background: url(/images/create/create-intro-bg.png) no-repeat; width: 820px; height: 500px; padding: 60px 70px; }
	#create-page #content #flashcontent { background: url(/images/create/flash-bg.png) no-repeat; width: 940px; height: 595px; padding: 0 10px 25px 10px; }
	#create-page .complete { font-size: 4.0em; font-weight: normal; padding: 0 0 25px 0; }

#steps { margin: 15px 0 0 0; list-style: none; width: 390px; float: left; }
	#steps li { padding: 0 0 20px 0; }
#steps #step1, #steps #step3 { padding-left: 90px; }
	#steps p { font-weight: bold; font-size: 1.2em; color: #666666; }
	#steps .link { font-size: 1.2em; margin-top: 50px; }
#tvc { float: right; width: 370px; }
#close { text-indent: -99999px; top: 5px; right: 20px; position: absolute; display: block; width: 28px; height: 28px; }
#download { text-indent: -99999px; bottom: 15px; right: 30px; position: absolute; display: block; width: 160px; height: 140px; }


/* Select Frame */
#frame-page #secondary { width: 400px; margin: 0 20px 0 0; }
#frame-page #primary { width: 480px; margin: 0 0 0 30px; padding: 40px 0 0 0; }
	#frame-page #content .container { background: url(/images/create/stars.gif) no-repeat 0 0; width: 940px; padding: 0 0 0 20px; }
	#frame-page h1 { padding: 25px 0 30px 0px; font-size: 4.5em; }
	#frame-page ol li { padding: 10px 0; }
	#frame-page #frames { border-top: 1px solid #d5d4d4; border-bottom: 1px solid #d5d4d4; padding: 20px 0; margin: 0 0 15px 0; }
		#frame-page #frames p { font-weight: bold; font-size: 1.2em; }
		#frame-page #frames ul { margin: 0; }
			#frame-page #frames ul li { display: inline; float: left; margin: 0 3px; }
				#frame-page #frames ul li a { display: block; width: 116px; height: 70px; padding: 2px; background: url(/images/create/frame-border.gif) 0 0 no-repeat; }
				#frame-page #frames ul li a:hover, #frame-page #frames ul li a.selected { background-position: 0 -74px !important; }
		#frame-page #secondary label { padding: 0 0 20px 0; display: block; font-weight: bold; font-size: 1.2em; }
		#frame-page #secondary input { padding: 5px; width: 251px; border: 0; height: 16px; background: url(/images/buttons/input-bg.gif) no-repeat; }
    #frame-page #secondary li.buttons { background: url(/images/create/pen.gif) no-repeat; padding: 30px 0; }
    	#frame-page #secondary li.buttons input { padding: 0; width: 115px; height: 44px; font-family: 'Arial Black', sans-serif; font-size: 1.6em; color: #fff; text-decoration: none; margin: 0; cursor: pointer; border: 0; display: block; background: url(/images/buttons/blue-button.gif) no-repeat; }

#drawing { display: block; clear: both; width: 430px; height: 267px; padding: 43px 46px 52px 47px; overflow: hidden; }
#drawing img { width: 430px; height: 267px; overflow: hidden; }
.frame-small-generic { background: url(/images/create/frame-small-generic.jpg) no-repeat; }
.frame-small-red { background: url(/images/create/frame-small-red.jpg) no-repeat; }
.frame-small-fancy { background: url(/images/create/frame-small-fancy.jpg) no-repeat; }


/* Finished Page */
#finished-page #secondary { width: 380px; margin: 0 20px 0 0; }
	#finished-page #secondary .link { font-size: 1.6em; }
#finished-page #primary { width: 480px; margin: 0 0 0 50px; padding: 40px 0 0 0; }
#finished-page #content { padding: 40px 0; }
	#finished-page #content .container { background: url(/images/create/stars-finish.gif) no-repeat 0 0; width: 940px; padding: 0 0 0 20px; }
	#finished-page h1 { padding: 25px 0 40px 0px; font-size: 4.5em; }
	#finished-page #done { background: url(/images/create/pen-finish.gif) no-repeat 0 0; padding: 90px 0 0 0; }



/* ---------- Gallery Page Styles ---------- */
#gallery-page #primary { padding: 20px 0 0 0; width: 702px; margin: 0; }
#gallery-page #secondary { background: url(/images/core/search-bg.gif) repeat-y; width: 232px; margin: 0 20px 0 0; }
	#gallery-page #secondary .link { font-size: 1.6em; padding: 13px 5px 13px 25px; width: 171px; margin: 20px 10px; }
#gallery-page #content { background: #fff url(/images/banners/gallery-bg.gif) no-repeat 50% 33px; padding: 40px 0; }

#gallery { margin: 0; list-style: none; }
  #gallery li { width: 234px; float: left; display: inline; padding: 0 0 30px 0; height: 200px; }
    #gallery li .image { width: 220px; height: 132px; display: block; padding: 2px; background: url(/images/core/product-img-bg.gif) no-repeat; overflow: hidden; margin: 0 0 10px 0; }
    #gallery li .short-desc { width: 200px; margin: 0 auto; }
    #gallery li .title { padding: 0; }
      #gallery li .title a { color: #333; text-decoration: none; }
      #gallery li .title a:hover { text-decoration: underline; }
    #gallery li p { margin: 0; }
    #gallery li .votes { float: right; background: url(/images/core/icon-heart.gif) no-repeat left center; padding: 0 0 0 15px; }
    #gallery li .likes { float: right; padding: 0 7px 0 0; }
    #gallery li .likes a { font-weight: normal; text-decoration: underline; color: #333; }




/* ---------- Gallery Detail Page Styles ---------- */
#gallery-detail-page #primary { width: 700px; float: right; padding: 40px 0 0 0px; margin: 0; }
#gallery-detail-page #secondary { width: 232px; background: url(/images/core/search-bg.gif) repeat-y; margin: 0 20px 0 0; }
	#gallery-detail-page #secondary .link { font-size: 1.6em; padding: 13px 5px 13px 25px; width: 171px; margin: 20px 10px; }
#gallery-detail-page #content { background: #fff url(/images/banners/gallery-bg.gif) no-repeat 50% 33px; padding: 40px 0; }

#info { margin: 20px 0 0 0;}
  #details { float: left; width: 480px; }
    #details h3 { padding: 0 0 3px 0; font-size: 1.6em; }
      #details h3 .bywho { font-size: 0.65em; font-weight: normal; }
  #like-share { float: right; }
    #like-share .votes { background: url(/images/core/icon-heart.gif) no-repeat left center; padding: 0 0 0 15px; margin: 0 5px 0 0; }
  	#like-share p { float: left; }
  	#like-share a { text-decoration: none; color: #333; font-weight: normal; }
  	#like-share ul { float: left; margin: 0 0 0 8px; list-style: none; }
  		#like-share ul li { display:inline; padding: 0; vertical-align: top; }

#frame { display: block; clear: both; width: 590px; height: 367px; padding: 55px 65px 72px 65px; margin: 10px 0 10px -10px; overflow: hidden; }
.frame-generic { background: url(/images/gallery/frame-generic.jpg) no-repeat; }
.frame-red { background: url(/images/gallery/frame-red.jpg) no-repeat; }
.frame-fancy { background: url(/images/gallery/frame-fancy.jpg) no-repeat; }

#drawing-comments { margin-bottom: 7px; }




/* ---------- Products Page Styles ---------- */
#products-page #primary { width: 940px; float: none; padding: 40px 0 0 10px; margin: 0; }
#products-page #content { background: #fff url(/images/banners/products-bg.gif) no-repeat 50% 33px; padding: 40px 0; }
#products-page .link { font-size: 1.6em; }

#products { margin: 0 0 30px 0; list-style: none; }
  #products li { width: 224px; float: left; display: inline; padding: 0 0 30px 10px; }
    #products li .image { width: 224px; height: 186px; display: block; padding:0; overflow: hidden; margin: 0 0 10px 0; }
    #products li .title { padding: 0; font-size: 1.3em; padding: 0 10px; }
      #products li .title a { color: #333; text-decoration: none; }
      #products li .title a:hover { text-decoration: underline; }




/* ---------- Products Detail Page Styles ---------- */
#products-details-page #primary { width: 719px; float: right; padding: 20px 0 0 0px; margin: 0; }
#products-details-page #secondary { width: 232px; margin: 0; background: url(/images/core/search-bg.gif) repeat-y; }
#products-details-page #secondary .link { font-size: 1.6em; padding: 13px 5px 13px 25px; width: 171px; margin: 20px 10px; }
#products-details-page #content { background: #fff url(/images/banners/products-bg.gif) no-repeat 50% 33px; padding: 40px 0; }

#cat-products { margin: 0 0 30px 0; list-style: none; }
  #cat-products li { width: 224px; float: left; display: inline; padding: 0 0 30px 15px; height: 350px; }
    #cat-products li .image { width: 224px; height: 186px; display: block; padding:0; overflow: hidden; margin: 0 0 10px 0; }
    #cat-products li .short-desc { padding: 0 10px; }
    #cat-products li .title { padding: 0 0 10px 0; font-size: 1.3em; }
      #cat-products .colors p { color: #959595; font-weight: bold; margin: 0 0 3px 0; }
      #cat-products .colors ul { margin: 0; list-style: none; }
        #cat-products .colors ul li { display: inline; width: 10px; height: 10px; overflow: hidden; padding: 0; margin: 0 7px 0 0; line-height: 0; }
        #cat-products #instore { padding: 72px 45px 30px 13px; margin: 0 0 0 20px; background: url(/images/products/instore-bg.jpg) no-repeat; width: 177px; height: 150px; }
        #cat-products #instore h3 { font-size: 1.3em; }
        #cat-products #instore p { margin: 0; }


.red-colour { background: #d71c22; }
.blue-colour { background: #006bb7; }
.black-colour { background: #000; }
.green-colour { background: #00a77e; }
.pink-colour { background: #e16597; }
.turquoise-colour { background: #3a9ed9; }
.lime-colour { background: #9ed230; }
.purple-colour { background: #b15a9c; }




/* ---------- Accounts Page Styles ---------- */
#account-page #content { padding: 30px 0; }
	#account-page #content .container { width: 940px; margin: 0 auto; }
#account-page #primary { padding: 20px 0 0 0; width: 490px; margin: 0; }
#account-page #primary .green { font-size: 4.8em; font-weight: normal; padding: 0 0 50px 10px; }
#account-page #secondary { width: 408px; margin: 0 40px 0 0; background: url(/images/core/account-bg.png) no-repeat right top; padding: 30px 0; }
	#account-page #secondary .link { font-size: 1.6em; padding: 13px 5px 15px 25px; margin: 20px 0; display: inline-block }
	#account-page #secondary h1 { padding: 0 0 25px 0; font-size: 4.8em; }
	#account-page #secondary h2 { font-size: 2.5em; }
#account-page #gallery a { font-weight: normal; }
#account-page #gallery li { padding: 0 0 30px 10px; }
#account-page #gallery .title .status { font-size: 0.85em; font-weight: normal; }
#account-page dl { display: block; padding: 30px 0; border-bottom: 1px solid #d5d4d4; font-size: 1.1em; width: 368px; }
	#account-page dt { display: inline-block; color: #8d8a89; width: 130px; padding: 6px 0; }
	#account-page dd { display: inline-block; width: 230px; font-weight: bold; padding: 6px 0; }
#account-page #note { margin: 0; }



/* ---------- Ricardo Profile Page Styles ---------- */
#ricardo-page #content { padding: 30px 0; }
	#ricardo-page #content .container { width: 940px; margin: 0 auto; }
#ricardo-page #primary { width: 490px; margin: 0; }
#ricardo-page #primary .green { font-size: 4.8em; font-weight: normal; padding: 0 0 25px 10px; }
#ricardo-page #secondary { width: 430px; margin: 0 20px 0 0; background: url(/images/ricardo/ricardo-bg.gif) 0 77% no-repeat; }
	#ricardo-page #secondary .link { font-size: 1.6em; padding: 13px 5px 15px 25px; margin: 40px 0 20px 0; display: inline-block }
	#ricardo-page #secondary h1 { padding: 0 0 25px 0; font-size: 4.8em; }
#ricardo-page #gallery a { font-weight: normal; }
#ricardo-page #gallery li { padding: 0 0 30px 10px; }



/* ---------- Register Page Styles ---------- */
#register-page #secondary { width: 380px; margin: 0 20px 0 0; }
#register-page #primary { width: 505px; margin: 0 0 0 33px; padding: 40px 0 0 20px; }
#register-page #drawing { margin: 0 0 0 -20px; }
#register-page #note { margin: 0; }
#register-page h1 { padding: 0 0 40px 0; }
#register-page #registerform { margin: 40px 0 0 0;}



/* ---------- Contact Page Styles ---------- */
#contact-page #content .container { background: #fff url(/images/banners/register-bg.jpg) no-repeat right 0; padding: 0; }



/* ---------- Default Page Styles ---------- */
#static-page #content .container { background: #fff url(/images/banners/static-bg.jpg) no-repeat right 0; padding: 0; }
#static-page h1 { padding: 0 0 40px 0; }



/* ---------- TVC Page Styles ---------- */
#tvc-content { padding: 0; height: 400px; }
#tvc-header { height: 80px; }
.tvc-container { width: 640px; margin: 0 auto; }



/* ---------- Fun Stuff Page Styles ---------- */
#fun-stuff-page #primary{margin: 0; width: 470px;}
#fun-stuff-page #secondary{margin: 0 0 0 20px; width: 470px;}
#fun-stuff-page #secondary h1, 
#fun-stuff-page #primary h1{font-size: 3.2em; font-weight: normal; padding: 0 0 15px 0;}
#fun-stuff-page #secondary ul li{
  display: inline;
  float: left;
  margin: 0 10px 10px 0;
  width: 222px;
}
#fun-stuff-page #secondary ul li img{margin: 0 0 5px 0;}
#fun-stuff-page #secondary ul li *{display: block;}
#fun-stuff-page #secondary ul li a{color: #666; text-decoration: none; font-weight: normal;}

/* ---------- Competition Page Styles ---------- */
#competition-page .content-inner, #competition-thankyou-page .content-inner{border-top: 1px solid #d5d4d4; padding-top: 25px;}
#competition-page #primary a{color: #333;}
#competition-page #primary ol{font-size: 13px; color: #7f3589;}
#thank-you{text-align: center; margin: 0 0 35px 0;}
#thank-you h1{font-size: 4.6em;}
#thank-you h2{font-size: 2.5em; font-weight: normal; margin-top: 25px;}
#competition-thankyou-page #primary{margin: 0; width: 470px;}
#competition-thankyou-page #secondary{margin: 0 0 0 20px; width: 450px;}
#enter-again{margin: 25px 0 0 0;}
#enter-again .text{display: inline; float: left; margin: 10px 0 0 10px; width: 130px;}
#enter-again .link{text-align: center; margin: 50px 0 0 0; font-size: 22px;}


/* ---------- CTA Styles ---------- */
.cta{color: #666; margin: 0 0 20px 0; position: relative;}
.cta h2{color: #666;}
.cta-content{background: url(/images/core/cta-bg.gif) repeat-y; display: block;}
.cta-content .image{display: inline; float: left; margin: 0 15px 0 -16px; width: 190px;}
.cta-content .stickers img{position: absolute; top: -16px; left: -2px;}
.cta-content .text{display: inline; float: left; padding: 15px 0 0 0; width: 260px;}
.cta-top img, .cta-bottom img{display: block;}
.cta .link{margin: 0 0 15px;}
#create-button{background: url(/images/buttons/button-start-creating.gif) no-repeat; padding: 13px 15px; width: 185px; height: 18px; display: block; text-align: center; font-size: 18px; }
#fun-button{background: url(/images/buttons/button-fun-stuff.gif) no-repeat; padding: 13px 15px; width: 125px; height: 18px; display: block; text-align: center; font-size: 18px;}
#gallery-button{background: url(/images/buttons/button-gallery.gif) no-repeat; padding: 13px 15px; width: 170px; height: 18px; display: block; text-align: center; font-size: 18px;}
#download-button{background: url(/images/buttons/button-download.gif) no-repeat; padding: 13px 15px; width: 131px; height: 18px; display: block; text-align: center; font-size: 18px;}


/*---------- FoRMS STYLeS	----------*/
#contactform { display: block; margin: 50px 0; width: 390px; }
  #contactform ul { margin: 0; list-style: none; }
    #contactform ul li { display: block; margin: 20px 0; }
      #contactform ul li label { width: 108px; display: inline-block; vertical-align: top; padding: 5px 0 0 0; }
      #contactform ul li input { padding: 3px 5px; width: 251px; border: 0; height: 21px; background: url(/images/buttons/input-bg.gif) no-repeat; }
      #contactform ul li textarea { padding: 2px 5px; height: 115px; margin-bottom: 10px; border: 0; border-style:solid; border-width: 1px; border-color: #acadb2 #dadfe5 #e2e9ef #dadfe5; width: 250px; }
        #contactform ul .checkboxes input { border: 0; width: auto; height: auto; padding: 0; margin: 0; }
        #contactform ul .checkboxes label { width: 355px; padding: 0; margin: 0 0 0 10px; vertical-align: top; }
        #contactform ul .checkboxes a { color: #333; }
        #contactform ul .captcha { margin: 35px 0; }
        #contactform ul .captcha p { font-weight: bold; display: inline; }
        #contactform ul .captcha label { vertical-align: bottom; width: 115px; }
        #contactform ul .captcha #captcha { display: inline; background: none; border-bottom: 2px solid #333; width: 25px; padding: 0 5px 2px 5px; height: 13px; font-weight: bold; font-size: 1.0em; }
       #contactform ul li.buttons input { padding: 0; width: 115px; height: 44px; font-family: 'Arial Black', sans-serif; font-size: 1.6em; color: #fff; text-decoration: none; margin: 0; cursor: pointer; border: 0; display: block; background: url(/images/buttons/blue-button.gif) no-repeat; }

/* New Registration */
#registerform { display: block; margin: 0 0 50px 0; width: 390px; }
  #registerform ul { margin: 0; list-style: none; }
    #registerform ul li { display: block; margin: 20px 0; }
      #registerform ul li label { width: 108px; display: inline-block; padding: 5px 0 0 0; }
      #registerform ul li input { padding: 3px 5px; width: 251px; border: 0; height: 21px; background: url(/images/buttons/input-bg.gif) no-repeat; }
      #registerform ul #DOB input { width: 60px; background: url(/images/buttons/input-small-bg.gif) no-repeat; }
      #registerform ul #postcode { width: 120px; background: url(/images/buttons/input-medium-bg.gif) no-repeat; }
        #registerform ul .checkboxes input { border: 0; width: auto; height: auto; padding: 0; margin: 0; }
        #registerform ul .checkboxes label { width: 355px; padding: 0; margin: 0 0 0 10px; vertical-align: top; }
        #registerform ul .checkboxes a { color: #333; }
        #registerform ul .captcha { margin: 35px 0; }
        #registerform ul .captcha p { font-weight: bold; display: inline; }
        #registerform ul .captcha label { vertical-align: bottom; width: 115px; }
        #registerform ul .captcha #captcha { display: inline; background: none; border-bottom: 2px solid #333; width: 25px; padding: 0 5px 2px 5px; height: 13px; font-weight: bold; font-size: 1.0em; }
       #registerform ul li.buttons input { padding: 0; width: 115px; height: 44px; font-family: 'Arial Black', sans-serif; font-size: 1.6em; color: #fff; text-decoration: none; margin: 0; cursor: pointer; border: 0; display: block; background: url(/images/buttons/blue-button.gif) no-repeat; }

/* Edit Registration */
#account-page #registerform ul li.buttons input { padding: 0; width: 105px; height: 44px; font-family: 'Arial Black', sans-serif; font-size: 1.6em; color: #fff; text-decoration: none; margin: 0; cursor: pointer; border: 0; display: block; background: url(/images/buttons/black.gif) no-repeat; margin: 0 0 0 120px; }


#new_subscription { display: block; margin: 0 0 50px 0; width: 390px; }
  #new_subscription ul { margin: 0; list-style: none; }
    #new_subscription ul li { display: block; margin: 20px 0; }
      #new_subscription ul li label { width: 108px; display: inline-block; padding: 5px 0 0 0; }
      #new_subscription ul li input { padding: 3px 5px; width: 251px; border: 0; height: 21px; background: url(/images/buttons/input-bg.gif) no-repeat; }
       #new_subscription ul li.buttons input { font-family: 'Arial Black', sans-serif; font-size: 1.6em; color: #fff; text-decoration: none; margin: 0; cursor: pointer; border: 0; display: block; background: url(/images/buttons/blue.gif) no-repeat; padding: 5px 25px; width: 191px; height: 42px; }

	.errorExplanation { margin: 50px 0 0 0; }
	.errorExplanation ul li { color: #ee1d25; margin: 0 0 0 20px; font-style: italic; }
	
	
/* Competition Form */
#competition-details ol{margin: 0; list-style: none;}
  #competition-details ol li{padding: 3px 0;}
    #competition-details ol li label{display: inline; float: left; padding: 3px 0 0 0; width: 120px;}
    #competition-details ol li .long-label{display: inline; float: left; padding: 3px 0 0 0; width: 250px;}
    #competition-details ol li .short-label{display: inline; float: left; padding: 3px 0 0 0; width: 100px;}
    #competition-details ol li .medium-label{display: inline; float: left; padding: 3px 0 0 0; width: 145px;}
    #competition-details ol li input { padding: 3px 5px; width: 251px; border: 0; height: 21px; background: url(/images/buttons/input-bg.gif) no-repeat; }
    #competition-details ol li #yogi_entrant_postcode,
    #competition-details ol li #yogi_entrant_store,
    #competition-details ol li #yogi_entrant_captcha, 
    #competition-details ol li #yogi_entrant_barcode { width: 120px; background: url(/images/buttons/input-medium-bg.gif) no-repeat; }
    #competition-details ol li #yogi_entrant_captcha{display: inline; background: none; border-bottom: 2px solid #333; width: 25px; padding: 0 5px 2px 5px; height: 13px; font-weight: bold; font-size: 1.0em;}
    #competition-details ol li .year_field,
    #competition-details ol li .month_field,
    #competition-details ol li .day_field{ width: 50px; background: url(/images/buttons/input-small-bg.gif) no-repeat; }
    #competition-details ol li span.note{color: #a09d9c; font-size: 10px; display: inline; float: left; padding: 5px 0 0 0;}
    #competition-details ol li.checkboxes input { border: 0; display: inline; float: left; width: auto; height: auto; padding: 0; margin: 0; }
    #competition-details ol li.checkboxes label { width: 355px; padding: 0; margin: 0 0 0 10px; vertical-align: top; }
    #competition-details ol li #enter-button{background: url(/images/buttons/enter-button.jpg) no-repeat; border: 0; height: 44px; text-indent: -9000px; line-height: 0; width: 115px;}
    #competition-details ol li.small-select .newListSelected{background: url(/images/buttons/input-small-bg.gif) no-repeat; padding: 5px 0 0 10px; width: 50px; display: inline; float: left; margin: 0 6px 0 0;}
    #competition-details ol li.small-select .newListSelected .selectedTxt{width: 45px;}
    #competition-details ol li.small-select .newListSelected .newList{width: 58px; height: 140px;}


/* ---------- Footer Styles ---------- */
#footer ul {float:right; margin:0; list-style: none; font-weight:bold;}
	#footer li { display:inline; padding-left:19px; vertical-align: top;}
	#footer p { display: block; clear: both; }
	#footer a { color:#fff; text-decoration: none; }
	#footer a:hover {text-decoration:underline;}
#share_copyright {float:left; width:300px; }
	#share_copyright ul { float: none; margin: 0 0 10px 0; }
		#share_copyright ul li { padding: 0; }
		


/* --------- Overlays ---------- */
#credits { padding: 15px; width: 249px; height: 64px; }
	#credits ul { margin: 0; list-style: none; }
		#credits ul li { float: left; margin: 0 8px; }
			#credits ul li a { display: block; }
			#credits .close-overlay { position: absolute; top: 5px; right: 12px; display: block; }

#loginform { padding: 20px 25px 30px 25px; width: 180px; height: 157px; color: #333; }
	#loginform ul { margin: 0; list-style: none; }
		#loginform ul li { display: block; padding: 5px 0; }
    	#loginform ul li input { padding: 3px 5px; width: 169px; border: 0; height: 21px; background: url(/images/buttons/login-input-bg.gif) no-repeat; }
		#loginform ul li.buttons { display: block; padding: 20px 0 5px 0; }
      #loginform ul li.buttons input#login { padding: 0; width: 49px; font-size: 1.05em; height: 24px; color: #fff; text-decoration: none; margin: 0; padding: 0; cursor: pointer; border: 0; display: block; background: url(/images/buttons/login.gif) no-repeat; }
			#loginform .close-overlay { position: absolute; top: 30px; right: 27px; display: block; }



/* --------- UI Additions ---------- */
.fat { font-weight: bold }
#flash-notice { width: 100%; font-size: 14px; text-align: center; background: #fff; color: #666; font-weight: bold; padding: 10px 4px; }
#flash-error { width: 100%; font-size: 14px; text-align: center; background: #ffaeae; color: #666; font-weight: bold; padding: 10px 4px; }
#sortby>ul>li { margin-bottom: 20px; }
#sortby>ul>li ul { margin-left: 7px; }

.home-text a { color: #666 !important; text-decoration: underline !important; }