﻿/**********************************************************************************
=Global Reset
**********************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body
{
	height:100%;
}

body 
{
    color:#31424F;
    background: #d4e7f1;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	line-height: 1;
}

/**********************************************************************************
=Useful Classes
**********************************************************************************/
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

	/* WinIE7 only */
	*:first-child+html .clearfix 	{ height:1%; }
	
	/* WinIE6 and below */
	/*¥*/
	* html .clearfix { height:1%;}

	/**/
	/* MacIE only */
	/*¥*//*/
	.clearfix { display:inline-table; }
	/**/

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

.b , strong, b { font-weight:bold; }
.i , em, i { font-style:italic; }

.nobrk  { white-space : nowrap; }
.upper {text-transform:uppercase;}

/**********************************************************************************
=Common Elements
**********************************************************************************/
h1
{
	font-size:2em;
	font-weight:bold;
}

h2
{
    color:#084B85;
	font-size:1.6em;
	font-weight:normal;
	margin:0 0 0.5em 0;
}
  
h3
{
	font-size:1.4em;
	font-weight:bold;
	color:#084b85;
}

h4
{
	font-size:1.2em;
	font-weight:bold;
}

h5{font-weight:bold;}

p
{
	padding:0 0 1em 0;
	font-size:1em;	
}

ul, ol
{
	padding:0 0 20px 20px;
}

img {border:none;}
a:active, a:focus {outline: 0;}

del {text-decoration: line-through;}

/**********************************************************************************
=Text
**********************************************************************************/


/**********************************************************************************
=Links
**********************************************************************************/

a {color:#084B85;}
a:hover {text-decoration:none;}

a.flip{color:#084B85;
		text-decoration:none;
		font-weight:bold;}
		
a.flip:hover{text-decoration:underline;}		

a.aBack
{
    display:block;
    height:32px;
    line-height:32px;
    font-size:1.2em;
    font-weight:bold;
    padding:0 0 0 40px;
    text-decoration:none;
    text-transform:uppercase;
}

/**********************************************************************************
=Forms 
**********************************************************************************/

form
{
	margin:0;
	padding:0;
}

input, select, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
}

.validation
{
    padding:10px 5px!important;
    margin:5px 0!important;
    border:1px solid #AF0C00!important;
    background:#FFE1DF!important;
    text-align:left!important;
}
    .validation ul, .validation li
    {
        padding:0!important;
        margin:0!important;
        color:#AF0C00!important;
    }
    .validation ul{margin-left:15px!important;}

.login
{
    width:300px;
}

.login label
{
    float:left;
    line-height:18px;
    width:80px;
    clear:both;
}

.login input
{
    float:left;
    margin:0 0 10px 0;
    width:150px;
}

.login .button
{
    float:right;
    clear:both;
}


/**********************************************************************************
=Tables 
**********************************************************************************/
table
{
	font-size: 100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse: separate;
	border-spacing: 0;
}
	caption, th, td
	{
		text-align: left;
		font-weight: normal;
		vertical-align:middle;
	}
	
	.msds{padding-bottom:8px;}
	
/*****************************************************************
=Infoboxes
*****************************************************************/
div.info, div.alert, div.error {
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin:0 0 5px 0;
	display:block;
	}

div.info {
	background: #F8FAFC url(../images/info.gif) center  no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	}

div.alert {
	background: #FFF9CF url(../images/alert.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FED626;
	border-bottom: 2px solid #FED626;
	}

div.error {
	background: #FFD0CF url(../images/error.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FF443F;
	border-bottom: 2px solid #FF443F;
	}
	
.watermarked
{
    color: #AAAAAA;   
}	

/**********************************************************************************
=Layout
**********************************************************************************/
#container
{
    padding:10px 0 0;
	margin:0 auto;
	text-align:left;
	width:1003px;
	background:#FFFFFF;
}
   
#sidebar
{
    float:left;
    width:204px;
    text-transform:lowercase;
}

    .logo img
    {
        margin:0 0 15px 10px;
    }
    
    #sidenav
    {
        list-style-type:none;
        padding:0;
        margin:0;
        width:204px;
    }
        #sidenav ul{list-style-type:none;}
        #sidenav li
        {
            padding:0;
            margin:0;
            width:204px;
            overflow:hidden;
        }
            #sidenav li a, a.basket
            {
                color:#FFFFFF;
                display:block;
                padding:0;
                margin:0;
                height:56px;
                width:155px;
                text-align:right;
                padding:0 49px 0 0;
                line-height:50px;
                text-decoration:none;
                font-size:2em;
                background-position:-20px 0;
                background-repeat:no-repeat;
            }
                #sidenav li a:hover, a.basket:hover
                {
                    width:165px;
                    padding:0 39px 0 0;
                    background-position:-10px 0;
                }
                #sidenav li a.selected
                {
                    width:175px;
                    padding:0 29px 0 0;
                    background-position:0 0;
                }
                
                #sidenav #janitorial a
                {
                    background-image:url(../images/nav_janitorial.gif);
                }
                #sidenav #chemicals a
                {
                    background-image:url(../images/nav_chemical.gif);
                }
                #sidenav #catering a
                {
                    background-image:url(../images/nav_catering.gif);
                }
                #sidenav #wetwipes a
                {
                    background-image:url(../images/nav_wetwipes.gif);
                }
                #sidenav #automotive a
                {
                    background-image:url(../images/nav_automotive.gif);
                }
                #sidenav #retail a
                {
                    background-image:url(../images/nav_retail.gif);
                }
                #sidenav #about a
                {
                    background-image:url(../images/nav_about.gif);
                }
                a.basket
                {
                    background-image:url(../images/nav_basket.gif);
                }
                    a.basket span
                    {
                        display:block;
                        background:url(../images/img_basket.gif) no-repeat 10px 55%;
                    }
                
                #sidenav .subnav div
                {
                    padding:0 0 29px 0;
                }
                
                #sidenav .subnav ul
                {
                    padding:15px 10px 0;
                }
                
                    #sidenav .subnav ul li
                    {
                        padding:4px 0;
                        width:175px;
                    }
                                      
                    #sidenav .subnav ul li a
                    {
                        display:inline;
                        line-height:1em;
                        text-decoration:none;
                        text-transform:uppercase;
                        font-size:1.1em;
                        font-weight:bold;
                        background-image:none!important;
                        padding:0;
                        width:auto;
                    }
                        #sidenav .subnav ul li a:hover
                        {
                            width:auto;
                            padding:0;
                            color:#000000;
                        }
                        #sidenav .subnav ul li.selected a
                        {
                            background-position:0% 50%!important;
                            color:#000000;
                            display:block;
                            height:auto;
                            width:150px;
                            padding:7px 0 6px 25px;
                            border-bottom:1px dotted #FFFFFF;
                            text-align:left;
                        }
                            #sidenav .subnav ul li.selected a:hover
                            {
                                width:150px;
                                padding:7px 0 6px 25px;
                            }
                        
                    #sidenav .subnav ul ul
                    {
                        background:none;
                        border-bottom:1px dotted #FFFFFF;
                        padding:10px 0 5px;
                        margin:0 0 5px 0;
                    }
                        #sidenav .subnav ul li.selected ul li{padding:2px 0 5px 0;}
                        
                        #sidenav .subnav ul li.selected ul li a
                        {
                            color:#000000;
                            display:inline;
                            line-height:1em;
                            text-decoration:none;
                            text-transform:none;
                            font-size:1em;
                            font-weight:normal;
                            background-image:none!important;
                            padding:0;
                            border:0;
                        }
                        #sidenav .subnav ul li.selected ul li a:hover{padding:0;}
                        #sidenav .subnav ul li.selected ul li.selected a
                        {
                            font-weight:bold;
                        }
                        
        
#content_container
{
    float:right;
    width:756px;
    padding:0;
    margin: 0;
}
    #header
    {
       padding:0 0 0 10px; 
    }

    #nav
    {
        background:url(../images/bg_nav.gif) no-repeat top right;
        padding:3px 0 7px 26px;
        width:730px;
        float:right;
        height:46px;
        line-height:46px;
        font-size:1.4em;
        text-transform:lowercase;
    }

        #nav ul
        {
            list-style-type:none;
            padding:0;
            margin:0;
        }
            #nav ul li
            {
                float:left;
                margin-right:15px;
            } 
                #nav ul li a
                {
                    color:#ffffff;
                    text-decoration:none;
                } 
                    #nav ul li a:hover{color:#CDE1F1;}
                
                    #nav ul li.selected a
                    {
                        color:#d2ff00;
                    }
                
        #search
        {
            color:#FFFFFF;
            font-size:0.8em;
            float:right;
        }
            #search label{float:left;}
            #search input
            {
                float:left;
                margin:12px;
            }
            #search .button
            {
                float:left;
                margin:8px 5px 0;
            }

        #login
        {
            margin:0 10px;
        }
            #login h3
            {
                color:#4d92ce;
                font-size:1.63em;
                font-weight:normal;
                margin:10px 0 5px 0;
            }
            #login .form
            {
                float:left;
                width:125px;
            }
            #login label
            {
                color:#084b85;
                float:left;
                font-size:1.25em;
                font-weight:normal;
                margin:0 0 2px 0;
            }
            #login input
            {
                float:left;
                margin:0 0 8px 0;
                width:125px;
            }
            #login input.button
            {
                margin:54px 0 10px 15px;
                width:auto;
            }

#welcome
{
    color:#084b85;
    float:right;   
    margin-right: 25px;
    height: 17px;
    font-size:1.5em; 
    text-align:right;
    text-transform:lowercase;
    
}
    #welcome span
    {
        color:#87817a;
        font-size:0.7em;
    }
            
#content
{
    font-size:1.09em;
    padding:0;
    margin: 0;
}

#footer
{
    background:url(../images/bg_footer.gif) repeat-x top right;
    float:left;
    width:963px;
    padding:0 20px;
    height:153px;
    margin:5px 0 0 0;
}
    #telephone, #fax
    {
        float:left;
        background:url(../images/img_phone.gif) no-repeat left;
        padding:0 0 0 60px;
        margin:15px 0 0 0;
        height:60px;
        text-align:right;
        color:#FFFFFF;
        font-size:2em;
    }
        #telephone span, #fax span, #footer_links h3
        {
            display:block;
            color:#084b85;
            font-size:0.8em;
            text-transform:lowercase;
        }
        
        #fax{ background:url(../images/img_fax.gif) no-repeat left;margin:15px 0 0 50px;}
        
    #footer_links
    {
        float:right;
        text-align:right;
        margin:15px 0 0 0;
    }
        #footer_links h3{font-size:1.4em;margin-bottom:10px;}
        
        #footer_links ul
        {
            text-align:right;
            list-style-type:none;
            padding:0;
            margin:0 0 0 30px;
            float:left;
        }
        #footer_links ul li
        {
            line-height:1.2em;
        }
            #footer_links ul a
            {
                color:#084b85;
                text-decoration:none;
            }
                #footer_links ul a:hover{text-decoration:underline;}
        
    #footer_btm
    {
        clear:both;
        color:#FFFFFF;
        font-size:1.09em;
        margin-top:15px;
    }
        #footer_btm a
        {
            color:#FFFFFF;
            text-decoration:none;
        }
            #footer_btm a:hover{text-decoration:underline;}
        
        #copyright{float:left;margin:0 250px 0 0;}
        
        #footer_btm .right
        {
            font-size:1.2em;
            text-transform:lowercase;
        }
	  
/**********************************************************************************
=Homepage
**********************************************************************************/
#strapline
{
    clear:both;
    color:#4d92ce;
    font-size:2.7em;
    text-transform:lowercase;
    /*padding:25px 30px 25px;*/
    padding:4px 28px 0 8px;
    position: absolute;
    top: 67px;
    width: 724px;        
    clear: both;
}
    #strapline span
    {
        color:#084b85;
        display:block;
        text-align:right;
        line-height: normal;
        font-size:0.5em;
        font-weight: normal;
        padding: 5px 25px 0 0;
    }
    
#buttons
{
    margin:10px 0 0 0;
}

    #buttons a
    {
        display:block;
        text-decoration:none;
        float:left;
        font-size:2.0em;
        text-transform:lowercase;
        width:211px;
        margin:0 5px;
        padding: 30px 0 0 15px;
        height: 63px;
    }

        #buttons a span
        {
            color:#000000;
            display:block;
            text-decoration:none;
            font-size:0.8em;
        }
        
        #buttons a.button_left
        {
            background:url(../uploads/home/button_left.jpg) no-repeat top left;
            color:#FFFFFF;
            margin-right: 13px;
        }
        #buttons a.button_middle
        {
            background:url(../uploads/home/button_middle.jpg) no-repeat top left;
            color:#FFFFFF;
            margin:0 14px;
        }
        #buttons a.button_right
        {
            background:url(../uploads/home/button_right.jpg) no-repeat top left;
            color:#FFFFFF;
            font-size:2.0em;
            margin-left: 13px;
        }	
        
#home_pictures
{
    margin: 48px 0 0 0;
}
    #home_pictures img
    {
        z-index:2;
        
    }
    
    #home_pictures a
    {
        display:block;
        width:730px;
        height:231px;
        text-decoration:none;
        padding-right: 10px;
    }    
    
#ownlabel_pictures
{
    z-index:1;
}
    #ownlabel_pictures img
    {
        z-index:2;
    }
    
    #ownlabel_pictures 
    {
        display:block;
        width:312px;
        height:318px;
        text-decoration:none;
        float:left;
    }        
          
/**********************************************************************************
=Pages
**********************************************************************************/
#page_title
{
    clear:both;
    padding:3px 25px 13px 0;
    margin: auto;
    text-align:right;
    text-transform:lowercase;
}
    #page_title h1
    {
        font-size:2.8em;
        font-weight:normal;
        color:#084b85;
        margin-top: 3px;
    }
        #page_title h1 span, #page_title h2
        {
            display:block;
            font-size:0.6em;
            font-weight:normal;
        }
        #page_title h2{font-size:1.6em;}

#page_content
{
    line-height:1.3em;
    padding:0 25px 0 0;
}
    #page_content h2
    {
        margin:1em 0 0.6em 0;
    }
        
#content h3
{
    margin:0 0 0.2em 0;
    font-size:1.2em;
}

/**********************************************************************************
=Products
**********************************************************************************/
#product_list, #category_list
{
    clear:both;
    margin:0 20px 20px 0;
    overflow:hidden;
    display:inline;
    float:left;
    width:736px;
}
    .product, .category
    {
        float:left;
        text-decoration:none;
        width:178px;
        margin:0 0 10px 6px;
    }
    
    .product div
    {
        margin:0 2px 0 10px;
    }
    
        .product a{text-decoration:none;}
        
        .product img{margin-bottom:8px;}
        
        .product a.sku
        {
            color:#2d0c78;
            font-weight:bold;
        }
        
        .product a.title
        {
            color:#624ab2;
            display:block;
            font-size:1.2em;
            font-weight:bold;
            margin:0 0 0.5em 0;
        }
        
        .product a.more
        {
            background:url(../images/janitorial/b_more.gif) no-repeat top left;
            display:block;
            float:right;
            text-indent:-999em;
            height:32px;
            width:32px;
            overflow:hidden;
        }
        
        .product .desc
        {
            float:left;
            width:130px;
        }
        
 .category
 {
    font-size:1.6em;
    text-align:center;
 }
 
#image
{
    float:left;
    width:310px;
}

#detail
{
    float:left;
    line-height:1.3em;
    padding:15px 0 0 20px;
    width:400px;
}

    .sku
    {
        font-size:1.1em;
        font-weight:bold;
    }
    
    table.details
    {
        margin:1em 0;
    }
        table.details th
        {
            color:#87817a;
            line-height:1.8em;
            padding-right:15px;
        }
        table.details td
        {
            line-height:1.8em;
            font-weight:bold;
        }
        
    .price
    {
        display:block;
        font-size:1.8em;
        padding:20px 0 0 0;
    }
        
    .sample, .order, .tel
    {
        display:block;
        padding:0 0 0 60px;
        height:60px;
        float:left;
        margin:10px 40px 5px 0;
        font-size:2em;
        line-height:1em;
        text-transform:uppercase;
        text-decoration:none;
    }
        .sample span, .order span, .tel span
        {
            display:block;
            font-size:0.8em;
            text-transform:lowercase;
        }
        
/**********************************************************************************
=News
**********************************************************************************/ 
     
.news{line-height:normal;}

.list img
{
    float:left;
    margin:0px 10px 0 0;
}

	.list img.more
{
    float:left;
    margin:15px 0 0 0;
}

.list .button
{
	position:absolute;
	bottom:0;
	right:0;}

.list div
{
    float:left;
    margin:0 10px 0 0;
    line-height: normal;        
}

    .list .date
    {
        color:#4D92CE;
        display:block;
        font-size:1.27em;
        font-weight: bold;
        margin:0!important;
        padding:0!important;
        text-transform:uppercase;
    }
        
    .list h4
    {
        margin:0;
        padding:0;
        font-size:1.65em;
    }
    
        .list h4 a
        {
            color:#084B85;
            font-weight:normal;
            text-transform:none;
            text-decoration:none;
        }
        
    .list p span
    {
        float:left;
        margin-right:35px;
    }
    
    
    .list .button
    {
        float:left;
    }        
    
    
		
.news .intro
{
	color:#084B85;
	font-weight:bold;
	line-height:normal;}

.news h2 
        {
            margin:0;
			padding:0;
			font-size:1.8em;
            color:#084B85;
            font-weight:normal;
            text-transform:none;
            text-decoration:none;
        }
	
.news span.date
    {
        color:#4D92CE;
        display:block;
        font-size:1.27em;
        font-weight: bold;
        margin:5px 0 5px 0;
        padding:0!important;
        text-transform:uppercase;
    }	
    
a.aNewsBack
{
    display:block;
    height:32px;
    line-height:32px;
    font-size:1.2em;
    font-weight:bold;
    padding:0 0 0 40px;
    text-decoration:none;
    text-transform:uppercase;
    background:url(../images/b_back2.gif) no-repeat top left;
    color:#084B85;
}    

	a.aNewsBack:hover{text-decoration:underline;}
    
   
/**********************************************************************************
=Contact Us
**********************************************************************************/
.contact label 
{
	color:#084B85;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	width: 150px}
	    
/**********************************************************************************
=Basket
**********************************************************************************/
table.basket
{
    font-size:1.2em;
    margin:0 10px 0 0;
    width:740px;
}
    table.basket thead th
    {
        color:#4d92ce;
        font-size:1.2em;
        font-weight:bold;
        padding:0 0 5px 0;
        text-transform:lowercase;
    }
    
    table.basket td
    {
        color:#12538c;
        padding:8px 20px 8px 0;
    }
        table.basket td a
        {
            color:#12538c;
            text-decoration:none;
        }
    
    table.basket td.sku
    {
        font-size:1em;
        font-weight:bold;
        width:120px;
    }
    
    table.basket tr.total th, table.basket tr.total td
    {
        background:#e4eff8;
        padding:8px 0;
    }
    
        table.basket tr.total th
        {
            color:#084b85;
            text-align:right;
            text-transform:lowercase;
            font-weight:bold;
            padding:0 10px 0 0;
        }
    
/**********************************************************************************
=Sitemap
**********************************************************************************/
.sitemap h4
{
	padding: 0 0 10px 0;}
	
.sitemap h4 a
{
	color:#084b85;
	text-decoration: none;}
	
	.sitemap h4 a:hover
{	
	text-decoration: underline;}
	
.sitemap ul
{
	 list-style-type: none;
	 line-height:0.8em;}
	 
.sitemap ul li{line-height:normal;}	 

.sitemap ul a
{
	color:#084b85;
        text-decoration:none;}	
        
	.sitemap ul a:hover
{	
	text-decoration: underline;}
		

/**********************************************************************************
=Accessibility
**********************************************************************************/

.access h4 
{
	color:#084b85;
	padding: 0 0 10px 0;}
	
/**********************************************************************************
=Own Label
**********************************************************************************/	
#bOwnLabel, #bMarketing, #bProductImages, #bLeaflets
{
    float:left;
    padding:0 0 12px 0;
    width:312px;
}
    #bProductImages, #bMarketing{float:right;margin-right:45px;}
    
    #bOwnLabel img, #bMarketing img, #bProductImages img, #bLeaflets img
    {
        margin:0 0 7px 0;
        width: 125px;
        height: 125px;
    }
    
    #bOwnLabel h4, #bMarketing h4, #bProductImages h4, #bLeaflets h4
	{
	font-size:2.0em;
	color:#4D92CE;
	padding:0 0 10px 0;}
	
	#bOwnLabel h4 a, #bMarketing h4 a, #bProductImages h4 a, #bLeaflets h4 a
	{
		text-decoration:none;
		padding:0 40px 10px 0;	
		color:#4D92CE;
		font-weight: normal;
		background:url(../images/b_more.gif) no-repeat top right;}
		
		#bOwnLabel h4 a:hover, #bMarketing h4 a:hover, #bProductImages h4 a:hover, #bLeaflets h4 a:hover
		{
			text-decoration:underline;}	
			
	#bOwnLabel p, #bMarketing p, #bProductImages p, #bLeaflets p
	{
	padding:4px 0 0 0;
	color: #084B85;
	font-weight: bold;}
	
    
    #bOwnLabel a.aMore, #bMarketing a.aMore, #tblMarketingButtons a.aMore, #latest_offer .more
    {
        height:32px;
        line-height:32px;
        float:right;
        font-size:1.2em;
        font-weight:bold;
        text-decoration:none;
        text-transform:uppercase;
        padding:0 40px 0 0;
        background:url(../images/b_more.gif) no-repeat top right;
    }
    
    #tblMarketingButtons a.aMore
        {
            line-height:1em;
            margin:10px 0 0 0;
            text-align:right;
        }
    
.own_label h4
{
	font-size:1.27em;
	color:#084B85;
	padding:0 0 10px 0;}
	
.own_label h2
{
	color:#4D92CE;}

.own_label p.intro
{
	font-size:1.2em;
	font-weight:normal;
	color:#4D92CE;
	display: block;
	padding: 0 0 0 0;
	margin: 0 45px 0 0;
	width: 355px; 
	float: left; 
	line-height: normal;
	text-align: justify; 
	word-spacing: 1px;
	 }
	
	

.own_label .intro_container
{
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	}
	
	.own_label .main_image
	{
		float: left;}
	
.own_label ul
	{
	
	font-size: 1em;
	font-weight: bold;
	color:#4D92CE;
	list-style-type:none;
	padding:0;
	float:left;
	}
	
	.own_label ul li
	{
		background:url(../images/b_bullet.gif) no-repeat left;
		padding-left:30px;
		margin-right: 15px;  
		height:27px;
		line-height:27px;}
					
.own_label .bronze_container
{
	width:305px;
	/*background:url(../images/own_label_bronze_sticker.gif) no-repeat top left;*/
	float:left;
	}
	
	.bronze_container h4{font-size:3.27em;
						color:#C48A13;
						font-weight:bold;
						float:left;
						width: 305px;
						display:block;
						padding:0;
						line-height: 37px;
						 }	
						
						.bronze_container h4 span
						{
							font-size:0.6em;
							font-weight: normal;
							color:#084B85;
							padding: 0;
						}				

						.bronze_container .package_text
						{
							width: 305px;
							float:left;
							clear:both;
							text-align: justify;
							word-spacing: 1px; }
						.bronze_container p{font-size: 1.2em; line-height: normal; padding:4px 3px 4px 0; color: #4D92CE;}	
						.bronze_container p span{font-weight: bold; color:#4D92CE;}
						
.own_label .gold_container
{
	width:305px;
	/*background:url(../images/own_label_gold_sticker.gif) no-repeat top left;*/
	float:left;
	margin-left: 95px;
	}
	
	.gold_container h4{ font-size:3.27em;
						color:#F3DA82;
						font-weight:bold;
						float:left;
						width: 305px;
						display:block;
						padding:0;
						line-height: 37px;}	
						
						.gold_container span
						{
							font-size:0.6em;
							font-weight: normal;
							color:#084B85;	
						}				

						.gold_container .package_text
						{
							width: 305px;
							float:left;
							clear:both;
							text-align: justify; 
							word-spacing: 1px;
							}
						.gold_container p{font-size: 1.2em; line-height: normal; padding:4px 3px 4px 0; color: #4D92CE; }	
						.gold_container p span{font-weight: bold; color:#4D92CE;}						
						
a.aOwnLabel
{
    display:block;
    height:32px;
    width:185px;
    line-height:32px;
    font-size:1.65em;
    font-weight:normal;
    padding:0 40px 0 0;
    margin-bottom: 2px;
    text-decoration:none;
    text-transform:lowercase;
    background:url(../images/b_more.gif) no-repeat top right;
    color:#084B85;
    clear:both;
    float:right;
    text-align:right;
}    

	a.aBronzeInfoBrochure:hover{text-decoration:underline;}		
	
/*****************************************************************
=Infoboxes
*****************************************************************/
div.validation, div.warning, span.warning, div.error , span.error , div.info, span.info, div.success, span.success, .helptextbox
{
	background-position: 15px 50%;
	display:block;
	margin:0 0 5px 0;
	padding: 13px 20px 5px 45px;
	text-align: left;
	height:auto!important;
	height:2em;
	min-height:2em;
}

div.warning, span.warning
{
	background: #FFF9CF url(../admin/images/alert.gif) no-repeat 15px 50%;
	color:#6D6B69;
}
	
div.error, span.error, div.validation
{
	background: #FFD0CF url(../admin/images/error.gif) no-repeat 10px 10px;
	color:#AA0000;
	padding: 1em 20px 5px 35px;
	margin:0 0 15px 0;
}
	div.error li, span.error li{margin-top:5px;}
	.validation ul{color:#AA0000;list-style-type:none;padding-left:0;}

div.info, span.info, .helptextbox
{
	color:#3C6177;
	background: #E3ECF1 url(../admin/images/info.gif)  no-repeat 15px 50%;
}
    .helptextbox{padding-bottom:0;position:relative;}
	.helptextbox a.hide
	{
		color:#3C6177;
		background: url(../admin/images/hide.gif) right no-repeat;
		padding:0 15px 0 0;
		text-decoration:none;
		text-transform:lowercase;
		font-size:0.8em;
		position:absolute;
		right:10px;
		bottom:5px;
	}

div.success, span.success
{
	color:#277923;
	background: #DBEFD6 url(../admin/images/success.gif) no-repeat 15px 50%;
}

.lockedout
{
	text-align: left;
	padding: 10px 0 10px 45px;
	margin:0 0 0 0;
	display:block;
	line-height:15px; 
	background: #FFD0CF url(../admin/images/error.gif) center no-repeat;
	background-position: 15px 50%;
}					

/*****************************************************************
=Marketing
*****************************************************************/

.marketing ul
{
	 list-style-type: none;
	 padding:0;
	}
	 
.marketing ul li{background:url(../images/b_bullet.gif) no-repeat left;
		padding-left:30px; 
		height:27px;
		line-height:18px;}	 

.marketing ul a
{
		color:#084b85;
        text-decoration:none;
        font-weight:bold;
         font-size: 1.27em;}	
        
	.marketing ul a:hover
{	
	text-decoration: underline;}	
	
.marketing .note{
	font-weight:bold;
	color:#4d92ce;}	
	
/*****************************************************************
=MSDS
*****************************************************************/	

.msds a
{
		color:#084b85;
        text-decoration:none;
        font-weight:bold;
         font-size: 1.27em;}	
        
	.msds a:hover
{	
	text-decoration: underline;}
	
.msds span{font-weight:bold;color:#4d92ce;}	

/*****************************************************************
=Login
*****************************************************************/    

.page_login .image_container
{
	width:231px;
	height:235px;
	margin: 0 26px 0 0;
	float:left;
	overflow:hidden
}   

#login_box
{
    background:url(../images/bg_login.gif) no-repeat top left;
    float:left;
    height:155px;
    width:394px;
    padding:40px;
}
    #login_box p.intro
    {
        padding:0 0 16px 0;
    }
    
    #login_box .form
    {
        float:right;
    }
     
#latest_offer
{
    padding:20px;
    margin:20px 0 0 0;
    width:96%;
}
    #latest_offer h3
    {
        color:#4d92ce;
        font-size:2.6em;
        font-weight:normal;
        margin:0 0 24px 0;
        text-transform:lowercase;
    }
    #latest_offer .sku
    {
        color:#084b85;
        font-size:1.2em;
    }
    
    #latest_offer h4
    {
        color:#4d92ce;
        font-size:1.4em;
        margin:0 0 8px 0;
    }
    
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../images/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../images/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../images/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_nw.png', sizingMethod='scale'); }      

.modalBackground
{
  background-color:#CCCCCC;
  filter:alpha(opacity=40);
  opacity:0.5;
}

.ModalWindow
{
  border: solid 1px #bf1e2d;
  background:#FFFFFF;
}
