/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/*
body
{
    background-color: #5c87b2;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #0072BC;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}
*/

img { border: none; color: white;}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
	color: #19548f;
    font-size: 2em;
    padding-bottom: 0;   
}

h2
{
	vertical-align:middle;
	background-color:White;
	color: #19548f;
    padding: 0 0 0 0;
    margin-top: 0em ;
    margin-bottom:1em;
    width:auto;
}

h3
{
	color:#19548f;
    font-size: 1em;
    font-weight:300;
    line-height:1;
    margin:5px 0 5px 0;
	height: 19px;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {width: 90%; margin-left: auto; margin-right: auto; }
.pageleft {float:left; width:100%; height:auto; }

#header
{
	background-color:#19548f;
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
    border-style: none;
	border-color: inherit;
	border-width: medium;
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	color: #fff;
	line-height: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px !important;
	height: 48px;
}

#main
{
    background-color: #fff;
    width:100%;
    /*_height: 1px;  only IE6 applies CSS properties starting with an underscrore #fff;*/
}

#footer
{
    color: white;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
#menucontainer
{
    background-color:White;
    width:100%;
}

ul#menu
{
    padding: 0 0 0;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #19548f;
}

ul#menu li a:hover
{
    background-color:  #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

.title
{
    display:block;
    float:left;
    text-align:left;
	margin-bottom:2px;
	color: #fff;
}

#logindisplay
{
	float:right;
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.flRight {float: right; }
.flLeft {float:left; }

.productlist li
{
	display: inline;
	float: left;
	margin-bottom: 15px;
	margin-left: 5px;
	width:120px;
}

.editlink
{
	font-size:smaller;
}
.currency
{
	text-align:right;
}


.breadcrumbs {font-size:small; color:#40250b; font-weight:bold;}
.label {width: 8.5em; padding-right: 0.3em; display: block; float: left;	text-align:right; color:#19548f;  }
.labelinline {width: 8.5em; padding-right: 0.3em; padding-left: 0.3em; text-align:right; padding-top:2px; color:#19548f;  }
.preview {border:solid 2 white;}
.resultsText {font-size:small;	margin: 2px;	color: #19548f; font-family: Arial, Sans-Serif;}
.maincontainer {float:right; width:100%; margin-top:2px; height:inherit; }
.sidebar {width: 15%;float: left;color: white ;text-decoration:none; background-color: #fff; margin-top:2px;}
.rightColumn {width:50%; float:right; margin-top:2px;}  
.leftColumn {width:48%; margin-right: 1em; margin-top:2px; float:left;}
.datapager {text-align:center;  color:#19548f;}
.breadcrumbs {font-size:small; color:#5c87b2; font-weight:bold;}
.basketList ol li
{
	width: 205px;
	display: inline;
	float: left;
	margin-left: 3px;
	margin-bottom: 15px;
	font-size:x-small;
}

/* Table Look */

/*
table { border:none 1 white; color:#19548f;} 
table th { text-align:left; vertical-align:top; color: #19548f; border:none 1 white }
table tr th { color: #19548f; border:none 1 white }
table tr td { vertical-align:top; padding: 2px;	font-size:small; text-align:left; border:none 1 white}
table tr td a { }
table tr td a:hover { color: black; background-color:White; }
table tr { color: #19548f; font-weight:normal; border:none 1 white }
table tr td { vertical-align:top; padding: 2px;	font-size:small; text-align:left; border:none 1 white}
*/

table tr td { vertical-align:top; padding-left:2; text-align:left; border:1px solid white; }


/*List view #19548f*/
.list {display:inline; color:#19548f; border:solid 1px white;}
.list a {text-decoration:none; color:#2E4d7B;}
.list a:hover {text-decoration:underline; color:#2E4d7B;}
.list ol {list-style: none;	margin-left: 0;	padding-left: 0;}
.list ol li {display: inline; float: left; margin-left: 25px; margin-bottom: 5px; font-size:small; text-align:center;}

/* Panels */
.panel {border:solid 1px #19548f; padding-top:0px; margin-top:2em; color:#19548f; margin-bottom:2px; background-color:#fff;}

/*Product display original  {width: 115px; height: 90px}width: 125px;*/
.picture {height: 70px}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;

}

.accordionContent a
{
	text-decoration: none;
	color: #2E4d7B;
}

.accordionContent a:hover
{
	text-decoration: underline;

}
/* Basket*/
.ImageAddRollover
{
	width: 100px;
	height: 24px;
	background: url(/Content/Style/addgrey.gif) no-repeat top center;
	text-decoration: none;
	display: block;
}

.ImageAddRollover:hover
{
	width: 100px;
	height: 24px;
	background: url(/Content/Style/addred.gif) no-repeat top center;
	display: block;
	text-decoration: none;
}

.ImageRemoveRollover
{
	width: 100px;
	height: 24px;
	background: url(/Content/Style/removered.gif) no-repeat top center;
	text-decoration: none;
	display: block;
}

.ImageRemoveRollover:hover
{
	width: 100px;
	height: 24px;
	background: url(/Content/Style/removegrey.gif) no-repeat top center;
	display: block;
	text-decoration: none;
}
/***********Get hoover preview in the right place ***********
original : absolute;*/
#tooltip {
	z-index: 3000;
	position :fixed;
	left:10px;
	top:200px;
	border: 1px solid #ccc;
	background: #333;
	padding: 5px;
	display: none;
	color: #fff;
}

/* --- Start of New Form CSS --- */
 
.forms {
	font-size: 1em;
}
.forms input {
	padding:0.35em;
	border:1px solid #c5c5c5;
	background:#ffffff;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	font-family: arial, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	color: #000871;
}
.forms input:hover, input:focus {
	border-color:#85959f;
	background:#f6f6f6;
} 
.forms textarea {
	padding:0.35em;
	border:1px solid #c5c5c5;
	background:#ffffff;
	font:bold 0.95em arial, sans-serif;
	color: #000871;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
.forms textarea:hover, input:focus {
	border-color:#85959f;
	background:#f6f6f6;
}  
.forms select {
	padding:0.35em;
	border:1px solid #c5c5c5;
	background:#ffffff;
	font:bold 0.95em arial, sans-serif;
	color: #000871;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
.forms select:hover, input:focus {
	border-color:#85959f;
	background:#f6f6f6;
} 

 
/*  --- End of New Form CSS */

@media print {
#dctheader
{
    visibility:hidden;
}
#dctmenu
{
    visibility:hidden;
    width:0px;
}
#dctfooter
{
    visibility:hidden;
    height:0px;
}
}