/* @override http://www.customizedinc.com/skins/Cci/styleSheets/all.css */

/* @override http://www.bocodesign.com/cci/skins/Cci/styleSheets/all.css */

body {
        margin:0;
        padding: 0;
        font: 12px/16px "Trebuchet MS", Trebuchet, Arial, sans-serif;
        color:#3f3f3f;
}
h1 {
        margin:0;
}
h1 a {
        float: left;
        width: 130px;
        height: 111px;
        overflow: hidden;
        background: url(../styleImages/cci-logo.jpg);
        text-indent: -9999px;
}
h2 {
        font-size:30px;
        color:#91278f;
        font-weight:normal;
        margin:0;
        line-height: 30px;
}
h3 {
        font-size:18px;
        font-weight:normal;
        margin:0;
}
h4 {
        margin:0;
        font:normal 17px Verdana, Arial, Helvetica, sans-serif;
        color:#91278f;
}
p {
        margin:9px 0 0;
}
img {
        display:block;
        border:0;
}
span.green-title {
        display:block;
        color:#91278f;
}
span.orange {
        color:#e36f1e;
}
span.orange strong{
        text-transform: uppercase;
}
a.click-view,
a.request-sample {
        width: 106px;
        height: 19px;
        overflow: hidden;
        text-indent: -9999px;
        margin: 0 auto;
        display: block;
}
a.click-view {
        background:url(../styleImages/click-view.gif);
        width:153px;
        margin: 16px 0 0 -3px;
}
a.request-sample {
        background:url(../styleImages/request-sample.gif);
        margin-top:10px;
}
a.request-quote {
        width:95px;
        margin: 1px 0 0 0;
        height:18px;
        overflow:hidden;
        text-indent:-9999px;
        display:block;
        background:url(../styleImages/request-quote.gif);
}
span.gray {
        display:block;
        color:#3f3f3f;
        float:left;
        width:100%;
        padding-bottom:7px;
}
#main {
        width:847px;
        margin:0 auto;

}
#header,
#content {
        width:847px;
        float:left;
}
#header {
        padding-bottom:15px;
        position:relative;
}
/*ul.breadcrumb {
        width:675px;
        float:left;
        padding:0;
        margin:0 0 0 150px;
        list-style:none;
        position:absolute;
        top:114px;
        left:192px;
        font-size:18px;
        color:#e36f1e;
}*/
ul#breadcrumb {
        width:675px;
        padding:0;
        height: 28px;
        margin:-45px 0 0 25px;
        list-style:none;
        overflow:hidden;
        position:relative;
        font-size:18px;
        color:#e36f1e;
        /*float: left;
        position:absolute;*/
}
ul#breadcrumb.homepage{
  margin:-45px 0 15px 25px;
  width:375px;
}
* html ul#breadcrumb.homepage{
  margin:-45px 0 0px 25px;
  width:375px;
}
* html ul#breadcrumb {
        padding: 0 0 17px 0;
}
* +html ul#breadcrumb {
        padding: 0 0 17px 0;
}
ul#breadcrumb li {
        float:left;
        margin-right:8px;
}
ul#breadcrumb span {
        display:block;
        margin-top:8px;
        text-transform: uppercase;
}
#header form {
        float:right;
        padding:12px 8px;
        margin:0;
}
#header form div {
        float:left;
}
#header form input {
        float:left;
        margin-left:4px;
}
#header form input.text {
        width:151px;
        height:14px;
        border:1px solid #939598;
        margin-top:1px;
        padding:1px 2px;
}
#header form input.button {
        width:49px;
        height:19px;
        font:11px "Trebuchet MS", Trebuchet, Arial, sans-serif;
        color:#3f3f3f;
}
.header-img {
        float:right;
        clear:right;
}
#left,
#left-nav,
ul#left-navigation {
        width:130px;
        float:left;
}
#left-nav {
        background:url(../styleImages/main-left-nav.gif) repeat-y;
        margin-bottom:14px;
}
ul#left-navigation {
        padding:20px 0 0;
        margin:0;
        list-style:none;
        background:url(../styleImages/top-left-nav.gif) no-repeat;
}
ul#left-navigation li {
        width:114px;
        float:left;
        padding:7px 7px 7px 9px;
        background:url(../styleImages/separator-line.gif) no-repeat 0 100%;
}
ul#left-navigation li a {
        color:#fff;
        text-decoration:none;
}
ul#left-navigation li a:hover,
ul#left-navigation li.active a {
        color:#91278f;
        text-decoration:underline;
}
ul#left-navigation li.last {
        background:url(../styleImages/bottom-left-nav.gif) no-repeat 0 100%;
        padding-bottom:22px;
}
ul#left-navigation li ul {
        padding:0;
        margin:0;
        list-style:none;
}
ul#left-navigation li ul,
ul#left-navigation li ul li {
        width:114px;
        float:left;
}
ul#left-navigation li ul li {
        background:none;
        padding: 3px 0 4px 0;
        height: 13px;
}
ul#left-navigation li a {
        display: block;
        height: 12px;
        text-indent: -9999px !important;
        overflow: hidden !important;
}
/*main menu*/
ul#left-navigation li a.menu_our_products {
        display: block;
        height: 21px;
        background:url(../styleImages/menu_our_products.gif) no-repeat 0 4px;
}
/*ul#left-navigation li a.menu_our_products:hover,
ul#left-navigation li.active a.menu_our_products {
        background:url(../styleImages/menu_our_products_act.gif) no-repeat 0 4px;
}*/
ul#left-navigation li a.menu_about_cci {
        height: 15px;
        background:url(../styleImages/menu_about_cci.gif) no-repeat;
}
ul#left-navigation li a.menu_about_cci:hover,
ul#left-navigation li.active a.menu_about_cci {
        background:url(../styleImages/menu_about_cci_act.gif) no-repeat;
}
ul#left-navigation li a.menu_customized_options {
        height: 16px;
        background:url(../styleImages/menu_customized_options.gif) no-repeat 0 2px;
}
ul#left-navigation li a.menu_customized_options:hover,
ul#left-navigation li.active a.menu_customized_options {
        background:url(../styleImages/menu_customized_options_act.gif) no-repeat 0 2px;
}
ul#left-navigation li a.menu_about_dianne {
        height: 16px;
        background:url(../styleImages/menu_about_dianne.gif) no-repeat 0 2px;
}
ul#left-navigation li a.menu_about_dianne:hover,
ul#left-navigation li.active a.menu_about_dianne {
        background:url(../styleImages/menu_about_dianne_act.gif) no-repeat 0 2px;
}
ul#left-navigation li a.menu_contact_us {
        height: 16px;
        background:url(../styleImages/menu_contact_us.gif) no-repeat 0 2px;
}
ul#left-navigation li a.menu_contact_us:hover,
ul#left-navigation li.active a.menu_contact_us {
        background:url(../styleImages/menu_contact_us_act.gif) no-repeat 0 2px;
}
ul#left-navigation li a.menu_ordering_information {
        height: 16px;
        background:url(../styleImages/menu_ordering_information.gif) no-repeat 0 2px;
}
ul#left-navigation li a.menu_ordering_information:hover,
ul#left-navigation li.active a.menu_ordering_information {
        background:url(../styleImages/menu_ordering_information_act.gif) no-repeat 0 2px;
}
/*categories*/
ul#left-navigation li ul li a {
        display: block;
        height: 14px;
        text-indent: -9999px !important;
        overflow: hidden !important;
}
ul#left-navigation li ul li a.menu_childbirth_education {
        width: 109px;
        background: url(../styleImages/menu_childbirth_education.gif) no-repeat;
}
ul#left-navigation li ul li a.menu_childbirth_education:hover,
ul#left-navigation li ul li.active a.menu_childbirth_education {
        background: url(../styleImages/menu_childbirth_education_act.gif) no-repeat;
}
ul#left-navigation li ul li a.menu_womens_wellness {
        width: 104px;
        background: url(../styleImages/menu_womens_wellness.gif) no-repeat;
}
ul#left-navigation li ul li a.menu_womens_wellness:hover,
ul#left-navigation li ul li.active a.menu_womens_wellness {
        background: url(../styleImages/menu_womens_wellness_act.gif) no-repeat;
}
ul#left-navigation li ul li a.menu_breast_health {
        width: 104px;
        background: url(../styleImages/menu_breast_health.gif) no-repeat;
}
ul#left-navigation li ul li a.menu_breast_health:hover,
ul#left-navigation li ul li.active a.menu_breast_health {
        background: url(../styleImages/menu_breast_health_act.gif) no-repeat;
}
ul#left-navigation li ul li a.menu_radiology {
        width: 104px;
        background: url(../styleImages/menu_radiology.gif) no-repeat;
}
ul#left-navigation li ul li a.menu_radiology:hover,
ul#left-navigation li ul li.active a.menu_radiology {
        background: url(../styleImages/menu_radiology_act.gif) no-repeat;
}
ul#left-navigation li ul li a.menu_surgery {
        width: 104px;
        background: url(../styleImages/menu_surgery.gif) no-repeat;
}
ul#left-navigation li ul li a.menu_surgery:hover,
ul#left-navigation li ul li.active a.menu_surgery {
        background: url(../styleImages/menu_surgery_act.gif) no-repeat;
}
ul#left-navigation li ul li a.menu_other_products {
        display: block;
        width: 104px;
        background: url(../styleImages/menu_other_products.gif) no-repeat;
}
ul#left-navigation li ul li a.menu_other_products:hover,
ul#left-navigation li ul li.active a.menu_other_products {
        background: url(../styleImages/menu_other_products_act.gif) no-repeat;
}


ul#left-navigation li ul li a:hover,
ul#left-navigation li ul li.active a {
        color:#91278f !important;
        text-decoration:underline !important;
}
#shopping-cart {
        width:130px;
        height:116px;
        float:left;
        background:url(../styleImages/shopping-cart-bg.jpg);
        color:#e36f1e;
        text-align:center;
        padding-top:11px;
}
#shopping-cart span {
        display:block;
}
#shopping-cart span.backet {
        background:url(../styleImages/backet.gif) no-repeat 10px 0;
        padding:0 0 15px 20px;
        text-align:center;
}
#shopping-cart a, #shopping-cart a:hover {
        display: block;
        margin-top: 7px;
        color:#e36f1e;
        text-decoration: underline;
}
.adress {
        width:127px;
        padding:30px 0 0 3px;
        float:left;
        color:#666666;
        letter-spacing:-1px;
}
.adress strong {
        display:block;
}
#right {
        width:707px;
        float:right;
}
.small-container,
.small-container-top {
        /*width:426px;*/
        float:left;
}
.small-container {
        /*background:url(../styleImages/main-small-container.gif) repeat-y;*/
        background:url(../styleImages/main-container.gif) repeat-y -2px;
        margin-bottom:10px;
}
.small-container-home {
        width:426px;
        float:left;
        margin: 2px 0 10px 0;
}
*html .small-container-home {
        width:426px;
        float:left;
        margin: 0 0 10px 0;
}
* +html .small-container-home {
        width:426px;
        float:left;
        margin: -15px 0 10px 0;
}
.small-container-top {
        /*background:url(../styleImages/top-small-container.jpg) no-repeat;*/
         background:url(../styleImages/top-container.jpg) no-repeat -2px 0px;
}
.small-container-bottom,
ul.contact-list {
        /*width:389px;*/
        float:left;
}
.small-container-bottom {
        padding:0 16px 25px 21px;
        /*background:url(../styleImages/bottom-small-container.gif) no-repeat 0 100%;*/
        background:url(../styleImages/bottom-container.gif) no-repeat -2px 100%;
        min-height:321px;
        width: 670px;
}
* html .small-container-bottom {
        height:321px;
}
.small-container-bottom a {
        color:#e36f1e;
        text-decoration:none;
}
.small-container-bottom a:hover {
        text-decoration:underline;
}
.container,
.container-top {
        width:707px;
        float:left;
}
.container {
        background:url(../styleImages/main-container.gif) repeat-y;
        margin-bottom:10px;
}
.container-top {
        background:url(../styleImages/top-container.jpg) no-repeat;
}
.container-bottom {
        width:624px;
        padding:34px 31px 17px 52px;
        background:url(../styleImages/bottom-container.gif) no-repeat 0 100%;
        float:left;
        /*min-height:321px;*/
}
* html .container-bottom {
        /*height:321px;*/
}
.container-bottom a {
        color:#e36f1e;
        text-decoration:none;
}
.container-bottom a:hover {
        text-decoration:underline;
}
.container-bottom p {
        margin-top:20px;
}
ul.contact-list {
        padding:0;
        margin:0;
        list-style:none;
        line-height:18px;
}
ul.contact-list li {
        padding-top:15px;
        width:300px;
        float:left;
        clear:both;
}
ul.colored-boxes {
        width:251px;
        float:right;
        margin:0;
        padding:0;
        list-style:none;
        color:#fff;
}
ul.colored-boxes li {
        width:236px;
        height:109px;
        float:left;
        padding:10px 10px 4px 5px;
        margin-bottom:23px;
        overflow:hidden;
        text-align:center;
}
ul.colored-boxes li.orange-box {
        background:url(../styleImages/orange-box.jpg);
}
ul.colored-boxes li.green-box {
        background:url(../styleImages/green-box.jpg);
}
ul.colored-boxes li.violet-box {
        background:url(../styleImages/violet-box.jpg);
        margin-bottom:0;
}
ul.colored-boxes li p {
        margin-top:5px;
        line-height:13px;
}
ul.colored-boxes li a {
        text-decoration:none;
        color:#fff;
}
ul.colored-boxes li a:hover {
        text-decoration:underline;
}
.right-content,
.right-content form,
.right-content form div,
.right-content form label {
        width:445px;
        float:right;
}
.right-content form {
        padding:0;
        margin:0;
}
.right-content form div {
        padding-top:20px;
}
.right-content form input,
.right-content form label,
.right-content form select {
        float:left;
        font:12px "Trebuchet MS", Trebuchet, Arial, sans-serif;
        color:#3f3f3f;
}
.img-box,
.top-img-box {
        width:168px;
        float:left;
}
.img-box {
        background:url(../styleImages/main-img-box.gif) repeat-y;
}
.top-img-box {
        background:url(../styleImages/top-img-box.gif) no-repeat;
}
.bottom-img-box {
        background:url(../styleImages/bottom-img-box.gif) no-repeat 0 100%;
        width:148px;
        padding:15px 7px;
}
.bottom-img-box img {
        margin:0 auto;
}
.right-content form label {
        color:#91278f;
        font-weight:bold;
}
.right-content form label span {
        color:#e36f1e;
        font-weight:normal;
}
.right-content form select {
        width:156px;
        border:1px solid #c3c4c6;
        padding:0;
}
.right-content form input.quan {
        border:1px solid #c3c4c6;
        padding:0;
        width:40px;
}
.right-content form input.button {
        width:65px;
        height:20px;
        margin-left:11px;
}
.right-content form input.button-buy {
        width:65px;
        height:20px;
        margin-left:11px;
        background:url(../styleImages/buy-now.gif) no-repeat;
        border: none;
}
.right-content form input.sample-button {
        width:98px;
        height:18px;
        margin:1px 10px 0 11px;
        background:url(../styleImages/request-sample.gif) no-repeat;
        border: none;
}
#footer {
        width:689px;
        float:right;
        padding-top:59px;
        margin-right:5px;
        text-align:right;
        margin-top:21px;
        background:url(../styleImages/bg-footer.gif) repeat-x;
        color:#666;
}

/* required fields section */
span.required {
        margin: 8px 0 0 6px;
        display: block;
        float: left;
        color: #E46F1F;
        font-size: 11px;
}
/* start contact form section */
.popup h3 {
        font-size:12px;
        color:#91278f;
        font-weight:bold;
        margin:5px 0 0 25px;
        text-transform: uppercase;
}
.popup .button {
        clear:both;
        margin: 10px 0 0 60px !important;
        border: none !important;
        width: 66px !important;
        height: 19px !important;
}
.popup .button_img {
        clear:both;
        margin: 10px 0 0 60px !important;
        border: none !important;
        width: 66px !important;
        height: 19px !important;
        background:url(../styleImages/btn-submit.gif) no-repeat;
}

#form-contact {
        margin: 0 0 25px 0;
        padding: 0 0 0 25px;
}

#form-contact span.info {
        float: right;
        margin-right: 20px;
}

* html #form-contact span.info {
        margin-right: 10px;
}

#form-contact fieldset {
        margin: 0;
        padding: 0 0 40px 0;
        border: none;
        width: 400px;
        display: block;
        overflow: hidden;
}

#form-contact label {
        display: block;
        width: 75px;
        float: left;
        clear: left;
        margin-top: 6px;
}

#form-contact input {
        /*border: 1px #7C7C7C solid;*/
        /*border-top: 1px #C9CACC solid;
        border-bottom: 1px #E8EAE9 solid;
        border-right: 1px #E9E9E9 solid;
        border-left: 1px #949597 solid;*/
        border:1px solid #c3c4c6;
        margin: 6px 0 0 0;
        padding: 1px 0 1px 0;
        float: left;
        width: 180px;
        color: #414141;
}

#form-contact textarea {
        margin: 6px 0 0 0;
        float: left;
        width: 180px;
        height: 75px;
        font: 13px 'Trebuchet MS', Trebuchet, sans-serif;
        color: #414141;
        /*border-top: 1px #C9CACC solid;
        border-bottom: 1px #E8EAE9 solid;
        border-right: 1px #E9E9E9 solid;
        border-left: 1px #949597 solid;*/
        border:1px solid #c3c4c6;
}
/* end contact form section */
.discount table {
width: 100%;
float: left;
}
.discount label {
        color: #91278f;
        font:12px "Trebuchet MS", Trebuchet, Arial, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
}
.discount span {
font:12px "Trebuchet MS", Trebuchet, Arial, sans-serif;
text-transform: capitalize;
}
.button-popup {
        border: none;
        width: 66px;
        height: 19px;
        margin: 2px 0 0 10px;
        background:url(../styleImages/btn-submit.gif) no-repeat;
}
.discount .quantity {
  padding: 0;
}
.discount .quantity label {
        color: #393C39;
        width: 100px;
        font:12px "Trebuchet MS", Trebuchet, Arial, sans-serif;
        text-transform: none;
        font-weight: normal;
}
/* sIFR */
.sIFR-flash {
        visibility: visible !important;
        margin:0;
}
.sIFR-replaced {
        visibility: visible !important;
}
span.sIFR-alternate {
        position:absolute;
        left:0;
        top:0;
        width:0;
        height:0;
        display:block;
        overflow:hidden;
}
.sIFR-flash + div[adblocktab=true] {
        display: none !important;
}
.sIFR-hasFlash h2,
#breadcrumb li span {
        visibility: hidden;
}
.cat-description,
.cat-links {
margin: 17px 0 10px 0;
}
* html .cat-description,
* html .cat-links {
margin: 0 0 10px 0;
}
.cat-description {
  background:url(../styleImages/bg-cat-header.gif) no-repeat;
  padding: 10px 20px 10px 20px;
  color: #fff;
  overflow: hidden;
  height: 73px;
}
/**/
.popup-description-box {
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
}

/***text-styles**********/
.small-container-bottom h3.heading {
        margin: 10px 0 0 0;
        color: #91278f;
}
.small-container-bottom p.green-text {
        color: #91278f;
}
.small-container-bottom p.orange-text {
        color: #E0701E;
}
/***side boxes***/
.colored-boxes .orange-box h3 {
        background:url(../styleImages/side_browse.jpg) no-repeat center;
        text-indent:-9999px;
}
.colored-boxes .green-box h3 {
        background:url(../styleImages/side_meet.jpg) no-repeat center;
        text-indent:-9999px;
}
.colored-boxes .violet-box h3 {
        height: 41px;
        background:url(../styleImages/side_order.jpg) no-repeat center 3px;
        text-indent:-9999px;
}
.colored-boxes .orange-box a.about,
.colored-boxes .green-box a.browse,
.colored-boxes .violet-box a.meet {
  display: block;
  margin: 2px 0 0 0;
}
.colored-boxes .orange-box a.about img,
.colored-boxes .green-box a.browse img,
.colored-boxes .violet-box a.meet img {
  margin: 0 auto;
}
.container .container-top .container-bottom h3.heading {
  color: #91278f !important;
}

/***FACEBOOK***/

div#facebook {
  float: left;
  margin: 12px 0 0 20px;
  padding-left: 44px;
  color: #888;
  background: url(../styleImages/facebook.jpg) no-repeat top left;
}

#facebook h3 {
  font-size: 13px;
  font-weight: bold;
}

#facebook a {
  color: #888;
  font-size: 13px;
}

#facebook span.pipe {
  padding: 0 3px;
}