﻿input           
{
    font-family: Verdana, Arial,Verdana,  Helvetica, sans-serif;
    margin-bottom: 1px;
    font-size: 11px;
}
select
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 1px;
    font-size: 11px; 
}
a:link
{
    color: #0651AB;
    text-decoration: none;
}
a:active
{
    color: #FF6600;
    text-decoration: none;
}
a:visited
{
    color: #8B008B;
    text-decoration: none;
}
a:hover
{
    color: #FF0000;
    text-decoration: none;
} 
fieldset 
{ 
    -moz-border-radius: 7px;
    margin: 5px;  
}
legend 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    font-weight: bold;
    color: #C7377D;
    padding-right: 7px;
}

label 
{   
    margin: 1px;
    height: 20px;
    padding-top: 2px;   
}

.Label120w label
{ 
    float: left;
    display: block;
    text-align: right;
    width: 120px;
}

.BrowseControl
{
    height: 20px;
}

.DomainLogo
{
    font-family: Belgium, Arial, Verdana; 
    font-weight: bold;
    font-size: 30px;
    color: #4169E1;
    
}
.CustomLinkButton, .CustomLinkButton2 
{
    background: url(images/SearchBg.jpg) repeat-x;
    border: 1px solid #A997D1;
    color: #4B0082;
    font-weight:bold; 
    font-family:  Arial, Verdana, Tahoma; 
    padding: 1px 10px 1px 10px;
}

a:link.CustomLinkButton { color: #9932CC; }
a:hover.CustomLinkButton { color: #FF00FF; }

.CustomButton, .CustomButtonRed
{
	font-size:11px;
	font-weight:bold;
	font-family:Tahoma,sans-serif, Arial, Helvetica;
	color:#4B0082;
	background-color:#EEDDFF;
	border-top-style:solid;
	border-top-color:#9933FF;
	border-top-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#9933FF;
	border-bottom-width:1px;
	border-left-style:solid;
	border-left-color:#4B0082;
	border-left-width:10px;
	border-right-style:solid;
	border-right-color:#9933FF;
	border-right-width:1px;
	background: url(images/SearchBg.jpg) repeat-x;
	cursor: hand;
	cursor: pointer;     
}
.CustomButtonRed
{
    color: #FF0000;
}
.w180
{
    width: 180px;
}
.w250
{
    width: 250px;
}
.w300
{
    width: 300px;
}
.w320
{
    width: 320px;
}
.w350
{
    width: 350px;
}
.w500
{
    width: 500px;
}
div.Clr
{
    clear: both;
}
div.FormButtonCell
{
    clear:both;
    margin-top: 10px;
}
div.EmptyLine
{
    clear:both;
    display: block;
    margin-top: 15px;
}
.ValidationControl, .LongTxt
{
    color: #FF0000;
    position: relative;
    bottom: 4px;
}
.LongTxt
{
    width: 498px;
}
.MiddlePosition
{
   position: relative;
   bottom: 8px;
}

.Expand
{
    text-align:center;
    padding: 10px;
    border-bottom: dotted 1px #4169E1;
}
.IEButtonPointer
{
	cursor: hand;
}
.NSButtonPointer
{
	cursor: pointer;
}
.MiddleLocation
{
    position:relative;
	vertical-align: middle;
	text-align: center;
}
.CenterText
{
    text-align:center
}
.HelpBar
{
    text-align:right;
    cursor: hand;
    cursor: pointer;
}
.CheckBoxBlock
{
    display:block;
    height: 22px;
    top: 2px;
}

.GridTopHeader
{
    height: 28px;
    width: 648px;
	padding-top: 18px;
}

.GridViewTable
{
	width: 100%;
	border: 1px solid #E6E6FA;	
}
.GridViewTable td, th
{ 
    border:solid 1px #fff; 
}

.GridHeader, .GridHeaderSorted, .GridFooter
{
	background-color: #E6E6FA;
	font-family: Arial, Verdana, Tahoma;
	height: 20px;
	text-align: left;
	color: #4B0082;
	background-image: url(Images/SearchBg.jpg);
	background-repeat: repeat-x;
}
.GridHeaderSorted
{
    background-image: url(Images/SortedBg.jpg);
}
.GridSortedColumn
{
    background-color: #F2DAC0;
}
.GridRow 
{ 	
	background-color: #EFB8F0;
}
.AlternatingRow
{ 	
	background-color: #E7CFE7;
}
.GridRowInactive
{
    background-color: #ffffcc;
}
.AlternatingRowInactive
{
    background-color: #ffff66;
}
.GridRowLight
{ 	
	background-color: #F1E4F1; 
}
.AlternatingRowLight
{ 	
	background-color: #E7CFE7;
}
.GridSelectColumn
{
	background-color: #6495ED;
}
.GridPager, .ListViewPager 
{
    vertical-align: middle;
    background-color: #E6E6FA;
    height: 30px;
    color: #4B0082;
    background-image: url(Images/SearchBg.jpg);
	background-repeat: repeat-x;   
}
.ListViewPager
{
    height: 25px;
    border: solid 1px #dcdcdc;
    text-align: center;
    padding-top: 4px;
    margin-left: auto;
    margin-right: auto;
    width: 99%;
    clear: both;
    margin-top: -15px;
}
.GridPagerButtons
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; 
}
.GridPagerResult
{
    padding: 1px 20px 1px 20px;
}
.GridPageSelector, .ListViewPageSelector
{
   font-size: 10px;
   margin-bottom: 0px;
}
.ListViewPageSelector
{
    vertical-align: middle;
    margin-top: 1px;
}
.GridFooter
{
	text-align: center;
	padding: 40px;
}
.GridTextBox, .GridTextBox3
{
	font-size: 10px;
	width:28px;
	height: 11px;
	text-align: center;
	vertical-align: middle;
}
.GridTextBox3
{	
	width:22px;
}
.DataList
{
	width: 100%;
}
.DataListMenu
{
	padding: 20px;
	text-align:center;
	vertical-align: middle;
}
.NoticeColumnHigh
{
    background-color: #FFA500;
    font-family: Arial, Verdana, Tahoma;
    font-weight: bold;
}
.NoticeColumnMedium
{
    background-color: #FFDAB9;
}
.NoticeColumnLow
{
    background-color: #98FB98;
}
.NoticeText
{
    color: #FF0000;
}
.MenuContainer
{
    height: 32px;
    width: 500px;
    background-image: url(Images/MiddleBar.jpg);
	background-repeat: repeat-x;
	display: inline-block;
}
.updateProgressDiv
{
    display: none; 
    position: absolute;
}
.AjaxWaitBox
{
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #ff0000;
    text-align: center;
    font-weight: bold;
    width: 250px;
    background-color: #fff;
    border: 1px dashed #ff0000;
    padding: 15px;
}
div.BottomPadding15
{
    padding-bottom: 15px;
}
.FadeOut
{
    opacity: .2;
	filter: alpha(opacity=25);
}
.TopPos
{
    vertical-align: top;
}
.BottomPos
{
    vertical-align: bottom;
}
.LeftPos
{
    float: left;
}
.RightPos
{
    float: right;
}
.PaddTop15
{
    padding-top: 15px;
}
span.w75, span.w105, span.w150, span.w200
{ 
    float: left;
    display: block;
    text-align: right;
    margin: 3px 2px 0px 0px;
    clear: both ;
}
span.w75
{
    width: 75px;
}
span.w105
{ 
    width: 105px;
}
span.w150
{ 
    width: 150px;
}
span.w200
{ 
    width: 200px;
}
.BlueText
{
    color: #0000CD;
}
.FormButtons
{
    float: left;
    display: block;
    margin-top: 15px;
}
.ValidationHighlight
{
    background-color: #FFFACD;
    border: dashed 1px #FF0000;
    min-height: 15px;
}
.ValidationHighlightSelect
{
    background-color: #FFFACD;
    border: dashed 1px #FF0000;
}
.Inactive
{
    color: #FF0000; 
    background-color: #FFFACD;
}
.InfoPanel
{
    min-height: 24px;
    display:block;
    padding:5px;
}
.InfoText
{
    display:block;
    padding: 0px 5px 0px 40px;
}
.CriticalPanel
{
    background-color: #FFB7B7;
    border: 1px solid #FF6640;
}
.ExclamationPanel, .YellBox
{
    background-color: #FFFFBF;
    border: 1px solid #F4C400;
}
.YellBox
{
    padding: 5px;
    margin: 10px;
}
.LeftSpace40
{
    margin-left: 40px;
}
.InformationPanel
{
    background-color: #D6E0EF;
    border: 1px solid #9FB4F0;
}
.QuestionPanel
{
    background-color: #D7FFD7;
    border: 1px solid #008040;
}
a.BoldULink
{
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.SearchPanel
{
    background-image: url(Images/SearchBg.jpg);
	background-repeat: repeat-x;
	border: solid 1px #dcdcdc;
	padding: 2px;
	width: 98%;
}
div.DisplayOptions
{
    padding-right: 8px;
	text-align: right;
}
.DisplayOptions span
{
    padding-left: 10px;
}
.MargLeft185
{
    margin-left: 185px;
}
.LineThrough
{
    text-decoration: line-through;
}
.Bold12, .PurpleBold12, .RedBold12
{	
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
}
.PurpleBold12
{
    color: #66209A;
}
.RedBold, .RedBold12
{
	color: #FF0000;
}
.DarkRedBold
{
	color: #8B0000;
}
div#NoneBold {font-weight:normal;}

.RedBold10, .RedBold8
{
	font-family: Arial, sans-serif, verdana;
	font-size:10pt;
	font-weight:bold;
	color: #ff0000;
}
.RedBold8 {font-size: 8pt;}
.ProductList li 
{
    display: inline;
    float: left;
    margin-left: -28px;
    margin-bottom: 10px; 
}
div.ListBox, div.AlternatingListBox, div.DetailsBox
{
    margin-left: 2px;
    width: 315px; 
    min-height: 120px;
    border: solid 1px #dcdcdc;
    background-image: url(Images/HLine.jpg);
	background-repeat: repeat-y;
}
div.AlternatingListBox
{
    margin-left: 54px;
}
div.DetailsBox
{
    width: 99%;    
    -webkit-box-shadow: 5px 10px 5px #000; /* Safari */
    box-shadow: 3px 3px 5px #dcdcdc;
    border:1px solid #dcdcdc;
    background-color: #F5F5F5;
    border-radius: 5px; 
}
div.ListBoxHeader, div.ListBoxHeaderRed 
{
    font-weight: bold;
    font-size: 8pt;
    font-family: Arial, Verdana, Tahoma;
    padding: 2px;
    color: #66209A;
    max-height: 25px;
    background-image: url(Images/SearchBg.jpg);
	background-repeat: repeat-x;
}
div.ListBoxHeaderRed 
{ 
    color: #4B0082;
    background-image: url(Images/RedTitle.gif); 
}
div.ListBoxLeft
{
    float: left;
    margin: 0px;
    padding: 0px;
}
.ListBoxImage
{
    max-width: 100px;
    max-height: 120px;
    border: solid 1px #dcdcdc;
}
.BasketListImage
{
    max-width: 65px;
    max-height: 65px;
    border: solid 1px #dcdcdc;
}
div.ListBoxContent
{
    height:119px;
    margin-left: 110px;
    padding: 5px;
}
.ListBoxPriceBox
{
    display: block;
    padding-top: 13px;
    min-height: 40px;   
}
.ShortTextBox3
{
    width: 22px;
}
.Bold8, .SiteMapPath
{
    font-weight: bold;
    font-size: 8pt;
    font-family: Arial, Verdana, Tahoma;
}
.SiteMapPath
{
    padding-left: 5px;
    color: #696969;
}
.BulletLists, .BasketList
{
    color: #66209A;
    /*list-style-image: url(Images/Arrow.gif);*/
    list-style-type: square;
}
div.DetailsBoxContent
{
    padding: 5px;
    margin-left: 280px;
}
div.OtherImages
{
    padding-top: 25px;
    width: auto;
    text-align: center;
}
.BasketFieldset, .GrayText7
{
    font-size: 7pt;
    color: #696969;
}
.ImageMenu li 
{
    display: inline;
    float: left;
    margin-left: 7px;
    margin-bottom: 7px;
    text-align:center;
    list-style-type: none;
    width: 180px;   
}
.ImageMenu img
{
    max-width: 100px;
    max-height: 100px;
}
.HideBtn
{
    border: none 0px white;
    background-color: White;
    color: White;
    width:0px;
    height:0px;
}

/* Rounded corner container ------------------------------------------------------------------------------- {*/
#rnd_container {background: #FFFFFF; margin:1px;}

.rnd_top, .rnd_bottom {display:block; background:#FFFFFF; font-size:1px;}
.rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
.rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
.rnd_b2, .rnd_b3, .rnd_b4 {background:#E6E6FA; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.rnd_b1 {margin:0 5px; background:#dcdcdc;}
.rnd_b2 {margin:0 3px; border-width:0 2px;}
.rnd_b3 {margin:0 2px;}
.rnd_b4 {height:2px; margin:0 1px;}
.rnd_content, .rnd_content_TitleBar, .rnd_content_lv
{
    display:block;
    border:0 solid #dcdcdc;
    border-width:0 1px;
    padding: 4px;
    background:#FFFFFF;
    color:#000000;
}
.rnd_content_TitleBar
{
    background: url(images/SearchBg.jpg) repeat-x;
    margin-left: 0px;
    min-height: 15px;
    color: #4B0082;
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 9pt;
    padding-top: 1px;
}
.rnd_content_lv{min-height: 140px;}
/* Rounded corner container ------------------------------------------------------------------------------- }*/

.SmallPresentationText8, div#Faqs, div#TCs, div#AboutUs, div#CookieInfo
{
    padding: 10px;
    font-size: 8pt;
    color: #696969;
    text-align:justify;
}
.Bold10Black
{
    font-family: Arial, sans-serif, verdana;
	font-size:10pt;
	font-weight:bold;
}
.SmallRedBold
{
	color: #FF0000;
	font-family:Arial;
	font-size:8pt;
	font-weight: bold;
}
.Title1
{
    margin: 15px 0px 15px 0px;
    background: url(images/SearchBg.jpg) repeat-x;
    border: 1px solid #A997D1;
    color: #4B0082;
    font-weight:bold; 
    text-align:center;
    min-height: 18px;
    font-size:10pt; 
}
.TotalsBox, .TotalsReportBox, .GridTotalsReportBox
{
    width: 255px;
    background-color: #F1E4F1;
    float: right;
    text-align: right; 
    border: 1px solid #A997D1;
    color: #4B0082;
    font-weight:bold;
    padding: 10px;
}
.TotalsReportBox
{
    float: left;
    width: 97%;
}
.GridTotalsReportBox
{
    float:none;
    padding: 3px;
    margin: 1px;
    width: 170px;
}
.TotalBoxSmall
{
    width: 122px;
    background-color: #F1E4F1;
    float: right;
    text-align: right; 
    border: 1px solid #A997D1;
    color: #4B0082;
    padding: 5px;
    font-family: Arial, sans-serif, verdana;
	font-size:8pt;
	font-weight:bold;
}
div.Line
{
    border-bottom: 1px solid #A997D1;
    margin: 5px 0px 10px 0px;
}
.PPInfo
{
    background-color: #FFFFBF;
    border: 1px solid #F4C400;
    margin: 5px 0px 5px 0px;
    padding: 10px;
    width: 255px;
    font-weight:bold;
	font-size: 8pt;
	float: right;
	color: #DC143C;
	clear: both;
}
.DeliveryBox
{
   background-color: #D6E0EF;
    border: 1px solid #9FB4F0;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    width: 255px;
    font-size: 8pt;
	float: right;
	clear: both;
}
.EmptyBasketInfo
{
    margin: 10px 0px 10px 0px;
	font-weight: bold;
    font-size: 8pt;
    font-family: Arial, Verdana, Tahoma;
    color: #66209A;
}
.BasketMenuSidePanels ul, .MenuSidePanels ul
{
    margin-top: 0px;
}
.BasketList li, MenuSidePanels li 
{
    margin-left: -20px;
    margin-bottom: 5px;
    font-family: Arial, Tahoma, Verdana;
    font-size: 8pt;    
}
.MenuSidePanels li
{
    margin-left: -40px;
    list-style-type: none; 
    text-align: center; 
    border-bottom: 1px solid #dcdcdc;
    padding-top: 1px;
    padding-bottom: 4px; 
}
.ViewBasket
{
    text-align: center; 
    margin-top: 95px;
}
.Centered
{
    text-align: center; 
}
.TopLine
{
    margin-top: 10px;
    border-top: #dcdcdc 1px solid;
}
img.MaxWH75, .MenuSidePanels li img /*IE6 image max-width,height problem */
{
    max-width: 75px;
    max-height: 75px;
    width:expression(document.body.clientWidth > 75? "75px": "auto" );
    /*height:expression(document.body.clientHeight > 75? "75px": "auto" );*/
}
img.MaxWH100, .SmallImage
{
    max-width: 100px;
    max-height: 100px;
    width:expression(document.body.clientWidth > 100? "100px": "auto" );
    height:expression(document.body.clientHeight > 100? "100px": "auto" );
}  
.MediumImage
{
    max-width: 280px;
    max-height: 280px;
    width:expression(document.body.clientWidth > 280? "280px": "auto" );
    height:expression(document.body.clientHeight > 280? "280px": "auto" );
}
.LargeImage
{
    max-width: 500px;
    max-height: 500px;
    width:expression(document.body.clientWidth > 500? "500px": "auto" );
    height:expression(document.body.clientHeight > 500? "500px": "auto" );
}
.RightPosDisplayOption, .RightPosDisplayOption2, .RightPosDisplayOption3
{
    float: right; 
    padding-right:180px;
}
.RightPosDisplayOption2
{
    padding-right:85px;
}
.RightPosDisplayOption3
{
    padding-right:85px;
    margin-top: -38px;
}
.CalendarTxt 
{
    border: 1px solid #A997D1;
    width: 85px;
    height:15px;
    padding-left: 3px;
    padding-right: 3px;
    margin-right: -3px;
}
.LeftSpace
{
    padding-left: 25px;
}
.LeftSpace2
{
    padding-left: 50px;
}
table.RadioList td
{
    padding: 0px;
}
.NoticeCell
{
	background-color: #FFFF00;
	color: #ff0000;
	font-weight: bold;
	border: 1px solid #A997D1;
}
.NoticeCell2
{
	background-color: #FFA500;
	color: #ff0000;
	font-weight: bold;
	border: 1px solid #A997D1;
}
.BorderBox, .BorderBox2
{
    border: 1px solid #dcdcdc;
    padding:10px;
    margin: 10px;
    min-height: 60px;
}
.LeftBox, .RightBox, .LeftBox2, .RightBox2
{
    width: 48%;
    min-height: 200px;
    float: left;
}
.RightBox
{
    float: right;
}
.BorderBox2 
{ 
    min-height: 180px;    
}
.LeftBox2, .RightBox2 { min-height: 100px; }
.LeftBoxHeader, .RightBoxHeader
{
    width: 48%;
    min-height: 60px;
    float: left;
}
.RightBoxHeader
{
    text-align:right;
    float: right;
}
.InvoiceGrid
{
	border: 1px solid #fff;
    width: 600px;
    font-family: Courier New, Arial;
}

.InvoiceGridRow td, .InvoiceGridHeader th
{
	border: 1px solid #fff;
	font-family: Courier New, Arial;
	font-size: 9pt;
	text-align:left;
	padding: 1px 5px 1px 5px;
}
.InvoiceGridHeader th 
{
    font-size: 10pt;
    font-weight: bold;
    border-bottom: 1px solid #dcdcdc;
}
.TotalsInvoiceBox
{
    width: 595px;
    float: right;
    font-size: 11pt;
    text-align: right; 
    border-top: 1px solid #dcdcdc;
    font-weight:bold;
    font-family: Courier New, Arial;
}
.ArrowToRight { margin-bottom: -5px; }

.listMain
{
    background-image: url(Images/HLine.jpg);
	background-repeat: repeat-y;
    background-color:#FFFFFF;
    z-index:1000;
    width:350px !important;
    max-height:250px;
    text-align:inherit;
    text-indent:-1;
    list-style: none;
    padding: 0px;
    overflow-y:scroll;
    margin-left:0px;
    border-bottom:1px solid #B5C6D4;
    border-left:1px solid #B5C6D4;
    margin-top:0px;
}
.wordWheel .itemsMain
{
    background:none;
    border-collapse:collapse;
    color: #4B0082;
    font-size: 8pt;
    font-family:  Arial, Verdana, Tahoma;
    white-space: pre-line;
    text-align:inherit left;
}
.wordWheel .itemsSelected
{
    cursor: hand;
	cursor: pointer; 
    background-color:#4B0082;
    color:#fff;
}



