﻿@import url("products.css");
    body 
    {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
		min-width:650px;
		
		font-size:90%;
    }    

	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
	#header {
		/*border-bottom:1px solid #000;*/
		background: #444e5a;
	}
	#header h1.logo
	{
		margin: 0;
		padding: 0;
	}
	#header h1.logo a 
	{
		display: block;
		background: url("../images/logo.jpg") no-repeat top left;
		height: 102px;		
	}
	#header h1.logo span 
	{
		display: none;
	}
	
	#header img {
	    padding: 0;
        margin:0;
        border: none;
	}
	#header ul 
	{
	    border-top: solid 1px #012b81;
	    border-bottom: solid 1px #012b81;
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin: 0;
	    padding:0;
	    background-image: url("../images/low.png");
	    background-repeat: repeat-x;
	    height: 30px;
	}
	#header ul li 
	{
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li.nolink span 
	{
	    text-decoration:none;	
	    display:block;
	    float:left;
	    margin:0 0 0 20px;
	    color:#000;
	    position:relative;
	    left:15px;
	}	
	#header ul li a 
	{
	    cursor: pointer;        /* Fix IE pointer bug */
	    text-decoration:none;	
	    display:block;
	    float:left;
	    margin: 0 0 0 0px;
	    color:#000;
	    position:relative;
	    left:15px;
	}
	#header ul li span
	{
	    padding:3px 10px;
	    padding-top: 6px;
	    text-align:center;
	    
	    display: block;
	    display: inline-block;
		background-image: url("../images/div.png");
		background-repeat: no-repeat;
		background-position: top right;
		
		height: 21px;
	}
	
	#header ul li a:hover 
	{
	    background-image: url("../images/high.png");
	    background-position: top left;
	    background-repeat: repeat-x;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    font-weight:bold;
	    background: url("../images/high.png") repeat-x top left;
	}
	
    /* General styles */
	a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
    a.img,
    a.img:hover
    {
        border: none;
        margin: 0;
        padding: 0;
        text-decoration:none;
        background: none;
    }	
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
		border: none;
	}

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightmenu {
	   background: #ecf3fe; /*#fff;*/
      /* background: url("../images/col2-bg.png") fixed top right;*/
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-220px;
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col1 {
        margin:0 15px 0 235px;
        overflow:hidden;
	}
    .rightmenu .col2 {
        float:right;
        width:190px;
        position:relative;
        left:205px;
        /*padding-top: 20px;*/
        margin: 0 auto;
        text-align: center;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin: 0;
        text-align: center;
    }

    /* --> */
    
    .floatRight 
    {
        float: right;
        margin: 5px;
    }
    
    .floatLeft
    {
        float: left;
        margin: 5px;
        margin-left: 0;
    }
    
    .clear 
    {
		clear: both;
    }

    td 
    {
        vertical-align: top;
    }
    
    table#contact td.col1 
    {
        width: 7em;
    }
    
    table#contact
    {
        margin-top: 10px;
        margin-left: 20px;
    }
    
    h1 
    {
        font-size: 150%;
    }
    
    h2 
    {
        font-size: 120%;
    }
    
    h1, h2, h3, span.title
    {
        color: #012b81;
    }

div#merchantLogos 
{
	text-align: center;
	margin: 0 auto;
}

div#merchantLogos a:hover 
{
	background: none;
}

p#copyright 
{
	margin-top: 0;
	padding-top: 0;
	font-size: 80%;
}

div#bestSellers 
{
	text-align:center;
}