html{background:#ebebeb url(../images/html.gif) repeat-x;}
body {
	background:url(../images/body.jpg) no-repeat 50% 0;
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
}
img {
	display:block;
	border:0;
}
form,fieldset {
	border:0;
	padding:0;
	margin:0;
}
input,select,textarea{font:12px Arial, Helvetica, sans-serif;}
/*--main holder-- */
#page-holder{
	width:940px;
	padding:131px 0 0;
	margin:0 auto;
	position:relative;
}
/*--logo-- */
.logo{
	width:247px;
	height:135px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:1px;
	left:-12px;
	z-index:3;
}
.logo span{
	background:url(../images/logo.png) no-repeat;
	width:247px;
	height:135px;
	display:block;
}
.logo a{
	height:92px;
	display:block;
	position:relative;
	cursor:pointer;
}
/*--header part-- */
#header{
	width:940px;
	height:131px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
/*--tools-- */
.tools{
	width:216px;
	position:absolute;
	top:18px;
	right:0;
}
.tools div{
	background:url(../images/tools.gif) repeat-x 0 100%;
	display:block;
	line-height:20px;
	color:#2b1b7d;
	text-align:right;
	padding:0 0 2px;
	margin:0 0 5px;
}
.tools div a{
	background:url(../images/cart-1.gif) no-repeat;
	color:#2b1b7d;
	text-decoration:none;
	padding:5px 0 1px 28px;
}
.tools div a:hover{text-decoration:underline;}
.tools input{
	float:right;
	margin:3px 0 0;
}
.tools .string{
	background:url(../images/string-1.gif) no-repeat;
	width:178px;
	height:20px;
	float:left;
	overflow:hidden;
	padding:3px 0 0;
	margin:3px 0 0;
}
.tools .string input{
	background:none;
	width:168px;
	float:left;
	color:#666;
	border:0;
	padding:2px 5px;
	margin:0;
}
.heading{
	font-size:25px;
	line-height:30px;
	color:#2b1b7d;
	letter-spacing:2px;
	position:absolute;
	top:48px;
	left:250px;
}
/*--navigation-- */
.navigation{
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	top:91px;
	left:235px;
}
.navigation li{
	float:left;
	margin:0 4px 0 0;
}
.navigation a{
	font-size:14px;
	line-height:40px;
	text-decoration:none;
	color:#2b1b7d;
	float:left;
}
.navigation span{
	float:left;
	padding:0 13px;
	margin:0 -2px 0 0;
	position:relative;
	cursor:pointer;
}
.navigation a:hover{background:url(../images/navigation-a.gif) no-repeat 0 100%;}
.navigation a:hover span{background:url(../images/navigation-span.gif) no-repeat 100% 100%;}
.tel{
	font-size:16px;
	line-height:20px;
	color:#2b1b7d;
	position:absolute;
	top:102px;
	left:26px;
}
/*--main part-- */
#main{
	background:#fff;
	width:940px;
	overflow:hidden;
	padding:16px 0 25px;
	position:relative;
}
/*--sidebar-- */
#sidebar{
	width:214px;
	float:left;
	padding:0 0 100px 16px;
}
/*--sidebar navigation-- */
.navig-hold{
	background:#33338b url(../images/navig-hold.gif) no-repeat;
	width:100%;
}
.navig-hold:after{
	content:"";
	display:block;
	clear:both;
}
.navig-hold h3{
	background:url(../images/navig-hold-h3.gif) repeat-x 0 100%;
	font-size:14px;
	line-height:18px;
	color:#fcfcfc;
	padding:13px 0 5px;
	margin:0 25px 0 15px;
}
.navig-hold ul{
	list-style:none;
	padding:0 0 0px; /* bottom margin was 10px */
	margin:3px 0 0;
	position:relative;
}
.navig-hold li{
	font-size:14px;
	line-height:16px;
	color:#fbfbfb;
	vertical-align:top;
}
* html .navig-hold li{height:1%;}
.navig-hold ul span{
	width:154px;
	display:block;
	cursor:pointer;
}
.navig-hold ul a{
	display:block;
	color:#fbfbfb;
	text-decoration:none;
	padding:5px 0 5px 15px;
}
.navig-hold li:hover span,
.navig-hold li.hover span{background:url(../images/navig-hold-li-newX.png) no-repeat;}
.navig-hold li:hover span a,
.navig-hold li.hover span a,
.navig-hold li.hover span a:hover {
	background:url(../images/navig-hold-a-new.png) repeat-x 0 100%;
	text-decoration:none;
}
.navig-hold a:hover{text-decoration:underline;}

.navig-hold li:hover div,
.navig-hold li.hover div{display:block;}

.navig-hold ul div{
	width:125px;
	position:relative;
	top:-45px;
	left:65px; /* was 154px */
	display:none;
	float: right;
	height: 0;
}
.navig-hold em{
	background:url(../images/drop-bot-new.png) repeat-x;
	width:125px;
	height:10px;
	display:block;
}
.navig-hold ul ul{
	background:url(../images/drop-top-new.png) repeat-x;
	width:185px;
	padding:5px 10px 10px 0;
	margin:0;
	position:relative;
	top: 0px;
}
.navig-hold ul ul a{
	padding:2px 0 2px 15px;
	position:relative;
	font-size: 12px;
	color: #fff;
}
.banner{
	display:block;
	margin:8px 0 17px;
}
/*--contact-- */
.contact{
	background:url(../images/contact.jpg) repeat-y;
	width:214px;
	border-bottom:1px solid #ada9c0;
}
.sub-contact{
	background:url(../images/sub-contact.jpg) no-repeat;
	width:187px;
	overflow:hidden;
	padding:20px 15px 16px 12px;
}
.contact h3{
	background:url(../images/contact-h3.gif) repeat-x 0 100%;
	font:18px/22px Arial, Helvetica, sans-serif;
	color:#171717;
	padding:0 0 5px;
	margin:0;
}
.contact p{
	font:11px Arial, Helvetica, sans-serif;
	color:#171717;
	margin:10px 0 0;
}
.contact .string{
	background:url(../images/string-2.gif) no-repeat;
	width:178px;
	height:20px;
	display:block;
	padding:3px 0 0;
	margin:12px 0 0;
}
.contact .string input{
	background:none;
	width:168px;
	color:#666;
	border:0;
	padding:2px 5px;
}
.sub-contact div{
	width:100%;
	overflow:hidden;
	padding:15px 0 0;
}
.sub-contact div span{
	width:92px;
	font-size:9px;
	line-height:11px;
	text-align:center;
	float:left;
}
.sub-contact div input{
	float:right;
	margin:0 9px 0 0;
}
/*--logo-- */
.logo-2{
	background:url(../images/logo-2.gif) no-repeat;
	width:214px;
	height:80px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	left:16px;
	bottom: 15px;
}
.logo-2 a{
	height:100%;
	display:block;
}
/*--content part-- */
#content{
	background: transparent url(../images/content1.gif) repeat-y 0px 100%;
	width:678px;
	float:right;
	padding:0 16px 15px 0;
}
/*--visual-- */
.visual{
	background:url(../images/visual.jpg) no-repeat;
	width:406px;
	height:354px;
	overflow:hidden;
	padding:0 19px 0 253px;
}
.visual h1 {
	background:url(../images/visual-h1.gif) repeat-x 0 100%;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	padding:0 0 12px;
	margin:65px 35px 0 0;
}
#content .visual p{
	font-size:12px;
	line-height:14px;
	color:#fff;
	margin:15px 0 0;
}
#content .visual ul{
	width:405px;
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:25px 0 0 1px;
}
#content .visual ul li{
	background:none;
	width:73px;
	float:left;
	padding:0 8px 0 0;
}
.visual ul a{
	display:block;
	color:#c0c0c0;
	text-decoration:none;
}
.visual ul a:hover{position:relative;}
.visual ul a:hover span{text-decoration:underline;}
.visual ul img{
	border:1px solid #404040;
	margin:0 0 7px;
}
.visual ul span{
	display:block;
	font-size:9px;
	color:#c0c0c0;
	text-align:center;
}
/*--box-- */
.box{
	background:#efefef;
	width:656px;
	overflow:hidden;
	border:0px solid #f2f2f2;
	padding:11px;
	margin:0 0 26px;
}
.box h2.nomarg{margin:0;}
.box h2{
	font-size:18px;
	font-weight:normal;
	color:#0e0e0e;
	margin:15px 0 0;
}
.box table{
	width:100%;
	border-collapse:collapse;
	font-size:10px;
	padding:0;
	margin:10px 0 0;
}
.box .light th,
.productListing-even,
.productListing-heading,
.box .light td {background:#f7f7f7 url(../images/dot-bg.gif) repeat-x 0 100%;}

.box table th,
.productListing-heading{
	background:url(../images/dot-bg.gif) repeat-x 0 100%;
	font-weight:normal;
	color:#e9852d;
	text-align:left !important;
	padding:0;
	margin:0;
}
.box table td {
	height:24px;
	padding:0;
	margin:0;
}
.productListing-odd,{
	background:url(../images/dot-bg.gif) repeat-x 0 100%;
	height:24px;
	padding:0;
	margin:0;
}

table.products { margin-left: 15px; width: 648px; }
table .box .products { margin-left: 0; }
.products .cell-1{width:108px;}
.products .cell-2{width:174px;}
.products .cell-3{width:45px;}
.products .cell-4{width:81px;}
.products .cell-5{width:57px;}
.products .cell-6{width:81px;}
.products .cell-7{width:60px;}
.closures .cell-1{width:63px;}
.closures .cell-2{width:72px;}
.closures .cell-3{width:72px;}
.closures .cell-4{width:177px;}
.closures .cell-5{width:72px;}
.closures th{height:30px;}
.ac{text-align:center !important;}
.cart{
	background:url(../images/cart-2.gif) no-repeat;
	width:16px;
	height:16px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
}
.closures img{margin:5px auto;}
.box p{
	color:#171717;
	margin:18px 0 0;
}
.box p a{color:#312476;}
.box p a:hover{text-decoration:none;}
/*--content styles-- */
.part{padding:0 0 0 10px;}
#content h3{
	font-size:12px;
	color:#171717;
	margin:0;
}
#content ul{
	list-style:none;
	padding:15px 0 0;
	margin:0;
}
#content ul li{
	background:url(../images/bullet.gif) no-repeat 0 5px;
	line-height:14px;
	color:#171717;
	padding:0 0 15px 8px;
}
#content p{margin:10px 0 0;}
/*--footer part-- */
#footer{
	width:940px;
	font-size:12px;
	color:#666;
	text-align:center;
	padding:14px 0;
	
}
#footer dl,
#footer dt,
#footer dd,
#footer ul,
#footer li {display:inline;}
#footer dl{margin:0 75px 0 0;}
#footer dd{margin:0 10px 0 0;}
#footer dd a{
	color:#666;
	text-decoration:none;
}
#footer ul{
	list-style:none;
	padding:0;
	margin:0;
}
#footer li{margin:0 15px 0 0;}
#footer ul a{
	color:#312476;
	text-decoration:none;
}
#footer a:hover{text-decoration:underline;}

/* Oscom Specifics: Common tables */
.productListing-even,
.productListing-odd,
{
	background:url(../images/dot-bg.gif) repeat-x 0 100%;
	height:24px;
	padding:0;
	margin:0;
}

.productListing-even,
.productListing-heading {background:#f7f7f7 url(../images/dot-bg.gif) repeat-x 0 100%;}

.productListing-heading a {text-decoration: none; background: none;}
.productListing-heading a:hover {text-decoration: none}

.productListing-heading{
	background:url(../images/dot-bg.gif) repeat-x 0 100%;
	font-weight:normal;
	color:#e9852d;
	text-align:left !important;
	padding:0;
	margin:0;
}

.pageHeading {
	font-size:18px;
	font-weight:normal;
	color:#0e0e0e;
	margin:15px 0 0;
}

.inputRequirement {color: red}

/*--visual2-- */
.visual2{
	background:url(../images/visual-checkout.jpg) no-repeat;
	width:386px;
	height:206px;
	overflow:hidden;
	padding:0 19px 0 273px;
}
.visual2 h1{
	background:url(../images/visual-h1.gif) repeat-x 0 100%;
	font-size:24px;
	line-height: 100%;
	font-weight:normal;
	color:#e9852d;
	padding:0 0 8px;
	margin:25px 15px 0 0;
}
td .visual2 p{
	font-size:14px;
	line-height:160%;
	color:#fff;
	margin:15px 0 0;
	color: #fff;
	width: 375px;
}

.visual-category{
	/* overflow:hidden; */
	padding:40px 25px 0 332px !important;
	margin: 0 0 0 0 !important;
	font: normal 14px/160% arial, sans-serif !important;
	width: 320px !important;
	/* position: relative;
	top: -2px; */
}
.visual-category h1{
	background:url(/templates/vivid/images/visual-h1.gif) repeat-x 0 95%;
	font-size:24px;
	font-weight:normal;
	padding:0 0 12px 0;
	margin:0px 0px 0 0;
	color: #e9852d;
}

.visual-category h1 b, .visual2 h1 b {
display: block;
color: #fff;
margin-bottom: 5px;
}

h1 {
	font-size:24px;
	font-weight:normal;
	color: #000;
	padding-left: 15px;
	padding-top: 0;
	margin-top: 0;
}

td .visual-category, td .visual-category  p{
	font-size:12px;
	line-height:14px;
	color:#fff;
	margin:15px 0 0;
	color: #fff;
	width: 350px;
} 

table table td { padding: 0; }

table.products td { padding: 6px 0 4px 0; vertical-align: top; font-size: 11px; }

.smallText a,
.smallText a:visited {
	color: #e9852d;
	text-decoration: underline;
}

.smallText a:hover {
	color: #000;
	text-decoration: none;
}

.smallText img { margin-bottom: -10px; }

td.smallText {
	padding-bottom: 25px;
}



/* specialty pages */

#box2, .innov-box {
	margin-left:0px; 
	background-color: transparent; 
	padding-right: 1px;
	padding-bottom: 20px;
}


#box2 h2, .innov-box h2 {
	background:url(/templates/vivid/images/visual-h1.gif) 0 100% repeat-x; 
	margin: 0; 
	padding-bottom: 5px; 
	width: 432px; 
	font: normal 24px arial, sans-serif;
	color: #312476; 
}

#box2 h2.small-h2 {
	font-size: 18px;
}

#box2 ul,
#box2 ol {
	margin-left: 10px;
	display: auto;
}

#box2 ul li,
#box2 ol li {
	font: 12px arial, sans-serif;
	line-height: 140%;
	width: 368px;
	margin-bottom: 0;
	padding-bottom: 5px;
}


#box2 p {
	margin-right: 250px; 
	line-height: 160%;
}

#rightbox {
	float: right; 
	width: 192px; 
	padding: 20px 15px; 
	background: transparent url(/templates/vivid/images/bg-right-box.jpg) 0 0 no-repeat; 
	border: 1px solid #e5e5e5;
	position: relative; 
	top: -128px;
}

#rightbox ul {
	margin: auto auto 15px 10px;
}

#rightbox ul li {
	padding-bottom: 4px;
}

#box2 a,
#box2 a:visited,
#rightbox a,
#rightbox a:visited,
h4 a,
h4 a:visited {
	color: #e9852d; /* #312476;  */
	text-decoration: underline;
}

#box2 a:hover,
#rightbox a:hover,
h4 a:hover {
	color: #e9852d; /* #312476;  */
	text-decoration: none;
}


#rightbox p {
	margin: 5px 0;
	line-height: 120%;
	font: normal 12px arial, sans-serif;
	color: #444;
}

#rightbox h2 {
	background:url(/templates/vivid/images/visual-h1.gif) repeat-x 0 100%; 
	margin-bottom: 0; 
	width: 100%;
	padding-bottom: 5px;
	font: normal 18px arial, sans-serif; 
	color: #333; 
	}


#rightbox h2 a {

	text-decoration: none;
}


.visual-category-sub {
	/* overflow:hidden; */
	padding:20px 25px 0 382px !important;
	margin: 0 0 0 0 !important;
	font: normal 14px/160% arial, sans-serif !important;
	width: 270px !important;
	/* position: relative;
	top: -2px; */
	text-align: right;
	width:678px; 
	height:310px;
}

.visual-category-sub h4 {
	text-align: right;
	margin: 0;
	padding: 0;
	font: normal 20px/180% arial, sans-serif;
	color: #333;
}


#outer {
	background-color: transparent;
	background-image: none;
}



#resin-chart td {
	padding: 4px;
	font-size: 11px;
	text-align: center;
}


#resin-chart td.lefty {
	text-align: right;
	background-color: #d3e9a9;
	padding-right: 8px;
	width: 80px;
}


.wide-contact { margin-bottom: 0; }
.wide-contact h2,
.wide-contact p { width: 100% !important; }


/* p.recycle-icon  {
	padding-bottom: 0px;
} */

p.recycle-icon img {
	float: left;
	margin: 5px 10px 10px 10px;
	padding-bottom: 10px;
}


#home-table { 
	background-color: #ffffff;
}

#home-table td h2 {
	background:url(/templates/vivid/images/visual-h1.gif) 0 100% repeat-x; 
	margin: 12px 0 -5px 0; 
	padding-bottom: 3px; 
	width: 331px; 
	font: normal 24px arial, sans-serif;
	color: #312476; 
}

#home-table td h3 {
	margin: 12px 0 -8px 0; 
	font: normal 18px arial, sans-serif;
	color: #312476; 
	padding: 0;

}


#home-table td p {
	line-height: 140%;
}

#home-table td {
	vertical-align: top;
}

#home-table td.leftbox {
	vertical-align: top;

}

#home-table td.rightbox {
	vertical-align: top;
}

#home-table ul { margin-top: 5px; }

#home-table ul li { 
	font: normal 10px arial, sans-serif; 
	margin: 0 0 0 8px;
	padding: 0 0 3px 8px;
	
	}

#home-table a,
#home-table a:visited {
	color: #e9852d; /* #312476;  */
	text-decoration: underline;
}


#home-table a:hover {
	color: #e9852d; /* #312476;  */
	text-decoration: none;
}


#home-table-news td {
	padding: 3px 10px;
	font-size: 11px;
}

#home-table td.home-main-ad { margin: 0; padding: 0; }

td.home-main-ad div {
	position: relative; 
	top: -260px; 
	width: 100%; 
	text-align: center; 
	color: #fff; 
	background-color: transparent; 
	font-size: 12px;
	height: 0px;
	margin: 0;
	padding: 0;
}

td.home-main-ad div a,
td.home-main-ad div a:visited {
	 display: block; 
	 color: #e9852d; 
	 font: normal 24px arial, sans-serif;
	 margin: 0;
	 padding: 14px 0 0 0;
	 text-decoration: none !important;
}

td.home-main-ad div a:hover {
	 display: block; 
	 color: #e9852d; 
	 font: normal 24px arial, sans-serif;
	 margin: 0;
	 padding: 14px 0 0 0;
	 text-decoration: underline !important;
}


td.home-main-ad div a.more,
td.home-main-ad div a.more:visited {
	margin-top: 146px; 
	text-align: right; 
	padding-right: 20px; 
	font-size: 12px;
	text-decoration: underline !important;
}

td.home-main-ad div a.more:hover {
	text-decoration: none !important;
}






/* hide or show print items */


.head-image-print {
	display: none;
	visibility: hidden;
}




#torque td {
	text-align: right;
	padding: 2px 1px;
	border-bottom: 1px solid #eee;
}







 .txt,
.txt-2 {
	width: 138px;
	background: #fff;
	padding: 2px 3px;
	border: 1px solid #A7A6AA;
}
.txt-2 {
	float: none;
	width: 338px;
	height: 80px;
	overflow: auto;
}



.innovation-table td {
	font: 12px/160% arial, sans-serif;
	vertical-align: top;
}

.innovation-table td b {
	font: normal 20px arial, sans-serif;
	color: navy;
}










div#tighthead-head {
	margin-top: -15px;
}


div#tighthead p {
	width: 320px;
	color: #fff;
	font: normal 14px/130% arial, sans-serif;
}

ul#tighthead-list {
	list-style-type: disc;
	list-style-image: none;
	background-image: none;
}

ul#tighthead-list li {
	list-style-type: disc;
	list-style-image: none;
	background-image: none;
	color: #fff;
	line-height: 120%;
	padding: 0;
	margin: 0 0 0 45px;
	font: normal 13px/130% arial, sans-serif;


}


#comment-fixer textarea { width: 272px; }


#form-checkout { 
	border: 1px solid #DFDFDF; 
	width: 300px;
	padding: 0 15px 15px 25px;	
	background-color: #efefef;
}


.messageStackError { width: 300px;}






p.cleveland-website-design {
display: inline;
margin-top: 15px;
margin-right: 25px;
float: right;
color: #ddd;
}

p.cleveland-website-design a,
p.cleveland-website-design a:visited{
color: #ddd;
}



/* Home Page Styles for Scraper */

.prices {
	text-align: right; 
	padding-right: 15px;
}