/*****************************************************************************************************************/
/* General Styles */
/*****************************************************************************************************************/

/* Colors - Green:#60a400 Purple:#873292 Gray:#b2b1b1 */

html {height:100%; font-family:Arial,Tahoma,Geneva,Helvetica, Sans-Serif; font-size:.9em}
body{height:100%; margin: 0px; background-image:url(/navi/images/backgroundcompass.gif); background-repeat:no-repeat; background-position:bottom right; font-size:101%}
#content{width:100%; padding:10px 0px 10px 0px; clear:both; height:100%; font-size:.8em;}
#page{/*min-height:600px;height:600px;	height:auto !important;*/min-height:100%;width:970px; margin: auto;/**/}

.help {color:#60A400; font-size:.9em}
.help a {color:Gray; cursor:pointer; text-decoration:underline; font-weight:bold}

.warning {
	color:red;
	font-weight:bold;
}
fieldset {border-color:#ffffff; border-width:2px; padding:5px 5px 5px 5px;}
fieldset legend{color:black}

h2 { font-size:1.3em}
.left {float:left}
.right {float:right}
.center { text-align:center}

.pagetitle {font-size:1.5em; font-weight:bold; color:#873292; padding-bottom:5px; border-bottom:solid 1px #cccccc; margin-bottom:3px}
.pagetitleright {float:right;  color:#873292; font-size:1em}

.cleardiv {clear:both}
.alignmiddle{vertical-align:middle;}
.button{padding:0px 3px 0px 3px}
.full {width:966px;}
.partial {width:806px;}
.container {clear:both;padding-left:5px;padding-right:5px; margin-top:5px; border-bottom: solid 1px #b2b1b1; padding-bottom:5px; }

table{border-collapse: collapse;border: 0px 0px 0px 0px;}
img{border: 0px;}
.hide{display: none;}
a {text-decoration: none;color: #873292;}
a:hover{text-decoration: none;color: #60a400;}

.graybck {background-color:#F5F5F5;}

div.box {margin:5px 5px 5px 5px}
div.box div.contents {padding:3px 0px 3px 5px;border:solid 1px #eeeeee;}
div.box div.contents div.singleitem {height:20px; margin-left:12px; text-indent:10px; display:table; background:url(/Navi/images/contentpanel/icn_arrow.gif) center left no-repeat;}
div.box div.contents div.singleitem p {line-height:20px;  display:table-cell; vertical-align:middle;}
div.box div.contents div.item { padding-left:12px; padding-top:5px}

div.twocolumncontent {width:786px}
div.onecolumncontent {}

.green{color:#60a403;}
.purple{color:#873292}

div.gradbox {border:dotted 1px gray; height:auto; padding:5px 5px 5px 5px; margin-top:0px; margin-bottom:10px; background-image: url(/navi/images/light-grad.jpg); background-repeat:repeat-x; background-position:top left}


/*****************************************************************************************************************/
/*Buttons*/
/*****************************************************************************************************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button, a.buttonadd
{
	display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    color:White !important;
    height: 17px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none !important;
	cursor:pointer;
}

a.buttonadd {background: transparent url('/navi/images/buttons/bg_addtobasket_buttona.gif') no-repeat scroll top right;}
    
a.button {background: transparent url('/navi/images/buttons/bgbuttona.gif') no-repeat scroll top right;}    

a.button span, a.buttonadd span 
{
    background: transparent url('/navi/images/buttons/bgbuttonspan.gif') no-repeat;
    display: block;
    line-height: 13px;
    padding: 2px 15px 2px 15px;
} 
a.buttonadd .skinnypad
{
	padding: 2px 5px 2px 5px;
}

/*****************************************************************************************************************/
/*Left Menu Search*/
/*****************************************************************************************************************/

#left-search-box {border: 1px solid #e8e8e8;  padding-left:5px; margin-bottom:10px}

a.buttonsmall, a.backtoresults
{
	display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    color:#595959;
    height: 17px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
   background: transparent url('/navi/images/buttons/bgarrow.gif') no-repeat scroll top right;

}
    
a.buttonsmallMultiAdd
{
    font: bold 12px arial, sans-serif;
    color:#595959;
    height: 17px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
   background: transparent url('/navi/images/buttons/bgarrow.gif') no-repeat scroll top right;

}


/*****************************************************************************************************************/
/*Footer*/
/*****************************************************************************************************************/
#footer {height:30px;line-height:3;clear:both;text-align:left;width:966px;vertical-align:middle; font-size:.8em; padding:20px 10px 0px 10px;}
#footer img {vertical-align:middle; padding-right:10px}
#footercopyright {float:left; line-height:3; color:#999999}
#footercontrols {vertical-align:middle; float:right;line-height:3;}

/*****************************************************************************************************************/
/*Left Menu*/
/*****************************************************************************************************************/
#left-menu {float:left; width:150px; text-align:left; background-color:white; padding-left:5px; font-size:1.0em} 
#left-menu h3 {color:#60a400; font-size:1.2em;  margin-bottom:0px; margin-top:13px}
#left-menu ul {margin:0;  padding:0px; list-style-type:none; padding-left:15px; vertical-align:middle}
#left-menu li {margin:0;padding-top:5px;padding-bottom:5px; padding-left:0px; font-weight:bold; background:url(/navi/images/icons/menuarrowright.gif) no-repeat 0px 8px; padding-left:10px }
/*#left-menu li {margin:0;padding-top:5px;padding-bottom:5px; padding-left:0px; font-weight:bold}*/
#left-menu dt {color:#873292; font-size:.9em; font-weight:bold; padding-top:3px}
#left-menu dl {margin-top:0px; margin-bottom:5px}

/*****************************************************************************************************************/
/*Filters*/
/*****************************************************************************************************************/
#facetList {}
#facetList ul {margin:0; list-style-image:none; padding:0px; padding-left:5px;}
#facetList li {margin:0; padding-top:2px;padding-bottom:2px; padding-left:0px; font-weight:normal; font-size:.95em; background:none}
#facetList h3 {padding:0px 0px 0px 15px; margin-bottom:5px; background-image:url(/navi/images/icons/facetArrowDown.gif); background-repeat:no-repeat; background-position:left}
#facetList h3:hover {cursor:pointer;}
#facetList h3.collapse {background-image:url(/navi/images/icons/facetArrowRight.gif);}
#facetList a.more:hover {cursor:pointer;}
#facetList a.more {background-image:url(/navi/images/icons/facetArrowDownSmall.gif); background-position:right; background-repeat:no-repeat; padding-right:10px}
#facetList a.active {background-image:url(/navi/images/icons/facetArrowUpSmall.gif);}
#facetList .rootfilter {padding-left:2px;}
/*#filtermenu .border {border:#CCCCCC 1px solid;margin:0px;padding:0px;}
#filtermenu .rootfilter a {font-size:100%;padding:4px 0 6px 6px;display:block;border-bottom:#CCCCCC 1px solid;}
#filtermenu .rootfilter a.filteron {color:#FF0000;}
#filtermenu .rootfilter a.filteroff {color:#125CA7;}
#filtermenu .rootfilter a:hover {text-decoration:underline;}
#filtermenu .border ul {margin:0px;padding:0px;list-style:none;}
#filtermenu .border ul li {margin:0px}
#filtermenu .border ul li a {color:#125CA7;font-size:95%;border-bottom:#CCCCCC 1px solid;list-style:none;padding:6px 3px 6px 6px;display:block;margin:0px !important;}
#filtermenu .border ul li a:hover  {background-color:#F0F0F0;}
#filtermenu .border ul li a span {	color:#666666;}
#filtermenu .border ul li a:hover span {font-weight:normal;}
#filtermenu .border ul li a.end {border:none;}
#filtermenu .border ul li a.filteron {color:#FF0000;}
#filtermenu .border ul li a:hover.filteron {background-color:none;}
#filtermenu .border ul li a.filteron span {font-weight:normal;}*/

/*****************************************************************************************************************/
/*Main content*/
/*****************************************************************************************************************/
#main-content {float:right; width:796px;  background-color:white; padding:3px 5px 3px 5px}/*806*/

/*****************************************************************************************************************/
/*Full Screen*/
/*****************************************************************************************************************/
#full-content {float:left; width:966px;  background-color:white;}

/******************************************************************************************************************
Dialog Section
******************************************************************************************************************/
div.dialogsection {padding:15 0 15 0}
div.dialogsection .dheadertopleft {background-image:url(/Navi/images/dialogsection/dialogsectionheadercontainer.gif); background-position:top left; background-repeat:no-repeat; width:2px}
div.dialogsection .dheadertopright {background-image:url(/Navi/images/dialogsection/dialogsectionheader.gif); background-position:top right; background-repeat:no-repeat; width:595px; height:5px}
div.dialogsection .dsectiontopleft {background-image:url(/Navi/images/dialogsection/dialogSectionBodyLeft.gif); background-position:left top; background-repeat:repeat-y; padding-left:2px}
div.dialogsection .dsectiontopright{background-image:url(/Navi/images/dialogsection/dialogSectionBodyRight.gif); background-position:right top; background-repeat:repeat-y ; padding-right:2px}
div.dialogsection .dfootertopleft {background-image:url(/Navi/images/dialogsection/dialogSectionFooterContainer.gif); background-position:top left; background-repeat:no-repeat; width:2px}
div.dialogsection .dfootertopright {background-image:url(/Navi/images/dialogsection/dialogSectionFooter.gif); background-position:top right; background-repeat:no-repeat; width:595px; height:5px}
div.dialogsection .dcontent {text-align:left; padding-left:10px; line-height:3.5; }
div.dialogsection .dcontent img {vertical-align:middle}
div.dialogsection .dcontent span {color:#FE6601; font-weight:bold;}


div.sectionheader {font-family:helvetica ;font-size:140%;font-weight:bold;margin-bottom:25px;color: #ff6531; padding-left:15px;  padding-left:15px; padding-top:5px;}
div.subsectionheader {font-family:helvetica ;font-size:1.2em;font-weight:bold;margin-bottom:25px;color: #ff6531; padding-left:15px;  padding-left:15px; padding-top:5px;}
div.sectioncontent {font-size:11px;padding-left:15px; padding-right:15px;color: #313031; font-family:helvetica ;}
div.sectioncontent div.bullettitle {height:16px;line-height:16px;font-weight:bold;padding-left:15px;background:url('/Navi/images/contentpanel/icn_bullet.gif') no-repeat left top;background-position: 0 .2em }
div.sectioncontent .helplinks {padding-left:20px;padding-top:5px}
div.sectioncontent .helplinks ul {list-style-type: none;padding: 0px;margin: 0px;}
div.sectioncontent .helplinks li {background-image: url('/Navi/images/contentpanel/icn_arrow.gif');background-repeat: no-repeat;background-position: 0 .4em;padding-left: .9em;}

/***********************************************************************************************************************/
/*Green Rounded Header*/
/***********************************************************************************************************************/
div.sectiong table {height:21px;color:White; font-weight:bold; font-size:1.2em; width:100%}
div.sectiong .l {background-image:url(/Navi/images/roundedheaders/green/left.png); background-repeat: no-repeat; width:2px;}
div.sectiong TD {background-image:url(/Navi/images/roundedheaders/green/middle.png); background-repeat: repeat-x}
div.sectiong .r {background-image:url(/Navi/images/roundedheaders/green/right.png); width:4px;background-repeat: no-repeat;}

/***********************************************************************************************************************/
/* Telerik grid Styling */
/***********************************************************************************************************************/
.RadGrid
{
	border:dotted;
	border-width:1px;
}
.RadGrid a
{
	text-decoration:underline;
}

.RadGridHeader
{
	color:White;
	font-weight:bold;
	background-color:#60a400
}
.RadGridHeader a
{
	color:White;
	text-decoration:underline;
}

/*sorting, reordering*/

.RadGridHeader .rgSortAsc
{
	background-position:-18px -925px;
	height:12px;
}

.RadGridHeader .rgSortDesc
{
	background-position:3px -925px;
	height:12px;
}
.RadGridHeader .rgSortAsc,
.RadGridHeader .rgSortDesc
{
	width:16px;
	height:16px;
	border:0;
	padding:0;
	background-color:transparent;
	background-image:url('/navi/images/Grid/sprite.gif');
	background-repeat:no-repeat;
	vertical-align:middle;
	cursor:pointer;
}



.deliverydetails {float:left;width:400px}
.deliverydetails fieldset { margin:.1em .5em 0em .5em; padding:0em; }
.deliverydetails legend {margin-left: .5em; font-weight:bold;}
.deliverydetails fieldset ol {padding: .3em 1em 0em .5em; list-style:none;}
.deliverydetails fieldset li {padding-bottom: .5em; display:table-row}
.deliverydetails fieldset label {float:left; width:8em; margin-right:1em; text-align:right;}

.extendeddetails {float:left;width:250px}
.extendeddetails fieldset { margin:.1em .5em 0em .5em; padding:0em; }
.extendeddetails legend {margin-left: .5em; font-weight:bold;}
.extendeddetails fieldset ol {padding: .3em 1em 0em .5em; list-style:none;}
.extendeddetails fieldset li {padding-bottom: .5em; display:table-row}
.extendeddetails fieldset label {float:left; width:10em; margin-right:1em; text-align:right;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/***********************************************************************************************************************/
/* Expanding menu filter  i.e. (more) */
/***********************************************************************************************************************/
.menufilter
{
	font-size:.9em;
	color:#999999;
}

.tablehelp
{
	border-style:solid;
	border-width:1px;
	border-color:silver; /*//#999999;*/
}

/* === Corner radius === */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }