@charset "utf-8";

#body {margin: 0;}
#container {width:778px;}
#headerWrapper {text-align:left;} /* overides div align=center on header */


/*------------------- Product Description Top Section --------------------*/
#prodTitle {margin: 10px 0 10px 5px;}
#prodTitle h1 {	font-size: 20px;	color: #000099;	margin: 0}

#breadcrumb {
    height:14px;
    width:754px;
    margin:8px 0 0 -2px;
    padding:10px 14px;
    background:url(http://images.onlinelabels.com/Images/DLC/breadcrumb-bg.png);
    font-size:.8em;
    font-weight:bold;
    color:#333333;
}

#breadcrumb a:link, #breadcrumb a:visited {color:#005a9f;}
#breadcrumb a:hover {text-decoration:none;}

#orderBoxTop {
	height:4px;
	width: 776px;
	background:url(/images/productPage/v47/orderBoxTop.png) no-repeat;
	font-size:1px; /*ie fix*/
}

#orderBoxBottom {
	clear:both;
	height:4px;
	width: 776px;
	background:url(/images/productPage/v47/orderBoxBottom.png) no-repeat;
	font-size:1px; /*ie fix*/
}

#orderBox {
	width:774px;
	padding: 7px 0 0 0;
	border-left:1px solid #254b8c;
	border-right:1px solid #254b8c;
	background: #e1ecff;
}

#colThumbnail {float:left; width:270px;}
#colOrderSelection {
	margin: 8px 0 0 268px;
	padding-left:18px;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #e1ecff; /*spacing hack fix for FF/Webkit */
}

	/*--------Order Box LEFT col --------------*/
	
.ProductImage {position: absolute;	z-index: 2;}
/*#shadow {position: relative;z-index:1;}         OLD CODE FOR SHADOW IMG*/

.BGImage8_5x11{text-align:right; width:240px; height:299px; margin:8px 0 0 10px; background-image:url(../Images/productPage/8.5x11-bg.gif);}
.BGImage8_5x14{text-align:right; width:223px; height:299px; margin:8px 0 0 4px; background-image:url(../Images/productPage/8.5x14-bg.gif);}
.BGImage11x17{text-align:right; width:223px; height:299px; margin:8px 0 0 8px; background-image:url(../Images/productPage/11x17-bg.gif);}
.BGImage12x18{text-align:right; width:228px; height:299px; margin:8px 0 0 6px; background-image:url(../Images/productPage/12x18-bg.gif);}
.BGImageUnavailable{text-align:right; width:242px; height:299px; margin:8px 2px 0 0;}

div#shadow{
	position:relative;
	width:222px;
	height:283px;
	z-index:1;
	display:block;
	background:url(/Images/productPage/v47/thumbnailShadow2.png) no-repeat;
}

#quickSpecs, #quickSpecsMetric, #quickSpecsFrac, #quickSpecsLinks {margin:30px 0 0 14px; font-size:.9em;}
#quickSpecs div, #quickSpecsMetric div, #quickSpecsFrac div{ /*title "QUICK SPECS" */
	width: 238px;
	margin: 4px 0;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #ccc;
	font-weight:bold;
	color:#142095;
}

	/*--------Order Box RIGHT col --------------*/


#selectMaterialBoxHeader, #qtySelectBox{
	position:relative;
	width: 430px;
	height: 24px;
	margin:0 0 0 10px;
	padding: 0 0 0 30px;
	line-height:24px;
	border: 1px solid #ababab;
	border-bottom: none;
	background:url(/images/productPage/v47/orderSelectionBarBG.png) repeat-x;
}


#selectMaterialBoxHeader a:link, #selectMaterialBoxHeader a:visited{position:absolute; top:0; right:10px; text-decoration:underline; color:#0d25ff; font-weight:bold;}
#selectMaterialBoxHeader a:hover{color:#fe4949;}

.numberStep {position: absolute;top: -3px; left:-10px;}
.orderSelectionTitle {color:#142095; font-weight:bold;	font-size: 1.3em;}
#selectMaterialBox {margin-bottom:20px;}
#materialScrollerBox {
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	/*overflow-y: scroll;*/
	height: 210px;
	width: 460px;
	margin: 0 0 10px 10px;
	border:1px solid #b4b4b4;
}
	
#materialScrollerBox ul, #qtySelectBoxContent ul {
	width:460px;
	margin: 0;
	padding: 0; /*resets left indent in FF/Saf*/
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#materialScrollerBox li {
	height: 45px;
	line-height:45px;
	border-bottom:1px solid #b4b4b4;
	background-color: #f9f9f9;
	color:#666666;
	font-size:.85em;
}
#materialScrollerBox li input {	vertical-align:middle;}

#materialScrollerBox li a:link, #materialScrollerBox li a:visited {
	color:#0000FF;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
}

#materialScrollerBox li img {vertical-align:middle; margin-right: 10px; border:1px solid #666666;}/* swatch image */

#qtyMsg {position:absolute; top: 0px; right:10px; font-weight: bold; color:#808080}
#qtySelectBoxContent{
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	/*overflow-y: scroll;*/
	height: 153px;
	width: 460px;
	margin: 0 0 10px 10px;
	border:1px solid #b4b4b4;
}


#qtySelectBoxContent li {
	position: relative;
	height: 22px;
	/*line-height:29px;*/
	padding-top: 9px; 
	border-bottom:1px solid #b4b4b4;
	background-color: #f9f9f9;	
	font-size:.85em;
	clear:both;
}


.qtyScrollerRow div {float: left;}

#customQtyRow {height: 35px; line-height: 12px;}

.qtySelectRdo {width: 25px;}
.qtySelectRdo input{position: relative; top: -3px;}

.qtySelectQuantity {width: 200px; font-weight:bold; }
.qtySelectNumLabels {color:#666666; font-weight:normal;}
.qtySelectTotalPrice{color:#ff7623; font-weight:bold;}
.qtySelectPrice {width:65px;}
.qtySelectPrice .pointer{color:grey; font-weight:normal;}
.qtySelectSavings {width:70px; color:grey; font-style:italic; }

.qtySelectRTA {clear:both; width:435px; margin:3px 0 0 16px; line-height:18px; display:none;}

#qtySelectCustomRTA {clear:both; width:435px; display:none; }
#inStock {color:#0ec300; font-weight: bold;}
#inProduction {font-weight: bold;}

#qtySelectBoxContent li.selectedRow {background:#fff2be;}
#qtySelectBoxContent li.selectedHeight {height: 45px;} /*keep ID in selector statement here and above^^ */

#qtySelectCustom div{width:240px; line-height:12px; color:#7e7e7e;}

#qtySelectCustom input{ /*input box for cust qty*/
	position: absolute;
	top: 6px;
	left: 270px;
	width:60px;
	margin: 0 10px 0 0;
	border:1px solid #7e7e7e;
	color:#7e7e7e;

}

#qtySelectCustom img { /*calc price button*/
	position: absolute;
	top: 5px;
	left: 340px;
}

#custQtyExpanded {display:none; width:430px;}
#customQtyPricing {margin: 10px 0;}


#customQty {
	margin: 10px 0;
	padding:10px 0;
	border-top:1px dashed #999;
	display:none;
}

#txtCustomQty {width:75px;}
#btnSubmit {position:relative; top:5px;}

#lblPrice {color:#1941b7; font-weight:bold}
#lblNextAmount{margin-left:10px; color:#eb5b00/*#ff7e2d*/; }

.pointer {cursor: pointer;}
#liNotListedAbove a:link, #liNotListedAbove a:visited {color: blue; text-decoration: none;}
#liNotListedAbove a:hover{color: red;}
#availabilityStatus {margin: 10px 0; font-size:.85em; display:none;}

#addCartBox {margin: 20px 0 20px 1px;}



/* ------------------------------Roll Label Additions------------------------------ */

#rollLabelQtyBox {
	background: #fff;
	padding: 10px 0;
	height: 133px;
	overflow: hidden;
}

#tableScroller {
	width: 470px;
	margin: 10px 0 0 20px;
	overflow: hidden;
}

#headTable {
	float: left;
	height:50px;
	background: #e5e8f0;
	margin: 10px 0 0 20px;	
	border: 1px solid #cfcfd1;
	border-collapse: collapse;
}


#rollPricingTable {
	position: relative;
	width: 470px;
	height: 50px;
	background: #f3f7ff;
	border-collapse: collapse;
	margin: 0;
}


#rollPricingTable td {
	border: 1px solid #cfcfd1;
	padding: 6px;
	border-collapse: collapse;
	color: #323232;
	font-size: .80em;
}

#materialScrollerBox ul {width:460px;}


.headRow td {background: #dce8ff; font-weight: bold; }

#rollQtyEntryBox {
	position: relative;
	margin: 15px 0 10px 20px;
	font-size: 0.90em;
}

#rollQtyEntryBox input {
	position: absolute;
	top: -1px;
	left: 260px;
	border: 1px solid #000;
	color: #8e8e8e;
}

#rollQtyEntryBox img { /*calculate price button */
	position: absolute;
	top: -3px;
	left: 360px;
	
}
/* -------------------Link Box -------------------------------------------- */

#linkBox {
	margin-top:25px;
	padding: 10px 0 0 50px;
	height:64px;
	width: 726px;
	clear:both;
	background:url(/images/productPage/v47/addtionalLinksBG.png) no-repeat;
}
#linkBox div {
	float:left;
	margin: 0 20px;
	padding-right: 34px;
	border-right: 1px solid #ccc;
	line-height:25px;
}


#rollLinkBox {
	margin-top:25px;
	padding: 10px 0 0 50px;
	height:64px;
	width: 726px;
	clear:both;
	background:url(/images/productPage/v47/addtionalLinksBG.png) no-repeat;
}

#rollLinkBox div {
	float:left;
	margin: 0 20px;
	padding-right: 34px;
	border-right: 1px solid #ccc;
	line-height:25px;
}

/* --------------- Material Desc onHover ------------- */
#materialInfoHover {
	position:absolute;
	display:none;
	width: 443px;
	height: 200px;
	text-align:left;
}

#materialInfoTxt {
	position:absolute;
	top: 9px;
	left: 10px;
	width:412px;
	height:100px;
	padding: 5px;
	background:url(/images/productPage/v47/materialInfoHoverBG.png) no-repeat;
	z-index:10;
}

#materialInfoShadow {
	position:absolute;
	width: 443px;
	height: 121px;
	opacity:0.4;
	filter:alpha(opacity=40);
	background:url(/images/productPage/v47/materialInfoHoverShadow.png) no-repeat;
	z-index:5;
}

#materialInfoIframe {
	position:absolute;
	top: 20px;
	left: 0px;
	width: 430px;
	height: 100px;
	display:none;
}

/*----------------------------------------------------------------------------------------*/

div.prodCatDesc {
	width: 776px;
	background: url(http://images.onlinelabels.com/Images/productPage/v4/prodContentBoxBG.gif) repeat-y;
	margin: 20px 0 0 0px;
	clear:both;
}

div.prodCatDesc h2 { /*box top*/
	height: 776px;
	height: 31px;
	line-height:31px;
	padding-left:10px;
	background: url(http://images.onlinelabels.com/Images/productPage/v4/prodContentBoxTop.gif) no-repeat;
	font-size: 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #002455;
}

.prodCatDesc p {padding: 0px 5px; 	font-size: 12px;}

/*-------- MaterialSorter Popup --------------------------*/

#materialSorter {
	position: absolute;
	top: 183px;
	left: 454px;
	width: 310px;
	height: 165px;
	background: #FFF url(/images/productPage/v47/materialSorterBG.png) repeat-x bottom;
	border:3px solid #999;
	z-index:100;
	display:none;
}

.sortMethodWrapper {position: relative;	margin: 10px 5px;}
.sortMethodWrapper select {position: absolute;	right: 10px; width:180px;}
#materialSorterBtns {margin: 20px 0 0 0; text-align: center;}
#materialSorterBtns img {border:none;}



/*------------------- Lower Product Information Boxes --------------------------*/

.prodContentBox {
	width: 776px;
	background: url(http://images.onlinelabels.com/Images/productPage/v4/prodContentBoxBG.gif) repeat-y;
	margin: 20px 0 0 0px;
	clear:both;
}

.prodContentBoxBottom {
	background: #f9f9f9 url(http://images.onlinelabels.com/Images/productPage/v4/prodContentBoxBottom.gif) no-repeat;
	width: 776px;
	height: 4px;
	font-size:0px; /* fixes for IE6 */

}

.prodContentBox h2 { /*box top*/
	height: 776px;
	height: 31px;
	line-height:31px;
	padding-left:10px;
	background: url(http://images.onlinelabels.com/Images/productPage/v4/prodContentBoxTop.gif) no-repeat;
	font-size: 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #002455;
}

.innerContent {
	margin: 10px;
	font-size: .85em;
}

.jumpUp {text-align:right; background:none; margin-right:10px; font-size:10px;}

/* -------------------------- Special Order -------------------------- */

#divSpecialOrderBanner {
	background: url(/images/productPage/v5/bannerSpecialOrder.png) no-repeat;
	margin: 0 0 20px 0;
	height: 87px;
	width: 773px;
	text-align: left;
}

#divSpecialOrderBanner h2 { margin: 0 0 5px 180px; padding: 30px 0 0;}
#divSpecialOrderBanner p {margin: 0 0 10px 180px;}

#divSpecialOrder li {font-size: 0.9em; line-height: 1.5em;}
#addCartBox div {margin: 10px 0;}
/*------------------- Materials & Pricing --------------------------------*/

#imgPriceGuarantee {position:relative;	top: 4px;	left: 265px;}
#imgLabelIdeas {position:relative;	top: 4px; left: 53px;}

#chartWrapper {
	position: relative;
	height:245px;
	width: 760px;
	overflow:auto;
}
.pricingChart {
	position: relative;
	width: 753px;
	margin-left:2px;
	background: #fff;
	border: 1px solid #d0d0d0;
	border-collapse:collapse;
}

#tblLowQty {display:block;}
#tblHighQty {display:none;}

.headRow  {
	padding:2px;
	background: #f1f1f1;
	color: #6e6e6e;
	font-size: 14px;
	font-weight:bold;
}
.headSheets {font-size: 12px;}

.itemRow td {border-bottom:1px solid #d0d0d0; padding:4px;}

.saleRow {background:#fff1e7;}
.saleMsg {color:#FF0000; font-size:10px; font-style:italic;}
.regPrice {text-decoration: line-through; font-size:10px;}

.swatch {
	border: 1px solid #000;
	height: 21px;
	width: 48px;
	margin: 0 5px;
}


.yesNoImg {margin-left: 11px;}

.firstPrice {padding-bottom: 12px;}

.price a:link, .price a:visited {color: #ff6000; text-decoration:none; font-weight: bold;}
.price a:hover {color: #0000CC;}


.save {font-size: 0.75em; color: #929292;}

.viewMoreCell {background:#f1f6ff;}
.viewMoreCell img {margin-left:20px;}

.material-code {font-size:11px; color:#444444;}

.colA {width: 65px;}
.colB {width: 150px;}
.colC {width: 100px;}
.colC1 {width: 50px;}
.colC2 {width: 50px;}
/*.colD {width: 50px;}
.colE {width: 60px;}
.colF {width: 60px;}
.colG {width: 60px;}
.colH {width: 60px;}
.colI {width: 45px;}*/

/*------------------- How To & Label Uses ------------------------------------*/

.howtoList {
	position:relative;
	width:753px;
	margin-left:2px;
	background-color:#f4f4f4;
	border:1px solid #d0d0d0;
}

.howtoCommon {font-weight:bold; font-size:1.2em; color:#002455; padding:0 0 6px 4px;}
.commonUses {font-size:1.1em; color:#000000; padding:0 0 6px 16px;}

.howtoSuggested {font-weight:bold; font-size:1.2em; color:#002455; border:none; margin:18px 0 0 0;}

ul.howtoTable {position:relative;font-size:1.2em;}

ul.howtoTable li {padding:2px 0;}

td.howtoTitle {font-size:.88em; color:#666666; border-bottom:1px solid #d0d0d0; margin-left:12px;}
td.howtoTitle a:link, td.howtoTitle a:visited {font-size:1.2em; font-weight:bold; color:#1c5fbb; text-decoration:none;}
td.howtoTitle a:hover {color:#578cd5;}

td.howtoReviews {font-size:.9em; border-bottom:1px solid #d0d0d0;}

td.howtoView {background-color:#e1ffdb; border-bottom:1px solid #d0d0d0; border-left:1px solid #d0d0d0; text-align:center;}
td.howtoView a:link, td.howtoView a:visited {font-size:1.3em; font-weight:bold; color:#3b72be;}
td.howtoView a:hover {text-decoration:none;}


/*------------------- Label Templates ------------------------------------*/

.templateBox {
	position: relative;
	width: 655px;
	margin: 5px 0;	
	padding: 12px 10px 0 90px;
	left: -3px;
}

.templateBox img {
	position: relative;
	float:left;
	padding: 0px 10px 3px 0px;
}
.softwareTitle { font-size: 1.5em;}
.softwareDesc {	margin: 0 0 0 30px;}
.maestroTemplate {background:url(http://images.onlinelabels.com/Images/productPage/v4/maestroExclusive.gif) no-repeat; height: 78px; margin-left:3px;}

/*------------------- Our Promise ----------------------------------------*/
#ourPromisePopup {
	position: absolute;
	left:66px;
	width: 597px;
	padding: 20px;
	background: #fffdf2;
	border: 3px solid #386dc6;
	z-index:1000;
	display: none;
}

#ourPromiseShadow {
	position: absolute;
	background-color: black;
	height: 875px;
	left: 52px;
	width: 670px;
	z-index:1000;
	display: none;
	opacity:0.2;
	filter:alpha(opacity=20);
}

#ourPromiseIframe {
	position: absolute;
	left:66px;
	top: 50px;
	height: 780px;
	width: 643px;
	display:none;
}

#ourPromisePopup h2 {
	font-size:1.5em;
	text-align:center;
}

p.promiseTitle {color:#376ac0; font-weight:bold; font-size:1.2em; margin:20px 0 5px 0;}
p.promiseBody {margin:0 0 0 10px;; font-size: 0.90em}