@charset "utf-8";
/* -------------------------------------------------
*
Website:         myprintcity.co.uk
Title:			 main.css
Browser(s): 	 Firefox 2, 3, IE7, IE6, Safari 5
Platform(s):     Win XP, Win Vista, Mac OSX
Author: 		 Purple Fishes/E Consulting UK Ltd.
Created: 		 09-10-09
Last modified: 	 22-10-09
*
------------------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img, abbr { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:62.5% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

/** a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none; /* Gets rid of Firefox's dotted borders */ text-decoration:none }
a img { border:none } /* Gets rid of IE's blue borders */

/* ------------- General Elements -------------- */

body {
	margin: 0 auto;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	/*background:#fff url("images/bg1.jpg") center top no-repeat;*/
	background:#fff url("images/bg1.png") left top repeat;
	background-color:#000000;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color:#d52386;
}

a img {
	border: 0;
}

h1 {
	font-size: 1.6em;
	color:#333;
	line-height:1.4em;
	margin:10px 0px 16px 0px;	
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 1.1em;
	line-height:1.4em;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:16px;	
	font-weight:bold;
}

h3 {
	font-size: 1.1em;
	color: #21b8f0;
	line-height:1.1em;
	font-family:Arial, Helvetica, sans-serif;
}

h4 {
	font-size: 0.8em;
	font-weight:bold;
	color:#3B7B92;
	line-height:0.8em;
	margin-bottom:10px;	
}

h5 {
	font-size: 0.8em;
	font-weight:normal;
	color:#4f1960;
	line-height:1.7em;
	margin-bottom:10px;
}

p {
	font-size: 0.8em;
	color:#333;
	font-weight:normal;
	line-height:1.7em;
	margin-bottom:14px;
	font-family:Arial, Helvetica, sans-serif;
}

/* ------------- Form Elements -------------- */

.formcol {
	border:1px solid #eaeaea;
	width:220px;
}

fieldset {
	border:1px solid #eaeaea;
	background-color:#fafafa;
	margin:12px 0px 12px 0px;
	padding:12px 12px 12px 16px;
}

.formheader {
	float:left;
	margin-top:10px;
	height:46px;
	width:420px;
}

.formheader h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#0099CC;
}	

#qmark {
	float:right;
	height:26px;
	padding-top:20px;
}

.formfield {
	border:1px solid #ccc;
	display:block;
	height:178px;
	width:560px;
	background-color:#F9FCFD;
	margin:12px 0px 12px 0px;
	padding:2px 0px 12px 16px;
	clear:both;
}

#formfield_address {
	border:1px solid #ccc;
	display:block;
	height:225px;
	background-color:#F9FCFD;
	margin:12px 0px 12px 0px;
	padding:18px 0px 12px 16px;
	clear:both;
	width:560px;
}

#formfield_financial {
	border:1px solid #ccc;
	display:block;
	width:560px;
	height:355px;
	background-color:#F9FCFD;
	margin:12px 0px 12px 0px;
	padding:20px 0px 10px 16px;
	clear:both;
}

#formfield_loanoffer {
	border:1px solid #ccc;
	display:block;
	height:565px;
	width:560px;
	background-color:#F9FCFD;
	margin:12px 0px 12px 0px;
	padding:10px 0px 10px 16px;
	clear:both;
}

#formfield_login {
	border:1px solid #ccc;
	display:block;
	height:100px;
	background-color:#F9FCFD;
	margin:12px 0px 12px 0px;
	padding:2px 0px 12px 16px;
	clear:both;
}

#formfield_contact {
	border:1px solid #ccc;
	display:block;
	height:210px;
	background-color:#F9FCFD;
	margin:12px 0px 12px 0px;
	padding:18px 0px 12px 30px;
	clear:both;
}

#box_bankdetails {
	padding:0px;
	border-bottom:1px dashed #ccc;
	width:555px;
	height:135px;
	clear:both;
	margin:0px 0px 18px 0px;
}

.formcolumn {
	margin-right:13px;
	width:172px;	
	float:left;
}

#formcolumn_login {
	margin-right:13px;
	width:172px;	
	float:left;
}

#formcolumn_contact {
	margin-right:5px;
	width:240px;	
	float:left;
}

.button_login {
	margin-top:13px;
}

.button_submit {
	float:right;
	margin-top:15px;
}

.important {
	border:1px dashed #4f1960;	
	background-color:#fff;
	margin:16px 0px 20px 0px;
	padding:12px 12px 5px 16px;
	width:548px;
}

.importantp{
	width:218px;
}

.importanttext {
	margin:0px 0px 20px 60px;
}

label {

}

.label_contact {
	color:#666;
	font-weight:normal;
	line-height:1.7em;
	margin:10px 30px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	width:100px;
	float:left;
}

input {
	border:1px solid #ccc;
}

.input_contact {
	border:1px solid #ccc;
	width:200px;
	padding:3px;
	clear:left;
}

select {
	border:1px solid #ccc;
	width:159px;
	padding:2px;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;	
	border:1px solid #ccc;
	line-height:1.4em;
}

.contact_message {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	line-height:1.4em;
	width:230px;
	height:133px;
}

input:focus{
	border:1px solid #3B7B92;
}

.datefield{
	background: #fff url(images/bg_form_date.gif) no-repeat right top;
}

.datefield2{
	background: #fff url(images/bg_form_date2.gif) no-repeat right top;
}

.checkbox {
	float:left;
	border:0px solid #ccc;
	width:50px;
}

.checkbox2 {
	float:left;
	border:0px solid #ccc;
	width:10px;
}

.question {
	display:block;
	height:22px;
	position:absolute;
	right:12px;
	top:0;
	width:20px;
}

#findaddressbox {
	padding:0px 0px 15px 0px;
	border-bottom:1px dashed #ccc;
	width:534px;
}

span.checkbox input {
	border:0 solid #CCCCCC;
	float:left;
	width:40px;
}

.findaddress {
	margin-left:10px;
	height:25px;
	font-size:11px;
	background: url(images/bg_button.gif) repeat-x left top;
}

.netpay {
	width:137px;
}

#loanofferbox {
	padding:0px;
	border-bottom:1px dashed #ccc;
	width:534px;
}

.loanoffer {
	font-size:1.9em;
}

#loanofferdisclaimer {
	padding:0px;
	width:534px;
	clear:both;
	padding:0px 30px 0px 0px;
}

.loanofferdisclaimertext {
	margin:0px 0px 20px 35px;
}

#paymentbox1 {
	padding:0px;
	border-bottom:1px dashed #ccc;
	width:184px;
	float:left;
}

#paymentbox2 {
	padding:0px;
	border-bottom:1px dashed #ccc;
	width:348px;
	float:left;
}

#tsandcsbox {
	padding:0px;
	height:160px;
	width:512px;
	clear:both;
	padding:20px 0px 20px 0px;
	margin-bottom:30px;
}

.tsandcs {
	padding:10px;
	width:100%;
	height:160px;
}

.smallprint {
	padding:15px 10px 0px 10px;
	font-size:0.7em;
}

.extend {
	height:28px;
	width:90px;
	font-size:11px;
	background: url(images/bg_button.gif) repeat-x left top;
	color:#4f1960;
}

.extendbutton {
	border:0px solid #4f1960;
	width:105px;
	height:26px;
}

.extendbutton input:focus{
	border:3px solid #4f1960;
	width:105px;
	height:26px;
}

/* ------------- Table Elements -------------- */

table {
	
}

table.low{font-size:0.8em;}

.tableheader_basket {
	font-weight:bold;
	width:614px;
	padding:12px;
	background-color:#fff;
}

th {
	padding:22px;
	color:#333;
	background:#fafafa url(images/bg_form.png) repeat left top;
	height:50px;
	font-weight:bold;	border-bottom:1px dashed #ECD9BE;	

}

table.low th {
	padding:10px 12px 10px 30px;
	color:#333;
	height:50px;
	font-weight:bold;
}

table.low tbody tr:hover { 
	background: #fff; 
}

tr {
	padding:30px;	
	background-color: #f1f1f1;
	background:#fafafa url(images/bg_form.png) repeat left top;
}

td {
	padding:10px 5px 10px 30px;
}

td a:hover{
	text-decoration:underline;
}

.tr_alt {
	border-bottom:1px dashed #ECD9BE;	
	padding:10px;
	background-color: #fff;
}

.tr_alttotal {
	border-bottom:1px dashed #ECD9BE;
	padding:10px;
	background-color: #fff;	
	color:#004FA3;
	font-size:1.2em;
}

.basketcell {
	text-align:right;
}

.baskettotal {
	padding:10px;
	background-color: #fff;	
	text-align:right;
	color:#d52386;
	border-top:1px dashed #ECD9BE;	
}

.baskettotal2 {	
	border-top:1px dashed #ECD9BE;	
	background-color: #fff;	
}

tfoot {
	padding:40px;
	background-color: #fff;
}

tfoot p{
	padding:15px 23px 0px 20px;
}

.basket {
	width:500px;
}

.basketlink a:link, .basketlink a:visited, .basketlink a:active {
	background-color:#fff;
	border:1px solid #ccc;
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	width:13px;
	margin:0px 6px 0px 6px;
}

.basketlink a:hover {
	background-color:#D9D9D9;
}

.qtycolumn {
	width:80px;
}

/* ------------- Mini Basket Buttons -------------- */

#checkout {
	float:right;
}

ul#checkout_btn  {
	height: 75px;
	width: 263px;
	z-index: 11;
	margin:0px;
}
	
#checkout_btn li {
	display: inline;
	float: right;
	list-style: none;
}
	
#checkout_btn li a {
	display: block;
	height: 75px;
	float: right;
	text-indent: -9999px;
}

#checkout_btn li#nCheckout {
	background: url(images/nav_btn_nCheckout.png) no-repeat left top;
	width: 263px;
}
	
#checkout_btn li#nCheckout a {
	background: url(images/nav_btn_nCheckout.png) no-repeat left top;
	width: 263px;
}
	
#checkout_btn li#nCheckout a:hover {
	background: url(images/nav_btn_nCheckout.png) no-repeat left -75px;
	width: 263px;
}

/* --------------- Containers -------------- */

#bg_swirls {
	margin:0pt auto;
	top:90px;
	height:388px;
	clear:both;
}

#container {
	margin:0pt auto;
	margin-top:20px;
	padding:0px;
	width:990px;
	background: url(images/bg_container.png) repeat center top;
	/*border:1px solid #bb8d55;*/
	clear:both;
	border: 1px solid #350246;
}

/* --------------- LAYOUT -------------- */
/* --------------- Header -------------- */

#header {
	margin:0pt auto;
	padding:0px;
	position:relative;
	clear:both;
	display:inline;
	overflow:hidden;
	float:left;
	width:990px;
	height:171px;
	background: url(images/bg_header.png) no-repeat left top;
}

#logo {
	float:left;
	padding: 0px;
	margin:30px 0px 0px 0px;
	width:464px;
	height:78px;
}

#minibasket {
	float:right;
	padding: 0px;
	margin:38px 24px 0px 0px;
	width:214px;
}

#minibasket ul li{
	background: url(images/bullet_arrow.png) no-repeat left top;
	padding-left:15px;
	font-size:0.9em;
	font-weight:bold;
	margin-bottom:10px;
}

#minibasket ul li a{
	color:#000;
	border-bottom:1px dashed #ecd9be; 
}

#minibasket ul li a:hover{
	color:#d52386;
	border-bottom:1px dashed #CC3399; 
}

.mybasket{
	color:#6C058E;
}

.minibaskettotal{
	font-size:0.7em;
	font-weight:bold;
}

/* ------------- Navigation -------------- */

#navbar {
	width: 990px;
	height:63px;
	float:right;
}

ul#nav  {
	left: 5px;
	height: 63px;
	width: 990px;
	z-index: 11;
}
	
#nav li {
	display: inline;
	float: left;
	list-style: none;
}
	
#nav li a {
	display: block;
	height: 63px;
	float: left;
	text-indent: -9999px;
	cursor:pointer;
}

/* ------------- Home Button -------------- */

#nav li.nHome {
	background: url(images/nav_btn_home.png) no-repeat left top;
	width: 131px;
}
	
#nav li.nHome a {
	background: url(images/nav_btn_home.png) no-repeat left top;
	width: 131px;
}
	
#nav li.nHome a:hover {
	background: url(images/nav_btn_home.png) no-repeat left -63px;
	width: 131px;
}

#nav li.nHomecurrent a, #nav li.nHomecurrent {
	background: url(images/nav_btn_home.png) no-repeat left -126px;
	width: 131px;
}
	
/* ------------- Design Now Button -------------- */

#nav li.nDesignnow {
	background: url(images/nav_btn_design.png) no-repeat scroll left top;
	width: 223px;
}
	
#nav li.nDesignnow a {
	background: url(images/nav_btn_design.png) no-repeat left top;
	width: 223px;
}
	
#nav li.nDesignnow a:hover {
	background: url(images/nav_btn_design.png) no-repeat left -63px;
	width: 223px;
}

#nav li.nDesignnowcurrent a, #nav li.nDesignnowcurrent {
	background: url(images/nav_btn_design.png) no-repeat scroll left -126px;
	width: 223px;
}
	
/* ------------- Templates Button -------------- */

#nav li.nTemplates {
	background: url(images/nav_btn_templates.png) no-repeat scroll left top;
	width: 185px;
}
	
#nav li.nTemplates a {
	background: url(images/nav_btn_templates.png) no-repeat left top;
	width: 185px;
}
	
#nav li.nTemplates a:hover {
	background: url(images/nav_btn_templates.png) no-repeat left -63px;
	width: 185px;
}

#nav li.nTemplatescurrent a, #nav li.nTemplatescurrent {
	background: url(images/nav_btn_templates.png) no-repeat left -126px;
	width: 185px;
}
	
/* ------------- Help & Information Button -------------- */

#nav li.nHelp {
	background: url(images/nav_btn_help.png) no-repeat scroll left top;
	width: 274px;
}
	
#nav li.nHelp a {
	background: url(images/nav_btn_help.png) no-repeat left top;
	width: 274px;
}
	
#nav li.nHelp a:hover {
	background: url(images/nav_btn_help.png) no-repeat left -63px;
	width: 274px;
}

#nav li.nHelpcurrent a, #nav li.nHelpcurrent {
	background: url(images/nav_btn_help.png) no-repeat left -126px;
	width: 274px;
}

/* ------------- About Us Button -------------- */

#nav li.nAbout {
	background: url(images/nav_btn_about.png) no-repeat scroll left top;
	width: 177px;
}
	
#nav li.nAbout a {
	background: url(images/nav_btn_about.png) no-repeat left top;
	width: 177px;
}
	
#nav li.nAbout a:hover {
	background: url(images/nav_btn_about.png) no-repeat left -63px;
	width: 177px;
}

#nav li.nAboutcurrent a, #nav li.nAboutcurrent {
	background: url(images/nav_btn_about.png) no-repeat left -126px;
	width: 177px;
}

/* ------------- Columns -------------- */

#leftcolumn {
	float:left;
	width:692px;
	margin:0pt auto;
	padding:0px;
}

#rightcolumn {
	float:left;
	width:298px;
	margin:0pt auto;
	padding:0px;
}

#leftcolumn_main {
	float:left;
	width:630px;
	margin:0pt auto;
	padding:0px 30px 0px 30px;
	border-right:2px dotted #ECD9BE;
}

#rightcolumn_main {
	float:left;
	width:238px;
	margin:0pt auto;
	padding:30px;
}

/* --------------- HOMEPAGE CONTENT ------------ */
/* --------------- Banner -------------- */

#banner_home_left {
	padding:0px;
	position:relative;
	display:inline;
	float:left;
	width:692px;
	height:306px;
	background: url(images/bg_banner_home.png) no-repeat left top;
}

#banner_home_left p{
	padding:95px 54px 0px 0px;
	position:relative;
	float:right;
	text-align:right;
	height:90px;
	color:#2d1804;
}

#banner_btn{
	float:right;
	height: 35px;
}

/* ------------- Banner Button -------------- */

ul#banner_btn  {
	height: 35px;
	width: 275px;
	z-index: 11;
	margin:0px 0px 0px 40px;
	float:right;
}
	
#banner_btn li {
	display: inline;
	float: left;
	list-style: none;
}
	
#banner_btn li a {
	display: block;
	height: 35px;
	float: left;
	text-indent: -9999px;
}

#banner_btn li#nDesignnow {
	background: url(images/btn_banner_home.png) no-repeat scroll left top;
	width: 275px;
	float:right;
}
	
#banner_btn li#nBannerbtn a {
	background: url(images/btn_banner_home.png) no-repeat left top;
	width: 275px;
}
	
#banner_btn li#nBannerbtn a:hover {
	background: url(images/btn_banner_home.png) no-repeat left -35px;
	width: 275px;
}

#mainheader {
	float:left;
	clear:both;
	display:block;
	width:630px;
	margin:10px 0px 20px 0px;
	border-bottom:2px dotted #ECD9BE;
}

/* --------------- MAIN CONTENT -------------- */
/* --------------- Right Column -------------- */

#rightcolumn_main li {
	font-size:0.8em;
	color:#333;
	line-height:1.5em;
	margin-bottom:8px;
	background:url(images/bullet.png) left top no-repeat;
	padding-left:23px;
}

#rightcolumn_main li.innerbullet
{
	font-size:0.85em;
	color:#333;
	line-height:1.5em;
	margin-bottom:5px;
	margin-top:3px;
	background:none;
	padding-left:23px;
}
#rightcolumn_main li.innerbullet a:hover
{
	border-bottom:1px dashed #CC3399;
} 
ul.hpli
{
	padding-left:30px;
}
ul.hpli li 
{
	margin-top:5px;
	font-size:0.8em;
	color:#333;
	line-height:1.5em;
	margin-bottom:8px;
	padding-left:23px;
	list-style-type:square;
}
/* --------------- Templates -------------- */

.templatesheader {
	float:left;
	clear:both;
	display:block;
	width:630px;
	margin:10px 0px 20px 0px;
	border-bottom:2px dotted #ECD9BE;
	color:#d52386;
}

#templatesthumb {
	float:left;
	width:144px;
	height:200px;
	padding:5px 0px 0px 0px;
	margin:0px 10px 20px 0px;
	border:1px solid #ECD9BE;
	background-color:#fff;
	text-align:center;
}

.templatesbutton {
	margin:8px 0px 0px 0px;
}

/* ------------- Contact Forms ---------- */

#contactform_home p {
	padding:0px 0px 0px 20px;
	color:#333333;
	line-height:1.4em;
}

#contactus_intro {
	width:340px;
	float:left;
	margin-right:20px;
}

#contactus_contactform {
	width:564px;
	margin:0px 0px 18px 0px;
	float:left;
}

#contactform_header {
	margin:0pt auto;
	padding:0px;
	height:20px;
	width:564px;
	float:left;
}

#contactform_footer {
	margin:0pt auto;
	padding:0px;
	height:20px;
	width:564px;
	float:left;
}

#contactform_body {
	background:#f1f1f1 url(images/bg_form.png) repeat left top;
	float:left;
	padding:0px 0px 0px 24px;
	width:606px;
}

#contactform_body h1{
	float:left;
	border-bottom:2px dotted #ECD9BE;
	width:560px;
	margin:0px 10px 20px 10px;
}

#contactform_body p{
	color:#333;
}

#contactform_body p a {
	text-decoration: none;
	color:#d52386;
}

#contactform_body p a:hover {
	text-decoration: underline;
	color:#d52386;
}

#contactform_body_footer {
	float:left;
	padding:10px 0px 0px 24px;
	width:306px;
}

#contactform_body_footer p{
	color:#333;
}

#contactform_body_leftcol {
	float:left;
	width:260px;
	margin:0px 10px 0px 10px;
}

#contactform_body_righttcol {
	float:left;
	width:260px;
}

#contactform_body input {
	background:#fff url(images/bg_formfield.png) repeat left top;
	border-color:#999 #ccc #ccc #999;
	border-style:solid;
	border-width:1px;
	font-size:11px;
	padding:3px;
	width:240px;
}

#contactform_body_footer input {
	background:#fff url(images/bg_formfield.png) repeat left top;
	border-color:#999 #ccc #ccc #999;
	border-style:solid;
	border-width:1px;
	font-size:11px;
	padding:3px;
	width:240px;
}

#contactform_body select {
	background:#fff url(images/bg_formfield.png) repeat left top;
	border-color:#999 #ccc #ccc #999;
	border-style:solid;
	border-width:1px;
	font-size:11px;
	padding:6px;
}

#contactform_body textarea {
	background:#fff url(images/bg_formfield.png) repeat left top;
	border-color:#999 #ccc #ccc #999;
	border-style:solid;
	border-width:1px;
	padding:3px;
	width:240px;
}

#contactform_body_footer textarea {
	background:#fff url(images/bg_formfield.png) repeat left top;
	border-color:#999 #ccc #ccc #999;
	border-style:solid;
	border-width:1px;
	padding:3px;
	width:240px;
	height:60px;
}

.contactform_textarea {
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:12px;
	padding:12px;
	height:110px;
}

#searchform {
	width:250px;
}

#searchform input {
	background:#fff url(images/bg_formfield.png) repeat left top;
	border-color:#999 #ccc #ccc #999;
	border-style:solid;
	border-width:1px;
	font-size:12px;
	padding:4px;
	width:140px;
	margin-left:20px;
}

#searchform input:focus {
	background-color:#FFFFFF;
	border:1px solid #004FA3;
}

#contactform_body input:focus {
	background-color:#FFFFFF;
	border:1px solid #004FA3;
}

#contactform_body textarea:focus {
	background-color:#FFFFFF;
	border:1px solid #004FA3;
}

#contactform_body_footer input:focus {
	background-color:#FFFFFF;
	border:1px solid #004FA3;
}

#contactform_body_footer textarea:focus {
	background-color:#FFFFFF;
	border:1px solid #004FA3;
}

.formheader {
	margin-bottom:20px;
	width:120px;
}

.asterisk {
	color:#D52386;
	font-size:1.1em;
}

#submit{
  display: block;
  width: 161px;
  height: 75px;
  float:right;
  background: url(images/btn_submit.png) no-repeat 0 0;
}

#submit:hover{ 
  background-position: 0 -75px;
  border:0px solid  #004FA3;
}

#submit span{
  display: none;
  border:0px solid  #004FA3;
}

#login{
  display: block;
  width: 128px;
  float:right;
  height: 75px;
  background: url(images/btn_login.png) no-repeat 0 0;
}

#login:hover{ 
  background-position: 0 -75px;
  border:0px solid  #004FA3;
}

#login span{
  display: none;
  border:0px solid  #004FA3;
}

.checkbox{
  float:left;
}

.disclaimertext{
  margin:0 0 20px 30px;
  
}
#checkout{
  margin:0 0 0px 390px;
  
}

/* ------------- Footer -------------- */

#footer {
	float:left;
	clear:both;
	width:960px;
	height:107px;
	padding:0px 0px 0px 30px;
	margin-left:-1px;
	background: url(images/bg_footer.png) no-repeat;	
	/*border-top:1px solid #bb8d55;*/
	border: 1px solid #350246;
	border-top:0px;
}

#footer img {
	margin:10px 0px 10px 0px;
}

#footer p {
	float:left;
	/*width:200px;	
	border-top:2px dashed #ecd9be;*/
	margin-right:40px; 
}

#footer p a{
	color:#000;
	border-bottom:1px dashed #ecd9be; 
}

#footer p a:hover{
	color:#d52386;
	border-bottom:1px dashed #CC3399; 
}

/* ------------- Creation/Design Now -------------- */

#creation {
	float:left;
	clear:both;
	width:960px;
	padding:8px 14px 10px 14px;
}

/* ------------- Credits -------------- */

#credits {
	position:relative;
	left:50%;
	margin-left:-510px;
	clear:both;
	width:960px;
	height:100px;
	padding:5px 0px 30px 30px;
	text-align:center;
}

#credits img {
	margin-bottom:10px;
	text-align:center;
}

#credits p {
	float:left;
	font-size:0.6em;
	color:#000;
}

#credits p a{
	color:#000;
	border-bottom:1px dashed #ecd9be; 
}

#credits p a:hover{
	color:#d52386;
	border-bottom:1px dashed #CC3399; 
}

/*---------------- Homepage Carousel ---------------- */

#carousel_home {
	width: 600px;
	position: relative;
	margin:10px 0px 0px 30px; 
	padding:22px 20px 0px 20px;
	clear:both;
	height:259px;
	background: url(images/bg_chooser.png) no-repeat;	
}

.viewall {
	float:right;
}

.viewall a:hover {
	border-bottom:1px dashed #CC3399;
}

.infiniteCarousel {
	width: 600px;
	position: relative;
	clear:both;
	height:219px;
	margin-top:10px;
}

.infiniteCarousel .wrapper {
  width: 520px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
  background-color:#FFFFFF;
  height:180px;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border:1px dashed #dfd3bc;   
  margin-right:12px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 125px;
  width: 185px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 60px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}
/*FAQ*/
.ibgcfaq
{
	font-weight:bold;
}


/*BASKET*/
#dispatchEstimate
{
	font-size:0.8em;
}
.highlight
{
	color:#6C058E;
	text-decoration:underline;
}
.bellowerror
{
	color:#6C058E;
	font-weight:bold;
	font-style:italic;
}
.formsection
{
	color:#333333;
	text-decoration:underline;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{position: absolute;z-index:101;left:-12px;height:23px;width:10px;top:-3px;}
#JT_arrow_right{position: absolute;z-index:101;height:23px;width:11px;top:-2px;}
#JT {position: absolute;z-index:100;border: 2px solid #393939;background-color: #fff;margin-top:-2px;font-size:14px;}
#JT_copy{padding:7px 7px 7px 7px;color:#333333;}
.JT_loader{background-image: url(/sites/streetshirts.co.uk/template/tooltips/images/loader.gif);background-repeat: no-repeat;background-position: center center;width:100%;height:12px;}
#JT_close_left{background-color: #393939;color:white;text-align: left;padding-left: 8px;padding-bottom: 5px;padding-top: 2px;}
#JT_close_right{background-color: #393939;color:white;text-align: left;padding-left: 8px;padding-bottom: 5px;padding-top: 2px;}
#JT_copy p{margin:3px 0;font-size:11px;}
#JT_copy img{padding: 1px;border: 1px solid #CCCCCC;}
.jTip{cursor:help;}

/* ---------->>> HP extra <<<---------------------------------------------------------------*/
#rccontent{position:absolute;float:left;margin-left:14px;margin-top:230px;z-index:10;width:235px;font-family:Calibri;font-size:14px;line-height:22px;color:#603913;}
#rccontent ul li{background: url(images/bullet_arrow_brown.png) no-repeat left 3px;padding-left:20px;margin-bottom:4px;}
.hpheading{font-family:Calibri;font-size:20px;font-weight:bold;color:#25978f;}
#rctimes{position:absolute;float:left;margin-left:14px;margin-top:15px;z-index:10;width:235px;font-family:Calibri;font-size:14px;line-height:22px;color:#603913;text-align:right;}
.timer{font-family:Calibri;font-size:26px;font-weight:bold;color:#0072bc;margin:11px 0px 11px 0px;}
.hppricing{margin-top:35px;}
table.hppricingtable tr{background:Transparent;text-align:left;padding:0px;}
.hpfoto{margin-top:5px;margin-left:5px;color:#0072bc;font-size:25px;width:300px;}