/*******************************************************
TITLE: Ironmongery Direct 
DATE: 10.04.2008
AUTHOR: Sam Marks // Lucas Lynch
*******************************************************/

body {
margin:3em;
padding:0;
height:100%;
background-color:#ffffff;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

/* ------ Container box, only alter if width needs to be altered -----*/
#centerColumn { 	
margin:0 auto;
padding:0 0 0 0;
width:955px;
text-align:left;
vertical-align: middle;	
border:0px solid #999999;
}
/* ----- Component blocks --------*/
#MastHead {
height: 86px;
Margin: 0 0 0 0;
width: 955px;
background-color: blue;
visibility: hidden
}
.LogoBand {
width: 693px;
height: 86px;
line-height:86px;
float: left;
margin: 0 6px 6px 0;
background-color:#FFFFFF;
visibility: hidden
}
.Basket {
height: 86px;
width: 256px; 
float:right;
text-align:left;
visibility: hidden
}
.Navi {
width: 693px;
height: 38px;
line-height:38px;
float: left;
margin: 0 6px 6px 0;
background-image:url(../Images/Misc/NaviBG.gif);
background-repeat:repeat-y;
visibility: hidden
}
.Navi li {
height: 38px;
line-height:38px;
list-style: none;
display:inline;
border-right: 1px solid #eb600b;

}
.SearchBand {
height: 38px;
line-height: 38px;
width: 256px; 
background-color: #065875;
float:right;
text-align: center;
visibility: hidden
}
.SearchBandDrop {
height: auto;
line-height: 38px;
width: 256px; 
background-color: #e6e6e6;
float:right;
text-align: center;
visibility: hidden
}
.LeftSide {
display:  inline;
float: left;
width: 520px;
visibility: hidden
}
.RightSide {
display: inline;
float:  right;
width:  254px;
visibility: hidden
}
.LeftCol {
Width: 170px;
margin:0 5px 0 0;
float: left;
visibility: hidden
}
.MainContentBox {
Width: 955px;
display:inline;
}
.ContentBoxNorm {
Width: 780px;
float: right;
}
.Pagination {
Width: 766px;
float: right;
margin: 10px 0 1px 0;
border:  1px dotted #aeaeae;
background-color: #d2dfe4;
height:  20px;
line-height: 20px;
padding: 0 5px 0 5px;
text-align: center;
display:  inline;
visibility: hidden
}
/*---Tab controls----*/
#TabBox {
Width: 778px;
float: left;
margin: 10px 0 1px 0;
display: none;
}
#TabShell {
Width: 768px;
float: right;
border: 1px dotted #aeaeae;
border-top: 3px solid #014a65;
padding: 10px 5px 10px 5px;
background: url(../Images/Misc/ProductGradientBG.jpg) repeat-y right top;

}
.ContentPlain {
Width: 768px;
float: right;
border: 1px dotted #aeaeae;
padding: 10px 5px 10px 5px;
margin:  0 0 2px 0;
}
.Panels {
Width: auto;
min-width: 200px;
float: left;
border: 1px dotted #aeaeae;
padding: 10px 5px 10px 5px;
margin:  5px 3px 2px 0;
display: inline;
}
.PanelsData {
Width: 98%;
float: left;
border: 1px dotted #aeaeae;
padding:  5px;
margin:  5px 0 0 3px;
display: inline;
}
.PanelsColL{
Width: 48%;
float: left;
display: inline;
margin:  0 0 0 0;
text-align: left;
}
.PanelsColR{
Width: 48%;
float: left;
display: inline;
margin:  0 0 0 10px;
text-align: left;
}
#tabs {
position: relative;
width: 100%;
height: 25px;
line-height: 25px;
width: auto; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#tabs ul#primary {
margin: 0;
padding: 0;
position: absolute;
bottom: -1px;
width: auto; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#tabs ul#primary li  {
display: inline;
list-style: none;
}
#tabs ul#primary a.activetab,#tabs ul#primary span,#tabs ul#primary a.currenttab {
width: auto;
display: block;
float: left;
padding: 4px 0;
margin: 0 1px 0 0;
text-align: center;
font-family: helvetica, arial,verdana, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #fff;
}
#tabs ul#primary span,#tabs ul#primary a.currenttab,#tabs ul#primary a.currenttab:hover {
border: 1px solid #00668c;
border-bottom-color: #014a65;
margin-top: 0;
background: #00668c url(/Images/Misc/TabAcBG.gif) repeat-x bottom;
padding:  0 3px 0 3px;
}
#tabs ul#primary a.activetab {
background: #fff;
border-bottom: none;
line-height: 25px;
color: #979797;
border: 1px solid #c7c7c7;
background: url(/Images/Misc/TabSTBG.gif) repeat-x bottom;
padding:  0 3px 0 3px;
}
#tabs ul#primary a.activetab:hover {
border-color: #406776;
border-bottom-color: #2b4a57;
line-height: 25px;
color: #fff;
background: #406776 url(/Images/Misc/TabHVBG.gif) repeat-x 0 bottom;
padding:  0 3px 0 3px;
}
/*--End tab controls--*/

/*--Products components--*/
.ColText {
Width: 242px;
float:  left;
}
.ContainerBox {
Float: left;
display:  inline;
}
.ImageBox {
height: 242px;
width:  212px;
background-color: #ffffff;
float:left;
border: 1px dotted #aeaeae;
margin: 0 10px 0 0;
padding: 3px;
display:  inline;
}
.ProdFeatureBox {
width:  212px;
background-color: #ffffff;
float:left;
border: 1px dotted #aeaeae;
margin: 7px 10px 0 0;
padding: 3px;
display: inline;
}
.BasketButtCase {
width:  680px;
float:left;
border: 1px solid #d0d0d0;
margin: 3px 0 0 0;
display:block;
line-height: 20px;
text-align: right;
background-color: #ececec;
}
.BasketButtCaseWide {
Width: 778px;
float:left;
border: 1px solid #d0d0d0;
margin: 3px 0 0 0;
display:block;
line-height: 20px;
text-align: right;
background-color: #ececec;
}
.PlainBands {
Width: 100%;
float:left;
border: 1px solid #d0d0d0;
margin: 5px 0 0 0;
display:block;
line-height: 20px;
text-align: left;
background-color: #ececec;
}
.PlainBandsSmaller {
Width: 98%;
float:left;
border: 1px solid #d0d0d0;
margin: 5px 0 0 0;
display:block;
line-height: 20px;
text-align: left;
background-color: #ececec;
}
.BasketButtPlain {
float:left;
border: 0px solid #aeaeae;
margin: 0 0 0 1px;
display:block;
line-height: 20px;
text-align: right;
background-color: #ddd;
}
.BasketButtPlain a , .BasketButtPlain a:visited {
display: block;
background-color: #eb6412;
color:  #fff;
font-weight:  bold;
padding:  0 3px 0 3px;
} 
.BasketButtPlain a:hover {
display: block;
color: #ffffff;
background-color: #ba571f;
}

.BasketButtLong {
float:right;
border: 0px solid #aeaeae;
margin: 0 0 0 1px;
display:block;
line-height: 20px;
text-align: right;
background-color: #ddd;
}
.BasketButtLong a , .BasketButtLong a:visited {
display: block;
background-color: #eb6412;
color:  #fff;
font-weight:  bold;
padding:  0 3px 0 3px;
} 
.BasketButtLong a:hover {
display: block;
color: #ffffff;
background-color: #ba571f;
}
.BasketButtGen {
float:right;
border: 0px solid #aeaeae;
margin: 0 0 0 1px;
display:block;
line-height: 25px;
text-align: right;
background-color: #ddd;
}
.BasketButtGen a , .BasketButtGen a:visited {
display: block;
background-color: #eb6412;
color:  #fff;
font-weight:  bold;
padding:  0 3px 0 3px;
} 
.BasketButtGen a:hover {
display: block;
color: #ffffff;
background-color: #ba571f;
}

.BasketButtLongBuy {
float:right;
border: 0px solid #aeaeae;
margin: 0 0 0 1px;
display:block;
line-height: 20px;
text-align: right;
background-color: #ca2307;
}
.BasketButtLongBuy a , .BasketButtLongBuy a:visited {
display: block;
background-color: #ca2307;
color:  #fff;
font-weight:  bold;
padding:  0 3px 0 3px;
} 
.BasketButtLongBuy a:hover {
display: block;
color: #ffffff;
background-color: #771a0a;
}
.ImageBoxSizer {
width:  210px;
background-color: #ffffff;
float:left;
border: 1px solid #aeaeae;
margin: 0 10px 0 0;
display:block;
line-height: 24px;
text-align: right;
}
.ImageBoxSizer a , .ImageBoxSizer a:visited {
display: block;
width:  204px;
background-color: #eb6412;
color:  #fff;
font-weight:  bold;
padding:  0 3px 0 3px;
} 
.SKUHolder {
display:  inline;
float: right;
width:  780px;
}
.GroupHeader {
display:  inline;
float: right;
width:  775px;
background-color: #eb6412;
height: 25px;
line-height: 25px;
padding: 0 0 0 5px;
margin:  10px 0 0 0;
}
.ImageBoxSizer a:hover {
display: block;
background-color: #fc7528;
} 
.ThumbsBox {
height: 74px;
width:  74px;
background-color: #ffffff;
float:left;
border: 1px dotted #aeaeae;
margin: 10px 5px 0 0;
padding: 2px;
display:  inline;
text-align: center;
}
.ThumbsBox2 {
height: 74px;
width:  74px;
background-color: #ffffff;
float:left;
border: 1px dotted #aeaeae;
margin: 0 5px 0 0;
padding: 2px;
display:  inline;
text-align: center;
}
.RelatedProds {
width:  768px;
background-color: #ffffff;
float:right;
border: 1px dotted #aeaeae;
margin: 10px 0 0 0;
display:  inline;
padding: 5px 5px 5px 0;
text-align: center;
}
.RelatedPanels {
Width: 179px;
Min-height: 120px;
border-left:  1px dotted #aeaeae;
border-right:  1px dotted #aeaeae;
display: inline;
float:  left;
margin: 0 0 0 5px;
padding:  3px 3px 3px 3px;
text-align: center;
overflow: none;
}
.RelatedPanelsImage {
Width: 100%;	
display: block;
}
.CheckoutBand {
width:  768px;
background-color: #ffffff;
float:right;
border: 1px dotted #aeaeae;
margin: 10px 0 0 0;
display:  inline;
padding: 5px 5px 5px 5px;
}
.SKUInfo {
width:  683px;
background-color: #ffffff;
float:right;
border: 1px dotted #aeaeae;
margin: 10px 0 0 0;
display:  inline;
padding: 5px 5px 5px 5px;
}
.SKUInfo p {
margin:  5px 5px 5px 5px;
}
.ProdDescBox {
width:  530px;
float:right;
border: 0px solid #aeaeae;
margin: 0 0 0 0;
display: inline;
padding:  0 0 0 0;
}
.DescBoxPlain {
width:  auto;
float:left;
border: 0px solid #aeaeae;
margin: 0 0 0 0;
display: inline;
padding:  0 0 0 0;
}
.LeftPlain {
Float: left;
width:  25%;
text-align: left;
}
.RightPlain {
Float: right;
width: 25%;
text-align: right;
}
.CenterPlain {
width:  50%;
text-align: center;
float:  left;
}
.ProdDescBox p {
margin:  10px 0 0 0;
}
.PricePoints {
width:  526px;
float:right;
border: 1px dotted #aeaeae;
margin: 7px 0 0 0;
display: inline;
padding:  7px;
}
.PricePoints2 {
width:  534px;
float:right;
border: 0px dotted #aeaeae;
margin: 14px 0 0 0;
display: inline;
padding:  0;
}

/*--Side navi controls--*/
.ButtonBox {
Width: 780px;
float: right;
}
.Clear {
clear:both;
}
#centerColumn h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:1em;
letter-spacing:.1em;
}
#SideNavi {
Width: 170px;
background-color:#00CCFF;
}
.FloatContentBox {
Width: 780px;
float: right;
display:inline;
margin:  10px 0 0 0;
}
.FilterOn {
height: 38px;
width: 80px;
line-height:38px;
background-image:url(../Images/Misc/FilterBgOn.gif);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#4d4751;
font-weight:bold;
display:block;
list-style:none;
padding: 0 0 0 5px;
}
.FilterOn a , .FilterOn a:visited {
color: #ffffff;
text-decoration:none;
display:block;
width: 80px;
background-image:url(../Images/Misc/FilterBgOn.gif);
display:block;
list-style:none;
float:left;
}
.FilterOn a:hover {
color: #a5a4a6;
text-decoration:none;
display:block;
float:left;
}
.FilterOff {
height: 38px;
width: 80px;
line-height:38px;
background-image:url(../Images/Misc/FilterBgOff.gif);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#4d4751;
font-weight:bold;
display: block;
list-style:none;
padding: 0 0 0 5px;
}
.FilterOff a , .FilterOff a:visited {
color: #a5a4a6;
text-decoration:none;
display:block;
width: 80px;
background-image:url(../Images/Misc/FilterBgOff.gif);
}
.FilterOff a:hover {
color: #fff;
text-decoration:none;
display:block;
}
.FloatLeft {
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
display:inline;
}
.FloatRight{
float:right;
margin: 0 0 0 0;
padding: 0 0 0 0;
display:inline;
}
.NaviComponents{
background-color: #f9f7f7;
border: 1px solid #ea4109;
border-top: 5px solid #ea4109;
}
ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.NaviComponents li {

List-style: none;
display:block;
margin: 0 0 0 0;
}
.NaviComponents li a , .NaviComponents li a:visited {
line-height: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4d4751;
font-weight:bold;
display: block;
padding: 0 0 0 3px;
letter-spacing:-1px;
border-bottom: 1px dotted #bdbabd;
List-style: none;
}
.NaviComponents li a:hover {
line-height: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4d4751;
font-weight:bold;
display: block;
background-color:#cecad1;
letter-spacing:-1px;
List-style: none;
}
.GroupHead {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
line-height: 35px;
padding: 0 0 0 12px;
font-weight:bold;
}
.FilterHead {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
line-height: 35px;
padding: 0 0 0 12px;
font-weight:bold;
background-color:#00668c;
}
.BlockHead {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
line-height: 20px;
padding: 0 0 0 12px;
font-weight:bold;
background-color:#00668c;
margin: 0 0 5px 0;
}

.FilterHead li {
Color: #fff;
}
.FilterText {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin: 10px 0 0 0;
}
.FilterText p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding: 0 0 0 12px;
color: #000000;
}
.FilterText li{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding: 0 0 0 9px;
line-height: 24px;
}
.FilterText li a , .FilterText li a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4d4751;
font-weight:bold;
display: block;
letter-spacing:-1px;
border-bottom: 1px dotted #bdbabd;
List-style: none;
}
.FilterText li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
display: block;
letter-spacing:-1px;
List-style: none;
background-color: #f9f7f7 ;
}
.FilterFields {
}
/*--- End of main holding components ---*/

/*--- Feature components ---*/
.LeftButtons {
height: 57px;
margin: 0 0 4px 0;
width: 170px;
}
.LeftButtons2 {
border: 1px solid #bdbabd;
margin: 4px 0 4px 0;
width: 158px;
padding: 5px 5px 5px 5px;
}
.FlashPromoBox {
Width: 518px;
height: 262px;
float:left;
background-color:#FF0000;
margin: 0 6px 0 0;
}
.IntroPane {
Width: 256px;
Height: 250px;
float:right;
background-color: white;
padding: 6px 0 6px 0;
overflow:hidden;
}
/*--- Block view components --*/
.FeatureBoxs {
Width: 254px;
height: 200px;
margin: 5px 5px 0 0;
float: left;
border: 1px solid #b8b8b8;
background-color:#ffffff;
border-bottom: 6px solid #00678c;
}
.FeatureBoxsP {
Width: 254px;
height: 200px;
margin: 5px 3px 0 0;
float: left;
border: 1px solid #b8b8b8;
background-color:#ffffff;
border-bottom: 6px solid #00678c;
}
.FeatureBoxsRight {
Width: 254px;
height: 200px;
margin: 5px 0 0 0;
float: left;
border: 1px solid #b8b8b8;
background-color:#ffffff;
border-bottom: 6px solid #00678c;
}
.FeatureBoxsPromo1 {
Width: 256px;
height: 200px;
margin: 5px 0 0 0;
float: left;
background-color:#ffffff;
border: 1px solid #b8b8b8;
}
.FeatureBoxs2 {
Width: 254px;
height: 80px;
margin: 15px 7px 0 0;
float: left;
background-color:#ffffff;
border: 0px solid #b8b8b8;
}
.FeatureBoxs3 {
Width: 254px;
height: 80px;
margin: 15px 0 0 0;
float: left;
background-color:#ffffff;
border: 0px solid #b8b8b8;
}
.FeatureBoxsPromo3 {
Width: 255px;
height: 80px;
margin: 15px 0 0 0;
float: left;
background-color:#ffffff;
border: 0px solid #b8b8b8;
}
/*--List view components --*/
.BlockA {
Width: 383px; 
margin: 5px 5px 0 0;
Height: 140px;
border: 1px solid #a8a8a8;
float:left;
background-color: #ffffff;
}
.BlockB {
Width: 383px; 
margin: 5px 0 0 0;
Height: 140px;
border: 1px solid #a8a8a8;
background-color: #ffffff;
float:right;
}
.GroupTitleBlock {
Width: 516px;
height: 57px;
margin: 0 8px 0 0;
float: left;
background-image:url(../Images/Misc/OptionsBG.gif);
background-repeat:repeat-x;
background-color:#262626;
display:inline;
}
.DisplayOptions {
Width: 256px;
height: 57px;
margin:0 0 0 0;
float: left;
background-color:#262626;
background-image:url(../Images/Misc/OptionsBG.gif);
background-repeat:repeat-x;
}
.TransParentHeader {
background-image:url(../Images/Misc/OpagueBlock.png);
background-repeat: repeat-x; 
width: 100%;
height: 25px; 
line-height:25px;
}
.TransParentW {
background-image:url(../Images/Misc/OpagueBlockW.png);
background-repeat: repeat-y; 
width: 100%;
background-position:left;
}
.DotDiv {
Margin: 10px 0 0 0;
Border-bottom: 1px dotted #000;
padding: 0 0 5px 0;
}
/*--- Text classes ---*/
a , a:visited {
color: #eb6412;
text-decoration:none;
}
a:hover {
color: #8e5532;
text-decoration:none;
}
.WText {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
margin: 0 0 0 0;
padding:  0 0 0 5px;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4d4751;
margin: 0 0 0 0;
}
p.errorMessage {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#4d4751;
margin: 5px 5px 5px 5px;
padding: 2px 2px 2px 2px;
background-color:#eeee57;
border:1px solid #bb5555;
}
p.list {
background-color: white;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4d4751;
margin: 0 0 0 0;
padding: 6px 5px 0 0;
}
.ProdFeatureBox p{
font-family: Arial, sans-serif;
margin:  0 0 0 0;
color: #858585;
font-size:	10px;
font-weight: normal;
letter-spacing: 0px;
}
.ProdFeatureBox p a , .ProdFeatureBox p a:visited {
color: #4d4751;
font-weight: bold;
text-decoration: none;
}
.ProdFeatureBox p a:hover {
color: #6c4751;
text-decoration: none;
font-weight: bold;
}
h1 {
font-family: Helvetica, Arial, sans-serif;
margin:  0 0 0 0;
color: #4d4751;
font-size:	17px;
font-weight: bold;
letter-spacing: -1px;
}
h2 {
font-family: Helvetica, Arial, sans-serif;
margin:  0 0 0 0;
color: #fff;
font-size:	20px;
font-weight: bold;
letter-spacing: -1px;
display:inline;
margin:  10px 0 0 0;
}
h3 {
font-family: Helvetica, Arial, sans-serif;
margin:  0 0 0 0;
color: #00678c;
font-size:	20px;
font-weight: bold;
letter-spacing: -1px;
display:inline;
margin:  0 0 0 0;
padding: 0 0 0 0;
}
h4 {
font-family: Helvetica, Arial, sans-serif;
color: #fff;
font-size:	13px;
font-weight: bold;
letter-spacing: -1px;
display:inline;
margin:  0 0 0 5px;
padding: 0 0 0 0;
}
h5 {
font-family: Helvetica, Arial, sans-serif;
margin:  0 0 0 0;
color: #4d4751;
font-size:	17px;
font-weight: bold;
letter-spacing: -1px;
display:inline;
}
h6 {
font-family: Helvetica, Arial, sans-serif;
margin:  0 0 0 0;
color: #eb6412;
font-size:	17px;
font-weight: bold;
letter-spacing: -1px;
display:inline;
}
.headerwhite {
font-family: Helvetica, Arial, sans-serif;
margin:  0 0 0 0;
color: #ffffff;
font-size:	20px;
font-weight: bold;
letter-spacing: -1px;
display:inline;
line-height:57px;
padding: 0 0 0 10px;
}
.block {
background-color:#00678c;
padding: 6px 4px 6px 4px;
font-family: Helvetica, Arial, sans-serif;
font-size:	20px;
font-weight: bold;
letter-spacing: -1px;
margin: 10px 0 0 0;
display: inline;
}
.orangecopy {
color: #eb6412;
}
.yellcopy {
color: #f6d20c;
}
.blackcopy {
color: #000;
}
.minicopy {
color: #575757;
font-size: 10px;
font-family: verdana;
}
.Navi a , .Navi a:visited{
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
color:#fff;
margin: 0 3px 0 3px;
font-weight: bold;
text-decoration: none;
padding: 0 5px 0 5px 0;
}
.Navi a:hover {
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
color:#726341;
}
.TitleLine {
background-color:#00678c;
height: 2px;
width: 100%;
}
.Feat {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4f5050;
margin: 10px 0 0 5px;
font-weight: bold;
}
.Feat  a , a:visited {
color: #4f5050;
text-decoration:none;
font-weight: bold;
}
.Feat a:hover {
color: #b8b8b8;
text-decoration:none;
font-weight: bold;
}
.Basket a  , .Basket a:visited {
color: #eb6412;
}
.Basket a:hover {
color: #8e5532;
}
.ColTop {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
margin: 0 0 0 0;
font-weight: bold;
background-color: #00678c;
border-right:  1px dotted #fff;
line-height: 20px;
padding: 0 0 0 3px;
}
.ColTop2 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
margin: 0 0 0 0;
font-weight: bold;
background-color: #4c4c4c;
border-right:  1px dotted #fff;
border-bottom: 1px dotted #fff;
line-height: 25px;
padding: 0 0 0 3px;
}
.ColTop3{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #333;
margin: 0 0 0 0;
font-weight: bold;
background-color: #e6e6e6;
border-right:  1px dotted #fff;
border-bottom: 1px dotted #fff;
line-height: 25px;
padding: 0 0 0 3px;
}
.DataField {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4d4751;
margin: 0 0 0 0;
font-weight: bold;
border-right: 1px dotted #d1d1d1;
line-height: 20px;
padding: 3px 0 0 3px;
}
/*--- Misc elements ---*/
.DottedLines {
border-top: 1px dotted #4d4751;
margin: 5px 0 5px 0;
}
.ImgSpacer {
Padding: 0 3px 0 0;
}
.FieldRows {
	background-color: #065875;
	height:  20px;
	padding:  5px;
	color:  #fff;
	font-weight: bold;
}
.FieldRowsOdd {
	height:  20px;
	padding:  5px;
	color: #3a3a3a;
	font-weight: bold;
	background-color: #c4cdd4;
	border-bottom:  1px solid #fff;
}
.FieldRowsEven {
	height:  20px;
	padding:  5px;
	color: #3a3a3a;
	font-weight: bold;
	border-bottom:  1px solid #fff;
	
}
/*---- Footer ----*/
.FooterHolder {
Width: 955px;
Background-color: #ffffff;
margin: 0 0 10px 0;
float: left;
clear:both;
padding: 5px 0 5px 0; 
margin: 15px 0 10px 0;
border-top: 1px dotted #4d4751;
border-bottom: 1px dotted #4d4751;
display: none;
}
.FLinks {
Width: 955px;
Background-color: #ffffff;
margin: 15px 0 0 0;
float: left;
clear:both;
padding: 5px 0 5px 0; 
}
.Markers {
Height: 5px;
Width: 5px;
float:left;
display:block;
margin: 4px 2px 0 0;
display: inline;
}
.Footer {
Width: 955px;
Background-color: #ffffff;
margin: 0 0 10px 0;
float: left;
clear:both;
padding: 5px 0 5px 0; 
margin: 0 0 0 0;
text-align: left;
}
.Footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#3b3b3b;
margin: 0 0 0 0;
font-weight:bold;
text-align: left;
}
.Footer p a , .Footer p a:visited {
color: #3b3b3b;
text-decoration:none;
}
.Footer p a:hover {
color: #8e5532;
text-decoration:none;
}

.TabShell {
Width: 768px;
float: right;
border: 1px dotted #aeaeae;
border-top: 3px solid #014a65;
padding: 10px 5px 10px 5px;
background: url(../Images/Misc/ProductGradientBG.jpg) repeat-y right top;
}

.OrderDetailBox{
display:none;
}

.SearchBox{
height: 21px; 
background-color: #cce1e8; 
border: 1px solid #272e34;
}