/* ---------------------------------------------
Screen Stylesheet for http://www.ChemStaff.com
Author:		iBec Creative, http://www.iBecCreative.com
Created:	4/3/09 Joe @ iBec
Updated:	4/3/09 Joe @ iBec, 9-2-09 JDB
------------------------------------------------ */
html, body, h1, h2, h3, h4, h5, p, fieldset, label, input, select, a, div, blockquote, dl, ol, ul, li, pre, table, tbody, tr, td, fieldset, label {padding: 0;margin: 0;border:0;}	
a img { border: 0; }
/* ----- :: HTML & Body :: ----- */
html {font-size:100.01%; height: 101%;}
body { 
    height:100%;
    font-family:Helvetica,Verdana,Geneva,sans-serif;
    background:#fff;
    color:#000;
}
/* ----- :: Links :: ----- */
a, a:link, a:focus, a:visited {
    font-family:Helvetica,Verdana,Geneva,sans-serif;
    font-size:inherit;
    text-decoration:underline;
    color:#1595d3;
}
a:hover, a:active {text-decoration:none;}
/* ----- :: Button Link :: ----- */
#wrap form div div.submit input,
#wrap a.button,
#wrap a.action_button,
#wrap a.big_button{ 
	display:block;/*for IE*/
    background:#1595d3;
    color:#fff;
    padding:7px 9px 5px 8px;
    margin:10px 0;
    text-transform:uppercase;
    font-size:14px;
    text-decoration:none;
    background:url('../images/bg-btn.png') repeat-x;
    border:1px solid #3181a8;
}
	#wrap .product-details-options a.action_button {float:left;padding:7px 9px 7px 8px;}
	p.update-button a.button, #profiles_auth .submit .button {width:56px !important;}
	#profiles_box .action_button {width:65px !important;}
	p.continue-shopping-button a {width:200px !important;}
#wrap a.button:hover,
#wrap a.action_button:hover,
#wrap a.big_button:hover { background:#48b2e7; }
    #wrap a.button img,
    #wrap a.action_button img,
    #wrap a.big_button img {display:none;}
/* ----- :: Scaffolding :: ----- */
#wrap {
    position:relative;
    width:951px;
    margin:0 auto;
}
/* ----- :: Header :: ----- */
#header {position:relative;width:100%;height:96px;}
    #header a#logo {position:absolute;top:0;left:0;}
    
    #header #header-right {
        position:absolute;
        top:26px;
        right:0;
        height:57px;
        width:251px;
        text-align:right;
    }
        #header #header-right a {text-decoration:none;color:#1595d3;display:block;}
        #header #header-right input {position:absolute;top:20px;right:0;}
        #header #header-right input#cntnt01searchinput/*search*/ {
            right:37px;
            width:176px;
            height:15px;
            border:1px solid #1595d3;
            background:url('../images/bg-input.png') repeat-x;
            font:13px Helvetica,Verdana,Geneva,sans-serif;
            color:#1595d3;
            padding:7px 5px;
        }
        
/* ----- :: Navigation :: ----- */
#navigation {
    position:relative;
    width:100%;
    height:46px;
    text-align:left;
    background:url('../images/bg-navigation.png') repeat-x;
    text-align:center;
    z-index: 100;
}
    #navigation ul { 
        position:relative;
        left:15px;
        height:46px;
        list-style-type:none;
    }
        #navigation ul li {
            position:absolute;
            margin:0;
            padding:0;
            list-style:none;
            top:0;
        }
        #navigation ul li, 
        #navigation ul li a {height:46px;display:block;}
            #navigation ul li a {
                text-transform:uppercase;
                font:13px/28px Helvetica,Verdana,Geneva,sans-serif;
                color:#1595d3;
                text-indent: -9999px;
            }
            
        #navigation ul li#nav-home {left:0; width:72px; }
            #navigation ul li#nav-home a { background-image:url('../images/nav-home.png'); }
        #navigation ul li#nav-expert-consulting { left:77px; width:171px; }
            #navigation ul li#nav-expert-consulting a { background-image:url('../images/nav-consulting.png'); }
        #navigation ul li#nav-e-training { left:253px; width:104px; }
            #navigation ul li#nav-e-training a { background-image:url('../images/nav-training.png'); }
        #navigation ul li#nav-resources { left:362px; width:118px; }
            #navigation ul li#nav-resources a { background-image:url('../images/nav-resources.png'); }
        #navigation ul li#nav-news { left:485px; width:70px; }
            #navigation ul li#nav-news a { background-image:url('../images/nav-news.png'); }
        #navigation ul li#nav-company { left:560px; width:94px; }
            #navigation ul li#nav-company a { background-image:url('../images/nav-company.png'); }
        #navigation ul li#nav-ask-an-expert { left:659px; width:135px; }
            #navigation ul li#nav-ask-an-expert a { background-image:url('../images/nav-ask.png'); }
        #navigation ul li#nav-contact-us { left:799px; width:105px; }
            #navigation ul li#nav-contact-us a { background-image:url('../images/nav-contact.png'); }

            #navigation ul li a:hover,
            #navigation ul li a.current,
            #navigation ul li.hover a,
            #navigation ul li:hover a{background-position: 0 -46px;color:#fff;}
            
            /*  ----- :: Second Tier Navigation (Superfish) :: -----  */
            #navigation ul li ul {
				display: none;
                position: relative;
                top:0;
                left:0;
                padding:10px 5px 5px 5px;
                margin:0 0 0 4px;
                list-style-type:none;
                text-align:left;
                background:#fff none;
/*                background-image:none;*/
                height:auto;
                opacity: 1.0; /* Firefox 1.5, Safari, Opera 9 */
                -moz-opacity: 1.0; /* Firefox 1.0.x */
                filter: alpha(opacity=100); /* IE */
                -khtml-opacity:1.00; /* older safari */	
                z-index: 100;
            }
            #navigation ul li:hover ul, 
            #navigation ul li.hover ul { display: block; }
            
            #navigation ul li#nav-news ul {margin-left:-28px;width:120px;}
                #wrap #navigation ul li ul li {
                    position:relative;
                    float:none;
                    display:block;
                    border:0;
                    color:#002a5c;
                    background:#fff;
                    margin:5px 0;
                    text-align:center;
                    padding:0;
                    line-height:14px;
                    padding:0;
                    height:auto;
                }
                    #wrap #navigation ul li ul li a { 
                        display:inline;
                        line-height:14px; 
                        background:none;
                        text-indent:0;
                        height:auto;
                    }
                    #wrap #navigation ul li ul li a {
                        padding:3px 13px 0 0;
                        height:14px;
                        color:#1595d3;
                        background:#fff;
                        text-indent:0;
                        text-transform:none;
                        text-decoration:none;
                        font-family:12px/14px Helvetica, Arial, sans-serif;
                    }
                    #wrap #navigation ul li:hover ul li a:active,
                    #wrap #navigation ul li.hover ul li a:active,
                    #wrap #navigation ul li:hover ul li a:focus,
                    #wrap #navigation ul li.hover ul li a:focus,
                    #wrap #navigation ul li:hover ul li a:hover,
                    #wrap #navigation ul li.hover ul li a:hover { text-decoration:underline; }

/* ----- :: Main Content :: ----- */
#main {position:relative;padding-bottom:50px;width:100%;}
    #main h1, #main h4 {font:normal 18px/22px 'Arial Black',Verdana,sans-serif;margin:7px 0 12px 0; color:#229bd5;}
    #main p,
    #main h3,
    #main label,
    #main input,
    #main textarea,
    #main td {font:12px/13px Helvetica,Verdana,Geneva,sans-serif; }
    #main p,
    #main h3,
    #main label,
    #main td{ color:#1595d3;margin:0 0 10px 0;}
    #main h3 { font-weight:bold; }
    #main h5 { margin:5px 0 0 0; }
    #main p.desc {font-size:10px;width:300px;margin:20px 25px 7px 25px;}
    #main p.info-field { margin:0 0 3px 0; }

/* ----- :: Main Content > Left Column :: ----- */
#col-left {
    position:relative;
    width:747px;
    background:#dceff8 url('../images/bg-col-left.png') no-repeat 0 100%;
    min-height:500px;
    padding-bottom:90px;
}
    #col-left .wrapper {
        position:relative;
        width:717px;
        margin:0;
        padding:15px 0 30px 15px;
        z-index: 1;
    }
    
    #col-left a {font:12px/13px Helvetica,Verdana,Geneva,sans-serif;color:#1595d3; }
    
    #col-left td.cart-table-td,
    #col-left th {padding: 2px 15px;}
    #col-left h1 {font:normal 18px/22px 'Arial Black',Verdana,sans-serif;margin:7px 0 12px 0;color:#229bd5;}
    #col-left h2,
    #col-left h5,
    #col-right h2,
    #col-left th,
    #col-left legend,
        #col-left h2 a,
        #col-left div.notification-body {font:bold 14px/18px Helvetica,Verdana,Geneva,sans-serif;color:#fcb040;margin:6px 0 3px 0;}
        #col-left h2.news a {color:#20396e; text-decoration:none;font-size:12px;}
        #col-left h2.news a:hover { text-decoration:underline; }
    #col-left h5 { font-size:11px; }
    #col-left ul,
    #col-left ol { margin:12px 17px; }
    #col-left ul { list-style-type:none; }
    #col-left ol { list-style-position:inside; }
        #col-left ul li,
        #col-left ol li {
            font:12px/13px Helvetica,Verdana,Geneva,sans-serif;
            color:#1595d3;
            padding:2px 0 2px 10px;
            margin:2px 0;
        }
        #wrap #col-left ul li {background:url('../images/bullet-gold.gif') no-repeat;}
        
    /* ----- :: Main Content > Left Column > FAQ List :: ----- */
    #col-left ol#faq { }
        #col-left ol#faq div { margin:8px 0 0; }
        #col-left ol#faq h2 { display:inline; }
        
        /* ----- :: Main Content > Left Column > Course List :: ----- */
    #col-left ul.courselist {
        position:relative;
        margin:10px 0 40px 28px;
        padding:0;
        display:block;
        list-style-type:none;
    }
        #col-left ul.courselist li {
			clear:both;
            position:relative;
            display:block;
            width:670px;
            margin:0 0 15px;
            background:none !important;
        }
            #col-left ul.courselist li a.action_button {
                position:absolute;
                top:40px;
                left:12px;
                padding:9px 9px 8px 9px;
            }   
            #col-left ul.courselist li div.inner {position:relative;width:370px; margin:0 0 0 150px;}
            #col-left ul.courselist li img {float:left;margin:0 10px 50px 0;}
            
        
/* ----- :: CSCart Specific Things :: ----- */
    #col-left div.cart-buttons-wrapper {
        position:relative;
        height:40px;
        width:650px;
        padding:0 0 0 15px;
    }

           #col-left table tr td.cart-table-td-slim {padding:5px 15px 8px 15px;color:#f5b365; font-style:italic;  }
            #col-left table tr td.pb-bg-active {background:url('../courses/skins/basic/customer/images/pb_bg_active.gif') repeat-x;}
        
        #col-left h5.info-field-title a {font-size:10px; padding:0 5px;}
    #col-left ul.action-bullets { display:none; }
    #col-left div.border { margin-bottom:20px; }

	/* checkout pages */

	#checkout_totals td {text-align:right;padding:0 !important;}
	#order_info_form {margin-left:15px;}
          
/* ----- :: Main Content > Left Column > Interior Page Photo :: ----- */
#interior-photo {float:right; position:relative;margin:0 0 20px 20px;}
    #interior-photo img{border:4px solid #a5d6ee; margin:0; padding:0;}
        
/* ----- :: Main Content > Left Column > Feature Box :: ----- */
#feature {
    position:relative;
    width:348px;
    float:right;
    margin:0 0 25px 30px;
    z-index:10;
}
    #feature #feature-text {
        position:relative;
        height:117px;
        width:347px;
        background:url('../images/bg-feature-text.png') no-repeat;
        z-index:10;
        margin:16px 0 0 0;
    }
        #feature #feature-text .wrapper {
            position:relative;
            height:97px;
            width:212px;
            top:12px;
            left:120px;
            z-index:10;
            padding:0;
            margin:0;
        }
    #feature #feature-project {
        position:absolute;
        top:225px;
        left:-371px;
        margin:0;
        height:117px;
        width:347px;
        background:#fcc067 url('../images/bg-feature-project.png') repeat-x;
    }
        #feature #feature-project .wrapper {
            position:relative;
            height:97px;
            width:330px;
            top:12px;
            left:8px;
            z-index:10;
            padding:0;
            margin:0;
        }
        #feature #feature-project h1 { margin-top:0; margin-bottom:5px;}
        #feature #feature-project a.viewall {
            position:absolute;
            top:5px;
            right:8px;
            font-size:12px;
            text-transform:uppercase;
            color:#20396e;
        }
        #feature #feature-project a:hover { text-decoration:none; }
            
    #feature #feature-expert {
        position:relative;
        width:347px;
        background:#33a2d8 url('../images/bg-feature-expert.png') repeat-x;
        z-index:10;
        margin:0 0 65px 0;
    }
        #feature #feature-expert .wrapper {
            position:relative;
            width:317px;
            z-index:10;
            padding:0;
            padding:15px;
        }
            #feature #feature-expert p,
            #feature #feature-expert ul,
            #feature #feature-expert a {font-size:12px; color:#20396e;}
    #feature ul {
        list-style-type:none;
        margin:0;
        padding:0;
        z-index:10;
    }
        #feature ul li {
            color:#20396e;
            margin:8px 0;
            padding:0 0 0 20px;
            background:url('../images/btn-doublearrow-white.gif') no-repeat;
            z-index:10;
        }
    #feature a {color:#20396e;text-decoration:none; z-index:10;}
    #feature a:hover, #feature a:active { text-decoration:underline; }
         
/* ----- :: Main Content > Right Column :: ----- */
#col-right {
    position:absolute;
    right:0;
    top:0;
    width:196px;
    height:auto;
    background:#1595d3;
    text-align:center;
}
#col-right .wrapper {
        position:relative;
        width:166px;
        left:15px;
        top:0;
        margin:0;
    }
*:first-child+html #col-right .wrapper {left: 0;}
    
/* ---- :: CSCart Specific things :: ---- */
    #col-right div.sidebox-wrapper { margin:0;padding:0;border:0; }
        #col-right div.sidebox-wrapper h3.sidebox-title { display:none; }
        #col-right div.sidebox-wrapper div.sidebox-body { padding:0;margin:0;border:0; }
		
		#buttons_line_add {margin: 15px 0px 6px 0px;}
		/* --- Product Details --- */
		#detailProductDesc {position:relative;margin:0 110px 10px 0;}
			#detailProductDesc img {position:relative;top:-3px;float:left;padding:0 10px 0 0;}
		span.price {font-size:12px;font-weight:bold;line-height:2.4;color:#FCB040;}
			span.price span.price {font-weight:normal;}
        
        
   /* ----- :: Main Content > Right Column > Newsfeed (with jQuery Cycle) :: ----- */ 
    #col-right #newsfeed { position:relative;height:80px; width:166px;}

        #col-right #newsfeed div {
            position:absolute;
            top:0;
            left:0;
            width:166px;
            height:80px;
            margin:0;
            padding:0;
        }

    #col-right h4 { 
        color:#e5f3fa;
        margin:15px 0;
        font-size:17px;
        color:#cee9f6;
        text-transform:uppercase;
    }
    #col-right div#urgent {margin:5px 0;padding:0; }
        #col-right a span { display:none; }
        
    #col-right ul {list-style-type:none;margin:0 0 0 13px; padding:0; }
        #col-right ul li {width:166px;padding:0 0 0 10px;background:url('../images/bullet-white.png') no-repeat;}
    #col-right p,
    #col-right ul li {
        color:#9ad1ec;
        line-height:16px;
        text-align:left;
        font-size:12px;
    }
        #col-right p a,
        #col-right ul li a { color:#fff;text-decoration:none; font-size:12px;}
        #col-right p a:hover, #col-right ul li a:hover { text-decoration:underline; }
        
            /* Just in case  */
            #col-right p p { margin:0;padding:0;line-height:12px; }

    #col-right input,
    #col-left input{
        padding:5px;
        border:1px solid #1595d3;
        background:url('../images/bg-input.png') repeat-x;
    }
        
/* ----- :: Footer Fix Styles (for when the footer is not within #wrap :: ----- */
#footer { width: 951px; }
    #footer .wrapper,
    #footer ul,
    #footer p{ width:747px;}
#footer { margin:0 auto; }        
        
/* ----- :: Footer :: ----- */
#wrap #footer,
#footer{position:relative;width:951px;}
    #wrap #footer .wrapper,
    #footer .wrapper {
        position:relative;
        padding:7px 0 0;
        width:747px;
        margin:0 0 20px;
        clear:both;
        background:#fff;
    }
    #wrap #footer ul,
    #footer ul{list-style-type:none; }
        #wrap #footer ul li,
        #footer ul li { display:inline; }
        #wrap #footer ul li,
            #wrap #footer ul li a,
        #footer ul li,
            #footer ul li a,
        #wrap #footer p,
            #footer p {
            font:13px Helvetica,Verdana,Geneva,sans-serif;
            color:#1595d3;
            text-decoration:none;
            margin:1px 0;
            padding:0;
        }
            #wrap #footer ul li a,
            #footer ul li a { text-transform: capitalize; }
            #wrap #footer ul li a:hover,
            #footer ul li a:hover { text-decoration: underline; }

/* ----- :: Footer > Partners :: ----- */
#wrap #partners {
    position:relative;
    width:747px;
    height:55px;
    background:#1595d3;
    
}
    #wrap #partners .wrapper {
        position:relative;
        left:15px;
        top:10px;
        height:35px;
        padding:0;
        width:717px;
    	background: none;
    }
    #wrap #partners a.first {
        position:absolute;
        top:8px;
        left:0;
        color:#fff;
        font-size:8px;
    }
        #wrap #partners a.first img { 
            position:absolute;
            left:0;
            top:0;
            z-index:10;
        }
    #wrap #partners a.last {
        position:absolute;
        top:10px;
        right:0;
        color:#fff;
        font-size:12px;
        text-decoration:none;
        background: none;
    }
    #wrap #partners a.last:hover { text-decoration:underline; }
        #wrap #partners a.last img {position:relative;top:1px;}
    
    #wrap #partners ul {
        position:relative;
        top:0;
        left:120px;
        list-style-type:none;
        margin:0;
        padding:0;
        height:35px;
    }
        #wrap #partners ul li { 
            position:relative;
            display:inline;
            margin:0 5px;
            padding:0 0;
            background:none;
            height:35px;
        }
            #wrap #partners ul li span { display:none; }

/* ----- :: Contact Forms :: ----- */
#wrap form div {

}
    #wrap form div fieldset { margin:0;padding:0;border:0; }
    #wrap form div div,
    #wrap form div.form-field{   }
    
    /* ** Note:  What I'm doing here is making any required field placed OUTSIDE a fieldset invisible.  I use this to great effect with the contact-an-expert form, but it could be useful otherwise. ** */
    #wrap form div div.required { display:none; }
        #wrap form div fieldset div.required,
        #wrap form div.form-field { display:block; }   
        
    #wrap form div legend { padding-bottom:10px; }
            #wrap form div fieldset div label,
            #wrap form div.form-field label {
                display:block;
                float:left;
                width:120px;
                margin:7px 0 0 0;
            }
            #wrap form div fieldset div.captcha {padding:0 0 0 120px;}
            #wrap form div fieldset div input,
            #wrap form div.form-field input {background:url('../images/bg-input.png') repeat-x;width:203px;}

            #wrap form div fieldset div input,
            #wrap form div fieldset div select,
            #wrap form div fieldset div textarea,
            #wrap textarea {
                display:block;
                padding:5px;
                border:1px solid #1595d3;
                margin:0 0 3px;
            }
            #wrap form div fieldset div select,
            #wrap select {display:inline; padding:5px;border:1px solid #1595d3;}
        #wrap form div fieldset textarea { width:306px; height:100px;margin:0 0 10px 0; }
        #wrap form div.captcha{display:block;font:italic 10px/13px Helvetica,Verdana,Geneva,sans-serif;padding:0 0 0 70px;  }
        #wrap form div div.captcha { padding:0 0 0 120px; } /* for CMSMS forms only */
            #wrap form div fieldset div.captcha img { /* for CS Cart forms only */
                border:1px solid #1595d3; display:inline;  }  
            #wrap form div div.captcha img {   /* for CMSMS forms only */
                display:block;  margin:0 0 5px; border:1px solid #1595d3; }
            #wrap form div div.captcha input { margin: 0; }
        
    #wrap div div.submit,
    #wrap div.buttons-wrapper {position:relative;margin:20px 0; }
	#wrap div.buttons-wrapper-cart, #wrap div.buttons-wrapper-checkout {position:relative;margin:40px 0 40px 15px;width:707px;}

        #wrap form div div.submit input,
        #wrap form div div.submit a.button { margin:-10px 0 0 120px;width:auto;}
        
    #wrap form div div.fb_invalid { font:italic 12px/28px Helvetica,Verdana,Geneva,sans-serif; color:#fcb040; }
        #wrap form div div.fb_invalid label { color:#fcb040;font-style:normal;line-height:13px;}
	
			/* make checkboxes behanve in all browsers */
			input[type="checkbox"] {width:15px !important;background:none !important;position:relative;top:1.25px;border:0 !important;}
            /* ----- :: Undoing some Forms styles for CSCart :: ----- */
             #wrap form div fieldset div p label {
                display:inline;
                float:none;
                margin:0;
                padding:0 5px 0 0;
                color:#63b0d5;
            }
div.submit input.hidden {display:none !important;background:none !important;}
/* ----- :: jQuery ToolTips (for Partners Box) :: ----- */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	width:300px;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip {font:12px/13px Helvetica,Verdana,Geneva,sans-serif;color:#1595d3;}
#tooltip h3 { font-size:14px; }
        
/* ----- :: Global Classes :: ----- */
.alignleft {text-align:left;}
.alignright {text-align:right;}
.center { text-align:center; }
.clear { clear:both; }
.floatright { float:right; }
.floatleft { float:left; }
.hidden {display:none; }
.large {font-size:16px !important;}
.uppercase { text-transform:uppercase; }