/* global */
body{ margin: 0; padding: 0; background-image: url(../images/bg_body.gif); background-repeat: repeat-x;	 font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;}
form { margin:0; padding:0;}
input{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
a {text-decoration:none; color:#4A493C;}
a:hover {text-decoration:underline;}
h1 {display:inline; font-size:18px; font-weight:bold;}
h2 {display:inline; font-size:14px; font-weight:bold;}
h4 {display:inline; font-size:11px; font-weight:bold;}
table {padding:0px; margin:0px;;}
td {font-size:11px; vertical-align:top;}
select {font-size:11px; width:170px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; background-color:#f5f6f7; border:1px solid #A8A36D;}
div {font-size:11px;}
ul{ list-style-image: none; list-style-type: none; margin: 0; padding:0;}
#contentcentered {text-align:center;}

/* horizontal ruler */
div.hr { height: 1px; background: #fff url(../images/hr.gif) no-repeat scroll left; margin-top:7px; margin-bottom:10px;}
div.hr hr { display: none;}

/* header */
#header{height:70px; width:990px;}
#logo{float:left; height:60px; width:160px;background-image: url(../images/logo_ccorg.gif); background-repeat:no-repeat; border-right: 1px solid #eee; }
#searchbox {float:left;width:260px; background-image:url(../images/lb_search.gif); background-repeat:no-repeat; height:58px;}
.inputbox {margin-top:24px; margin-left:75px; color:#000000; border:1px solid #C9C8C8;}
.searchbt {margin-left:2px; width: 25px; border:1px solid #c8c8c8; color:#ffffff; background-color:#A8A36D; font-size:10px; height:18px;}

/* navigation menu */
#menu {	margin: 0; padding:0; list-style-type: none; list-style-image: none; }
#menu li { float:left;width: 90px; border-right: 1px solid #eee; text-indent:-1000em;}
#menu .home {display: block; height: 60px; background-image:url(../images/bt_home_off.gif); margin:0;}
#menu .home:hover {background-image:url(../images/bt_home.gif);}
#menu .aboutus {display: block;	height: 60px;  background-image:url(../images/bt_aboutus_off.gif);}
#menu .aboutus:hover { background-color:#f1f1f1;background-image:url(../images/bt_aboutus.gif);}
#menu .selector {display: block;	height: 60px;	background-image:url(../images/bt_selector_off.gif);}
#menu .selector:hover {background-image:url(../images/bt_selector.gif);}
#menu .formulator {display: block;	height: 60px;	background-image:url(../images/bt_formulator_off.gif);}
#menu .formulator:hover {background-image:url(../images/bt_formulator.gif);}

/* footer */
#footer { margin:0 auto; height:20px;color:#ffffff; width:770px; background-color:#6a90b5; font-size:10px; font-weight:bold; margin-top:20px; line-height:20px; margin-bottom:10px;}

/* categories */
#catcontainer{height:25px; padding:0; font-weight:bold; word-spacing:-0.5px; position:relative; width:990px;}
#catcontainer .catlabel{float:left; padding-top:6px; width:190px;padding-left:15px; background-image:url(../images/bg_cats.gif); background-repeat:no-repeat; font-size:10px; height:25px; }
#catcontainer .catbrowser{float:left; text-align:left; font-size:10px; width:900px;} /* added width for safari support */
#cats {margin: 0; padding:0; list-style-type: none;	list-style-image: none; text-align:left;}
#cats li { height:20px; margin-left:5px; float: left; padding-left:18px; padding-top:6px;background-image:url(../images/bt_caticon.gif); background-repeat:no-repeat;}

/* main container */
#maincontainer {width:980px; text-align:left; margin:0 auto; margin-top:20px;}
#maincontainer .top {background-image:url(../images/bg_topbg.gif); height:9px; background-repeat:no-repeat; font-size:1px;}
#maincontainer .content {background-image:url(../images/bg_mainbg.gif); background-repeat:no-repeat; padding:10px; background-color:#FFFFFF;}
#maincontainer .searchcontent {background-image:url(../images/bg_mainbg_long.gif); background-repeat:repeat-y; padding:10px; background-color:#FFFFFF;}
#maincontainer .bot {height:40px; background-image:url(../images/bg_botbg.gif);  background-repeat:no-repeat;}

/* site front */
#frontbanner {width:770px; height:228px;  margin:0 auto; margin-top:10px;}
#boxescontainer {width:770px; height:210px;  margin:0 auto; margin-top:5px; margin-bottom:8px;  background-image:url(../images/bg_frontboxes.gif); background-repeat:no-repeat;}
#harmonybox{width:303px;;   float:left;}  
#popularbox {width:241px;  float:left; }
#announcebox {width:223px; float:left;}
#boxtitles {height:29px; background-repeat:no-repeat; margin-bottom:15px;}
.har{width:301px; background-image:url(../images/bg_ttharmony.gif); background-position: 4px 3px;}
.pop{width:236px; background-image:url(../images/bg_ttpopular.gif); background-position: 5px 3px;}
.ann{width:222px; background-image:url(../images/bg_ttannounce.gif); background-position: 7px 3px;}
#boxtext{margin-left:12px; margin-right:12px; text-align:left;}
#frontfooter{ width:770px; text-align:center; font-size:9px; color:#bfbfbf; margin:0 auto;}
.footer {color:#bfbfbf;}
#buttonfront{height:24px; width:90px; background-image:url(../images/bt_frontbutton.gif); font-size:10px; text-align:center; line-height:22px; display: block;}
.trial{ float:left; margin-left:4px;}
.purchase{ float:right; margin-right:4px;}

/* color browser */
#cbcompanydata {width:940px; padding-bottom:10px; margin-left:10px;}
#cbfandeck {float:right; font-weight:bold;}
#cbcolors {width:748px; margin-left:10px; text-align:center;}
#cbcolordata {width:150px; margin-top:10px; text-align:center; position:absolute; left:790px; top:0px;}
#cbcolordata .whitebox {position:relative; top:0; left:0; width:150px; height:75px; background-color:White; border: 1px solid black;}
#cbcolordata .blackbox {position:relative; top:0; left:0; width:150px; height:75px; background-color:black; border: 1px solid black;}
#cbcolordata .colorbox {position:absolute; left:10px; top:10px; width:130px; height:130px;}
.matchbutton {height:20px; width:150px; background-color:#f5f6f7; border:1px solid #A8A36D;}

/* companies */
#affiliates {width:217px; position:absolute; left:725px; top:20px; background-image:url(../images/bg_push.gif); background-repeat:no-repeat;}
#affiliatestxt {padding:15px; }
#affiliates .li {font-weight:bold; line-height:18px; font-size:11px; margin-left:5px;}
#selectoradd{width:217px; background-image:url(../images/bg_push.gif); background-repeat:no-repeat;}
#selectoraddthumb {padding-left:5px;padding-top:7px; padding-bottom:7px;}
#selectoraddSearch{width:120px; height:50px; margin-bottom:15px;}
.adscontainer{margin-top:5px;padding-left:25px; padding-top:15px;  background-image:url(../images/bg_push.gif); background-repeat:no-repeat;}


/* for understanding browsers */
#companies{width:700px; position:relative; min-height:400px; height:400px; margin-left:10px;}
#certification {height:23px; background-image:url(../images/bg_certification.gif); background-repeat:no-repeat;padding-top:5px; margin-top:3px; margin-bottom:7px; }
.indent {padding-left:10px; height:16px; width:50%; font-size:11px;}
.affiliateimage {padding-right:1px; float:left; width:12px;}

/* cbn products */
#productbody {text-align:left; width:770px; margin:0 auto;  line-height:17px; margin-top:20px;}
#producthead {width:770px; height:213px; margin:0px auto; margin-top:15px;}
.sel {background-image:url(../images/bg_selector.jpg); }
.for {background-image:url(../images/bg_formulator.jpg); }
#thumbcontainer {float:right;width:170px; background-image:url(../images/bg_thumbs.gif); background-repeat:no-repeat; margin-left:20px;}
#thumbnail {float:right; margin-bottom:8px; padding-right:32px;}
#thumbspacer{height:50px; width:1px;}
#thmbimg {border:2px solid #6A90B5; padding:2px;}

#ibox_selector {width:120px; height:110px; float:right; background-image:url(../images/bg_ibox.gif); background-repeat:no-repeat; text-align:center; vertical-align: middle; line-height:12px; margin-left:10px; padding-top:5px;}
#ibox_formulator {width:120px; height:110px; float:right; background-image:url(../images/bg_ibox.gif); background-repeat:no-repeat; 	text-align:center; vertical-align: middle; line-height:12px;  padding-top:18px; }
#ibox_selector .link {color:#21275E; font-weight:bold;}
#ibox_formulator .link {color:#21275E; font-weight:bold;}

/*about us */
#aboutusbanner{margin:0 auto; margin-top:15px; background-image:url(../images/bg_colorcharts.jpg); width:770px; height:163px;}
#aboutus {text-align:left; width:770px; line-height:17px;  margin:0px auto; margin-top:15px;}
#aboutus .ul {list-style-type:none;}
#star { float:left; margin:0px; padding:0px; height:14px; width:80px;}

/* color browser */
.cbpager {font-weight:bold; font-size:11px; font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif; margin:0 auto;}

/* search results */
.ColorParents {width:300px; line-height:16px;}
.Colors {width:310px; padding-left:10px; background-image:url(../images/bg_panes.gif); background-repeat:repeat-y;}
.CompProds {width:320px; line-height:16px;}

.searchColorsOuter {position:relative; padding:5px; width:280px; border-bottom: solid 1px #DDDDDD;}
.searchColorsInner {position:absolute; top:4px; left:50px; font-Size:10px; line-height:14px;}
.searchCompanies {line-height:16px;}

.cbnColorsInner {position:relative; border: solid 1px #DDDDDD; padding:5px; width:170px; font-Size:10px;}
.cbnScore {position:absolute; top:12px; left:50px; font-size:10px;}
.cbnGoogle {width:160px;}
.cbnAdsColumn{width:235px;}

.ProgressGif {width:60px;}