/* set site width*/
.ui-autocomplete { position: absolute; cursor: default;z-index:99999999999 !important; }	

.divWrapper {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.clear {
	clear: both;
}
#siteWrapper {
	margin: 0 auto;
	width: 987px;
	
	position:relative;
}
.mainWrapper {
	background: url(../images/contentMain-bg.gif) repeat-y left top;
	float: left;
	width: 987px;
	overflow: hidden;
}
/* header styles */
h1.headings{color:#0C003E;font-family:Helvetica;font-size:24px;}
.choose_from_heading{color:#0C003E !important;font-family:Helvetica;font-size:18px;margin-left:20px;}
.printlogo {
	display: none;
}
#header {
	height: 85px;
	background: url(../images/header-bg-panel.gif) no-repeat 0 bottom;
	width: 980px;
	margin-top: 1em;

}
	.twitter{
		right:8px;
		
		position:absolute;
		top:33px;
	}
	#blog_link,#facebook_link{margin-left:20px;}
	
	#logo {
		margin: 24px 0 0 22px;
		float: left;
		background: url(../images/logo.gif) no-repeat left top;
		width: 289px;
		height: 43px;
		display: block;
		text-indent: -9999px;
		border: 0!important;
	}
	#infoNav {
		float: right;
		margin-right: 220px;
		margin-top: 5px;
		font-size: 12px;
		color: #0c003e;
	}
	#infoNav a {
		color: #ff3300;
		background: url(../images/topNav-link-spacer.gif) no-repeat right 50%;
		margin-right: 8px;
		padding-right: 8px;
		font-size: 11px;
	}
	#infoNav a:hover {
		color: #609208;
	}
	#searchNav {
		float: left;
		margin-left: 160px;
		margin-top: 30px;
		color: #0c003e;
		font-size: 1.4em;
		z-index: 99999999;
	}
	#searchNav label, #searchNav p {
		float: left;
		font-size: 14px;
	}
	#searchNav input {
		border: 1px solid #969696;
		font-size: 11px;
		padding: 2px 5px;
		color: #333;
		margin-left: 10px;
		float: left;
		z-index: 99999999;
	}
	#searchNav .searchInput {
		border: 0!important;
		padding: 0!important;
		padding-top: -2px;
	}
#contentWrapper {
	float: left;
	overflow: hidden;
	width: 735px;
	position:relative;
	top:-3px;
}
#contentWrapper ol {
	padding: 0 15px;
	}
	
	form.custom-quote ol {
		padding:0px !important;
		}
	
/* main navigation */

	#mainNav ul {
		list-style: none;
		width: 100%;
		float: left;
		display: block;
		background: url(../images/mainNav-bg-panel.gif) no-repeat left top;
		height: 37px;
		padding: 0px 5px;
	}

	#mainNav li {
		float: left;
		padding-top: 1px;
	}

	#mainNav li a {
		display: block;
		color: #FFF;
		text-decoration: none;
		border: 0;
		font-size: 1em;
		height: 35px;
		padding-top: 5px;
	}
	#mainNav li a:hover, #mainNav li .here {
		text-decoration: none;
		color: #F2F1ED;
		background: url(../images/mainNav-bg-active.gif) no-repeat center top;
	}
#mainNav .byUse {
	width: 99px;
	text-align: center;
	margin-left: 3px;
}
#mainNav .bySize {
	width: 103px;
	text-align: center;
}
#mainNav .byMaterial {
	width: 127px;
	text-align: center;
}
#mainNav .byShape {
	width: 118px;
	text-align: center;
}
#mainNav .prntLabels {
	width: 130px;
	text-align: center;
}
#mainNav .promProducts {
	width: 140px;
	text-align: center;
}


/* sub navigation */

#subNav {
	background: url(../images/subNav-bg.gif)!important;
	display: block;
	float: left;
	width: 732px;
	text-align: center;
	color: #FFF;
}
.subNavContent {
	float: left;
	display: block;
	width: 100%;
}
	#subNav h2 {
		font-size: 2em;
		padding: 5px 15px;
		color: #FFF;
	}
	#subNav h3 {
		font-size: 1.1em;
		color: #FFF;
		padding: 0 15px;
		line-height: 1.2em;
	}
	.rbTop {
		background: url(../images/subNav-corner-topLeft.gif) no-repeat left top;
	}
	.rbTop div {
		background: url(../images/subNav-corner-topRight.gif) no-repeat right top;
	}
	.rbBot {
		background: url(../images/subNav-corner-botLeft.gif) no-repeat left bottom;
	}
	.rbBot div {
		background: url(../images/subNav-corner-botRight.gif) no-repeat right bottom;
	}
	.rbTop div, .rbBot div {
		font-size: 4px;
	}
#subNav #byUse {
	width: 90px;
	margin-left: 17px;
	_margin-left: 8px;
}
#subNav #bySize {
	width: 91px;
	margin-left: 13px;
}
#subNav #byMaterial {
	width: 113px;
	margin-left: 14px;
}
#subNav #byShape {
	width: 105px;
	margin-left: 13px;
}
#subNav #prePrint {
	width: 117px;
	margin-left: 13px;
}
#subNav #promProducts {
	width: 117px;
	margin-left: 13px;
	background: none!important;
}
#subNav ul {
	float: left;
	background: url(../images/subNav-dotted-edge.gif) repeat-y right top;
	text-align: left!important;
	list-style: none!important;
	margin-top: 5px;
}
#subNav li {
	margin-bottom: 7px;
	line-height: 1.4em;
}
#subNav li a {
	color: #FFF;
	font-size: 1em;
}
#subNav li a:hover {
	border-bottom: 1px dotted #E9E9E9;
}
#subNav .subBold {
	font-weight: bold;
}

/*#contentMain, #sidePanel, #siteWrapper, #header, .mainWrapper {
	border: 1px solid red;
}
#contentMain, #mainNav, .subNavWrapper, #contentWrapper, #breadcrumbs {
	float: left;
	width: 732px;
}*/
#contentMain {
	padding-left: 20px;
	position: relative;
	width: 733px;
	float: left;
}
#content p {
	margin-top:0.9em;
	}

/* Breadcrumbs */

#breadcrumbs {
	margin: 0 0 .8em 0 !important;
	display: block;
	text-align: right;
	float: left;
	width: 100%;
	background: url(../images/breadCrumb-bg.gif) no-repeat right bottom;
	}
	#breadcrumbs li {
		display: inline;
		font-size: 10px;
		color: #000;
		}
		#breadcrumbs a {
			color: #8e8e8e;
			border: 0;
			background: url(../images/arrow-light-grey.gif) no-repeat 0 5px;
			padding-left: 10px;
			margin-right: 3px;
			font-size: 10px;
			}
			#breadcrumbs a:hover {
				color: #6c6c6c;
			}


#filterTitle {
	float: left;
	margin: 10px 0;
	display: block;
}
#filterTitle h2 {
	float: left;
	padding: 5px 0 10px 0;
}
#searchFilter {
	margin: .3em 0 .8em 0 !important;
	text-align: right;
	float: right;
}

	#searchFilter li {
		display: inline;
		font-size: 11px;
	}

	#searchFilter a {
		color: #609208;
		border: 0;
		background: url(../images/filter-spacer.gif) no-repeat right 2px;
		padding-right: 7px;
		margin-left: 5px;
	}
	#searchFilter .displayView {
		color: #0c003e;
		background: none!important;
		padding: 0!important;
	}
	#searchFilter a:hover {
		color: #6c6c6c;
		text-decoration: underline;
	}

/* Pretty box on homepage */
	#prettybox{position:relative;width:735px;padding-bottom:16px;background: transparent url(../images/homeBig_red_box_rounded.jpg) no-repeat;}
		#prettybox_content{position:relative;margin-left:20px;margin-bottom:50px;width:435px;height:220px;overflow:hidden;color:white;font-family: verdana;font-size: 12px; line-height: 20px;}
			#prettybox_content a:link{color:#ffcc66;font-weight: bold;}
			#prettybox_content h1{padding-top:45px;padding-bottom:20px;width:440px;color:white;font-family: Helvetica; font-size: 30px;line-height: 32px;font-weight:bold;}
		#fpo{position:absolute;top:25px; left:506px;width:203px;height:203px;}
		#prettybox .Box_features{position:relative;margin-left:10px !important;}
		
/* featured items on homepage */

	.Box_features h3 {
		clear: both;
		color: #FFF;
		padding: 16px 0 0 20px;
		margin-bottom:.5em;
		line-height:1.0em;
		font-family: Helvetica;
		}
		.Box_features h3 a {
			color: #FFF;
			padding: 0!important;
			font-size: 20px!important;
			}
			.Box_features h3 a:hover {
				border: 0;
				text-decoration: underline;
				}
				.Box_features h3 span {
					font-weight: bold;
					color:#fff;
					}
					.Box_features li a {
						border: 0;
						color: #fff;
						font-size: 12px;
						padding-left: 19px;
						text-decoration: none;
						display: block;
						background: url(../images/icons/symbol-orange-light.gif) no-repeat left 5px;
						}
/*
.Box_features {
	height:130px;
	overflow: hidden;
	}*/
#showallone {
	height:108px; 
	overflow: hidden;
}
#showalltwo {
	height:108px; 
	overflow: hidden;
}
#showallthree {
	height:108px; 
	overflow: hidden;
}
.btmlist { 
	width:230px;
	position:relative;
	background-color:#ed3000 ;
}
.btmlist img{ position:relative;top:8px;width:230px;}
.Box_features li.box_inner.box_last .btmlist{
	width:230px;
	position:relative;
	background-color:#ed3000;
	}

.btmlist a { 
	list-style-image:none; 
	background-image:none!important; 
	text-align:right; 
	padding:0 10px;
	outline:none;
	position:relative;
	top:4px;
}
.Box_features,
.Box_features li.box_top,
.Box_features li.box_bot {
	float: left;
	width: 718px;
	display: block;
	}
	.Box_features.cat {
		width: 736px;
		margin: 0;
		}
	.Box_features li.box_top, .Box_features li.box_bot {
		height: 8px;
		display: block;
		}
		.Box_features ul.box_body.home {
			/*background: url(../images/box_body.png) repeat-y 0 0;*/
			}
		.Box_features ul.box_body.cat_body {
			/*background: url(../images/box_cat_body.png) repeat-y 0 0;*/
			}
		.Box_features li.box_inner {
			width: 231px;
			margin-right: 12px;
			background:#ed3000 url(../images/logo-deco.jpg) no-repeat 0 0;
			}
		.Box_features li.box_inner2 { margin-right: 11px;width:230px;}
		.Box_features li.box_inner.box_last {
			width: 230px;
			margin: 0;
			}
		.Box_features li.box_inner.cat_list {
			width: 175px;
			margin-right: 9px;
			}
		.Box_features li.box_top {background: url(../images/smallbox_top.jpg) no-repeat 0 0;}
		.Box_features li.box_bot {background: url(../images/box_bot.png) no-repeat 0 0;}
		.Box_features li.box_top.cat_top{background: url(../images/box_cat_top.png) no-repeat 0 0; width: 736px;}
		.Box_features li.box_bot.cat_bot{/*background: url(../images/box_cat_bot.png) no-repeat 0 0; width: 736px;*/}
		.Box_features li.box_inner{
			float: left;
			}
			.Box_features li.box_inner ul{
				padding-left: 12px;
				background-color:#ed3000;
				}
				.Box_features li.box_inner ul li{
					padding-bottom: 4px;
					margin-left:4px;
					}
				.Box_features li.box_inner ul a:hover, .Box_features li.box_inner ul a.here {
					text-decoration: none;
					color: #FFF;
					/*background: #fe592f url(../images/icons/icon-logo-box-orange.gif) no-repeat left 5px;*/
					}
					.Box_features li.box_inner ul a.here {
						font-weight: bold;
						/*background: #fe592f url(../images/icons/icon-logo-box-orange.gif) no-repeat left 5px;*/
						color: #FFF;
						}
					.boxBody ul li a.here {
						font-weight: bold;
						/*background: #fcfcfc url(../images/icons/symbol-orange.gif) no-repeat 5px 5px;*/
						}
						.Box_features h3 a {background: none!important;}
					
.Box_features { float:none;}	

#wiz_configuration_btn{
	position:relative;
	float: left;
	
	top:-8px;
	/* JH added 8/12/09 */
	margin-bottom: 0px;
	margin-top: 0px;
}
#wizard_configurator{
	border:1px solid #ccc;
	background: url(../images/popular_gradient.gif) repeat-x 0 top;
	padding: 0px 0 15px 0;
	margin-bottom: 5px;
	margin-top:10px;
	
	
	display:inline-block !important;
	width: 733px;
	position: relative;
	float:left;
	clear:both;

}

#wiz_title .wiz_img {

	position: relative;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
	
#wizard_configurator #wiz_title { 
	position: relative;
	height: 40px;
	margin-left: 20px;
	font-family: Helvetica, sans-serif;
	margin-top: 2px;
}

#wizard_configurator #wiz_title .popSrchHdRed {
	font-size: 28px;
	color:#FF3300;
	line-height:1.3em;
	font-family: Helvetica, sans-serif;
}
#wizard_configurator #wiz_title .popSrchHdBlue{font-family: Helvetica, sans-serif;font-size: 28px; color:#0C003E;line-height:1.3em;}		

#wizard_configurator #wiz_shape_size_menus{  }
	#wizard_configurator #wiz_shape_size_menus #wiz_shape_size_menus_title{margin:5px 20px 15px 20px;font-family: Helvetica, sans-serif;font-size: 20px;line-height:1.5em;}
		#wizard_configurator #wiz_shape_size_menus #wiz_shape_size_menus_title .popSrchRed{color:#FF3300;}
		#wizard_configurator #wiz_shape_size_menus #wiz_shape_size_menus_title .popSrchBlue{color:#0C003E;}
#wizard_configurator #wiz_select_wrapper{margin-right:20px;}
	#wizard_configurator #wiz_select_wrapper select{margin-left:10px;}
#wizard_configurator #wiz_materials_list{display:none;}
	#wizard_configurator #wiz_materials_list #wiz_materials_list_title{margin:15px 20px 5px 20px;font-family: Helvetica, sans-serif;font-size: 20px;line-height:1.5em;}
		#wizard_configurator #wiz_materials_list #wiz_materials_list_title .popSrchRed{color:#FF3300;}
		#wizard_configurator #wiz_materials_list #wiz_materials_list_title .popSrchBlue{color:#0C003E;}
	#wizard_configurator #wiz_col_wrapper{padding-left:10px;}
		#wizard_configurator #wiz_materials_list #wiz_materials_col1{position:relative;float:left;margin:2px 2px;width:237px;}
		#wizard_configurator #wiz_materials_list #wiz_materials_col2{position:relative;float:left;margin:2px 2px;width:237px;}
		#wizard_configurator #wiz_materials_list #wiz_materials_col3{position:relative;float:left;margin:2px 2px;width:237px;}
			.wiz_material_radio_wrapper{margin-bottom:12px;position:relative;}
			.wiz_material_radio{float:left;}
.wiz_material_radio_wrapper label { 
	float:left;
	margin-left:5px;
	cursor:pointer;
	position:relative;
}
.wiz_material_radio_wrapper label .material_name {
	font-weight: bolder;
	font-size:10px;
	color:#0C003E;
	line-height:1.1em;
}
			.wiz_material_radio_wrapper label .fineprint{font-size:10px;color:#333;}

/*** wizard 2 **/
#wizard_mat_configurator{
	position:relative;
	border:1px solid #ccc;
	background: url(../images/popular_gradient.gif) repeat-x 0 top;
	padding: 0px 0 7px 0;
	
	width: 733px;
	}
.wiz2_img{ 
	position:absolute; 
	bottom:0px;
	right:0px;
}
#wizard_mat_configurator #wiz2_title { 
	position: relative;
	height: 35px;
	margin-left: 20px;
	font-family: Helvetica, sans-serif;
	margin-top: 10px;
}
.wiz2_mat_btn{position:absolute;top:0;right:0;z-index:99;}
#wizard_mat_configurator #wiz2_title .popSrchHdRed {
	font-size: 18px;
	color:#FF3300;
	line-height:1.3em;
	font-family: Helvetica, sans-serif;
}
#wizard_mat_configurator #wiz2_title .popSrchHdBlue{font-family: Helvetica, sans-serif;font-size: 18px; color:#0C003E;line-height:1.3em;}		
#wiz2_shape_size_menus_title .popSrchHdRedsmaller {
	font-size: 16px;
	color:#FF3300;
	line-height:1.3em;
	font-family: Helvetica, sans-serif;
}
#wizard_mat_configurator #wiz_shape_size_menus{padding-top:10px;height:25px;margin-left:20px;}
#wiz2_shape_size_menus_title,#wiz2_select_wrapper{position:relative;float:left;}	
#wiz2_select_wrapper,.mat_shape_size{margin-left:15px;}

#homeLatestFeatures {
	border:1px solid #ccc;
	background: url(../images/popular_gradient.gif) repeat-x 0 top;
	padding: 0px 0 15px 0;
	margin-bottom: 5px;
	margin-top:10px;
	height:207px;
	display:inline-block !important;
	width: 733px;
	position: relative;
	float:left;
	clear:both;
}
#homeLatestFeatures .popular_searches{margin-top:3px;position:relative;height:40px;margin-left:20px;font-family:helvetica;}
#homeLatestFeatures .popular_searches .popSrchRed{font-size: 24px;color:#FF3300;}
#homeLatestFeatures .popular_searches .popSrchBlue{font-size: 24px;color:#0C003E;}
#homeLatestFeatures .homeFeatLeft {
	float: left;
	margin-left:20px;
	width: 335px;
}
#redvertline{position:absolute;width:1px;background-color:#FF3300;height:150px;left:375px;top:58px;}
#homeLatestFeatures .homeFeatRight {
	float: right;
	margin-right:20px;
	width: 305px;
}
.homeFeatLeft h2, .homeFeatRight h2 {
	color: #0c003e;
	font-size: 20px;
	padding-bottom: 10px;
	padding-top: 5px;
}
.homeFeatLeft h2 span, .homeFeatRight h2 span {
	color: #ff3300;
}
.homeFeatLeft h3 a, .homeFeatRight h3 a {
	color: #0c003e!important;
	font-size: .7em;
	font-weight: bold;
}
.homeFeatLeft h3 a:hover, .homeFeatRight h3 a:hover {
	border: 0!important;
	color: #FF3300!important;
}
.homeFeatLeft p, .homeFeatRight p {
	font-size: 1em;
	padding-bottom: 7px;
}
.homeFeatLeft a.featureLink, .homeFeatRight a.featureLink {
	color: #609208;
	background: url(../images/icons/icon-logo-green.gif) no-repeat left 2px;
	padding-left: 20px;
	font-size: 12px;
}
.homeFeatLeft a:hover.featureLink, .homeFeatRight a:hover.featureLink {
	color: #486810;
	text-decoration: underline;
}
#homeLatestFeatures img {
	float: right;
	padding: 0 5px;
}
.titleContent {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0.3em 0 0.3em 0;
	padding: 0;
}

.homeFeaturesBoxes, .catFeaturesBoxes, .specifications {
	float: left;
	display: block;
	margin: 0 4px;
}
.homeFeaturesBoxes {
	width: 234px!important;
}
.label {
	width: 178px!important;
	margin-right: 6px;
}
.labelLast {
	width: 178px!important;
}

/* box features */

.greyboxContiner {
	background: #f8f8f8;
	clear: both;
	display: block;
	width: 100%;
	margin-bottom: 1em;
}
.greyboxContiner li {
	float: left;
	width: 31%;
	margin: 0 5px;
}
.greyboxContiner li.items {
	display: inline-table;
	height: 38px;
}
.greyboxContiner li a {
	text-decoration: underline;
	color: #FF3300;
	padding: 1px 0 1px 25px;
	font-size: 11px;
	font-weight: bold;
	background: #fafafa url(../images/icons/symbol-grey.gif) no-repeat 5px 8px;
	float: left;
	width: 170px;
}
.greyboxContiner li em {
	float: right;
}
.greyboxContiner h4 {
	color: #0C003E;
	font-weight: bold;
	padding-left: 10px;
	font-size: 1.2em;
}
.greyboxContiner p {padding: 0 10px;}

.greyboxContiner li a:hover {
	background: #fcfcfc url(../images/icons/symbol-orange.gif) no-repeat 5px 8px;
	text-decoration: underline;
}
.greyBoxTop {
	background: #F8F8F8 url(../images/grey-rbTop-left.gif) no-repeat left top;
}
.greyBoxTop div {
	background: url(../images/grey-rbTop-right.gif) no-repeat right top;
}
.greyBoxBot {
	background: #F8F8F8 url(../images/grey-rbBot-left.gif) no-repeat left top;
}
.greyBoxBot div {
	background: url(../images/grey-rbBot-right.gif) no-repeat right top;
}

.reset {
	text-align: right;
	padding: 0 15px;
	}
	.reset a {
		background: url(../images/icons/reset.gif) no-repeat right 2px;
		padding-right: 15px;
		}
			
.greyboxContiner .boxBody .breadcrumb_filter{
	float: left;
	padding: 0 15px;
	margin: 0;
	}
	.greyboxContiner .boxBody .breadcrumb_filter li{
		width: auto;
		margin: 0;
		}
		.greyboxContiner .boxBody .breadcrumb_filter li a{
			padding: 0 0 0 10px;
			margin: 0;
			font-size: 11px;
			font-weight: normal;
			text-decoration: none;
			color: #0C003E;
			background: url(../images/icons/arrow-orange.gif) no-repeat 0 50%;
			}
			.greyboxContiner .boxBody .breadcrumb_filter li a:hover{
				text-decoration: underline;
				}
.createNew label, .createNew input {
	float: left;
	margin-right: 8px;
}
.createNew input {
	margin-top: 2px;
}
.createNew {
	padding: 0 0 0 10px!important;
	float: left;
}
.orangeboxContainer {
	background: url(../images/homeBox-orangeBg.gif);
	float: left;
	display: block;
	color: #FFF;
	font-size: 11px;
	width: 732px;
	overflow: hidden;
}
.orangeBody {
	float: left;
	display: block;
	width: 100%;
}
.orangeboxContainer h3 {
	padding: 0 15px 0;
	clear: both;
	color: #FFF;
}
.orangeboxContainer h3 a{
	color: #FFF;
}
.orangeboxContainer h3 span {
	color: #CCC;
}
.orangeboxContainer h3 a:hover {
	border: 0!important;
}

.orangeBoxTop, .orangeBoxBot, .orangeBoxTop div, .orangeBoxBot div,
.greyBoxTop, .greyBoxBot, .greyBoxTop div, .greyBoxBot div {
	height: 10px!important;
	float: left;
	display: block;
	width: 100%;
	clear: both;
	font-size: 1px;
}
.orangeBoxTop {
	background: url(../images/boxOrange-topLeft.gif) no-repeat left top;
}
.orangeBoxTop div {
	background: url(../images/boxOrange-topRight.gif) no-repeat right top;
}
.orangeBoxBot {
	background: url(../images/boxOrange-botLeft.gif) no-repeat left top;
}
.orangeBoxBot div {
	background: url(../images/boxOrange-botRight.gif) no-repeat right top;
}

.greyboxContiner ul, .orangeboxContainer ul {
	padding: 5px 0;
}
.orangeboxContainer ul.specs {
	width: 200px;
	float: left;
	margin-left: 15px;
}
.orangeboxContainer ul.specs span {
	width: 150px;
	display: block;
	float: left;
	margin-bottom: -2px;
	font-weight: bold;
	margin-right: 10px;
}
.orangeboxContainer ul.specs li {
	border-bottom: 2px dotted #F8653F;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.orangeboxContainer li a {
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	border: 0;
	padding-left: 19px;
}
.orangeboxContainer li a:hover {
	text-decoration: none;
	color: #F2F1ED;
	background: url(../images/icons/icon-logo-box-orange.gif) no-repeat left 50%;
}
.orangeBox-linkBold {
	padding-left: 19px;
	background: url(../images/icons/icon-logo-box-orange.gif) no-repeat left 50%;
	font-weight: bold;
}

.colorBoxTop, .colorBoxBot, .colorBox {
	float: left;
	display: block;
	width: 670px;
	margin-left: 15px;
}
.colorBoxTop {
	background: url(../images/colorBoxTop.gif) no-repeat 0 0;
	height: 6px;
}
.colorBoxBot {
	background: url(../images/colorBoxBot.gif) no-repeat 0 0;
	height: 6px;
}
.colorBox {
	background: #F2F2F2;
	text-align: center;
	padding: 0.5em 0 0.3em 0;
}

/*----- Orange Box Set Widths ------*/

.catFeaturesBoxes {
	width: 172px;
}
.specsContainer {
	width: 365px;
}
.specifications {
	width: 365px;
}

/*----- Product Lisitngs -----*/

.sortby {
	position: absolute;
	left: 590px;
	top: 85px;
	width: 170px;
	z-index: 10;
	}
	select.sortby {
		padding: 0;
		background: #FFF;
		}
/* Search Results */

.productList {
	width: 100%;
	float: left;
	padding-top: 15px;
}
.productList li {
	padding: 1em 0;
	}
	.productList li {
		float: left;
		width: 45%;
		padding-right: 10px;
		}
		.productList li a{
			display: block;
			font-size: 1.2em;
			}
			.productList li a img{
				float: left;
				/*display: block;*/
				margin-right: 10px;
				}

/*----- Product Detail Display -----*/

.intro {
	padding: 0.5em 0 1em 0;
	color: #0C003E;
}
.shippingInfo {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 1.5em;
	padding: 10px 0;
	border-bottom: 2px solid #F9F8FA;
	border-top: 2px solid #F9F8FA;
}
.shippingInfo li {
	width: 48%;
}
.shippingMessage h4 {
	color: #444;
	font-weight: bold;
	font-size: 1.2em;
	background: url(../images/icons/globe.png) no-repeat 0 50%;
	padding-left: 24px;
}
.quantityMessage h4 {
	color: #444;
	font-weight: bold;
	font-size: 1.2em;
	background: url(../images/icons/box.png) no-repeat 0 50%;
	padding-left: 24px;
}
.shippingMessage p, .quantityMessage p {	
	margin-right: 15px;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #4A4A4A;
}
.prodColors {
	margin: 0 10px;
	width: 97%;
}
.imgDisplay {
	float: left;
	font-size: 12px;
	display: block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
}
.productImg {
	float: left;
	width: 100px;
}
.productInfo {
	float: left;
	width: 600px;
}
.productImg {
	background: url(../images/productImg-right.gif) repeat-y right top;
	display: block;
	padding-right: 10px;
	margin-right: 15px;
}
.imgDisplay p {
	padding-bottom: 10px;
}
.imgDisplay ul {
	list-style: none;
}
.imgDisplay li {
	float: left;
}
.imgDisplay li a, .order-sample {
	color: #609208;
	margin-right: 15px;
	padding-left: 10px;
	background: url(../images/icons/arrow-orange.gif) no-repeat 0 7px;
	display: block;
	font-weight: bold;
}
.imgDisplay  a:hover {
	text-decoration: underline;
}
.imgDisplay .Viewlarger {
	background: url(../images/icons/icon-view-larger.gif) no-repeat left 2px;
}
.imgDisplay .EmailFriend {
	background: url(../images/icons/icon-email.gif) no-repeat left 1px;
}
.imgDisplay .orderSample {
	background: url(../images/icons/icon-asterix.gif) no-repeat left 2px;
}
.imgDisplay span {
	display: block;
	font-weight: bold;
}

/* Select Menu */

.itemSelection {
	float: left;
	display: block;
	width: 100%;
	background: url(../images/productSelection-bg.gif) repeat-x left top;
	margin: 20px 0;
	color: #FFF;
	font-size: 11px;
}
.selectionItems {
	float: left;
	display: block;
	width: 100%;
}
.itemSelection select {
	padding: 1px 2px;
	width: 120px;
	margin-left: 15px;
	margin-right: 15px;
}
.itemSelection input {
	width: 20px;
	margin-left: 10px;
	padding: 1px 2px;
	margin-right: 10px;
}
.itemSelection span {
	color: #CCC;
	font-size: 11px;
}
.itemSelection .btnAddCart {
	width: 109px;
	height: 25px;
	padding: 0;
	margin: 0 0 -6px 10px;
}

/* Email A Friend */

.formFeature {
	text-align: center;
}
.formFeature h3 {
	padding-bottom: 10px;
}
.formFeature ul {
	width: 500px;
	text-align: left;
	float: left;
}
.formFeature li {
	margin: 5px 0;
	padding-bottom:15px;
}
.formFeature .last {
	padding: 0!important;
}
.formFeature label {
	width: 180px;
	text-align: right;
	float: left;
	margin-right: 30px;
}
.formFeature label span {
	display: block;
	width: 180px;
}
.formFeature input, .formFeature textarea {
	width: 250px;
}
.btnSendEmail, .btnOrderSample {
	width: 107px!important;
	height: 23px!important;
}

/* Selection Items Mini */

.itemSelectionMini {
	float: left;
	display: block;
	width: 360px;
	background: url(../images/productSelection-bg.gif) repeat-x left top;
	margin: 0 5px 20px 0;
	color: #FFF;
	font-size: 11px;
}
.itemSelectionMini h3 {
	padding: 0 15px;
	color: #FFF;
}
.selectionItemsMiniContent {
	float: left;
	display: block;
	width: 360px;
}
.itemSelectionMini p {
	padding: 0 15px;
}
.itemSelectionMini select {
	width: 156px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.itemSelectionMini label {
	float: left;
	width: 80px;
	text-align: right;
}
.itemSelectionMini textarea {
	margin-left: 15px;
	width: 230px;
	margin-bottom: 5px;
}
.itemSelectionMini input {
	margin-left: 15px;
	width: 30px;
	margin-bottom: 12px;
}
.addtoMyCart {
	width: 109px!important;
	height: 25px!important;
	margin: 0 0 2px 90px!important;
}
.emailFriend legend {
	padding-left: 148px!important;
}

/* Table Swatch Colours */

.tableData {
	margin-left: 10px;
	float: left;
}
.tableData td {
	padding: 0 10px;
}
.tableData th {
	width: 80px;
	border: 1px solid #FFF;
	text-align: right;
	font-weight: bold;
}
.tableData th.darkBlue {background: #0055a5;}
.tableData th.red {background: #ee3a42;}
.tableData th.yellow {background: #fff000;}
.tableData th.black {background: #000;}
.tableData th.green {background: #1fb25a;}
.tableData th.white {background: #FFF;}
.tableData th.lightBlue {background: #0093d0;}
.tableData th.brown {background: #68321f;}
.tableData th.purple {background: #a54399;}
.tableData th.burgundy {background: #a30046;}

.swatchInfo {
	padding: 0 28px;
	background: url(../images/icons/icon-info.gif) no-repeat 10px 1px;
	display: block;
	clear: both;
	font-size: 10px;
}
.optionBlue, .optionMelon, .optionLemon, .optionOrange, .optionLime, .optionPink {
	border-color: #FFF;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	width: 80px;
	padding: 4px;
	float: left;
	margin: 0 10px;
	display: block;
}
.optionPink {
	border: 1px solid #FFF;
	margin-bottom: 10px;
}
.specsContainer .colour, .catFeaturesBoxes .colour {
	font-weight: bold;
	font-size: 12px;
	float: left;
	padding-top: 5px;
}
.tableDataBorder td {
	border-bottom: 1px dotted #F2F2F2;
}
/* orange box table data */

.tableDataSpecs {
	margin: 0 5px!important;
	float: left;
	margin-top: 15px;
}
.tableDataSpecs tr {
	border-bottom: 1px dotted #F2F2F2;
}
.tableDataSpecs td {
	padding: 0 5px;
	width: 60px;
}
.tableDataSpecs th {
	text-align: right;
	font-weight: bold;
	width: 100px;
}
.specWidth {
	width: 170px;
}

/* Green rounded boxes*/

.prodMedia {
	float: left;
	clear: both;
	display: block;
	width: 100%;
}
.prodMedia p {
	font-size: 12px;
}
.prodMediaTop, .prodMediaBot, .prodMediaBot_long, .prodMediaBot_long {
	height: 18px;
	display: block;
	float: left;
	padding: 0!important;
	margin: 0!important;
}
.prodMediaTop, .prodMediaBot {width: 350px;}
.prodMediaBot_long, .prodMediaBot_long {width: 733px;}
.prodMediaTop {background: url(../images/productMedia-Top.gif) no-repeat left top;}
.prodMediaBot {background: url(../images/productMedia-Bot.gif) no-repeat left top;}
.prodMediaTop_long {background: url(../images/productMedia-Top-long.gif) no-repeat left top;}
.prodMediaBot_long {background: url(../images/productMedia-Bot-long.gif) no-repeat left top;}

.prodMediaContent {
	width: 100%;
	background: url(../images/productMedia-Bg-long.gif) repeat-y left top;
	float: left;
	display: block;
}
.prodMediaContent h3 {
	padding-left: 20px;
	font-weight: bold;
	font-size: 1.2em;
}
.prodMediaContent p, .prodMediaContent ul {
	padding: 0 20px;
}
.prodMediaContent p {padding-bottom: 10px;}
.prodMediaContent a {color: #609208;}
.prodMediaContent a:hover {
	color: #6BA309;
	text-decoration: underline;
}
.short {
	width: 350px!important;
	background: url(../images/productMedia-Bg.gif) repeat-y left top!important;
	margin-right: 10px;
}
.prodMediaContent ul {}
.prodMediaContent li {
	padding-bottom: 10px;
	float: left;
	width: 35%;
}
.prodMediaContent li.media_long {
	width: 100%!important;
}
.prodMediaContent .wordDoc, .prodMediaContent .pdfDoc {padding: 2px 0 10px 30px;margin-bottom: 10px;}
.prodMediaContent .wordDoc {background: url(../images/icons/icon-word-doc.gif) no-repeat left top;}
.prodMediaContent .pdfDoc {background: url(../images/icons/icon-pdf.gif) no-repeat left top;}
.prodMediaContent .viewVideo span {
	font-size: 1.1em;
	font-weight: bold;
	margin-right: 12px;
}

/*----- Products Footer Display ------*/

#subFeaturedProducts {
	padding: 10px 0;
}
#subFeaturedProducts h3 {
	font-size: 12px;
}
#subFeaturedProducts h3 a {
	color: #609208!important;
	font-weight: bold;
}
#subFeaturedProducts div {
	float: left;
	width: 360px;
	padding: 7px 0;
}
#subFeaturedProducts p {
	font-size: 11px;
}
#subFeaturedProducts span {
	font-weight: bold;
	display: block;
}
#subFeaturedProducts img {
	float: left;
	padding: 10px 15px;
	margin-right: 10px;
	background: url(../images/homeProducts-thumb.gif) no-repeat left top;
	display: block;
	width: 39px;
	height: 50px;
}
#subFeaturedProducts img:hover {
	background: url(../images/homeProducts-thumb-hover.gif) no-repeat left top;
}
.verisign {
	width:100%;
	height:120px;
}
/* Side Panels */

#sidePanel {
	float: right;
	width: 215px;
	color: #0c003e;
	background: url(../images/sidePanel-Bg.gif) repeat-y left top;
}
#sidePanel ul { padding: 10px 0 0 0; list-style: none;}
#sidePanel li { padding-bottom: 5px; font-size: 11px;}
#sidePanel li a { color: #0C003E; background: url(../images/icons/arrow-orange.gif) no-repeat left 7px; padding-left: 10px; display: block;}
#sidePanel li a:hover { border-bottom: 1px dotted #0c003e;}
#sidePanel input { padding: 2px 3px; color:#666; border: 1px solid #CCC; width: 110px; float: left; margin-right: 5px;}
#sidePanel input.emailRegister { border: 0!important; float: left; width: 52px; margin-top: -3px;}

#sidePanel #panelRecentlyViewed li {
	color: #6C6C6C;
	float: left;
	width: 190px;
	padding-bottom: 10px;
	}
#sidePanel #panelRecentlyViewed a {
	background: none!important;
	color: #609208;
	padding-left: 0!important;
	margin-left: 0!important;
	line-height: 14px;
	}
	#sidePanel #panelRecentlyViewed img {
		background: none!important;
		width: 40px;
		float: left;
		margin-right: 10px;
		}
		#sidePanel #panelRecentlyViewed li span {
			text-align: right;
			display: block;
			}
#sideRecentViewed li {
	padding-bottom: 8px;
}
#sideRecentViewed img {
	float: left;
	padding-right: 5px;
}
#sideRecentViewed li a {
	display: block;
	color: #609208;
}
#sideRecentViewed li a:hover {
	border: 0!important;
	text-decoration: underline;
}


#panelShoppingCart, #panelRecentlyViewed, #panelCustomerService, #panelEmailSignup {
	margin-bottom: 5px;
	background: url(../images/sidePanel-roundBg.gif) repeat-y left top;
	float: left;
}
#sidePanel h2 {
	font-size: 15pt;
	padding: 4px 0 8px 0!important;
	margin: 0;
	color: #0c003e;
	}
#sidePanel p {
	font-size: 11px;
	padding-bottom: 5px;
}
#panelShoppingCart a {
	color: #609208;
	margin-right: 10px;
}
#sidePanel a:hover {
	text-decoration: underline;
	border: 0!important;
}
.sidePanelContent {
	padding: 0 10px 0 10px;
	float: left;
	width: 190px;
}
.sidePanelRoundTop, .sidePanelRoundBot {
	display: block;
	height: 26px;
	float: left;
	width: 215px;
}
.sidePanelRoundTop {
	background: url(../images/sidePanel-roundTop.gif) no-repeat left top;
}
.sidePanelRoundBot {
	background: url(../images/sidePanel-roundBot.gif) no-repeat left top;
}

/* Table Data */

.tableList, .cartProducts, .cartTotals, .addressTable {
		border: 1px solid #e0dee6;
		width: 733px;
		margin: .8em 0 1em 0;
		clear: both;
		}
.tableList th, .tableList td {
		line-height: 1.2;
		text-align: center;
		}
.cartProducts td, .cartProducts th, .cartTotals td, .cartTotals th, .addressTable td, .addressTable th {
		line-height: 1.2;
		text-align: left;
		}
.tableList td, .cartProducts td, .cartTotals td, .addressTable td {
		font-size: 12px;
		color: #4a4a4a;
		padding: 8px 7px;
		}

.cartProducts td {
	border-bottom: 1px solid #f1f1f1;
}
.cartProducts .orderItems {
	width: 350px;
}
.tableList th, .cartProducts th, .cartTotals th, .addressTable th {
		background: #f7f9fa url(../images/table-head-bg.gif) repeat-x 0 0;
		color: #0c003e;
		padding: .6em 7px;
		font-size: 11px;
		font-weight: bold;
		border: 0!important;
		}

.tableList tbody tr.alt td {
		background: #f6f6f6;
		}

.tableList tbody tr.over td, .tableList tbody tr:hover td {
		background: #FAFBFC;
		color: #444;
		}

td.inputQuantity {
	width: 40px!important;
}
.tableList td.inputQuantity input {
	font-family: Arial;
	padding: 2px 3px;
	font-size: 13px;
	color: #0C003E;
	border: 1px solid #E0DEE6;
	width: 30px;
	text-align: center;
	font-weight: bold;
}
.tableList td.inputQuantity input:focus {
	color: #6d9312;
	background: #FFF;
}
.user_Edit {
	margin-bottom: 1em;
}
table.table_specdata {
		border-collapse: collapse;
		margin: 15px 0 0 20px;
		text-align: left;
		width: 700px;
		border-top: 1px solid #faa691;
		border-right: 1px solid #faa691;
		}
.table_specdata tr {
	background: #fb6f4d;
}
.table_specdata td {
	padding: 6px 10px;
	width: 1%;
	text-transform: lowercase;
	vertical-align: top;
	border-bottom: 1px solid #f6d2c9;
}
table.table_specdata td span:first-letter,
table.table_specdata td:first-letter  {
	text-transform: uppercase;
}
.table_specdata td span {
	font-weight: bold;
	float: left;
	display: block;
	width: 100%;
}
.table_specdata td.spec_title {
	/*background: #fb6f4d url(../images/specs-bg.gif) repeat-y right 0;*/
	border-left:2px solid #faa691;
}

/* Cart Process */

.button {
	margin: 1em 0;
	border: 0!important;
}
.buttons-top li,
.buttons-bottom li {
	float: left;
	}
input.typeEntry,
input.typeEntryLong,
.special-instructions textarea {
	font-family: Arial;
	background: #f6f6f6;
	padding: 2px 3px;
	font-size: 13px;
	color: #444;
	border: 1px solid #ebebeb!important;
}
input.typeEntry:hover,
input.typeEntryLong:hover,
.special-instructions textarea:hover {
	border: 1px solid #F1562F!important;
	background: #f6f6f6;
}
input.typeEntry:focus,
input.typeEntryLong:focus,
.special-instructions textarea:focus {
	border: 1px solid #A1C34F!important;
	color: #6d9312;
	background: #FFF;
}
.inputTextLong {width: 370px!important;}
.inputTextDesc {width: 150px!important;}

.cartProcess {
	padding: 1em 0;
	clear: both;
}
.cartHeader, .cartProcess, .orangeBox, .whitebox, .whiteboxFooter, .orangeBox-bot {
	float: left;
	clear: both;
	}
	.orangeBox {
		background: #f1562f url(../images/rb-topRight-orange.gif) no-repeat right top;
		width: 722px;
		padding: 10px 0 0 10px;
		}
	.orangeBox-bot {
		background: #f1562f url(../images/rb-botLeft-orange.gif) no-repeat left top;
		height: 10px!important;
		width: 732px!important;
	}
	.orangeBox-bot div {
		background: url(../images/rb-botRight-orange.gif) no-repeat right top;
		height: 10px!important;
		width: 732px!important;
	}
		.greyBox {
			background: #eeeded;
			width: 692px;
			padding: 10px;
			}
			.greyBox-top, .greyBox-bot, .greyBox-top div, .greyBox-bot div, .orangeBox-bot, .orangeBox-bot div {
				clear: both;
				display: block;
				float: left;
				font-size: 1px;
				height: 3px;
				width: 712px;
				}
				.greyBox-top {
					background: #eeeded url(../images/greyBox-topLeft.gif) no-repeat left top;
					}
				.greyBox-top div {
					background: url(../images/greyBox-topRight.gif) no-repeat right top;
					}
				.greyBox-bot {
					background: #eeeded url(../images/greyBox-botLeft.gif) no-repeat left top;
					}
				.greyBox-bot div {
					background: url(../images/greyBox-botRight.gif) no-repeat right bottom;
					}
					.whitebox {
						background: #FFF;
						width: 692px;
						height: 270px;
						}
						.cartBody, .cartBodyFields {
							clear: both;
							padding: 5px 15px 0 15px;
							color: #444;
							}
						.cartBody h3 {
							padding: 0;
							margin: 0;
							color: #F1562F;
							font-size: 1.3em;
							font-weight: bold;
							}
						.cartBody h3 span {color: #0C003E;}
						.cartBody ul, .cartBodyFields ul {
							padding: 1em 0 0 0;
							margin: 0;
							clear: both;
							}
							.cartBody ul.secondList {
								padding: 0!important;
								}
						.cartBody .labelPos {
							height: 83px!important;
						}
						.cartBody li, .cartBodyFields li{
							list-style-type:none;
							margin-bottom: 1.5em;
							float: left;
							width: 33%;
							}
						.cartBodyFields li{
							margin-bottom: 0!important;
							}
						.cartBody input, .cartBodyFields input {
							margin-right: 0.7em;
							float: left;
							}
						.cartBody select {
							width: 250px;
							}
						.cartBody input.typeEntry {
							width: 174px;
							margin-bottom: 1em;
							}
						.cartBodyFields input.typeEntryLong {
							width: 350px;
							margin-bottom: .5em;
							}
						.cartBody li label, .cartBodyFields li label {
							float: left;
							margin-top: -2px;
							}
						.cartBody li img {
							margin-top: -7px;
							margin-bottom: .3em;
							}

.special-instructions {
	width: 430px;
	float: left;
	}
	.special-instructions textarea {
	width: 400px;
	height: 150px;
	}
.artwork {
	width: 230px;
	float: right;
	}
	.artwork textarea {width: 200px;}
	.special-instructions p, .artwork p {
		margin: 0;
		padding: .5em 0 .3em 0;
		color: #676767;
		}
.artworks {
	background: #f6f6f6;
	border: 1px solid #eaeaea;
	}
	.artworks ul {
		padding: .5em!important;
		margin: 0;
		height: auto!important;
		}
		.artworks ul li {
			display: block;
			width: 100%;
			margin: 0!important;
			padding-bottom: .6em!important;
			}
			.artworks ul li a {
				color: #F1562F;
				text-decoration: none;
				}
				.artworks ul li a:hover {
					text-decoration: underline;
					}
.whiteboxFooter {
	background: #FFF;
	width: 672px;
	padding: 10px;
}
.errors {
		float: left;
		padding: 0;
		margin: 0 0 -4px 0;
		color: #eb2020;
		font-size: 1.2em;
		font-weight: bold;
		}
		.errors span {
			font-weight: bold;
			}

.stepOptions {
	text-align: right;
	border-bottom: 1px solid #d2d2d2;
	color: #828282;
	padding: 4px 0;
	margin: 0;
	}
	.stepOptions span{
		margin-left: 1.97em;
		}
		.stepOptions a {
			color: #fd4e23;
			text-decoration: none;
			font-weight: bold;
			font-size: 13px;
			}
			.stepOptions a:hover {
				color: #fd4e23;
				text-decoration: underline;
				}
				.cartNotes {
					clear: both;
				}
				.cartNotes strong {
					display: block;
					font-size: 1.2em;
					margin-bottom: 4px;
				}
				strong.cartComplete {color: #6C9942;}
				.cartNotes p {
					color: #0c003e;
					font-size: 1em;
					padding: 8px 0;
					margin: 0;
				}
				.cartNotes .btnCart, .cartNotes .btnCartComplete {
					float: right;
					margin-left: 2em;
					margin-top: .3em;
					width: 165px;
					height: 42px;
					border: 0!important;
					text-indent: -9999px;
				}
				.cartNotes .btnCart {
					background: transparent url(../images/cart-incomplete.png);
				}
				.cartNotes .btnCartComplete, .cartNotes .btnCartComplete:hover {
					background: transparent url(../images/cart-complete.png);
					cursor: pointer;
				}

.payment_method_radios ol {
	padding-left: 215px;
	float: left;
}
.payment_method_radios ol li {
	margin-right: 15px!important;
}
.payment_method_radios ol li label {
	width: auto!important;
	margin-right: 5px!important;
}
.payment_method_radios ol li input {
	background: none;
	border: 0;
	margin-top: 2px;
}
#Paypal {
	float: left;
	padding-left: 210px;
	padding-bottom: 15px;
	width: 350px;
}
#Credit_card {
	float:left;
	}
	#Credit_card li {
		width: 100%;
		}
#cartNav {
	background: url(../images/select-nav-bg.gif) repeat-x 0 0;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	}
	ul#cartNav li {
		float:left;
		list-style-type:none;
		}
		ul#cartNav li a {
			height:48px;
			display:block;
			top:0;
			text-indent:-9999px;
			outline:none;
			background: url(../images/select-options.png);
			}

			li#selectLabel-color a {
				background-position:0 0;
				width:113px;
				left:0;
				}
			li#selectLabel-color.ui-tabs-selected a, li#selectLabel-color.ui-tabs-selected a:hover {
				background-position:0 -96px;
				}
			li#selectLabel-color a:hover {
				background-position:0 96px;
				}

			li#selectInk-color a.stepTwo{
				background-position:-113px 0px;
				width:120px;
				left:0;
				}
			li#selectInk-color a:hover {
				background-position:-113px 96px;
				}
			li#selectInk-color.ui-tabs-selected a, li#selectInk-color.ui-tabs-selected a:hover {
				background-position:-113px -96px;
				}

			li#selectFont-style a.stepThree {
				background-position:-233px 0px;
				width:120px;
				left:0;
				}

			li#selectFont-style a:hover {
				background-position:-233px 96px;
				}
			li#selectFont-style.ui-tabs-selected a, li#selectInk-style.ui-tabs-selected a:hover {
				background-position:-233px -96px;
				}


			li#selectLabel-text a.stepFour {
				background-position:-353px 0px;
				width:120px;
				left:0;
				}
			li#selectLabel-text a:hover {
				background-position:-353px 96px;
				}
			li#selectLabel-text.ui-tabs-selected a, li#selectLabel-text.ui-tabs-selected a:hover {
				background-position:-353px -96px;
				}
			li#selectText-format a.stepFive {
				background-position:-473px 0px;
				width:120px;
				left:0;
				}
			li#selectText-format a:hover {
				background-position:-473px 96px;
				}
			li#selectText-format.ui-tabs-selected a, li#selectText-format.ui-tabs-selected a:hover {
				background-position:-473px -96px;
				}
			li#selectExtra-info  a.stepSix {
				background-position:-593px 0px;
				width:99px;
				left:0;
				}
			li#selectExtra-info a:hover {
				background-position:-593px 96px;
				}
			li#selectExtra-info.ui-tabs-selected a, li#selectExtra-info.ui-tabs-selected a:hover {
				background-position:-593px -96px;
				}
			/* have to modify for new jquery code/css */
			.orangeBox .ui-tabs { border:0;position: relative; padding: 0em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
            .orangeBox .ui-tabs .ui-tabs-nav { border:0;margin: 0; padding: 0 0; }
            .orangeBox .ui-tabs .ui-tabs-nav li { border:0;list-style: none; float: left; position: relative; top: 0px; margin: 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
            .orangeBox .ui-tabs .ui-tabs-nav li a {
                background-position:0 0;
				width:113px;
				left:0;
                float: none; padding:0; text-decoration: none; }
            .orangeBox .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0px; }
            .orangeBox .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
            .orangeBox .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
            .orangeBox .ui-tabs .ui-tabs-panel { display: block; border: 0; padding:5px 15px 0 !important; background: none; }
            .orangeBox .ui-tabs .ui-tabs-hide { display: none !important; }
            
#ground_shipping_alert{
    width:400px;margin-left:205px;padding:10px;color:red;
}
#checkout-steps {
	float: left;
	padding: 5px;
	list-style: none;
	border-top: 2px solid #F2F2F2;
	width: 722px;
	margin-top: 15px;
	}
	#checkout-steps li {
		padding: 5px;
		background: url(../images/icons/plus.png) no-repeat 5px 5px;
		font-weight: bold;
		padding: 5px 10px 5px 30px;
		float: left;
		margin-right: 20px;
		}
	.orderSummary {
		background: #FFF1EE;
		color: #0C003E;
		float: left;
		font-size: 13px;
		padding: 10px 0;
		text-align: center;
		width: 100%;
		}
		.orderSummary span {
			font-weight: bold;
			color:#FF3300;
			}
.address-options  {
	margin: 1em 0 .8em 0;
	border: 0;
	width: 100%;
	background: #fff1ee;
	}
	.address-options  td{
		padding: 7px 12px;
		line-height: 1.2;
		}
		.address-options  th{
			color:#0C003E;
			font-size: 13px;
			padding: 6px 12px;
			font-weight: bold;
			border-bottom: 2px solid #FFF;
			background: #f7e4e0;
			}
/*My Account */

.accountList {
	padding: 1em 0;
	float: left;
	width: 45%;
	margin-right: 2.5em;
	}
	.accountList li{
		padding-bottom: 1.7em;
		}
		.accountList li h3 {
			border-bottom: 1px solid #eaeaea;
			}
			.accountList li h3 a{
				color: #0C003E;
				font-size: 0.7em;
				font-weight: bold;
				}
				.accountList li h3 a:hover{
					color: #FF3300;
					border: 0!important;
					}
					.accountList li p{
						color: #444;
						padding-top: 0.6em;
					}
					.accountList li h3 a {
						padding-left: 23px;
					}
					.accountList li h3 a.account-edit {background: url(../images/icons/icon-edit-hover.png) no-repeat 0 0;}			
					.accountList li h3 a.account-book {background: url(../images/icons/icon-book-hover.png) no-repeat 0 0;}		
					.accountList li h3 a.account-status {background: url(../images/icons/icon-status-hover.png) no-repeat 0 0;}				
					.accountList li h3 a.account-cart {background: url(../images/icons/icon-cart-hover.png) no-repeat 0 0;}					
					.accountList li h3 a.account-checkout {background: url(../images/icons/icon-checkout-hover.png) no-repeat 0 0;}

/* Extras */

.note {
	padding: 7px 5px 7px 0;
	border-bottom: 2px solid #F0F3F6;
	font-weight: bold;
	margin-bottom: 2em;
	}
.404page {}
	.error-page p{
		padding-bottom: 8px;
		color: #444;
		}
		.error-page h1 {
			color: #909090!important;
			font-size: 3.6em;
			text-transform: uppercase;
			padding-bottom: 15px!important;
			}
			.error-page h2 {
				color: #0C003E!important;
				font-size: 2em;
				margin: 0 0 10px 0;
				padding: 0 0 40px 0!important;
				border-bottom: 1px solid #EEE;
				}
				.error-page ul li{
					padding-left: 10px;
					background: url(../images/arrow-light-grey.gif) no-repeat 0 50%;
					margin-bottom: 7px;
					}
					.error-page ul {
						padding-top: 5px;
						}
						.error-page ul li a{
							font-weight: bold;
							}
		
/* footer */

#footer {
	width: 985px;
	margin: 0 auto 40px;
	clear: both;
}
.roundedBot {
	background: url(../images/footer-bg-panel.gif) no-repeat -1px bottom!important;
	width: 985px;
	height: 35px;
	float: left;
	display: block;
}
#footer img {
	padding-left: 25px;
	float: left;
}
#footer ul {
	margin-top: 10px;
	float: left;
	margin-left: 115px;
	text-align: right;
}
#footer li {
	margin-left: 10px;
	color: #767676;
	background: url(../images/footer-link-spacer.gif) no-repeat right 3px;
	padding-right: 7px;
	float: left;
}
#footer li a {
	color: #333;
}
#footer li a:hover {
	color: #515151;
}
li.footer_first {
	float: none!important;
}
li.footer_first, li.footer_last{
	background: none!important;
	padding: 0!important;
}

/* Go Go Gadget ClearFix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* site map styles */

.category-item {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	width: 165px;
	text-align:left;
}
.category-item h2 {
	line-height: 1.2em;
	font-size: 1em;
	text-align: left; 
}

.category-item {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	width: 165px;
	text-align:left;
}
.category-item h2 {
	line-height: 1.2em;
	font-size: 1em;
	text-align: left; 
}

.category-item img {
	padding:0 0px;
	text-align:center;
}
.category-item h2 a, .category-item h2 a:visited, .category-item h2 a:active, .category-item h2 a:hover {
	text-decoration:underline;
}

.category-item p {
	text-align:left;
	font-size: .9em;
	line-height: 1.3em;
}

.category-item li, .category-item ul {
	list-style: none;
	margin: 0;
	text-align: left;
	font-size: .9em;
	line-height: 1em;
}

.category-item li {
	margin: 0 0 5px 2px;
}

/* --- Page pagination --- */

.pager{
	padding: 15px 0;
	float: left;
	width: 100%;
}
.pager strong {
	margin: 0 4px;
}
.pager a, .pager a:visited{
	padding: 3px 6px;
	text-decoration: none; 
	color: #FF3300;
	margin: 0 1px;
	background: #F8FAFB;
	border: 1px solid #E3E3E3;
}

.pager a:hover, .pager a:active{
	text-decoration: none;
	background: #EBF0F3;
}

/* --- Misc Styles --- */

.marginTop {
	margin-top: 15px;
	}
	
/* Custom Color Labels Quote page .................................................................*/

.custom-quote {
	float: left;
}
a.explain_popup{font-family: verdana !important;font-size: 11px !important;color:#ff3300 !important;text-decoration: none !important;}
.pageHeading{font-family:helvetica;font-size:22px;}
.quote_steps_pageheading{margin-left: 20px;}
.quote_steps_pageheading_sub{margin-top: 20px;}
table.custom {
	width:735px;
	margin-left: 20px;
	margin-top:10px;
	}
	table.custom td{padding:10px 0;}
	span.step_title{font-family: Helvetica;font-size: 13px;font-weight:bold;color:#0C003E; }
	span.step_price{font-size: 18px !important;}
	td.step_width{width:125px;}
	#get_price_btn,#next_step_btn{cursor:pointer;margin: 10px 0;}
	ul#material_list li{
		width:360px;
		float: left;
		padding:3px 0;
	}
	ul.custom li {
		list-style-image:none;
		padding-left:45px;
		margin-bottom:15px;
		float: left;
		width: 690px;
		background-color:yellow;
		}
	ul.custom li.labels {
		padding-left:0px;
	}
		ul.custom li#account { padding-left: 0; }
		ul.custom li#account legend{ color:#FF3300; }
		ul.custom li#account .dottedLine-custom { margin: 0; }
		
		ul.custom li.one {
			}
		
		ul.custom li.two {
			}
			
		ul.custom li.three {
			}
			
		ul.custom li.four {
			}
			
		ul.custom li.five {
			}
			
		ul.custom li.six {
			}
			
		ul.custom li.seven {
			}
			ul.custom li.seven #new-addressuser {
				float:none !important;
			}
			
		ul.custom li.eight {
			}
			ul.custom li.eight fieldset li textarea {
				width: 550px;
				height: 100px;
				}
			
		ul.custom li.nine {
			}
			
		ul.custom li ol li {
			padding-left:0px;
			width: 100%;
			}
			ul.custom li fieldset { width: 100%; }
			
			
		
.dottedLine-custom {
	background:url(/images/dotted-line.gif) repeat-x;
	width:100%;
	height:1px;
	margin-left:-45px;
	margin-top:10px;
	float: left;
	}
#price_detail_box {padding:15px;background-color: #fcfce8;}
ul#priceDetail li { padding-left: 0!important;padding-bottom:5px; }
		ul#priceDetail li label input,ul#material_list li label input{position:relative;margin-right:5px;top:3px;}
		#new-addressuser fieldset li select {
			width: 238px;
		}

.price_radio_option { margin-top: 4px; }
table#quote_summary {position: relative;z-index: 2;}
table#quote_summary td.step_width{width:150px;}
table#quote_summary td {font-size:13px;color:#0C003E;}
table#quote_summary td span.step_title_summary{font-weight: bold;font-size:13px}
table#quote_summary td.step_price_summary{padding:15px 0 0 0;}
table#quote_summary td.step_price_summary span.step_title_summary{font-size:15px !important;font-weight: bold;}
table#quote_summary td .big_price{font-size:15px;}
table#quote_summary td .smaller_unit_price{}
table#quote_summary td#price_detail_box_summary {padding:0px 15px 5px 0px;}
#explain_artwork{font-size:12px;color:#FF3300;text-decoration: none;}
#artwork_container,#contact_container,#proof_container{margin-left:40px;margin-top:30px;position: relative;width:700px;}
#artwork_status_options label,#proof_container label{display:block;font-size: 12px;line-height: 22px;}
#artwork_container ol{margin-top:20px;}
#artwork_container ol li.artwork_note_li{margin-top:20px;}

#artwork_container ol li div.fileinputs {
	position: relative;display: inline-block;margin-left:5px;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width:230px;
}
div.fakefile input.fake_input{position:relative;left:0;margin:0;padding:0;top:0;}
.fake_browse_img{position:absolute;right:-3px;top:-2px;}
#artwork_container ol li input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

#contact_container{color:#0C003E !important}
#contact_container fieldset{float:left}
#contact_container ol li label {position: relative;display:inline-block;width: 100px;text-align: right;padding-right: 5px;}

li#account p, li#account button {
	margin-bottom:10px;
	}
	
ul.password li {
	padding:0 0 1em 0;
	}
.formEntry {
	float: left;
	clear: both;
	width: 730px;
	}
.pre-printed-list li {
	width:730px;
	clear:both;
	padding-bottom:20px;
}
#preprinted_onecolor{clear:right}
.preprinted_pane{position:relative;float:left;background-color:#f2f2f2;width:340px;margin-bottom: 20px;overflow:hidden;}
	.preprinted_intro{padding:0 20px;}
	.preprinted_panels{padding:30px 15px 20px 15px;}
	.pre-printed_panel_heading{color:#ff3300 !important;font-family:Helvetica;font-size:22px;}
	.pre-printed_heading{font-size: 18px !important;}
	
#redvert-dot{position:relative;float:left;margin:0 12px;}


.pre-printed-img {
	width:145px;
	height:120px;
	float:left;
	padding:5px;
	
	}
.printedlabel-img {
	width:125px;
	float:left;
	padding:5px;
	
	}
.pre-printed-img img{
	width:145px;
	height:120px;
	border:1px solid #999;
	}	
/*custom labels top navigation......................................*/

body#quote_request #contentWrapper{
	top:15px;
}
#sub_nav_spacer{
	position: relative;
	height:45px;
	width:500px;
	z-index: 1;
}

body#quote_request .pro_line2 {
	/*display:none;*/
}
.quote_request {
	/*background:transparent url(../images/mainNav-bg-panel-blue.png) no-repeat scroll 0pt;*/
	height:36px;
	width:733px;
	font-size:12px;
	display:none;
	
}
body#quote_request .quote_request {
	display:block !important;
	position:absolute;
	top:120px;
	left:10px;
}
	.quote_request {
		list-style:none;
		margin:0;
		padding:0 10px;
		width:733px;
		height:33px;
		white-space:nowrap;
		z-index: 99;
		padding-top: 13px;
	}
	.quote_request div.li  {
		display:inline-block;float:left;
	}
	.q_sep{padding:0px 3px;height:19px;}
	.dots{color:#ff3300;height:19px;
		font-size: 12px;
		text-decoration:none;
		padding:5px 5px;
		white-space:nowrap;
		
		}
	div.q_dots{display: inline-block;float:left;position:relative;}
	.quote_request_sep{background-color:#ff3300;width:1px;height:13px;position:absolute;top:21px;}
	.quote_request div.li a {
		color:#ff3300;
		display:inline-block;
		height:19px;
		font-size: 12px;
		text-decoration:none;
		padding:5px 5px;
		white-space:nowrap;
	}
	 .quote_request div.on {
		background:transparent url(../images/mainNav-bg-active-blue-round.gif) no-repeat scroll left;
		text-decoration:none;
		color:#FFF;	
	}
	.quote_request div.li a:hover{ color:#0C003E;}
	.quote_request div.on a{
		background:transparent url(../images/mainNav-bg-active-blue-round-end.gif) no-repeat scroll right;
		text-decoration:none;
		color:#FFF;	
	}
	.quote_request div.on div.q_faq a{padding:5px 10px;}
	.quote_request div.on a:hover { color:#fff; }
	.quote_request_substrates{margin-right:5px;width:125px;}
	.highlight_free{font-weight: bold;display:inline-block;width:570px;}
	.quote_request_features{position:absolute;top:95px;left:530px;}
	#price_box_shim{position:absolute;top:340px;left:20;width:420px;height:90px;z-index:1;background-color: #FCFCE8;}
/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/jt_arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/jt_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/jt_loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

/** jquery popup window **/
.window_pop{font-size: 12px;}
.window_pop blockquote{ margin:20px 0 20px 40px;}
.window_pop h4{margin:10px 0 5px 0;}
.window_pop p{margin: 1em 0;}
.window_pop img {width:125px;margin-right:5px;}
.window-container
{
	width:150px;
	position:absolute;

	left:350;
	top:200;
	font-size:13px;
	font-family:verdana;
}

.window-titleBar
{
	width:100%;
	height:15px;
	padding: 1px;
	text-indent: 3px;
	font: bold 13px Arial;
	background-color: #ccc;
	color: #FFFFFF;
	cursor: move;
	overflow: hidden;
}

.window-content
{
	width:100%;
	height:100%;
	background-color: #FFFFFF;
	font-size:13px;
	font-family:verdana;
    border:1px solid #ccc;
	overflow:auto;
}

.window-statusBar
{
	width:100%;
	height:15px;
	text-indent: 3px;
	font: bold 13px Arial;
	background-color: #ccc;
	border:1px solid #ccc;
	color: #FFFFFF;
	overflow: hidden;
}

.window-minimizeButton
{
	position: absolute;
	right: 40px;
	top: 2px;
	cursor: pointer;
}

.window-maximizeButton
{
	position: absolute;
	right: 20px;
	top: 2px;
	cursor: pointer;
}

 .window-closeButton
{
	position: absolute;
	right: 5px;
	top: 2px;
	cursor: pointer;
}

.window-resizeIcon
{
	float: right;
	cursor: nw-resize;
}