/*
 * 	Sakerete Website
 * 	edreamz 2009/2010
 * 	jjohnson
 */

.mainnav ul li ul{display: none;}

 body{background: #000; font-size: 12px; color: #444; line-height: 17px; overflow-x:hidden;}
 
 h1 { color: #582e68; font-weight: normal; font-size: 24px; font-family: "Times New Roman", Times, serif; line-height: normal;}
 h1.dirty {background:url(/images/h-blank.gif) 0 0 no-repeat; font-size:22px; width:678px; height:35px; padding:7px 0 0 20px;}
 h2 { color: #582e68; font-weight: bold; font-size: 13px; line-height: normal;}
 h3 { color: #582e68; font-weight: bold; font-size: 12px; line-height: normal;}
 h4 { color: #582e68; font-weight: bold; font-size: 28px; line-height: normal; margin-bottom:-5px;}
 h5 { color: #444; font-weight: bold; font-size: 14px; line-height:normal;}
 
 a{color: #d1601c; text-decoration: none; font-weight: bold;}
 a:hover, a.selected{color: #582a0f; text-decoration:none;}
 a.purple{color: #582e68;}
 a.purple:hover, a.purple.selected{color:#a870be;}
 
 a.graylink{color: #444; font-weight: normal;}
 a.graylink:hover{color:#582a0f;}
 
 a.back {position:absolute; top:48px; right:0; width:113px; height:16px; background:url(/images/btn-back.gif) 0 0 no-repeat; text-indent:-9999em;}
 a.back:hover{background-position:0 -16px;}
 
 .share {position:absolute; top:48px; right:0;}
 .share.projects {position:relative; float:right; top:5px; right:0; margin-right:20px;}
 
 ul {list-style:none;}
 ul li {list-style:none; list-style-image:none;}
 
 .adminContent{padding: 8px; line-height: 18px;}
 .adminContent img {border:2px solid #000; margin:5px;}
 .adminContent .purpleheader{color: #582e68; font-size: 16px; font-weight: bold;}
 .adminContent .purpleheader.short{width:560px;}
 .adminContent .subheader{font-size: 13px; font-weight: bold;}
 .adminContent .date{ font-size:10px; font-style:italic; margin-bottom:10px; }
 .adminContent ul, ol {margin: 0 0 10px 0; padding: 0;}
 .adminContent ul li {list-style:none; background: url(/images/bg-purplearrow.gif) no-repeat left center; padding-left: 20px;  margin-bottom: 5px;}
 .adminContent ol li { list-style: decimal; list-style-position:inside; margin-bottom: 5px;}
 .adminContent.searchResults ul li {background:url(/images/bg-list.gif) 5px -36px no-repeat;}
 
 .wrapper{width: 972px; padding-left:0; margin: 0 auto; position: relative;}
 
 #hd{background: url(../images/bg-top-row.jpg) repeat-x left top;}
 #middle{background: #fff url(../images/bg-middle-row.gif) repeat-x 6px top; padding-top: 10px; padding-bottom: 10px;}
 #middle.withbg .wrapper{background: url(../images/bg-content-middle.gif) repeat-y 6px top;}
 #footer{background: url(../images/bg-footer-row.gif) repeat-x left top;}
	#footer .wrapper{ background: url(../images/bg-footer.gif); padding-bottom:10px; font-size:11px;}
	#footer .wrapper a{ color:#000000; }
	#footer .wrapper a:hover{ text-decoration:underline; }
	#footer .wrapper ul{ padding:0 } 
	#footer .wrapper ul li{ display:inline; border-right: 1px #000 solid; margin: 0 5px 0 0; padding: 0 5px 0 0;}
	#footer .wrapper .float-right{ width:702px; margin-right:20px; margin-top:10px;}
	#footer .wrapper .footer-brand{ margin-left:20px; margin-top:5px; width:185px; color:#000;}
		#footer .wrapper .footer-brand img{ float:left; margin-right:8px;} 
			#footer .wrapper .footer-brand a{font-size:9px; margin-top:8px; display:block; line-height:12px; }
	#footer .wrapper .footer-products{  border-bottom: 1px #000 solid;  margin: 0 0 5px 0; padding: 0 0 5px 0;}

 #hd .content{background:url(../images/bg-masthead.png) 0 0 repeat-y; padding: 0 8px 0 0;}
 	#hd .brand{background: url(../images/web-logo.png) no-repeat left top; width: 246px; height: 95px; margin-left: 20px;}
	#hd .brand a{display: block; width: 246px; height: 95px; text-indent: -9999em;}
 
 .toplinks{position: absolute; right: 0; top: 0; width: 480px; text-align: right;}
 .toplinks ul{margin: 0; padding: 0;}
 .toplinks ul li{margin: 0; padding: 0; list-style:none; display: inline; margin-right: 5px;}
 
 	#tespanol a{float: right; padding: 34px 0 0 0; width:106px; overflow: hidden; height: 0px; background:url(/images/ico-spanish.png) 0 0 no-repeat;}
	#tespanol a:hover, #tespanol a.selected{background-position: 0 -34px;}
	#tfrancais a{float: right; padding: 34px 0 0 0; width:106px; overflow: hidden; height: 0px; background:url(/images/ico-french.png) 0 0 no-repeat;}
	#tfrancais a:hover, #tfrancais a.selected{background-position: 0 -34px;}
	#ttwitter, #tfbook {float:right; margin-top:5px;}
	.toplinks ul li#tviewsite { position: absolute; top: 10px; right: 280px; }
	#tviewsite a { color: #fff; font-size: 11px; padding-top: 10px; }
	
	.mainnav{ position:absolute; width:704px; top:29px; right:4px; } 
	#nav{ margin:0; padding:0; }
	
	#nav li{ display:block; float:left; position:relative;}
	#nav li a{ display:block; text-indent:-99999em;  height:67px;} 
	
	#nav #tabout a{ background: url(/images/main-nav.png) 0 0; width:100px; }
	#nav #tabout a:hover, #nav #tabout a.selected{ background-position: 0 -67px; }	
	#nav #tproducts a{ background: url(/images/main-nav.png) 605px 0; width:100px; }
	#nav #tproducts a:hover, #nav #tproducts a.selected{ background-position: 605px -67px; }	
	#nav #tvideos a{ background: url(/images/main-nav.png) 504px  0; width:150px; }
	#nav #tvideos a:hover, #nav #tvideos a.selected{ background-position: 504px  -67px; }	
	#nav #ttech a{ background: url(/images/main-nav.png) 353px  0; width:100px; }
	#nav #ttech a:hover, #nav #ttech a.selected{ background-position: 353px  -67px; }	
	#nav #tmedia a{ background: url(/images/main-nav.png) 252px 0; width:134px; }
	#nav #tmedia a:hover, #nav #tmedia a.selected{ background-position: 252px -67px; }
	#nav #tcontact a{ background: url(/images/main-nav.png) 115px 0; width:118px; }
	#nav #tcontact a:hover, #nav #tcontact a.selected{ background-position: 115px -67px; }
	
	#nav li ul{ position:absolute; background: #582e68 url(/images/subnav-bg.gif) no-repeat; z-index:200;width:161px; padding:0;}
	
	#nav li ul li{ display:block; float:none; margin: 2px 0; padding: 5px 8px;}
	#nav li ul li a{ text-indent:0; height:auto; display:inline; background-image:none; width:auto; color:#fff; }
	#nav #tcontact ul li:hover, #nav #tabout ul li:hover, #nav #tproducts ul li:hover, #nav #tvideos ul li:hover, #nav #tmedia ul li:hover, #nav #ttech ul li:hover{ background:url(/images/subnav-shine.gif) repeat-x; }
	#nav #tcontact ul li a:hover, #nav #tabout ul li a:hover, #nav #tproducts ul li a:hover, #nav #tvideos ul li a:hover, #nav #tmedia ul li a:hover, #nav #ttech ul li a:hover{ background-image:none; }
	#nav #tcontact ul li a, #nav #tabout ul li a, #nav #tproducts ul li a, #nav #tvideos ul li a, #nav #tmedia ul li a, #nav #ttech ul li a{ background-image:none; }
	
	
 .marketing-top {float:left; margin:0;}
 #marketing{width:727px; min-height: 295px; margin-left:14px; background:#ffffff;}
 #marketing.short {width:727px; min-height:150px; margin-left:14px;}
 #topctas{width: 214px; background: url(../images/bg-top-cta.gif) no-repeat 0 36px; min-height: 295px; margin-right:6px;}
 #topctas.short{width: 214px; background: url(../images/bg-top-cta.gif) no-repeat 0 36px; min-height: 295px;}
 #topctas.long{width: 214px; background:url(../images/bg-top-cta2.gif) left bottom no-repeat; min-height: 345px;}
 	.search{background: url(../images/bg-search.gif) repeat-y left top; border-bottom: 1px solid #fff; padding: 5px;}
	.search form p { position: relative; margin: 0; float: left;}
	.search form p label { position: absolute; top: 2px; left: 3px; color: #b0aead; font-size: 14px; font-weight: normal;}
	.search form p br {display: none;} 
	.search #s{width: 165px; margin-right: 5px; text-align: left; margin-left: 0; }
	
.comments{background: #ebebeb; padding: 8px;}
.comments p{margin-bottom: 15px; line-height: 16px;}
.comments .ina{font-size: 9px;}
.uinfo{font-size: 14px; color: #475974;}
.leavecomment{margin: 15px 0;}
.leavecomment form{margin-top: 10px;}
.leavecomment form p,.sidelogin form p{position: relative;}
.leavecomment form p br,.sidelogin form p br{display:none;}
.leavecomment form p label,.sidelogin form p label{position: absolute; top: 13px; left: 5px; text-transform: uppercase; color: #888; font-weight: normal;}
.leavecomment .largefield,.sidelogin .largefield{padding: 3px; font-size: 14px; width: 200px; margin-top: 10px;}
 
 #welcome{width: 345px; background: url(../images/bg-welcome.gif) repeat-x left top; font-size: 14px; padding: 20px; line-height: 18px; margin-right: 25px; margin-left:6px; min-height:400px;}
 	#welcome h2{background:url(../images/h_welcome.gif) no-repeat left top; text-indent: -9999em; width: 361px; height: 31px;}
	#welcome p{margin: 10px 5px;}
 #homecontent{width: 528px; padding-top: 20px; }
 	h4.projecthighlight {font-size:40px;}
 	.featuredproject{background: #efefef; padding: 10px;}
	.featuredproject .image a img{border: 1px solid #4f4f4f;}
	.featuredproject .image{width: 177px; float: left; margin-right: 23px;}
	.featuredproject .text{width: 290px; float: left;}
	.featuredproject .text h5{font-size: 16px;}
	.latest-info{padding: 0 20px 10px 0; background: url(../images/bg-latest-info.gif) no-repeat 0 28px; margin-top: 25px;}
	.blog, .news{width: 230px;}
	.blog{margin-right: 20px; margin-left: 20px;}
	.blog h5, .news h5{height: 32px; text-indent: 99999em; background-repeat:no-repeat; background-position: left top; margin-bottom: 6px;}
	.blog h5{width: 96px; background-image: url(../images/h-blog.gif); margin-left: -20px;}
	.news h5{width: 197px; background-image: url(../images/btn-in-community.gif); text-indent:-9999em;}
	.news h3 a, .blog h3 a{font-size: 14px;}

.bodycontent .left{ width: 254px; float: left; margin-right: 8px; padding: 15px 0 200px 0; margin-left:6px;}
.bodycontent .right{width: 690px; float: left; position: relative;}
.bodycontent .right.noleft {margin-left:10px;}
.leftcta{margin: 0 20px 10px 22px;}
.leftcta2{margin: 0 18px 10px 18px;}
.leftColumnFade{width: 254px; height: 203px; background: url(../images/bg-left-fade.png) repeat-x left bottom; left: 6px; bottom: 0; position: absolute;}
.leftcta a.howtosheet{background: url(../images/btn-howto.gif) 0 0 no-repeat; height:29px; width:176px; margin-bottom:10px; text-indent:-9999em; display:block;}
.leftcta a.shoppinglist{background: url(../images/btn-shopping.gif) 0 0 no-repeat; height:29px; width:176px; margin-bottom:10px; text-indent:-9999em; display:block;}
.leftcta a.howtosheet:hover, .leftcta a.shoppinglist:hover{background-position:-176px 0;}

.innerleft{width: 470px; float: left; margin-right: 10px;}
.innerright{width: 210px; float: left;}

.categoryAccordion dt a{background: url(../images/bg-accordion-header.gif) no-repeat left top; color: #fff; font-size: 18px; display: block; padding: 6px 10px 14px 10px; width: 669px; height: 22px;}
.categoryAccordion dt a.open{background-position: left bottom;}
.categoryAccordion dd{margin: -8px 0 0 8px; padding: 0;}
.categoryAccordion table{width: 100%;}
.categoryAccordion table tr{background: #d5d5d5;}
.categoryAccordion table tr.highlite{background: #b6b6b6;}
.categoryAccordion table tr td{border-bottom: 2px solid #fff; font-size: 14px; font-weight: bold; padding: 3px 5px 3px 10px;}
.categoryAccordion table tr td a{font-size: 12px; font-weight: normal; color: #d1601c;}
.categoryAccordion table tr td a:hover{color: #582E68;}
.categoryAccordion .howtosheet{background: url(../images/icon-question.png) no-repeat left center; padding-left: 20px; display: block;}
.categoryAccordion .icon-video{background: url(../images/icon-video.png) no-repeat left center; padding-left: 24px; display: block;}
.categoryAccordion .shoppinglist{background: url(../images/icon-cart.png) no-repeat left center; padding-left: 20px; display: block;}
.categoryAccordion .projectlink{font-size: 14px; font-weight: bold; color: #444;}
.categoryAccordion .projectlink:hover{color: #000;}
.categoryAccordion table.CalculatorInputsTable, .categoryAccordion table.CalculatorResultsTable{width: 649px; margin-left:16px;}
.CalculatorResultsTable{}

.media{width: 440px; height:340px; margin-bottom:5px; float: left; background: #000; overflow:hidden;}
.media .desc{background: #fff; padding: 6px 10px;}
.mediaInfo{width: 257px; float: left; margin-right: 10px; position: relative; padding:8px 0 0 18px;}
.mediaInfo .thumbnail{background: #181818; text-align: center; padding:15px 0; margin:-9px 0 0 -18px;}
.mediaInfo .thumbnail.video{background: none; margin-left:-5px;} 
.mediaInfo .desc{font-size: 13px; margin: 8px 5px;}
.mediaInfo .thumblist{margin: 0; padding: 0;}
.mediaInfo .thumblist li{margin: 0 8px 5px 0; padding: 0; float: left; list-style:none;}
.mediaInfo .thumblist a img{border: 1px solid #777;}
.mediaInfo .thumblist a:hover img{border: 1px solid #582e68;}

.videoRow {float:left; width:100%; border-bottom:1px solid #535353;}
.videoRow .videoItem {float:left; width:320px; padding:10px;}
.videoRow .videoItem .thumbBox {float:left; width:75px; height:75px; overflow:hidden; margin-right:15px; padding:0;}
.videoRow .videoItem .thumbBox .thumb {position:relative; top:0; left:0; overflow:hidden;}
.videoRow .videoItem .thumbBox .thumb a {position:absolute; bottom:0; left:0; display:block; width:75px; height:75px; background:url(/images/video-rollover2.png) right -75px no-repeat;}
.videoRow .videoItem .thumbBox .thumb a:hover, .videoRow .thumbBox .thumb a.selected {background-position:bottom right;}
.videoRow .videoItem .desc {float:left; width:169px; min-height:75px; padding-bottom:5px;}
.videoRow .videoItem .related {float:left; width:320px;}
.videoRow .videoItem .related a{ background:url(/images/bg-list.gif) 0 -36px no-repeat; list-style:none; padding: 3px 0 5px 12px; line-height:14px; display:block;}
.videoRow .videoItem .related a:hover, .listingcol li a.selected{background-position:0 4px;}

.link-logo { padding: 20px 0; border-bottom: 1px solid #CCC; }

ul.browsers { margin: 0; padding: 0; margin-top: 1em; }
ul.browsers li { list-style-type: none; padding: .4em .4em .4em 35px; margin: 0; margin-bottom: .5em; background-repeat: no-repeat; background-position: left 3px; border-bottom: 1px solid #ccc; }
	ul.browsers li>a { text-align: right; display: block; }
		.ff { background-image: url(/images/firefox.png); }
		.ie { background-image: url(/images/ie8.png); }
		.ch { background-image: url(/images/chrome.png); }
		.sa { background-image: url(/images/safari.png); }


.additional { background: #f6f6f6; padding: 10px 0; border-bottom: 2px solid #c08128; }
.additional h2 { padding-left: 10px; }

#map {width:660px; height:525px; margin-bottom:30px;}


/*
 *
 * News / Events / Blog Item
 *
 */
.listingitem{border-bottom: 1px solid #535353; padding:10px; width: 98%;}
.listingitem .header { width: 102%; height: 16px; font-size: 16px; font-weight: bold;}
.listingitem .header.post { background:#e3e3e3; font-size:11px; padding:3px 0 3px 8px; margin:0 0 -10px -10px;}
.listingitem .date{ font-size:10px; font-style:italic; }
.listingitem .img{width: 223px; float: left; margin-right: 10px;}
.listingitem .img img{ border: #353535 1px solid;}
.listingitem .text{width: 435px; float: left;}
.tags{margin-left:0; margin-bottom:-10px; padding:0;}
.tags li {display:inline; font-size:10px; margin-right:2px;}
.tags li a.largest { font-size:16px;}
.tags li a.large { font-size:14px;}
.tags li a.medium { font-size:12px;}
.tags li a.smallest { font-size:9px;}
.tags li a:hover { text-decoration:underline;}
.tags li.last{border:none;}

#tooltipBubble { 
    display:none; 
    background:transparent url(/images/black_tooltip.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:30px 25px 25px 25px; 
    color:#fff;    
	z-index: 500; 
}

.linklist{margin: 5px 0 15px 0; padding: 0; }
.linklist li a{background:url(/images/bg-list.gif) 5px -36px no-repeat; padding: 3px 0 5px 17px; line-height:14px; margin: 0; list-style:none; display:block;}
.linklist li a:hover, .linklist li a.selected{background-position:5px 4px;}

.projectcolumns{background: url(../images/bg-project-columns.gif) repeat-y left top;}

.projectleft{width: 215px; float: left; margin-right: 60px; padding-left: 10px;}
.projectright{width: 405px; float: left; padding-top:3px;}
.projectright .topbuttons {float:right; display:block; height:26px; margin-top:20px;}
a.print-shopping {float:right; width:139px; height:26px; background:url(/images/btn-print-shopping.gif) 0 0 no-repeat; text-indent:-9999em;}
a.howpdf{float:right; width:128px; height:26px; background:url(/images/btn-howpdf.gif) 0 0 no-repeat; text-indent:-9999em; margin-left:10px;}
a.print-shopping:hover, a.howpdf:hover {background-position:0 -26px;}

.projectitem{margin-top: 10px;}
.projectitem .image{float: left; width: 50px; margin-right: 10px;}
.projectitem .text{float: left; width: 155px; padding-top: 15px;}

.productcolumns{background: url(../images/bg-productcolumns.gif) repeat-y left top;}
.productleft{float: left; width: 93px; padding-left: 7px; margin: 15px 10px 0 0;}
.productright{float: left; width: 575px; margin-top: 15px; margin-left:5px;}
.productright.noleft {width:675px;}
.notice{margin:0 8px 8px 8px; border-top:1px solid #fff;  height:24px; color:#fff; padding-left:8px;}

.productlisting {float:left; margin-left:8px; width:100%;}

ul.locations {float:left; width:45%; margin-left:20px;}
ul.locations li {background:none; list-style:none; padding: 3px 0 8px 10px; line-height:14px; display:block;}

.productleft .instructions {color:#fff; font-size:12px; float:left; margin-top:-43px; line-height:11px; padding-left:10px; width:200px;}
.alphalist ul{margin: 0; padding: 0;}
.alphalist li{margin: 0; padding: 0; list-style:none;}
.alphalist a{display: block; width: 93px; padding-left: 10px; color: #444;}
.alphalist a:hover{color:#d1601c;}
.alphalist .selected{background: url(../images/bg-alphalist.png) no-repeat left center; color: #fff;}
.alphalist .selected:hover{color: #fff;}
.listingcol{width: 23%; float: left; margin: 0 10px 0 0; padding: 0;}
.listingcol li {}
.listingcol li a{ background:url(/images/bg-list.gif) 0 -36px no-repeat; list-style:none; padding: 3px 0 8px 12px; line-height:14px; display:block;}
.listingcol li a:hover, .listingcol li a.selected{background-position:0 4px;}
.listingcol li a.noback {background:none; float:left; margin-top:-10px;}

.listingcol.products {width:45%;}
.listingcol.products .img {float:left; width:100px; height:62px; overflow:hidden; margin-right:8px;}
.listingcol.products li {float:left; width:100%; margin-bottom:10px;}
.listingcol.products a {float:left; width:60%;}
.listingcol.products .img a{background:none; margin:0; padding:0;}

.categorycol {width:45%; float:left; margin-right:10px;}
.categorycol .purpleheader {margin:0; color: #582e68; font-size: 16px; font-weight: bold;}
.listingcol.language {width:45%; margin:-20px 0 0 15px;}
.listingcol.tech {width:95%; margin:0 0 15px 15px;}
.listingcol.tech li {float:left; width:100%; margin-bottom:10px;}
.listingcol.tech .img {float:left; width:100px; height:62px; overflow:hidden; margin-right:8px;}
.listingcol.tech .img a{background:none; margin:0; padding:0;}
.listingcol.tech a {float:left;}
.listingcol.tech a.title {width:165px; margin-bottom:8px;}

.answer {margin:5px 0 15px 20px;}
#commonquestions {float:left; margin:0; padding:0;}
#commonquestions li{float:left; padding:0 5px; display:inline; border-right:1px solid #535353;}
#commonquestions li.last{border:none;}

.withproduct{display:block; margin: -15px 0 10px -14px;}

.cta{ position:relative; width:222px;  right:-12px; }
.cta a{display:block; text-indent:-99999em;  width:222px; height:54px; }
.cta a.wherebuy:hover{ background-position: 0 -55px;}
.cta a.howmuch:hover{ background-position: 0 -55px;}
.cta a.datasheets:hover{ background-position: 0 -55px;}
.cta a.msds:hover{ background-position: 0 -55px;}
.cta a.wherebuy{ background:url(/images/cta-tab-where.png); }
.cta a.howmuch{ background:url(/images/cta-tab-howmuch.png); }
.cta a.datasheets{ background:url(/images/cta-tab-datasheets.png); }
.cta a.msds{ background:url(/images/cta-tab-need-msds.png); }

.cta .infobox{ padding:16px; background: url(/images/bg-yellowbox.png); width:196px; height:auto; }
.cta .infobox a {display:inline; list-style:none; padding:3px 0;}






.highlight span.subheader { color: #000; font-size: 14px; }
.highlight { background:url("../images/bg-content-middle.gif") repeat-y scroll 6px top transparent !important;}




body .buorg { position:absolute; width:100%; top:0px; left:0px; border-bottom:1px solid #fff; background:#3B1F45 no-repeat 1em 0.55em url(/images/i_warning.png);\
			text-align:left; cursor:pointer; font-family: Arial,Helvetica,sans-serif; color:#fff; font-size: 12px; }
.buorg div { padding:5px 36px 5px 40px; }
.buorg a { color:#E25600; }
#buorgclose { position: absolute; right: .5em; top:.2em; height: 20px; width: 12px; font-weight: bold; font-size:14px; padding:0; }







/*.arrowlist{margin: 0 0 10px 0; padding: 0;}
.arrowlist li{list-style:none; background: url(../images/bg-purplearrow.gif) no-repeat left center; padding-left: 20px;}*/

.datatable{background: url(../images/bg-datatable.gif) no-repeat left top; padding: 10px; min-width: 525px; min-height: 180px; margin-top: 10px;}
.datatable table{width: 70%;}
.datatable th{background: url(../images/bg-datatable-hd.gif) repeat-x left top; padding: 3px; color: #fff;}
.datatable td{border-right: 1px solid #535353; border-bottom: 1px solid #535353; padding: 3px;}
.datatable tr.alt


/* Browser Bar */
#browserBar{background: #FCF2AB; color: #f55a00; position: absolute; left: 0; top: 0; width: 100%; padding: 6px 0;  z-index: 995; }
 #browserBar a{color: #000;}
 #browserBar a:hover{color: #1F1E1D; text-decoration:none;}
 .browserBarList{margin: 0 auto; padding: 0; width: 960px; padding-left: 55px;}
 .browserBarList li{list-style:none; display:inline; font-size: 11px; padding-right: 5px; border-right: 1px solid #ccc; padding-left: 4px;}