/* @override 
	http://www.supertradeprint.co.uk/layoutTheme/SuperTradePrint/css/main.css
	http://www.SuperTradePrint.co.uk/layoutTheme/SenseCreative/css/main.css
	http://www.supertradeprint.co.uk/layoutTheme/SenseCreative/css/main.css
	http://www.sensecreative.co.uk/layoutTheme/SenseCreative/css/main.css
	https://www.sensecreative.co.uk/layoutTheme/SenseCreative/css/main.css
*/

/*div{
	border: solid 1px #C00;
}*/

/*Clear defaults - inspired from Badboy.ro
----------------*/
:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {display: none;}

.clear {
	float: left;
	height: 2px;
	width: 100%;
	clear: both;
}

body {
	background: #D9DADB;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3;
	background: url(../imgs/bgdrepeatx.png) repeat-x left top;
}

a:active {
  outline: none;
}


a {
	color: #000;
	font-weight: bold;
}

a:hover {
	color: #24aadd;
}

h1 {
	font-size: 110%;	
	margin-bottom: 6px;
	margin-left: 3px;
	color: #333;
	font-weight: bold;
}

h2 {
	font-weight: bold;
	font-size: 95%;
	margin-top: 10px;
}

h3 {
	font-weight: bold;
	font-size: 90%;	
	margin-top: 10px;
}

h3.printSize {
	margin-top: 13px;
	margin-left: 93px;
	color: #fff;
	font-weight: normal;
}

p {
	font-size: 80%;
}

#mainContainer, 
#mainContainer #header,
#mainContainer #header #headertop,
#mainContainer #page, 
#mainContainer #footer {
	width: 1020px;
}

#mainContainer {
	padding: 0px;
	margin: 0 auto;
	text-align: left;
	background: url(../imgs/bgdshadow2.png) top right repeat-y;
}

#mainContainer #header {
	background: url(../imgs/bgdrepeatx.png) repeat-x left top;
	float: left;
}

#mainContainer #header #headertop {
	float:left;	
	
}

#order-print-online {
	float: left;
	background: url(../imgs/order-print-online.gif) left top no-repeat;
	width: 340px;
	height: 124px;
	text-indent: -9999px;
	display: block;
	margin-left: 20px;
}

#topnavwrap {
	float: left;
	margin-left: 159px;
	display: block;
	height: 36px;

}

#topmenu { float: right; height: 36px; background: url(../imgs/topmenuSNOW.png) no-repeat right top;  }

#topnav1, #topnav1 ul { width: 850px; height: 36px; float: left; margin: 0; padding: 0;}

#topnav1 li { display: inline; float: left; }

#topnav1 li a { text-indent: -9999px; overflow: hidden; height: 36px; display: block; }

#topnav1 ul #n-home a { width: 65px; background: url(../imgs/topmenuSNOW.png) no-repeat 0px 0px; }

#topnav1 ul #n-how a { width: 157px; background: url(../imgs/topmenuSNOW.png) no-repeat -65px 0px; }

#topnav1 ul #n-checklist a { width: 225px; background: url(../imgs/topmenuSNOW.png) no-repeat -221px 0px; }

#topnav1 ul #n-bespoke a { width: 135px; background: url(../imgs/topmenuSNOW.png) no-repeat -448px 0px; }

#topnav1 ul #n-about a { width: 77px; background: url(../imgs/topmenuSNOW.png) no-repeat -580px 0px; }

#topnav1 ul #n-blog a { width: 90px; background: url(../imgs/topmenuSNOW.png) no-repeat -656px 0px; }

#topnav1 ul #n-contact a { width: 96px; background: url(../imgs/topmenuSNOW.png) no-repeat -741px 0px; }



#topnav1 ul #n-home a:hover { background: url(../imgs/topmenuSNOW.png) no-repeat -846px 0px; }

#topnav1 ul #n-how a:hover { background: url(../imgs/topmenuSNOW.png) no-repeat -911px 0px; }

#topnav1 ul #n-checklist a:hover { background: url(../imgs/topmenuSNOW.png) no-repeat -1067px 0px; }

#topnav1 ul #n-bespoke a:hover { background: url(../imgs/topmenuSNOW.png) no-repeat -1294px 0px; }

#topnav1 ul #n-about a:hover { background: url(../imgs/topmenuSNOW.png) no-repeat -1426px 0px; }

#topnav1 ul #n-blog a:hover { background: url(../imgs/topmenuSNOW.png) no-repeat -1502px 0px; }

#topnav1 ul #n-contact a:hover { background: url(../imgs/topmenuSNOW.png) no-repeat -1587px 0px; }


#page {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: url(../imgs/steps12345.png) no-repeat 158px -2px;
}

#sideBarWrap {
	width: 158px;
	float: left;
	margin-left: 1px;
}

#sideBarWrap #sideBar {
	width: 158px;
	float: left;
	text-align: right;
	background: url(../imgs/sidebarMid.png) top left repeat-y;
}

#sideBarWrap #sideBarHead {
	width: 158px;
	height: 25px;
	float: left;
	text-align: right;
	background: url(../imgs/sidebarTop.png) top left no-repeat;
	display: block;
}

#sideBarWrap #sideBarBase {
	width: 158px;
	float: left;
	text-align: right;
	background: url(../imgs/sidebarBot.png) bottom left no-repeat;
	display: block;
}




#sideBarWrap #sideBar ul {
	margin-right: 8px;
	float: right;
	display: block;
}

#sideBarWrap #sideBar ul li {
	text-align: right;	
	margin-top: 0px;
	margin-bottom: 0px;
}

#sideBarWrap #sideBar ul li a {
	padding-top: 3px;
	padding-bottom: 6px;
	height: 10px;
	font-size: 75%;
	font-weight: normal;
	color: #fff;
	padding-left: 10px;
}
#sideBarWrap #sideBar ul li a:hover {
	
	color: #013c5f;
}

#sideAd {
	float: right;
}

#contentWrap {
	float: right;
	width: 839px;
	margin-top: 75px;
}

#home #contentWrap {
	float: right;
	margin-right: 5px;
	width: 849px;
	margin-top: 75px;
}

#dept #contentWrap {
	float: right;
	width: 815px;
	margin-top: 75px;
	margin-right: 30px;
}

#misc #contentWrap {
	float: right;
	width: 800px;
	margin-top: 80px;
	margin-right: 40px;
}



#footer {
	height: 250px;
	margin: 20px 0 0;
	clear: both;
	background: #fff url(../imgs/footer2.gif) no-repeat top right;
}

#footercontent {
	float: right;
	margin: 0;
	font-size: 60%;
}

.footerCol {
	float: left;
	width: 190px;
	text-align: center;
}

.footerCol h2 {
	margin-bottom: 0px;
	font-size: 90%;
	color: #333;
}

.footerCol h2 a {
	color: #333;
}

.footerCol ul li a {
	font-size: 80%;
	color: #333;
}

	
#foot1 {
	float: right;
	margin-top: 60px;
	margin-right: 30px;
	width: 780px;
}

#foot2 {
	float:right;
	width: 1020px;
	margin-top: 20px;
	font-size: 80%;
	color: #333;
	text-align: center;
	
}

#foot2 ul li {
	display: inline;
}

#foot2 p {
	width: 1020px;
	margin-top: 10px;
	float: right;
}

#foot2 ul li a {
	color: #333;
}

#logo {
	width:204px;
	float: left;
}


#loginForm, #newLoginForm, #resendPassForm {
	width: 500px;
	float: left;
	margin-bottom: 20px;
}

fieldset {
	margin: 0 0 15px;
	border: none;
}

fieldset label {
	display: block;
	margin: 0 0 3px 0;
	font-weight: bold;
	font-size: 90%;
}


fieldset input, fieldset textarea {
	width: 95%;
	padding: 3px;
	font-size: 90%;
	border: 1px solid #999;
	background-color: #e2e1d7;
}

#accMenu {
	background: url(../imgs/accButtonBgds.gif) left top no-repeat;
}

#accBigMenu{
	display: block;
	width: 680px;
	height: 90px;
	background: url(../imgs/accountIcons.png)  no-repeat;
	background-position: left -10px;
}

#accBigMenu li{
	display: block;
	float: left;
}

#accBigMenu li a{
	display: block;
	height:90px;
	text-indent:-9999px;
}

#accBigMenu li a:hover,
#accBigMenu li a.on{
	background-image: url(../imgs/accountIcons.png);
}

#accBigMenu li.accM_accDet a{
	width:76px;
	background-position:-0px -99px;
}

#accBigMenu li.accM_orders a{
	width:71px;
	background-position:-76px -99px;
}

#accBigMenu li.accM_quote a{
	width:74px;
	background-position:-147px -99px;
}

#accBigMenu li.accM_upArt a{
	width:81px;
	background-position:-221px -99px;
}

#accBigMenu li.accM_design a{
	width:75px;
	background-position:-302px -99px;
}

#accBigMenu li.accM_save a{
	width:78px;
	background-position:-377px -99px;
}

#accBigMenu li.accM_photo a{
	width:78px;
	background-position:-455px -99px;
}

#accBigMenu li.accM_light a{
	width:76px;
	background-position:-533px -99px;
}

#accBigMenu li.accM_logout a{
	width:71px;
	background-position:-609px -99px;
}

#accTextWrap1, #accTextWrap2 {
	float: left;
	margin-bottom: 14px;
}

#accContWrap {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 700px;
}


#prodIntro, #odGalleryWrap, .odGsearch, .odGmostpopular, .odGnewdesigns {
	float: left;
	width: 470px;
}


#deptIntro {
	float: left;
	width: 700px;
	margin: 10px;
}

#deptText1 {
	font-size: 80%;
}

#deptIntro h1 {
	margin-left: 6px;
	color: #333;
	font-weight: bold;
}

.listofProds {
	float: right;
	width: 730px;
}

.prodListinDept {
	float: left;
	width: 240px;
	height: 175px;
	margin-top: 10px;
	background: url(../imgs/deptProdListbgdtop.png) right top no-repeat;
	text-align: center;
}

.prodListinDept .prodLinkName {
	width: 180px;
	font-size: 80%;
	font-weight: bold;
	color: #333;
	margin: 10px auto 0;
	display: inherit;
}

.prodListinDept .prodImgLink {
	display: block;
	margin: 10px auto;
}

.prodListinDeptBot {
	float: left;
	width: 240px;
	height: 175px;
	background: url(../imgs/deptProdListbgdbot.png) right bottom no-repeat;
}

.deptCol3 {
	float: right;
	width: 140px;
	height: 300px;
}

#prodPriceWrap {
	width: 250px;
	float: left;
	display: inline;
}
#prodPriceWrap h3 {
	color: #fff;
	font-size: 120%;
	margin-top: 14px;
	margin-bottom: 5px;
}

#prodPriceWrap label {
	font-size: 90%;
}


#prodPrices { 	
}

#freeOptsWrap { 	
	float: left; 
	width: 100%;
	margin-bottom: 14px;
}


.prodCol1 {
	width: 420px;
	float: left;

}

.prodCol1 h1 {
	margin-left: 6px;
	color: #333;
	font-weight: bold;
}


.prodCol3 {
	width: 155px;
	float: right;

}


#prodPriceWrap form {
	font-size: 80%;
}

#odGalleryWrap { 	
	background: #f3ffe9; 
	padding: 10px;
}


.odBrowseLinks {
	margin-bottom: 20px;
}

.odBrowseLinks ul li { 	
	display: inline; 
}

.odBrowseLinks ul li a {
	padding: 0px;
	border-left: 1px solid #ccc;
	border-bottom: 1.2px solid #ccc;  
}

.odGsearch h3 { 	
	margin-bottom: 6px; 
}


.odGsearch form {
	float: left;
	width: 220px;
	display: inline;
}

.odGsearch label { 	
	font-weight: bold;
	font-size: 90%;	
	color: #666600;
	margin-bottom: 5px;
}
.odGsearch input { 	
	height: 15px; 
	font-size: 80%;
}

.tags {
	width: 250px;	
	float: left;
}

.tags li a {
	border: 1px solid #ccc;
	float: left;
	font-size: 75%;
	padding: 1px 2px;
	color: #333;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-top: 2px;
	background: #fff;
}
.tags li a:hover {
	color: #333;
	background: #CCFF99;
}

.odGmostpopular, .odGnewdesigns { 	
	margin-top: 14px;
	margin-bottom: 20px; 
}

.odGmostpopular ul li, .odGnewdesigns ul li { 	
	width: 120px;
	float: left;
	background: #fff;
	text-align: center; 
	border-left: 1px solid #ccc;
	border-bottom: 2px solid #ccc;  
}

.odGmostpopular ul li img, .odGnewdesigns ul li img { 	
	width: 90px;
	margin: 4px;
}

.odGmostpopular ul li a, .odGnewdesigns ul li a { 	
	display: block;
	text-align: center; 
	font-size: 60%;
	color: #666;
	display: inline-table;
}

#pricesWrap { 	
	float: left; 	
}

ul.tabs {
	float: left;
	width: 210px;
}
ul.tabs li {
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
}
ul.tabs li a:hover {
	background: #ccc;
}

#prodPriceWrap ul.tabs li.active a { 	
	background: #ff6600; 
}

#prodPriceWrap ul.tabs li a { 	
	padding: 3px;
	float: left;
}

label.error { 
	display: none; 
	background: #003399; 
	width: 100%;
	clear: both;
	color: #fff;
	font-weight: normal;
	padding-left: 3px;
	padding-right: 3px;
}


p.priceName {
	font-weight: bold;
	font-size: 110%;
	margin-top: 10px;
	margin-left: 5px;
}

table.priceTable {
	margin-top: 14px;
	margin-left: 2px;
	width: 98%;
	text-align: center;
	display: inline-table;
}

table.priceTable tbody tr {
	background: #fff;
	border: 2px solid #fff;
	color: #000;
}
table.priceTable tr th {
}

#basketTiny {
	float: right;
	width: 220px;
	margin-right: 40px;
	margin-top: 7px;
	color: #333;
	text-align: center;
}

#basketTiny a, #basketTiny p {
	float: left;
	color: #035c8f;
	font-weight: bold;
}

a.removeItem, a.dupItem {
	font-size: 70%;
}

#basketWrap {
	width: 790px;
}

#basketWrap .bQtyCol {
	width: 100px;
	text-align: center;
}

#basketWrap .bSpeCol {
	width: 200px;
	text-align: left;
}

#basketWrap .bPriCol {
	width: 120px;
	text-align: center;
}

#basketWrap table tr {
	padding-top: 3px;
	padding-bottom: 3px;
}

#basket th {
	font-size: 90%;
	font-weight: normal;
}

#basketTotals {
	width: 100%;
	font-size: 90%;
	float: left;
	margin-top: 20px;
}

#basketTotals table {
	float: right;
	margin-right: 20px;
}

.baskMain {
	font-size: 90%;
	font-weight: bold;
}

.baskAddons, .baskDsg {
	border-bottom: 1px solid #ccc;
	font-size: 90%;
	margin-bottom: 10px;
}
.btotallabels {
	width: 160px;
	text-align: right;
	padding-right: 20px;
}

.btotals {
	font-weight: bold;
	text-align: center;
}

#bConfirmWrap {
	float: right;
	width:700px;
	margin-right: 30px;
	margin-top: 20px;
	font-size: 90%;
}


#basketToOrder {
	float: right;
	width: 100px;
	margin: 10px;
}

#bConfirmWrap input#acceptTerms {
	float: right;
}

#bConfirmWrap input {
	float: right;
	margin-top: 1px;
	
}

.odBrowseLinks ul li a  { 	
	font-size: 90%;
	margin-right: 10px;
	color: #333;
	background: #CCFF99;
	padding: 3px;
}

.odBrowseLinks ul li a:hover { 	
	background: #99CC66;
}

#logoPreForm {
	width: 100%;
	float: left;
}

#logosWrap {
	width: 100%;
	float: left;
}

.logoItem {
	float: left;
	width: 150px;
	text-align: center;
	font-size: 70%;
	margin: 10px;
	outline: none;
}

#blogPostContent {
	float: left;
	width: 550px;
}

#blogPostContent .postWrap {
	margin-top: 10px;
	margin-bottom: 30px;
}

#blogPostContent h2 a, 
#blogPostContent h1 a {
	color: #000;
}

#blogPostContent h2 a:hover,
#blogPostContent h1 a:hover {
	color: #99CC66;
}

#blogExtrasColumn {
	float: right;
	width: 180px;
}



#blogTagsWrap li a {
	border: 1px solid #ccc;
	float: left;
	font-size: 75%;
	padding: 1px 2px;
	color: #333;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-top: 2px;
	background: #fff;
}

#blogTagsWrap li a:hover {
	color: #333;
	background: #CCFF99;
}



#homepageWrap {
	float: left;
	width: 827px;
}
#homepageAds {
	float: left;
	width: 827px;
	margin-top: 10px;
}
#homepageDesign #home11 {
	width: 474px;
	margin-top: 10px;
}
#homepageDesign #home12 {
	width: 353px;
	margin-top: 10px;
}

#homepagePassport {
	float: left;
	width: 615px;
	margin-top: 10px;
}
#homepageTPT {
	float: left;
	width: 211px;
	margin-top: 10px;
}

#home1,#home2,#home3,#home4,#home5,#home6,#home7,#home8,#home9,#home10,#home11,#home12,#home13,#home14,#home15,#home16 {
	float: left;
}

#home0xmas {
	float: left;

	margin-bottom: 10px;
}

#home0xmas a{
	float: left;
}

#homepageDesign {
	float: left;
	
}

#homepageChrismas {
	float: left;
}
#xmas1, #xmas2 {
	float: left;
}

#priceWrap1 {
	width: 250px;
	float: left;
	background: url(../imgs/prodPricebgd1.png) top center no-repeat;
}


#priceWrap1 h3 {
	font-size: 140%;
	font-weight: bold;
}

#priceWrap2 {
	width: 250px;
	float: left;
	background: url(../imgs/prodPricebgd2.png) top center no-repeat;
	
}

#pWrap2Cont {
	margin-left: 25px;
}

#pWrap2Cont p {
	margin: 45px 25px 5px 0;
}

#priceWrap3 {
	width: 250px;
	float: left;
	background: url(../imgs/prodPricebgd3.png) no-repeat 10px top;
	display: block;
}

#priceWrap3base {
	width: 250px;
	height: 63px;
	display: block;
	float: left;
	background: url(../imgs/prodPricebgd3.png) no-repeat 10px bottom;
}

#priceWrap3baseb {
	width: 240px;
	height: 63px;
	display: block;
	float: left;
	background: url(../imgs/prodPricebgd3baseb.png) 10px bottom no-repeat;
}

#priceWrap3base .submit, #priceWrap3baseb .submit {
	width: 175px;
	height: 58px;
	margin-right: 8px;
	text-indent: -9999px;
	border: none;
	float: right;
	cursor: pointer;
	display: block;
	padding: 0;
}

#pWrap1Cont {
}

#pWrap1Cont .tablePaidOptsWrap  {
	background: url(../imgs/OptbluebgdBot.png) no-repeat left bottom;
	margin-bottom: 10px;
	float: left;
}
#pWrap1Cont .tablePaidOpts {
	background: url(../imgs/OptbluebgdTop.png) no-repeat left top;
	margin: 50px 0 15px;
	width: 234px;
	padding: 10px 10px 0 15px;
}

#pWrap1Cont .tableFreeOpts {
	float: left;
	margin-left: 20px;
	width: 215px;
}

#pWrap1Cont strong {
	margin-left: 24px;
}


#pWrap1Cont, #pWrap2Cont {
	color: #fff;
}

#pWrap3Cont {
	margin: 75px 28px 0px 28px;
	color: #fff;
	padding: 0px;
	display: block;
}

#pWrap3Cont p {
	font-size: 90%;
}

#pWrap3Cont p#adddesignp {
	width: 190px;
	font-size: 90%;
}

#pWrap2Cont #tabjson table, #pWrap2Cont .acc_content table  {
	width: 100%;
	background-color: #fff;
	color: #000;
	margin-top: 10px;
}

#quickTipsWrap {
	background: url(../imgs/quickfactsTop.png) top left no-repeat;
	padding: 40px 10px 0;
	width: 400px;
	float: left;
	color: #fff;
	font-size: 90%;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
#quickTipsWrapBase {
	background: url(../imgs/quickfactsBot.png) bottom left no-repeat;
	width: 420px;
	float: left;
	height: 15px;
}

#quickTipsWrap ul li {
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 4px;
	font-size: 90%;
	width: 160px;
	float: left;
	font-weight: bold;
}

#dispatchIn {
	width: 420px;
	float: left;
	height: 70px;
}

#dispatchIn p {
	float: left;
	margin-left: 128px;
	margin-top: 15px;
	font-weight: normal;
	font-size: 90%;
	color: #fff;
}

/* effect titles */
.gfxtitle {
	float: left;
	height: 40px;
	width: 100%;
	text-indent: -9999px;
	background: url(../imgs/gfx_title.gif) no-repeat;
}

.detitle {
	float: left;
	height: 40px;
	width: 100%;
	text-indent: -9999px;
	background: url(../imgs/de_title.gif) no-repeat;
}

.dttitle  {
	float: left;
	height: 40px;
	width: 100%;
	text-indent: -9999px;
	background: url(../imgs/dt_title.gif) no-repeat;
}

.lotitle  {
	float: left;
	height: 40px;
	width: 100%;
	text-indent: -9999px;
	background: url(../imgs/lo_title.gif) no-repeat;
}

.shtitle  {
	float: left;
	height: 40px;
	width: 100%;
	text-indent: -9999px;
	background: url(../imgs/shaped_title.gif) no-repeat;
}

.mul-title {
	float: left;
	height: 40px;
	width: 100%;
	text-indent: -9999px;
	background: url(../imgs/multiname_title.gif) no-repeat;
}

.del-title {
	float: left;
	height: 40px;
	width: 100%;
	text-indent: -9999px;
	background: url(../imgs/delivery_title.gif) no-repeat;
}


.des-title {
	float: left;
	height: 40px;
	width: 100%;
	text-indent: -9999px;
	background: url(../imgs/design_title.gif) no-repeat;
}



#multiname {
	float: left;
	height: 131px;
	width: 100%;
	text-indent: -9999px;
	margin-bottom: 10px;
	background: url(../imgs/multiname.gif) no-repeat;
}
#prodText1Wrap, #prodText2Wrap {
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 90%;
}

.prodCol1 p {
	margin-bottom: 8px;
}

.prodCol1 .textareas {
	float: left;
	width: 410px;
	margin-top: 20px;
}

#fusewrap {
	height: 60px;
	width:500px;
	float:right;
	margin-top:30px;
	margin-right: 90px;
}

/* @group scrollImgMenu */

#scrollImgMenuWrap {
	float: left;
	width: 827px;
	height: 120px;
}

div.scrollImgMenu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 120px;
  width: 827px;
  /* Add scroll-bars */
  overflow: auto;
  float: right;
  
}
ul.scrollImgMenu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 100%;
  padding: 0px;
  /* Remove default margin */
  list-style: none;
}

.scrollImgMenu li {
  display: block;
  float: left;
}
.scrollImgMenu a {
  display: block;
  text-decoration: none;
}
.scrollImgMenu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.scrollImgMenu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #000;
}
.scrollImgMenu a:hover span {
  display: block;
}
.scrollImgMenu img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.scrollImgMenu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}

/* @end */


/* @group hometabs */


.seotabs {
	float: left;
	margin-top: 15px;
}


ul.hometabs, ul.seotabstabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	width: 100%;
}
ul.hometabs li, ul.seotabstabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: url(../imgs/homebanner/hb_tabNorm.jpg) no-repeat left top;
}
ul.hometabs li a, ul.seotabstabs li a {
	text-decoration: none;
	color: #666;
	display: block;
	font-size: 80%;
	padding: 0 10px;
	border: 0px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	background: url(../imgs/homebanner/hb_tabNormRight.jpg) no-repeat right top;
}
ul.hometabs li a:hover, ul.seotabstabs li a:hover {
	color: #824592;
}

.hometab_container .tabhidden {
	float: left;
	height: 200px;
}


html ul.hometabs li.active a, html ul.seotabstabs li.active a {
	color: #fff;
	background: url(../imgs/homebanner/hb_tabActiveRight.jpg) no-repeat right top;
}

html ul.hometabs li.active, html ul.seotabstabs li.active {
	border-bottom: 1px solid #999;
	background: url(../imgs/homebanner/hb_tabActive.jpg) no-repeat left top;
}

html ul.hometabs li.active a:hover, html ul.seotabstabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	border-bottom: 1px solid #999; /*--Makes the active tab look like it's connected with its content--*/
	color: #ddc5f7;
}

.hometab_container, .seotab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 827px;
	height: 200px;
	background: #fff;
}
.seotab_container {
	height: 270px;
}
.hometab_content, .seotab_content {
	font-size: 1.2em;
}
.seotab_content {
	padding: 10px;
}

.seotab_content h2 {
	font-size: 90%;
}
.seotab_content p {
	font-size: 60%;
}

.hometab_container #tab0, .hometab_container #tab1, .hometab_container #tab2, .hometab_container #tab3, .hometab_container #tab4, .hometab_container #tab5 {
	width: 827px;
	height: 200px;
}

.hometab_container #tab0 {
	background: url(../imgs/homebanner/businesscards_slide.png) no-repeat left top;
}
.hometab_container #tab1 {
	background: url(../imgs/homebanner/spotuv_slide.png) no-repeat left top;
}
.hometab_container #tab2 {
	background: url(../imgs/homebanner/rollerbanners_slide.png) no-repeat left top;
}
.hometab_container #tab3 {
	background: url(../imgs/homebanner/outdoorbanners_slide.png) no-repeat left top;
}

.hometab_container .tabhidden a {
	text-indent: -9999px;
	display: block;
	width: 827px;
	height: 200px;
}

.hometab_container .tabhidden h2, 
.hometab_container .tabhidden p, 
.hometab_container .tabhidden li {
	text-indent: -9999px;
	display: block;
}

/* @end */

.genProdDesc {
	float: left;
	margin-top: 10px;	
}
.genProdDesc p {
	font-size: 14px;
	font-weight: normal;
}

.genProdDesc strong {
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}

.genDeptDesc {
	float: left;
	width: 710px;
	margin-top: 20px;	
	margin-left: 10px;
}

.genDeptDesc p {
	margin-bottom: 10px;
}

.genDeptDesc a {
	color: #000;
	text-decoration: underline;
}

#radiologin, #radiosignup {
	width: 30px;
}



.quicklogin {
	float: right;
	width: 260px;
	background: url(../imgs/accTopBgd2.png) bottom center no-repeat;
	margin-right: 20px;
}

.quicklogin p#acctopin {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.quicklogin #acctopinimg {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

.quicklogin form {
	margin-left: 15px;
}

.quicklogin form label {
	font-size: 80%;
}

.quicklogin form #emailAddr {
	width: 180px;
	padding: 2px;
	font-size: 80%;
	border: none;
	background: #fff;
}

.quicklogin form #pwd {
	width: 156px;
	padding: 2px;
	font-size: 80%;
	border: none;
	background: #fff;
}

.quicklogin fieldset {
	margin: 0px;
}

.quicklogin fieldset label {
	margin: 0px 0px 2px;
	padding: 0px;
	color: #fff;
}
.quicklogin fieldset #qlsub {
	background-color: transparent;
	width: 61px;
	height: 24px;
	border: none;
	margin: 0px;
	padding: 0px;
}

.quicklogin label {
	font-weight: normal;
}

#orderDetails input {
	width: 300px;
}

#orderDetails #InvoiceDetails, 
#orderDetails #DeliveryDetails  {
	float: left;
	width: 320px;
}

#orderDetails #orderNotes, #orderDetails #orderNotes textarea, #orderDetails #choosePayWrap, #orderDetails #choosePayWrap textarea {
	float: left;
	width: 720px;
}

#orderDetails #copyinv {
	float: left;
	width: 65px;
	height: 90px;
	margin-top: 100px;
	background: url(../imgs/copyDetails.gif) left top no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

#orderDetails #InvoiceDetails h2, #orderDetails #DeliveryDetails h2, #orderDetails #orderNotes h2, #orderDetails #choosePayWrap h2 {
	margin-bottom: 0px;
}

#orderDetails label.error {
	width: 300px;
}

#uploaderItemDesc {
	float: left;
	width: 320px;
}

#uploaderItemDesc h2 {
	margin-bottom: 4px;
}

#uploaderItemDesc ul li {
	font-size: 80%;
	list-style-type: disc;
	margin-left: 20px;
}

#uploaderItemDesc ul li a {
	color: #000;
}

.crumbtrail {
	color: #666;
}

.crumbtrail a {
	color: #666;
	text-decoration: underline;
}

.uploadArea {
	float: left;
	width: 346px;
	background: url(../imgs/uploaderPinkBgdtop.png) no-repeat top left;
}

.uploadArea object {
	margin-top: 10px;
	margin-left: 15px;
}

.uploadArea .uploadifyQueueItem {
	background-color: #fff;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 6px;
	padding: 3px;
	-webkit-border-radius: 4px;
}
.uploadArea .uploadifyQueueItem .cancel {
	float: right;
	margin-top: 2px;
	margin-right: 2px;
}

.uploadArea label {
	color: #fff;
	font-size: 90%;
}

.uploadArea .uploadQueued a {
}

.uploadArea .expUploadWrap, .uploadArea .finishUploadWrap {
	margin-left: 15px;
	float: left;
}

.uploadArea .uploadedFilesWrap {
	background: url(/js/uploadify/uploadbtn_3.gif) no-repeat left 10px;
	min-height: 80px;
	padding-left: 80px;
}



.uploadArea #uplformWrap {
	
}

.uploadArea #uplformWrap label {
	margin-left: 70px;
}

.uploadArea textarea.addNotesTA {
	width: 230px;
	height: 100px;
	margin-left: 70px;
}

.uploadArea #uploadAltn {
	background: url(../imgs/uploaderPinkBgdbot.png) no-repeat bottom left;
	color: #000;
	padding: 20px;
}

.uploadArea #uploadAltn a{
	color: #000;
	text-decoration: underline;
}

#accLoginTopTitle {
	margin-left: 12px;
	margin-top: 3px;
	margin-bottom: 2px;
}


#linktoOld {
	float: left;
	width: 700px;
	background-color: #ccc;
	padding: 5px;
	margin-top: 20px;
}

/* @group Print Guide page */

/* @group Print Templates Page */

h2#checklistintro { background: url(/images/printguidepage/artwork-checklist.gif) no-repeat left top; text-indent: -9999px; display: block; height: 90px; }

#printtempheader { background: url(/images/printguidepage/print-templates.gif) no-repeat left center; }

#printtempheader h2 { width: 300px; height: 141px; text-indent: -9999px; display: block; }

#downloadswrap { float: right; width: 420px; }

#downloadswrap h2 {
	margin-top: 20px;
}

#downloadswrap th { background-color: #fff; font-size: 80%; }

#downloadswrap td { font-size: 80%; }

.downloadstable {
	width: 100%;
}


/* @end */

.checklistWrap { float: left; width: 335px; margin-left: 10px; }

.checklistWrap dd {
	margin: 10px;
}



.alttableRow2 { background-color: #fff; }

.drawers-wrapper { position: relative; width: 188px; }

.drawer {  }

.boxcap { height: 5px; left: 0pt; position: absolute; width: 100%; z-index: 100; margin-top: -5px; }

.drawers { margin-bottom: 15px; }

.drawers A {  }

.drawer li { padding: 6px 0pt; }

UL { list-style: none; padding: 0; }

UL.drawers { margin: 0; }

.drawer-handle { cursor: default; font-size: 12px; font-weight: normal; height: 25px; line-height: 25px; margin-bottom: 0pt; text-indent: 15px; width: 100%; }

.drawer-handle.open {  }

.drawer UL { padding: 0 12px; padding-bottom: 0pt; }

.drawer-content UL { padding-top: 7px; }

.drawer-content LI A { display: block; overflow: hidden; }

/* @end */

/* @group Contact Page */

#contactbespokewrap { width: 340px; float: left; margin-left: 10px; }

#trackyourorderwrap { width: 340px; float: left; margin-left: 20px; }

#trackyourorderwrap li { list-style-type: none; margin-bottom: 2px; font-size: 80%; }

#maincontactwrap { float: left; width: 730px; margin-left: 10px;  }

#maincontactwrap td {
	font-size: 80%;
}

/* @end */

/* @group how to order print */

#howToSteps {
	width: 671px;
	margin-left: 30px;
}
.howToWrap {
	width: 671px;
	float: left;
	margin:0px;
}
.howToWrap p {
	margin-bottom: 4px;
}

.stepsText {
	margin-left: 55px;
	width: 400px;
}
.stepsText h2 {
	font-size: 115%;
	margin-top: 7px;
	padding: 0px;
}
.stepsTexts p {
	margin-bottom: 5px;
	float: left;
	
}

#stepOne {
	background: url(../imgs/step1.png) no-repeat left top;
	height: 340px;
}
#stepOne .stepsText {
	margin-top: 104px;
	height: 132px;
}
#stepOne #stepsDetail1 {
	margin-top: 0px;
	margin-left: 160px;
	width: 200px;
	color:#FFF;
	font-style:italic;
}
#stepTwo {
	background: url(../imgs/step2.png) no-repeat left top;
	height: 311px;
}
#stepTwo .stepsText {
	margin-top: 80px;
}
#stepTwo #stepsDetail2 {
	margin-left: 10px;
	width: 360px;
	color:#000;
	font-style:italic;
}
#stepThree {
	background: url(../imgs/step3.png) no-repeat left top;
	height: 395px;
}
#stepThree .stepsText {
	margin-top: 55px;
}
#stepThree #stepsDetail3 {
	margin-left: 10px;
	width: 360px;
	font-style:italic;
}
#stepFour {
	background: url(../imgs/step4.png) no-repeat left top;
	height: 369px;
}
#stepFour #stepsDetail4 {
	margin-left: 60px;
	width: 310px;
	font-style:italic;
}
#stepFour #stepsDetail44 {
	margin-left: 68px;
	width: 280px;
	color: #fff;
}

#stepFour #stepsDetail44 h3 {
	color: #fff;
}
#stepFour .stepsText {
	margin-top: 55px;
	height: 166px;
}
#stepFive {
	background: url(../imgs/step5.png) no-repeat left top;
	height: 703px;
}
#stepFive .stepsText {
	margin-top: 55px;
	height: 240px;
}
#stepFive #stepsDetail5 {
	margin-left: 10px;
	width: 360px;
	font-style:italic;
}
#stepFive #stepsDetail55 {
	margin-top: 20px;
	margin-left: 68px;
	width: 265px;
	font-style:italic;
	line-height:1.2;
	color:#FFF;
}


/* @end */


#terms ol li {
	list-style-type: decimal;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 90%;
}

#accLogin {
	width: 200px;
	margin-right: 10px;
}


#accSignUp {
	width: 200px;
	margin-left: 10px;
}

#tptlicence #contentWrap {
 	width:730px;
 	margin-right: 110px;
}

#tptlicence #contentWrap p {
	margin-bottom: 4px;
}
#tptlicence #contentWrap h2 {
	margin-top: 10px;
}

#tptlicence #contentWrap ul {
	list-style-type: disc;
	margin-left: 40px;
	margin-bottom: 10px;
	font-size: 80%;
}



/* css for department pages */

/* @group Department Pages */

#deptSlide {
	float:  left;
	margin-bottom: 20px;
}



#Deptproducts {
	float: left;
	display: inline;
	width: 555px;
}

#Deptproducts div {
	display: inline;
	margin-right: 5px;
}

#designOptions {
	float: right;
	width: 250px;
}

#designOptions p {
	float: left;
	width: 90%;
	padding-left: 12px;
	color: #D1346F;
	
}

#designOptions a {
	color: #D1346F;
	font-weight: bold;
}

#designOptions h2  {
	float: left;
	font-size: 110%;
	width: 90%;
	padding-left: 12px;
	margin-bottom: 3px;
	margin-top: 5px;
	color: #D1346F;
}

#designOpt2 #sideBoxBot-biz {
	float: left;
	width: 248px;
	margin-bottom: 5px;
	height: 94px;
	background: url(../imgs/sideBoxBot_biz.png);
}

	
#sideBoxTop_1 {
	float: left;
	width: 247px;
	height: 56px;
	background: url(../imgs/sideBoxTop_upload.png);
}
#sideBoxTop_2 {
	float: left;
	width: 247px;
	height: 56px;
	background: url(../imgs/sideBoxTop_customise.png);
}

#sideBoxTop_3 {
	float: left;
	width: 247px;
	height: 56px;
	background: url(../imgs/sideBoxTop_design.png);
}
#sideBoxMid, .sideBoxMid {
	float: left;
	width: 247px;
	background: url(../imgs/sideBoxMid.png) repeat-y;
}

#sideBoxBot, .sideBoxBot {
	float: left;
	width: 247px;
	margin-bottom: 5px;
	height: 13px;
	background: url(../imgs/sideBoxBot.png);
}

/* @end */

/* @group digi 2011 */

#ptypetabs {
	background: url(../imgs/prodPricebgd2.png) center center no-repeat;
	float: left;
	width: 200px;
	height: 38px;
}

#ptypetabs li a {
	width: 100px;
	float: left;
	height: 38px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

#ptypetabs li.active .tabLitho, #ptypetabs .tabLithoFixed {
	background: url(../imgs/printOptTab.png) left -41px no-repeat;
	
}

#ptypetabs li .tabLitho {
	background: url(../imgs/printOptTab.png) left 0px no-repeat;
}

#ptypetabs .tabLitho:hover {
	background: url(../imgs/printOptTab.png) left -84px no-repeat;
}

#ptypetabs li.active .tabDigi, #ptypetabs .tabDigiFixed {
	background: url(../imgs/printOptTab.png) right -41px no-repeat;
}

#ptypetabs .tabDigi {
	background: url(../imgs/printOptTab.png) right 0px no-repeat;
}

#ptypetabs .tabDigi:hover {
	background: url(../imgs/printOptTab.png) right -84px no-repeat;
}

.digiCaption {
	text-align: right;
	margin-right: 20px;
}

#tabjson, .acc_content {
	background-color: #fff;
	float: left;
	width: 200px;
		-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#tabjson .pricetablewrap, .acc_content .pricetablewrap {
	float: left;
	width: 180px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#tabjson .coptTitle, .acc_content .coptTitle {	
	float: left;
	width: 180px;
	margin-top: 5px;
	margin-left: 10px;
	background-color: #29abe2;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#tabjson h4, .acc_content h4 {
	text-align: center;
	padding: 3px;
}

.ptab_addons {
	float: left;
	background: url(../imgs/pricesBgd.png) right top repeat-y;
	width: 200px;
}


.ptab_addonsTitle {
	float: left;
	width: 200px;
	height: 32px;
	background: url(../imgs/priceOptionalAddons.png) right top repeat-y;
	
}

/* @end */

#quickfactsTab {
	float: left;
	height: 43px;
	width: 175px;
	background: url(../imgs/quickfactsTab2.png);
}
#turnaround {
	float: left;
	height:38px;
	background: url(../imgs/turnaround.png) no-repeat;
}
#dimensions {
	float: left;
	height: 38px;
	width: 338px;
	background: url(../imgs/dimensions.png) no-repeat;
}

#printguideTab {
	float: left;
	width: 379px;
	background: url(../imgs/templates.png) no-repeat;
	
}

#printguideTab table {
	color: #fff;
	font-size: 80%;
	width: 330px;
	margin-top: 40px;
	margin-left: 10px;
}

#printguideTab table td {
	margin: 0px;
	padding: 2px;
}

.spotuvguidebutlink {
	margin-left: 10px;
}

#proddetailsTop {
	float: left;
	width: 379px;
	background: url(../imgs/productdetailsTop.png);
}

#proddetailsBot {
	float: left;
	height: 13px;
	width: 379px;
	background: url(../imgs/productdetailsBot.png);
	margin-bottom: 20px;
}

#proddetailsTop ul {
	float:  left;
	margin: 40px 20px 5px 15px;
	font-size: 90%;
	font-weight: normal;
	color: #fff;
}

#qflist li {
	list-style-type: disc;
	margin-left: 20px;
}

#prodText1Wrap, #prodText2Wrap {
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 90%;
}

#headernotice {
	float: left;
}

#chkwarning {
	font-size: 90%;
	float:left; 
	width:100%;
}

.gplus {
	margin-right: 5px;
	margin-left: 40px;
	margin-top: 20px;
	float: left;
}

.gplus .at300b {
	float: left;
	width: 100%;
	margin: 3px;
}


