/* --------------------------------------------
|  GLOBAL STYLES											
--------------------------------------------- */
html { border: none; height: 100%;}

body {
	margin: 0;
	padding: 0;
	line-height: 13px;
	background: #000 url(graphics/bg_header.jpg) 50% 0 repeat-x; 
	margin: 0 auto;
	text-align: center;
	height: 100%;
	}

body, td {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

img {border: 0;}
p {margin: 0 0 15px 0;}

a {
	text-decoration: underline;
	font-weight: bold;
	color: #ff6b00;
	}

a:hover {
	text-decoration: none;
	font-weight: bold;
	}

h1, h2, h3, h4, h5, form {margin: 0; font-family: Arial, Helvetica, sans-serif;}

.indentOne { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; }
/* --------------------------------------------
|  NAVIGATION												
--------------------------------------------- */

#nav {
	margin: 36px 0 0 -96px;
	float: left;
	padding: 0;
	list-style: none;
	height: 32px;
	}
#nav li {
	float: left;
	}
#nav li a {
	outline: none;
	display: block;
	padding: 0 0 3px 0;
	height: 29px;
	line-height: 29px;
	float: left;
 	text-align: center;
	text-decoration: none;
	color: #545454;
	background-image: url(graphics/nav/nav_matrix.gif);
	}
#nav li a:hover {color: #ff6b00;}
#bOne {background-position: 0 0; width: 65px;}#nav li.current #bOne {background-position: 0 -34px;}
#bTwo {background-position: -65px 0; width: 76px;}#nav li.current #bTwo {background-position: -65px -34px;}
#bThree {background-position: -141px 0; width: 85px;}#nav li.current #bThree {background-position: -141px -34px;}
#bFour {background-position: -226px 0; width: 122px;}#nav li.current #bFour {background-position: -226px -34px;}
#bFive {background-position: -348px 0; width: 104px;}#nav li.current #bFive {background-position: -348px -34px;}
#bSix {background-position: -452px 0; width: 103px;}#nav li.current #bSix {background-position: -452px -34px;}
#bSeven {background-position: -555px 0; width: 55px;}#nav li.current #bSeven {background-position: -555px -34px;}
#bEight {background-position: -610px 0; width: 76px;}#nav li.current #bEight {background-position: -610px -34px;}


#subNav {}


/* --------------------------------------------
|  STRUCTURE												
--------------------------------------------- */

#siteContainer { height: 100%; width: 100%; text-align: center; margin: 0 auto;}

/* -- HEADER -- */
#header { 
	height: 108px; 
	background: transparent url(graphics/header_search.gif) 553px 0 no-repeat;
	width: 988px;
	text-align: center;
	margin: 0 auto;

	}
	#header .logo {
		float: left;
		}
		#header .portalLink {
			float: right;
			margin: 5px 20px 0 -115px;
			}
			
/* -- BODY -- */
#contentArea {width: 100%; text-align: left;  background:#fff;}
#setSize {width: 988px; margin: 0 auto;}
#app { margin:0 auto; text-align:center; }

/* MJ ADDED */
#contentAreaContainer { background: #fff; width: 100%; }

	#contentArea .rightContent {
		float: left;
		font-family: Arial, Helvetica, sans-serif; 
		margin: 4px 0 11px 0;
		padding: 0px 0px 25px 0px;
		width: 700px;
		}
		#contentArea .rightContent .rcHeader_BG{ background: url(graphics/headers/h_bg.jpg) no-repeat; width: 705px; height: 90px; margin: 0px; padding-bottom: 15px; }
			#contentArea .rightContent .rcHeader_BG h1{ margin: 0px; padding: 2px 0px 0px 15px; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 30px; line-height: 33px; color: #fff; font-weight: 200;}
			.rcHeader_BG #logoutBTN {
				background: url("graphics/logout_btn.gif");
				display:none;
				width:74px;
				height:27px;
				text-indent: -9999px;
				float: right;
				margin: 8px 8px 0 0;
			}
			.rcHeader_BG #logoutBTN:hover {
				background-position: 0 -27px;
			}
			
 		#contentArea .rcBody {
			margin: 0px 0px 0px 0px;
			padding: 0px;
			float: left;
			width: 680px;
			}
		#contentArea .rcBody h1 {
			margin: 0px 0px 0px 0px;
			padding: 3px 0px 3px 0px;
			color: #3daeff;
			font-size: 14px;
			}
		#contentArea .rcBody p {
			margin: 0px;
			padding: 0px;
			font-size: 12px;
			}
		#contentArea .rcBody ul {
			margin: 0px;
			padding: 25px 0px 25px 15px;
			}
			#contentArea .rcBody li  {
				margin: 0px;
				padding: 0px 0px 0px 10px;
				font-family: arial, helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				line-height: 18px;
				list-style: none;
				background: url(graphics/bullet01_orange.gif) no-repeat 0px 5px;
				color: #000;
				}

		#contentArea .addPadding .roundBox .shoppingCart {
			margin: -1px 0 0px 0;
			padding: 0;
			}
		#contentArea .addPadding .roundBox .shoppingCart .shopPadding {
			padding: 0px 0px 10px 0px;
			background: #f2f2f2 url(graphics/headers/shop_cart_bottom_bg.gif) no-repeat bottom;
			}


/*---------------------------------
	Product Customizer Box START 
---------------------------------*/
		#contentArea .rightContent .productCustomizer {			
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			float: right;
			}
			#contentArea .rightContent .productCustomizer .pc_bgTop { 
				text-align: center;
				background: #ff6b00 url(graphics/pc_h_bg.gif) no-repeat; 
				width: 191px;
				height: auto; 
				
			}
			
			#contentArea .rightContent .productCustomizer .pc_bgBot { 
				margin-top: -1px;
				border-left: 1px solid black;
				border-right: 1px solid black;
				/* background: url(graphics/pc_bot_bg.gif) repeat-y; */  
			}
			#contentArea .rightContent .productCustomizer .pc_bgEnd { background: url(graphics/pc_end_bg.gif) no-repeat; }

			#contentArea .rightContent .productCustomizer .pc_price { padding-top: 12px; color: #fff; font-size: 18px; }
				#contentArea .rightContent .productCustomizer .pc_price .pc_priceSuper { font-size: 14px; font-weight: bold; position: relative; top: -4px; 
				}

			#contentArea .rightContent .productCustomizer .pc_sectTitle { padding: 5px 0px 5px 28px; font-weight: bold; }

			#contentArea .rightContent .productCustomizer .pc_colorBoxes { padding: 0 0 0 28px; }					
				#contentArea .rightContent .productCustomizer .pc_colBox { 
					padding: 0 10px 10px 0;
					float:left;					
					width: 38px
				}
				
				#contentArea .rightContent .productCustomizer .pc_colBox div { 
					float:left; 
					width: 16px; 
					height: 16px;
				}
				
				#contentArea .rightContent .productCustomizer .pc_colBox input { 
					margin: 0;
					padding: 0;
					float:right;
					vertical-align: center;
				}								
				#contentArea .rightContent .productCustomizer .pc_colorChoice {
					margin: 0px;
					padding: 0px;					
					width: 15px;
					height: 15px;
					border: solid 1px black;
				}
					#contentArea .rightContent .productCustomizer .pc_colorChoice1 {
						margin: 0px;
						padding: 0px;
						float: left;
						width: 7px !important;
						height: 15px;
						border: solid 1px black;
					}
					#contentArea .rightContent .productCustomizer .pc_colorChoice2 {
						margin: 0px;
						padding: 0px;
						float: left;
						width: 7px !important;
						height: 15px;
						border: solid 1px black;
						border-left: none;
					}
			#contentArea .rightContent .productCustomizer .pc_sizeQuantBoxes { margin-left: 28px; width: 160px;}
				#contentArea .rightContent .productCustomizer .pc_quantBox { 
					padding: 0px 0px 5px 0px;
					width: 60px;
					margin: 0 15px 0 0;
					float:left;
					display: block;
				}
					#contentArea .rightContent .productCustomizer .pc_quantBox .pc_quant { 
						float: left;
						width: 30px;
						border: 1px solid #999;
						margin: 0;
						padding: 0;
					}
					#contentArea .rightContent .productCustomizer .pc_quantBox .pc_size { 
						float: right;
						width:20px;
						padding: 3px 2px 0px 0px;
					}

 			#contentArea .rightContent .productCustomizer .pc_button { padding: 10px 0px 0px 28px; }
			

/*---------------------------------
	Product Customizer Box END
---------------------------------*/
			#contentArea .rightContent .productCustomizer .pc_rowData { 
				text-align: center;
				width: 189px;
				min-height: 50px;
				height: auto !important;
				height: 50px;
				background: #fff;
			}
			#contentArea .rightContent .productCustomizer .pc_rowData div { 
				/*padding-top: 10px;*/
			}								
			#contentArea .rightContent .productCustomizer .pc_rowOne { 
				padding-bottom: 10px;
				width: 189px;
				min-height: 65px;
				height: auto !important;
				height: 50px;
				background: #f2f2f2 url(graphics/pc_1.gif) no-repeat top left;
			}			
			#contentArea .rightContent .productCustomizer .pc_rowTwo { 
				padding-bottom: 5px;
				width: 189px;
				min-height: 80px;
				height: auto !important;
				height: 50px;
				background: #fff url(graphics/pc_2.gif) no-repeat top left;
			}			
			#contentArea .rightContent .productCustomizer .pc_rowThree { 
				padding-bottom: 10px;
				width: 189px;
				min-height: 50px;
				height: auto !important;
				height: 50px;
				background: #f2f2f2 url(graphics/pc_3.gif) no-repeat top left;
			}
			#contentArea .rightContent .productCustomizer .pc_rowFour {
				padding-bottom: 5px;
				width: 189px;
				min-height: 50px;
				height: auto !important;
				height: 50px;
				background: #fff url(graphics/pc_4.gif) no-repeat top left;
			}
			#contentArea .rightContent .productCustomizer .pc_rowAddtionalInfo {
				text-align: center;
				width: 189px;
				min-height: 50px;
				height: auto !important;
				height: 50px;
				background: #f2f2f2;
			}
			
			#contentArea .rightContent .productCustomizer .outOfStock { font-size: 9px; clear:both; float:left; }
						
		.shopTable { padding: 0px; margin: 0px 1px; width: 230px;}
		
		.shopTable td {
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 13px;
			padding: 10px 0px; 
			}
		
		.shopTable .shopCol_1 { width: 35px; text-align: center; }
		.shopTable .shopCol_2 { width: 130px; text-align: left; }
		.shopTable .shopCol_3 {  padding-right: 10px; width: 55px; text-align: right; }
		
		.sc_odd { background: #f2f2f2; }
		.sc_even { background: #ffffff; }
		
		.shopTable .sc_btns { padding: 0px; margin: 0px; text-align: center; }
		
		.tastyBreadCrumbs { position: absolute; vertical-align: bottom; margin:0px; padding: 0px 0px 0px 15px; top: 180px;  }	

		.tastyBreadCrumbs ul {
			margin: 0px;
			padding: 0px;
			}
			.tastyBreadCrumbs li  {
				float: left;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 10px;
				font-family: arial, helvetica, sans-serif;
				font-size: 11px;
				line-height: 18px;
				list-style: none;
				color: #ff6b00;
				}
			.tastyBreadCrumbs li.crumb  {
				background: url(graphics/bullet01_orange.gif) no-repeat 0px 8px;
				margin: 0px 0px 0px 6px;
				}
			.tastyBreadCrumbs li.crumb.current  {
				color: #fff;
				font-weight: bold;
			}
/* MJ ADDED */

	#contentArea .addPadding {
		margin: 4px 0 11px 0;
		padding-left: 11px;
		}

/* --- ROUND BOX  --- */
#contentArea .addPadding .roundBox {
	width: 232px; 
	background: url(graphics/bg_round_box_border.gif) repeat-y; 
	display: inline;
	margin: 0 0 0 8px;
	}
#contentArea .addPadding .roundBoxWide {
	width: 472px; 
	background: url(graphics/bg_round_box_head_wide.gif) no-repeat; 
	float: left; 
	}
	#contentArea .addPadding .roundBox img {
		margin-bottom: -2px;
		}
	#contentArea .addPadding .roundBox p {
		padding: 14px 14px 0 14px;
		}
	#contentArea .addPadding .roundBoxHD {
		background: url(graphics/hd_round_box_head.gif) no-repeat; 
		width: 232px; 
		height: 37px;				
		}

.boxQuadIntersect {
	float: right; 
	background: url(graphics/bg_round_box_intersect.gif) no-repeat; 	
	padding: 0 17px 0 0;
	}
	.boxQuadIntersect .roundBox, .boxQuadRight .roundBox{ 
		background: none;
		float: left;
		}
		.boxQuadIntersect div.roundBoxWide {
			margin: 15px 0 0 0;
		 	}
			.boxQuadIntersect div.roundBoxWide p {
				padding: 14px 14px 0 14px;
				float: left;
				}
				.boxQuadIntersect div.roundBoxWide p a {
					font-weight: normal;
					}
			.boxQuadIntersect .roundBox img{
				margin-top: 14px;
				}
.roundBoxLink, .boxQuadIntersect .roundBoxWide .roundBoxLink {
 	margin: 0 15px 5px 0;
	padding: 0;
	float: right;
	}
	 .boxQuadIntersect .roundBoxWide .roundBoxLink a {
	 	font-weight: bold;
	 	}

#colLeft {}
#colRight {}

/* -- FOOTER -- */
#footerContainer {
	clear: both;
	width: 100%;
	background: url(graphics/bg_footer.gif) repeat-x;
	height: 171px;
	text-align: center;
	margin: 0 auto;
	}
#footer {
	width: 987px;
	font-size: 10px;
	text-align: left;
	margin: 0 auto;
	clear: both;	
	height: 171px;
	font-weight: bold;
	color: #ff6b00;
	}
	#footer ul {
		margin: 0 0 0 6px;
		padding: 0 0 6px 0;
		}
		#footer li {
			margin: 0;
			padding: 0 0 0 13px;
			background: url(graphics/footer_list_separator.gif) 7px 2px no-repeat;				
			list-style: none;
			clear: both;
			float: left;
			clear: none;
			}
			#footer li a {
				color: #fff;
				font-weight: normal;
				text-decoration: none;
				}
				#footer li a:hover {
					text-decoration: underline;
					} 
				#footer li.firstChild {
					background: none;
					}
				#footer li.secondChild {
					background: none;
					padding-left: 5px
					}
#footer .footerOrange {
	width: 100%;
	background: url(graphics/bg_footer_info.gif);
	height: 35px;
	}
	#footer .footerOrange img{
		float: right;
		margin: 7px 12px;
		}
#footer .gray {
	color: #575757;
	font-weight: normal;
	font-size: 10px;
	margin: 0;
	padding: 8px 18px;
	}
#footer .copyright {
	color: #fff;
	font-weight: normal;
	font-size: 10px;
	float: left;
	position: absolute;
	margin: 48px 0 8px 643px;
	padding: 0;
	width: 325px;
	text-align: right;
	}

#footer .message {
	color: #fff;
	font-weight: normal;
	font-size: 10px;
	float: left;
	position: absolute;
	margin: 48px 0 8px 643px;
	padding: 0;
	width: 325px;
	text-align: right;
	}

#footer .acro, #footer .acro a {
		color: #575757;
		font-weight: normal;		
		text-decoration: none;
		}
	#footer .acro {
		float: left;
		position: absolute;
		margin: 108px 0 8px 643px;
		width: 325px;
		text-align: right;
		}
#footer .footerLogo {
		position: absolute;
		margin: 123px 0 8px 831px;
		}
/* --------------------------------------------
|  SITE MAP													
--------------------------------------------- */
	
	.siteMapList { margin-top: 15px }
	.siteMapList dt {
		background:url(graphics/ico_folder.gif) 0 4px no-repeat;
		padding-left:20px;
		line-height:20px;
		}
	.siteMapList dd {	
		padding-left:10px;
		margin-left:25px;
		line-height:16px;
		background:url(graphics/sitemap_2nd.gif) no-repeat;
		}
	.siteMapList dd a {	
		color: #666 !important;
		text-decoration:none;
		}
	.siteMapList .bottom { background:url(graphics/sitemap_2nd_bottom.gif) no-repeat; }


/* --------------------------------------------
|  CONTENT SPECIFIC										
--------------------------------------------- */

.clearBoth {clear: both}
#home #contentArea .addPadding {
	background: url(graphics/bg_right_round_box_borders.gif) 0 100% no-repeat; 
	float: left;
	}
	
/* --- Catalog Links List --- */
#contentArea .addPadding .roundBox ul {
	margin: -1px 0 0px 0;
	padding: 0;
	list-style: none;
	}
	#contentArea .addPadding .roundBox ul li {
		margin: 0 0 -1px 0;					
		width: 232px;					
		line-height: 33px;
		}
		#contentArea .addPadding .roundBox ul li a {
			margin-left: 5px;
			}
		#contentArea .addPadding .roundBox ul li.even {
			background: #fff;
			}
		#contentArea .addPadding .roundBox ul li.odd {
			background: #f2f2f2;
			}
		#contentArea .addPadding .roundBox ul li.bottom {
			margin-bottom: 0px;
			padding-bottom: 5px;
			}

#contentArea .addPadding #catalogLinks {
	background: url(graphics/bg_round_box_head.gif) 0 1px no-repeat;
	margin-right: 8px;
	float: left;
	}
#contentArea .addPadding #catalogLinks.roundBox li{
	font-size: 13px;
	background-image: url(graphics/bg_round_box_border.gif);

	}
	#contentArea .addPadding #catalogLinks.roundBox ul li a {
		color: #383838;
		font-weight: normal;
		text-decoration: none;
		background: url(graphics/arrow_blue.gif) 5px 7px no-repeat;
		padding-left: 15px;
		}
		#contentArea .addPadding #catalogLinks.roundBox li a:hover {
			text-decoration: underline;
			}
		#contentArea .addPadding #catalogLinks.roundBox li a.current {
			background-image: url(graphics/arrow_orange.gif);
			font-weight: bold;
			color: #ff6b00;
			}
			#contentArea .addPadding #catalogLinks.roundBox li.bottom {				
				background: url(graphics/bg_round_box_bottom.gif) 0 100% no-repeat;
				}				

/* --- FEATURED READY DESIGNS --- */
.featureItem {
	float: left;
	padding: 10px 20px 0 10px;
	font-size: 13px;
	}
	.featureItem p, .lastFeatureItem p {
		text-align: center;
		padding-top: 1px;
		}
		.lastFeatureItem {
			float: left;
			padding: 10px 10px 0 10px;
			font-size: 13px;
			}

/* --- TOP SELLERS --- */
#topSellers .topSeller {
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	width: 220px;
	clear: both;
	}
	#topSellers .topSeller img, .roundBox .topSeller a {
		float: left;
		}
		#topSellers .topSeller img {
			padding-right: 5px;
			}
	.boxQuadRight #topSellers .topSeller p {
		height: auto;
		float: left;
		width: 135px;
		margin: 14px 5px -14px 0;
		padding: 0;
		}
	

/* --- WHY AD-A-PRINT --- */


/* --- MY ACCOUNT --- */
#contentArea .addPadding #myAccount.roundBox {
	background-image: none;
	}
	#myAccount.roundBox p {
		padding: 0;
		margin: 0 0 10px 0;
	}
	#myAccount.roundBox p.roundBoxLink {
		margin: 0;
		padding: 0 0 5px 0;
		text-align: right;
		width: 200px
		}
	#myAccount.roundBox p.roundBoxLink img {
		margin: 6px 10px -4px 0;
		}


/* --------------------------------------------
|  PAGE SPECIFIC											
--------------------------------------------- */
.cartQuant { width: 20px; border: 1px solid #999; }
.yourQuote {
	font-size: 18px;
	font-weight: bold;
	float: right;
	color: #3daeff;
}

#quickColour .qq_colorBoxes { padding: 0px 0px 0px 28px; }					
#quickColour .qq_colBox { padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; float: left; display: block; width: 45px;}								
#quickColour .qq_colBox input { float: left; border: none; margin: 0; padding: 0; }								
#quickColour .qq_colorChoice { 
	margin-bottom: 5px;
	padding: 0px;
	float: left;
	width: 16px;
	height: 15px;
	border: solid 1px black;
}
	#quickColour .qq_colorChoice1 {
		margin-bottom: 5px;
		padding: 0px;
		float: left;
		width: 8px;
		height: 15px;
		border: solid 1px black;
	}
	#quickColour .qq_colorChoice2 {
		margin-bottom: 5px;
		padding: 0px;
		float: left;
		width: 8px;
		height: 15px;
		border: solid 1px black;
		border-left: none;
	}

.quickColourList {
	margin:0 !important;
	padding:0 !important;
	list-style:none;
}

.quickColourList div, .quickColourList input {
	float:left;
}

.qq_sizeQuantBoxes { padding: 0px 0px 0px 16px; }
	.qq_quantBox { 
		width: 55px;
		padding: 0px 0px 5px 0px;
		margin: 0px; float: left; 
	}
		.qq_quant { 
			float: right;
			width: 20px;
			border: 1px solid #999;
		}
		.qq_quantBox .qq_size { 
			float: right;
			padding: 3px 2px 0px 0px;
		}

#quickSet { 
	margin-top:10px;
	display:block;
	width: 650px;
	border:1px solid #ccc;	
	background: url(graphics/bg_quick_quote.gif) 0 100% repeat-x !important;
}

#quickSet legend {
	font-weight: bold;
	background:#383838;
	padding:4px 8px;
	border:1px solid #000;
	color:#fff;
}


#quickSet .requestQuote {
	margin-top:6px;
}

/*------------------------
|	Search Box _mj
+-----------------------*/
.hdrSearchBoxContainer {
	vertical-align: top; 
	margin: 0px; 
	padding:	0px; 
	border: solid 0px #fff; 
	height: 40px;
	}

.hdrSearchBox {
	vertical-align: top; 
	float: left; 
	border: 0px solid #fff; 
	margin: 0px; 
	padding: 8px 0px 0px 380px;
	}

.hdrSearchIptBox {
	vertical-align: top; 
	border: 1px solid #ff6b00; 
	background: #fff url(graphics/bg_searchbox.gif) no-repeat; 
	float: left;
	width: 138px; 
	height: 16px;
	font-size: 9px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	}

.hdrSearchIptBtn {
	vertical-align: top; 
	float: left;
	}
	
/*-----------------------
|    DESIGN OC PAGES
+-----------------------*/

.designPhotosContainer {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	}

.designPhotosContainer img {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	}

.designPhotosDesIt {
	background: #fff;
	margin: 60px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	}
	
/*-----------------------------
More Custom Matter ->READY DESIGN CATEGORIES
-----------------------------*/
.featuredImage {
	float: left;
	margin-left: 12px	
}

.featuredText {
	float: left; 
	width: 500px;
}

.featuredText p {
	padding-left: 20px !important; 
	padding-top: 10px !important;
}