/* @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
*/

/*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;
}

h1 {
	font-size: 110%;	
	margin-bottom: 6px;
	margin-left: 3px;
	color: #333;
	font-weight: bold;
}

h2 {
	font-weight: bold;
	font-size: 100%;
	color: #003399;	
	margin-bottom: 10px;
}

h3 {
	font-weight: bold;
	font-size: 90%;	
	color: #003399;
	margin-bottom: 10px;
}

h3.printSize {
	margin-left: 6px;
	color: #333;
}

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/bgdshadow.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: 162px;
	display: block;
	width: 760px;
	height: 38px;
	background: url(../imgs/topmenubgd.gif) left top no-repeat;
}

#topmenu { float: right; height: 35px; background: url(../imgs/topmenubgd.gif) no-repeat right top;  }

#topnav1, #topnav1 ul { width: 760px; height: 35px; 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: 60px; background: url(../imgs/topmenubgd.gif) no-repeat 0px 0px; }

#topnav1 ul #n-how a { width: 145px; background: url(../imgs/topmenubgd.gif) no-repeat -60px 0px; }

#topnav1 ul #n-checklist a { width: 205px; background: url(../imgs/topmenubgd.gif) no-repeat -205px 0px; }

#topnav1 ul #n-bespoke a { width: 120px; background: url(../imgs/topmenubgd.gif) no-repeat -410px 0px; }

#topnav1 ul #n-about a { width: 70px; background: url(../imgs/topmenubgd.gif) no-repeat -530px 0px; }

#topnav1 ul #n-blog a { width: 80px; background: url(../imgs/topmenubgd.gif) no-repeat -600px 0px; }

#topnav1 ul #n-contact a { width: 79px; background: url(../imgs/topmenubgd.gif) no-repeat -680px 0px; }

#topnav1 ul #n-home a:hover { background: url(../imgs/topmenubgd.gif) no-repeat -763px 0px; }

#topnav1 ul #n-how a:hover { background: url(../imgs/topmenubgd.gif) no-repeat -823px 0px; }

#topnav1 ul #n-checklist a:hover { background: url(../imgs/topmenubgd.gif) no-repeat -968px 0px; }

#topnav1 ul #n-bespoke a:hover { background: url(../imgs/topmenubgd.gif) no-repeat -1173px 0px; }

#topnav1 ul #n-about a:hover { background: url(../imgs/topmenubgd.gif) no-repeat -1293px 0px; }

#topnav1 ul #n-blog a:hover { background: url(../imgs/topmenubgd.gif) no-repeat -1363px 0px; }

#topnav1 ul #n-contact a:hover { background: url(../imgs/topmenubgd.gif) no-repeat -1443px 0px; }


#page {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: url(../imgs/steps12345.png) no-repeat 164px -5px
}

#sideBarWrap {
	width: 160px;
	float: left;
	margin-left: 3px;
}

#sideBarWrap #sideBar {
	width: 160px;
	float: left;
	text-align: right;
	background: url(../imgs/sidebarMidB.png) top left repeat-y;
}

#sideBarWrap #sideBarHead {
	width: 160px;
	height: 20px;
	float: left;
	text-align: right;
	background: url(../imgs/sidebartopB.png) top left no-repeat;
	display: block;
}

#sideBarWrap #sideBarBase {
	width: 160px;
	float: left;
	text-align: right;
	background: url(../imgs/sidebarbotB.png) bottom left no-repeat;
	display: block;
}




#sideBarWrap #sideBar ul {
	width: 140px;
	float: left;
	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%;
	color: #fff;
	padding-left: 10px;
}
#sideBarWrap #sideBar ul li a:hover {
	
	color: #000;
}



#contentWrap {
	float: right;
	width: 839px;
	margin-top: 60px;
}

#home #contentWrap {
	float: right;
	width: 849px;
	margin-top: 60px;
}

#dept #contentWrap {
	float: right;
	width: 730px;
	margin-top: 60px;
	margin-right: 115px;
}

#misc #contentWrap {
	float: right;
	width: 730px;
	margin-top: 60px;
	margin-right: 115px;
}


#footer {
	height: 250px;
	margin: 20px 0 0;
	clear: both;
	background: #fff url(../imgs/footer.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: 40px;
	margin-right: 80px;
	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: 240px;
	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;
	margin-right: 10px;
}

.prodCol1 h1 {
	margin-left: 6px;
	color: #333;
	font-weight: bold;
}


.prodCol3 {
	width: 130px;
	float: right;
	margin-right: 20px;
}


#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: 95px;
	margin-top: 10px;
	color: #333;
	text-align: center;
}

#basketTiny a, #basketTiny p {
	float: left;
}

#basketTiny p {
	margin-top: 5px;
	margin-right: 2px;
}

a.removeItem, a.dupItem {
	font-size: 70%;
}

#basketWrap {
	width: 740px;
}

#basketWrap .bQtyCol {
	width: 120px;
	text-align: center;
}

#basketWrap .bSpeCol {
	width: 200px;
	text-align: left;
}

#basketWrap .bPriCol {
	width: 140px;
	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: 150px;
}

.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: left;
	margin-left: 100px;
	margin-top: 20px;
}
#bConfirmWrap input {
	margin-left: 10px;
}

.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: 750px;
}
#homepageAds {
	float: left;
	width: 750px;
	margin-top: 10px;
}
#homepageDesign #home11 {
	width: 750px;
	margin-top: 10px;
}
#homepageInfo {
	width: 750px;
	float: left;
	margin-top: 10px;
}

#homepageInfo #home13,#homepageInfo #home14,#homepageInfo #home15 {
}
#homepagePassport {
	float: left;
	width: 750px;
	margin-top: 10px;
}

#home1,#home2,#home3,#home4,#home5,#home6,#home7,#home8,#home9,#home10,#home11,#home12,#home13,#home14,#home15,#home16 {
	float: left;
}

#priceWrap1 {
	width: 240px;
	float: left;
	background: url(../imgs/prodPricebgd1.png) top center no-repeat;
}


#priceWrap1 h3 {
	font-size: 140%;
	font-weight: bold;
}

#priceWrap2 {
	width: 240px;
	float: left;
	background: url(../imgs/prodPricebgd2.png) top center no-repeat;
}

#priceWrap3 {
	width: 240px;
	float: left;
	background: url(../imgs/prodPricebgd3.png) top right no-repeat;
	display: block;
}

#priceWrap3base {
	width: 240px;
	height: 58px;
	display: block;
	float: left;
	background: url(../imgs/prodPricebgd3.png) bottom right no-repeat;
}

#priceWrap3baseb {
	width: 240px;
	height: 58px;
	display: block;
	float: left;
	background: url(../imgs/prodPricebgd3baseb.png) bottom right no-repeat;
}

#priceWrap3base .submit, #priceWrap3baseb .submit {
	width: 175px;
	height: 58px;
	text-indent: -9999px;
	border: none;
	float: right;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 0;
}

#pWrap1Cont {
}

#pWrap1Cont, #pWrap2Cont {
	margin: 50px 15px 15px 20px;
	color: #fff;
}

#pWrap3Cont {
	margin: 60px 15px 0px 20px;
	color: #fff;
	padding: 0px;
	display: block;
}

#pWrap3Cont p {
	width: 200px;
	font-size: 90%;
}

#pWrap3Cont p#adddesignp {
	width: 160px;
	font-size: 90%;
}

#pWrap2Cont #tabjson 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 {
	background: url(../imgs/dispatchbgd.gif) bottom left no-repeat;
	width: 420px;
	float: left;
	height: 70px;
}

#dispatchIn p {
	float: left;
	margin-left: 160px;
	margin-top: 15px;
	font-weight: bold;
	font-size: 120%;
	color: #0099CC;
}


#prodText1Wrap, #prodText2Wrap {
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 90%;
}

.prodCol1 p {
	margin-bottom: 8px;
}

#fusewrap {
	height: 60px;
	width:500px;
	float:right;
	margin-top:30px;
	margin-right: 90px;
}

/* @group scrollImgMenu */

#scrollImgMenuWrap {
	background: url('../imgs/scrollimgareabgd.gif') left top no-repeat;
	float: left;
	width: 740px;
	height: 120px;
}

div.scrollImgMenu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 120px;
  width: 740px;
  /* 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 */
  margin-top: 20px;
  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 */

ul.hometabs {
	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 {
	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 {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 90%;
	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 {
	color: #666;
}

html ul.hometabs li.active a {
	color: #fff;
	background: url(../imgs/homebanner/hb_tabActiveRight.jpg) no-repeat right top;
}

html ul.hometabs 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  { /*--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: #ccc;
}

.hometab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 740px;
	height: 190px;
	background: #fff;
}
.hometab_content {
	font-size: 1.2em;
}

.hometab_container #tab1, .hometab_container #tab2, .hometab_container #tab3, .hometab_container #tab4, .hometab_container #tab5 {
	width: 740px;
	height: 190px;
}

.hometab_container #tab1 {
	background: url(../imgs/homebanner/hb-beast.jpg) no-repeat left top;
}
.hometab_container #tab2 {
	background: url(../imgs/homebanner/hb-5000-ccard-flyers.gif) no-repeat left top;
}
.hometab_container #tab3 {
	background: url(../imgs/homebanner/hb-roller-banner.jpg) no-repeat left top;
}
.hometab_container #tab4 {
	background: url(../imgs/homebanner/hb-outdoor-banners.jpg) no-repeat left top;
}
.hometab_container #tab5 {
	background: url(../imgs/homebanner/hb-thatprintthing.jpg) no-repeat left top;
}

.hometab_container .tabhidden a {
	text-indent: -9999px;
	display: block;
	width: 740px;
	height: 190px;
}

.hometab_container .tabhidden h2, .hometab_container .tabhidden p, .hometab_container .tabhidden li {
	text-indent: -9999px;
	display: block;
}

/* @end */

.genProdDesc {
	float: left;
	margin-top: 10px;	
}

.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/accTopBgd.png) bottom center no-repeat;
	margin-right: 95px;
}

.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: 10px;
}

.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 10px left;
	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: 8px;
	margin-top: 3px;
}


#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: 340px; }

#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;
}

