@media screen {

a {
	color: #3255AD;
}

body {
    font-family: Helvetica, Arial, sans-serif;
}

input, textarea {
    border: 1px solid #999;
}

.ui-widget{font-size:12px;}

table.main {
	background-color:#FEFEFF;
	border: 0;
	padding:4px;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	line-height: 1.5;
}

h2 {
	margin: 0.75em 0 0.5em 0;
}

.status-trouble {
    background-color: #fa3232;
    color: white;
}

.status-trouble a {
        color: white;
}

.status-pending {
    background-color: #f5cece;
}

.status-confirmed {
    background-color: #eeeeee;
}

.status-delivered {
    background-color: #C5DC7F;
}


.tblCheckDelivery {
	background-image: url(/images/hdStep1.gif);
	background-repeat: no-repeat;
}

.trCheckDelivery {
	background-image: url(/images/hdStep1.gif);
	padding-top: 140px;
	background-repeat: no-repeat;
}

.tblShopCart {
	background-image: url(/images/hdSCart.gif);
	color: #000000;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	text-decoration: none;
	background-repeat: no-repeat;
}

.frmLeftSpace {
	margin: 10px 0px 0px 20px;
	color: #000000;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	text-decoration: none;
	padding: 1px 0 1px 0;
}
.inptLeftSpace {
	margin: 10px 0px 0px 20px;
	color: #000000;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	text-decoration: none;
	padding: 1px 0 1px 5px;
}

table.main td {
	background-color:#efefef;
	border:1px dotted gray;
	height:26px;
	padding:4px;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	line-height: 1.5;
}
table.affiliate {
	border:0px none white;
	border-collapse: collapse;
	background-color: #F9F9F9;
	padding: 4px 4px 4px 4px;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	line-height: 1.5;
}

table.affiliate td {
	border-width: 1px;
	border-style: dotted;
	border-color: gray;
	background-color: #F4F6FD;
	padding: 4px 4px 4px 4px;
	height: 26;
}

#dataTable {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	cursor:default;
	font-family:Arial,helvetica,Verdana;
	font-size:12px;
	width:100%;
}
#dataTable td, #dataTable th {
	font-weight:normal;
	padding:2px;
}
#dataTable thead td, #dataTable thead th {
	background-image:url(/images/ft-head.gif);
	background-position:right top;
	background-repeat:no-repeat;
	cursor:pointer;
	text-align:left;
}
#dataTable tbody tr td {
	border-bottom:1px solid #DDDDDD;
}
#dataTable tbody tr.alt td {
	background:#E3EDFA none repeat scroll 0%;
}
#dataTable tbody tr.selected td {
	background:lightgreen repeat scroll 0%;
}
#dataTable tbody tr a:hover td {
	background:lightyellow none repeat scroll 0%;
}
#dataTable tbody tr.selected a:hover td {
	background:#FFFF99 none repeat scroll 0%;
}

.verSpace {
	border-bottom: 1px solid white;
}

.topnav
{color: #ffffff; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: none}
.topnav:active
{color: #CC0000; text-decoration: underline}
.topnav a:hover
{color: #000066; text-decoration: underline}
.topnav a:visited
{color: #CC0000; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: none}

.leftnav
{color: #333333; font-size: 12px; font-weight: bold; font-family: verdana, arial, sans-serif; text-decoration: none;}
.leftnav a:hover
{color: #CC0000; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.dropdown {
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	background-color: #FFD13F;
	color: #000000;
	padding: 0px;
	height: 18;
	margin: 2px;
	border-color: #666666;
	border-width: 1px;
	border-style: dotted;
}

.dropdown_red
{font-size: 12px; font-family: 	verdana, arial, sans-serif; font-weight: bold; background-color: #eeeeee; color: #ce0000; padding: 0px; height: 18; margin: 2px; border-color: #666666; border-width: 1px;  border-style: dotted; }

.button
{font-size: 10px; font-family: 	verdana, arial, sans-serif; background-color: #eeeeee; color: #004488; padding: 0px; height: 18; margin: 2px; border-color: #004488; border-width: 1px;  border-style: dotted; }
.button a:hover
{font-size: 10px; font-family: 	verdana, arial, sans-serif; background-color: #cccccc; color: #004488; padding: 0px; height: 18; margin: 2px; border-color: #004488; border-width: 1px;  border-style: dotted; }

.button-primary {
    box-shadow: none;
    background-color: #ffd68c;
    font-size: 1.1em;
    border-radius: 5px;
    padding: 5px;
}

a.gcal-button, .button {
    font-size: .8em;
    background-color: #fddc9e;
    padding: .2em .5em;
    border-color: black;
    border-style: solid;
    text-decoration: none;
    box-shadow: 0 0px 2px 0px #00000066;
}

.black10pt
{color: #000000; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.black10pt a:hover
{color: #000000; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.black8pt
{color: #000000; font-size: 10px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.black8pt a:hover
{color: #000000; font-size: 10px; font-family: verdana, arial, sans-serif; text-decoration: none;}

.titleGrey
{color: #333333; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.titleGrey a:hover
{color: #003399; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.grey10pt
{color: #333333; font-size: 12px; font-family: verdana, arial, sans-serif; line-height: 1.5; text-decoration: none;}
a.grey10pt:link
{color: #3255AD; text-decoration: none;}
a.grey10pt:visited
{color: #3255AD; text-decoration: none;}
a.grey10pt:hover
{color: #DB8240; text-decoration: underline;}

.grey12pt
{color: #333333; font-size: 12px; font-family: verdana, arial, sans-serif; line-height: 1.5; text-decoration: none;}
a.grey12pt:link
{color: #3255AD; text-decoration: none;}
a.grey12pt:visited
{color: #3255AD; text-decoration: none;}
a.grey12pt:hover
{color: #DB8240; text-decoration: underline;}



.adQuantity {
	color: #333333;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	line-height: 1;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

/*
.grey10pt a:hover
{color: #003399; font-size: 12px; font-family: verdana, arial, sans-serif; line-height: 1.5; text-decoration: underline;}
*/

.green8pt
{background-color: #CCCCCC; font-size: 10px; font-family: verdana, arial, sans-serif; text-decoration: none;}

.grey8pt
{color: #333333; font-size: 12px; font-family: arial, helvetica, sans-serif; text-decoration: none;}
.grey8pt a:link
{color: #003399; font-size: 12px; font-family: arial, helvetica, sans-serif; text-decoration: none;}
.grey8pt a:hover
{color: #003399; font-size: 12px; font-family: arial, helvetica, sans-serif; text-decoration: underline;}

.medBlack
{color: #000000; font-size: 18px; font-family: georgia, serif, times new roman; text-decoration: none;}
.medGrey
{color: #666666; font-size: 18px; font-family: georgia, serif, times new roman; text-decoration: none;}
.medGrey a:hover
{color: #003399; font-size: 18px; font-family: georgia, serif, times new roman; text-decoration: underline;}

.green10pt
{color: green; font-size: 12px; font-family: verdana, arial, sans-serif; line-height: 1.5; text-decoration: none;}
.medGreen
{color: green; font-size: 18px; font-family: georgia, serif, times new roman; text-decoration: none;}
.medRed
{color: red; font-size: 18px; font-family: georgia, serif, times new roman; text-decoration: none;}

.smallGrey
{color: #333333; font-size: 12px; font-family: georgia, serif, times new roman; text-decoration: none;}
.smallGrey a:hover
{color: #003399; font-size: 12px; font-family: georgia, serif, times new roman; text-decoration: underline;}

.lightgrey10pt
{color: #999999; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.lightgrey10pt a:hover
{color: #999999; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.greytight
{color: #333333; font-size: 12px; line-height:8px; font-family: arial, helvetica, sans-serif; text-decoration: none;}
.greytight a:hover
{color: #003399; font-size: 12px; line-height:8px; font-family: arial, helvetica; text-decoration: underline;}

.bodylightgrey
{color: #999999; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.bodylightgrey a:hover
{color: #003399; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.red10pt
{color: #ce0000; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.red10pt a:hover
{color: #ce0000; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.red14pt
{color: #ce0000; font-size: 14px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.red14pt a:hover
{color: #ce0000; font-size: 14px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.titlered
{color: #ce0000; font-size: 18px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.titlered a:hover
{color: #ce0000; font-size: 18px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.bodyBlue
{color: #003399; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.bodyBlue a:hover
{color: #003399; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.medBlue
{color: #003399; font-size: 18px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.medBlue a:hover
{color: #003399; font-size: 18px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.blue10pt {
	color: #3255AD;
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
	text-decoration: none;
}
a.blue10pt:link {
	text-decoration: none
}
a.blue10pt:visited {
	text-decoration: none
}
a.blue10pt:hover {
	text-decoration: underline
}

.homelinks a:link {
	text-decoration: none
}
.homelinks a:visited {
	text-decoration: none
}
.homelinks a:hover {
	color: #DB8240;
	text-decoration: underline
}

.bluetitle
{color: #003399; font-size: 18px; font-family: verdana, arial, sans-serif; text-decoration: none;}

.blue8pt
{color: #003399; font-size: 10px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.blue8pt a:hover
{color: #003399; font-size: 10px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.georgiatitle
{color: #000000; font-size: 14px; font-family: georgia, serif, times new roman; text-decoration: none;}

.datetitle
{color: #000000; font-size: 14px; font-family: verdana, arial, sans-serif; text-decoration: none;}

.white10pt {
	color: #ffffff;
	font-size: 12px;
	font-family: verdana, arial, sans-serif
}
.white10pt a:link {
	text-decoration: none
}
.white10pt a:visited {
	text-decoration: none
}
.white10pt a:hover {
	text-decoration: underline
}

.cartPreview {
	padding: 0px;
	margin: 0px;
	height: 20px;
	background-color: #919191;
	color: #ffffff;
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
}
.cartPreview a:link {
	height: 0;
	padding: 0;
	margin: 0;
	color: #ffffff;
	text-decoration: none
}
.cartPreview a:visited {
	height: 0;
	padding: 0;
	margin: 0;
	color: #ffffff;
	text-decoration: none
}
.cartPreview a:hover {
	height: 0;
	padding: 0;
	margin: 0;
	color: #ffffff;
	text-decoration: underline
}


.white8pt {
	color: #ffffff;
	font-size: 10px;
	font-family: verdana, arial, sans-serif
}
.white8pt a:link {
	text-decoration: none
}
.white8pt a:visited {
	text-decoration: none
}
.white8pt a:hover {
	text-decoration: underline
}

.blackbody
{color: #000000; font-size: 12px; font-family: verdana, arial, sans-serif; line-height: 18px; text-decoration: none;}
.blackbody a:hover
{color: #ce0000; font-size: 12px; font-family: verdana, arial, sans-serif; line-height: 18px; text-decoration: underline;}

h3, .titleblack
{color: #000000; font-size: 16px; font-family: verdana, arial, sans-serif; text-decoration: none;}
h3 a:hover, .titleblack a:hover
{color: #ce0000; font-size: 16px; font-family: verdana, arial, sans-serif; text-decoration: none;}
h3 a:visited, .titleblack  a:visited
{color: #666666; font-size: 16px; font-family: verdana, arial, sans-serif; text-decoration: none;}

.titleblackarial
{color: #000000; font-size: 18px; font-family: arial, helvetica, sans-serif; text-decoration: none;}

.titletxt
{color: #ffffff; font-size: 14px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.titletxt a:hover
{color: #ffffff; font-size: 14px; font-family: verdana, arial, sans-serif; text-decoration: underline;}
.titletxt a:visited
{color: #666666; font-size: 14px; font-family: verdana, arial, sans-serif; text-decoration: none;}

.blueseriftitle
{color: #3255AD; font-size: 20px; font-family: georgia, serif, times new roman; text-decoration: none;}
.blueseriftitle a:hover
{color: #DB8240; font-size: 20px; font-family: georgia, serif, times new roman; text-decoration: underline;}
.blueseriftitle  a:visited
{color: #3255AD; font-size: 20px; font-family: georgia, serif, times new roman; text-decoration: none;}

.titleblue
{color: #003399; font-size: 16px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.titleblue a:hover
{color: #003399; font-size: 16px; font-family: verdana, arial, sans-serif; text-decoration: underline;}
.titleblue  a:visited
{color: #666666; font-size: 16px; font-family: verdana, arial, sans-serif; text-decoration: none;}

.titlewhite
{color: #ffffff; font-size: 16px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.titlewhite a:hover
{color: #ffffff; font-size: 16px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.orangetitle
{color: #cc6633; font-size: 14px; font-family: georgia, serif, times new roman; text-decoration: none;}

.blackbodybold
{color: #000000; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: none; font-weight: bold;}

.orangebody
{color: #FF9900; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: none;}
.orangebody a:hover
{color: #FF9900; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.searchtxt
{color: #333333; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.searchtxt a:hover
{color: #ffffff; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.searchtxt:active
{color: #ffffff; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: underline;}

.searchtxt a:visited
{color: #333333; font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: none;}

.textnav
{
    COLOR: #FFFFFF;
    FONT-FAMILY: arial,verdana;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none}
.textnav a:hover{color:#FF9900;}
.textnav a:visited {color : #999999;}

.textnavActive
{
    COLOR: #000000;
    FONT-FAMILY: arial,verdana;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

A.textnavon{COLOR: #000000; FONT-FAMILY: verdana; FONT-SIZE: 12px; TEXT-DECORATION: none}
textnavon:active{color:#000000;}

A.textnavonGray{COLOR: #000000; FONT-FAMILY: verdana; FONT-SIZE: 12px; TEXT-DECORATION: none}

.btnMouseover { cursor: pointer }

.grey8pt { text-decoration:none; font-size:8pt; color:#B8B8B8 }
a.grey8pt:link { text-decoration:none; font-size:8pt; color:#B8B8B8 }
a.grey8pt:visited { text-decoration:none; font-size:8pt; color:#B8B8B8 }
a.grey8pt:hover { text-decoration:underline; font-size:8pt; color:#B8B8B8 }

.grey9pt { text-decoration:none; font-size:9pt; color:#0BB940; }

.orderStatus  {
	font-size: 21px;

 	font-weight: normal;
	text-transform: uppercase;
	text-align: right;
	padding: 0
	}
.orderStatusUpdate  {
 	font-weight: normal;
	text-align: right;
	padding: 0;
    margin: 0.5em 0 0 0;
    display: block;
	}
.printCityCode  {
	font-size: 28px;

	font-weight: bolder;
	text-transform:uppercase;
	margin: 0;
	padding: 0
 	}
.printDeliverTime  {
	font-size: 28px;

	font-weight: bolder;
	margin: 0;
	padding: 0
 	}
.printOrderNo  {
	font-size: 14px;

 	font-weight: bold;
	padding: 4px 0 0 0
	}
.printDeliverDate {
	font-size: 14px;

	font-weight: bold;
	padding: 0 0 0 10px
	}
p   {
	font-size: 12px;

	margin: 0 0 3px
	}
.printName  {
	font-size: 14px;

	font-weight: bold
	}
.printName a:link {
	font-size: 14px;

	font-weight: bold;
	color: black;
	text-decoration: none
	}
.printName a:visited {
	font-size: 14px;

	font-weight: bold;
	color: black;
	text-decoration: none
	}
.printName a:hover {
	font-size: 14px;

	font-weight: bold;
	color: #DB8240;
	text-decoration: underline
	}
.printHdItemTable        {
	font-size: 12px;

	font-weight: bold;
	padding: 2px 0 2px 0;
	border-bottom: 2px solid #000
	}
.printSplHeader {
	font-size: 12px;

	font-weight: bold;
	padding: 7px 0 4px 0;
	}
.printItemTable   {
	font-size: 12px;

	font-weight: normal;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #999999
	}
.printItemDiv   {
	font-size: 12px;

	font-weight: normal;
	padding: 2px 0 2px 0;
	}
.printHdItemTableTotal    {
	font-size: 12px;

 	font-weight: bold;
	text-align: right;
	padding: 2px 0 2px 0;
	border-bottom: 2px solid #000
	}
.printItemTableTotal   {
	font-size: 12px;

	font-weight: normal;
	text-align: right;
	padding: 2px 0 0 0;
	border-bottom: 1px solid #999999
	}
.printFeeTableTotal {
	font-size: 12px;

	font-weight: normal;
	text-align: right;
	padding: 2px 0 0 0;
	}
.printTotalTableTotal {
	font-size: 12px;

 	font-weight: bold;
	text-align: right;
	padding: 4px 0 0 0;
	border-top: 2px solid #000
 	}
.printTotalTableItem {
	font-size: 12px;

	font-weight: bold;
	padding: 4px 0 0 0;
	border-top: 2px solid #000
	}
.printItemTable a:link {
	TEXT-DECORATION: none;
	color: #3255AD;
	}
.printItemTable a:visited {
	TEXT-DECORATION: none;
	color: #3255AD;
	}
.printItemTable a:hover {
	TEXT-DECORATION: underline;
	color: #DB8240;
	}
.printItemDiv a:link {
	TEXT-DECORATION: none;
	color: #3255AD;
	}
.printItemDiv a:visited {
	TEXT-DECORATION: none;
	color: #3255AD;
	}
.printItemDiv a:hover {
	TEXT-DECORATION: underline;
	color: #DB8240;
	}
.printFeeTable {
	font-size: 12px;

	font-weight: normal;
	padding: 2px 0 0 0;
	}
.printMessages {
	font-size: 14px;
	font-family: Georgia, serif;
	font-weight: normal;
	padding: 2px 0 5px 15px;
	border-bottom: 1px solid #999999;
	}
.printMessages p {
	font-size: 14px;
	font-family: Georgia, serif;
	font-weight: normal;
	line-height: 20px;
	}
.pName {
	font-size: 14px;
	font-family: Courier, serif;
	font-weight: normal;
	background-color: #FFE174;
}
.printMsgBox {
	border-bottom: 1px solid #999999;
	}

#OrderComments  { visibility: visible; position: absolute; top: 5px; left: 5px; width: 600px; height: 100px }

.ordcom-rec-title { font-size: 12px; font-weight: bold; background-color: #d9e9f1; padding-top: 5px; width: 150px; border-bottom: 1px solid black }
.ordcom-rec-td  { font-size: 12px; background-color: #d9e9f1; padding-top: 5px; padding-bottom: 5px; width: 150px; padding-left: 5px; border-bottom: 3px solid white }
.ordcom-note-title     { font-size: 12px; font-weight: bold; background-color: #d9e9f1; padding-top: 5px; padding-left: 5px; width: 650px; border-bottom: 1px solid black }
.ordcom-note-td  { font-size: 12px; font-weight: normal; background-color: #d9e9f1; padding: 5px; width: 650px; border-bottom: 3px solid white; }
.ordcom-alert-td { font-size: 12px; font-weight: normal; background-color: #fcc; margin-top: 5px; padding-top: 8px; padding-bottom: 8px; padding-left: 5px }
.ordcom-at-title  { font-size: 12px; font-weight: bold; background-color: #d9e9f1; padding-top: 5px; right: 150px; width: 150px; border-bottom: 1px solid black; }
.ordcom-at-td   { font-size: 12px; background-color: #d9e9f1; padding-top: 5px; padding-bottom: 5px; right: 150px; width: 150px; padding-left: 5px; border-bottom: 3px solid white; }
.ordcom-addtbl { background-color: #d9e9f1; margin-top: 0.5em; padding: 0.25em; }
.ordcom-add-title  { font-size: 0.8em; font-weight: bold; background-color: #d9e9f1; padding-top: 5px; }
.ordcom-add-intitle   { width: 100% }
.ordcom-add-innote    { width: 100%; margin: 0 0 .25em 0; }
.ordcom-add-labels  { font-size: 0.8em; }
.ordcom-add-button { font-size: 1em; font-weight: bold; }
.ordcomSelectPartner { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 210px; }
.div-addtbl {
	display: block;
    font-size: 0.8em;
}


.tckLogo        { color: white; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; background-color: #ce1f36; padding-right: 8px; padding-left: 8px; vertical-align: middle; border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black }
.tckTicker     { color: blue; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; background-image: url(/images/bgTckr.gif); padding-left: 5px; vertical-align: middle; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black }

.monitorTdUp {
	background-image: url(/images/monitor-up.gif);
	background-position:center top;
	padding-top: 70px;
	background-repeat: no-repeat;
	width: 170px;
	background-color:#FFF;
	font-size: 14px;
	font-family: helvetica, sans-serif;
}
.monitorTdDwn {
	background-image: url(/images/monitor-down.gif);
	background-position:center top;
	padding-top: 70px;
	background-repeat: no-repeat;
	width: 170px;
	background-color:#FFF;
	font-size: 14px;
	font-family: helvetica, sans-serif;
}

.highslide {
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid white;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
    font-size: 10pt;
    font-family: sans-serif;
}

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 12pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
    background-color: white;

    padding-left: 22px;
    background-image: url(/js/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 12px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 12px;
	width: 12px;
	background: url(js/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

.highslide-dimming {
	background: black;
	position: absolute;
}

.highslide-wrapper .highslide-header {
   display: none;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* DROP DOWN MENU */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 3;
}

#nav a {
	display: block;
	padding-left: .7em;
	padding-right: .7em;
	padding-bottom: .5em;
	padding-top: .5em;
	text-decoration: none;
}

#nav a:hover {
	background-color: white;
	color: #cccccc;
	text-decoration: none;
}

#nav li { /* first list items */
	float: left;
	width: 150px; /* width needed or else Opera goes nuts */
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#nav li ul li { /* rest list items */
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: white;
	opacity: 1.0;               /* newer Mozilla and CSS-3 */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #003399;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	opacity: 0.9;               /* newer Mozilla and CSS-3 */
}

#nav li ul li a:hover {
	background-color: white;
	color: black;
	text-decoration: none;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.5em 0 0 150px;
	opacity: 1.0;               /* newer Mozilla and CSS-3 */
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav a.daddy {
	background: url(/images/mn-ar.gif) center right no-repeat;
	color: #ffffff;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
}

#nav a.daddy:hover {
	background: url(/images/mn-ar-ov.gif) center right no-repeat;
	background-color: #5177C3;
	color: white
}

/* DROP DOWN MENU II */

#nav2, #nav2 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 3;
}

#nav2 a {
	display: block;
	padding-left: .7em;
	padding-right: .7em;
	padding-bottom: .5em;
	padding-top: .5em;
	text-decoration: none;
	color: black;
}

#nav2 a:hover {
	background-color: white;
	color: #cccccc;
	text-decoration: none;
}

#nav2 li { /* first list items */
	float: left;
	width: 150px; /* width needed or else Opera goes nuts */
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#nav2 li ul li { /* rest list items */
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: white;
	opacity: 1.0;               /* newer Mozilla and CSS-3 */
}

#nav2 li ul { /* second-level lists */
	position: absolute;
	background: #003399;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	opacity: 0.9;               /* newer Mozilla and CSS-3 */
}

#nav2 li ul li a:hover {
	background-color: #1410AF;
	color: white;
	text-decoration: none;
}

#nav2 li ul ul { /* third-and-above-level lists */
	margin: -1.5em 0 0 150px;
	opacity: 1.0;               /* newer Mozilla and CSS-3 */
}

#nav2 li:hover ul ul, #nav2 li.sfhover ul ul {
	left: -999em;
}

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav2 a.sort {
	background: url(/images/mn-ar-dwn.gif) center right no-repeat;
	color: #000;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
}

#nav2 a.sort:hover {
	background: url(/images/mn-dwn-ar-ov.gif) center right no-repeat;
	background-color: #5177C3;
	color: white
}


/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0; /* set margins as desired */
font: 12px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #666666; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

table#tab1 li.tab1, table#tab2 li.tab2, table#tab3 li.tab3, table#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

table#tab1 li.tab1 a, table#tab2 li.tab2 a, table#tab3 li.tab3 a, table#tab4 li.tab4 a, #tabnav .selected a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #666666; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #EEEEEE; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */


/* product table mods */

.prCell5 {
	position: relative; display: block; float:left; margin-left: 5px;
}
.prCell15 {
	position: relative; display: block; float:left; margin-left: 15px;
}

.prCell5w120 {
	position: relative; display: block; float:left; margin-left: 5px; width:120px;
}
.prCell5w80 {
	position: relative; display: block; float:left; margin-left: 5px; width:80px;
}
.prCell5w100 {
	position: relative; display: block; float:left; margin-left: 5px; width:100px;
}
.prCell5w200 {
	position: relative; display: block; float:left; margin-left: 5px; width:200px;
}
.prCell5w160 {
	position: relative; display: block; float:left; margin-left: 5px; width:160px;
}

/* Sortable tables */
table.sortable thead {
    background-color:#787878;
    color:#eeeeee;
    font-weight: bold;
    cursor: s-resize;
	font-family: helvetica,arial,verdana,san-serif;
	font-size: 12px;
}

table.sortable thead tr {
    height: 30px;
}

table.sortable thead td {
    padding: 5px;
	text-align: left;
	vertical-align: middle;
	white-space:nowrap;
}

table.sortable tbody tr {
    opacity:0.8;
}

table.sortable tbody tr:hover {
    opacity:1;
}

table.sortable tbody td {
	white-space:nowrap;
	text-align: left;
	vertical-align: middle;
}

/* PAGE NUMBERING */

.ppDeptWrap {
	float: left;
	display: block;
	width: 100%;
	text-align: right;
	margin-top: 15px;
}

.ppSrchWrap {
	float: right;
	display: block;
	width: 730px;
	padding: 20px 5px 0px 0px;
	text-align: right;
}

.ppDeptBotWrap {
	float: left;
	display: block;
	width: 530px;
	height: 40px;
	text-align: right;
	margin-top: 20px;
}

.pp {
	display: inline;
}

.pp a {
	background:#eeeeee;
	text-decoration: none;
	margin:3px;
	padding:3px;
	font-family: sans-serif;
	font-size:11pt;
	color:black;
	border-style: solid;
	border-width: 1px;
	border-color: lightgrey;
}

.pp a:hover {
	background:#eeeeee;
	border-color: grey;
}

.ppSelected {
	display: inline;
}

.ppSelected a {
	background:#FFB560;
	text-decoration: none;
	margin:3px;
	padding:3px;
	font-family: sans-serif;
	font-size:11pt;
	color:black;
	border-style: solid;
	border-width: 1px;
	border-color: lightgrey;
}

.ppSearchSelected {
	display: inline;
}

.ppSearchSelected a {
	background:#BEDCE2;
	text-decoration: none;
	margin:3px;
	padding:3px;
	font-family: sans-serif;
	font-size:11pt;
	color:black;
	border-style: solid;
	border-width: 1px;
	border-color: lightgrey;
}


/* product table mods end */

}

/* form elements */

.wider {

	width: 300px;

}

/*****************************************************
 * generic styling for ALS elements: outer container
 ******************************************************/

.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	z-index: 0;
	overflow: hidden;
	white-space: nowrap;
	left: -10px;
}

/****************************************
 * viewport styling
 ***************************************/

.als-viewport {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	margin: 0px 30px;
	min-height: 270px;
}

/***************************************************
 * wrapper styling
 **************************************************/

.als-wrapper {
	position: relative;
	padding: 0;
	white-space: nowrap;
	/* if you are using a list with <ul> <li> */
	list-style: none;
}

/*************************************
 * item: single list element
 ************************************/

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
	margin: 0px 5px;
	padding: 4px 0px;
	height: 240px;
	width: 148px;
	text-align: center;
	background-color: white;
	border: 1px solid grey;
	overflow: hidden;
}

.als-item img, .unals-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

/***********************************************
 * prev, next: buttons styling
 **********************************************/

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
	top: 125px;
	z-index: 100;
}

.als-prev {
	left: 10px;
}

.als-next {
	left: 1400px;
}

/* Drag and Drop Formatting */

#sortable1 {
    border: 1px solid #eee;
    width: 1400px;
    height: 260px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
  }
#sortable2 {
    border: 1px solid #eee;
    width: 1400px;
    min-height: 260px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
  }
  #sortable1 li, #sortable2 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    white-space: normal;
  }

#sortable1 .no-placeholder {
    display: none;
}

#sortable2 .no-placeholder {
    display: block;
}

.unals-item {
	position: static;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
	margin: 0px 5px;
	padding: 4px 0px;
	height: 240px;
	width: 148px;
	text-align: center;
	background-color: white;
	border: 1px solid grey;
	overflow: hidden;
}

@media print {
	.div-addtbl {
		display: none;
	}
    .no-print, .no-print * {
        display: none !important;
    }
}

.calendar-full-black {
	background-color: black;
}

.calendar-full-red {
	background-color: red;
}

.calendar-first-half {
	background: linear-gradient(147deg, #FF0000FF 50%, #fff 50%);
}

.calendar-second-half {
	background: linear-gradient(147deg, #fff 50%, #FF0000FF 50%);
}

.black-border {
	border: 1px solid black;
}