body {
    background:#ffffff; color:#000000; font-family:arial,verdana,"times new roman";
}
A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	COLOR: #c64506; TEXT-DECORATION: none
}
BODY {
	COLOR: #000000; FONT-FAMILY: verdana; padding:0; margin:0;
}
BUTTON {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; LETTER-SPACING: 2pt; BACKGROUND-COLOR: #9ac21f
}
.bt, #cmdSave {
	background:#aa1334 url(../images/redbutton_bg.gif) top left repeat-x; border:0; padding:4px 10px 4px 10px; font-weight:bold; width:auto; font-size:8pt; color:#fff!important; height:auto!important;cursor:pointer; 
}

#LeftSide .bt, #LeftSide .disabledbt  {
    width: 150px; margin-bottom: 0.5em;
}
.h1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; LETTER-SPACING: 2px
}
.h2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ffffff; FONT-STYLE: italic; LETTER-SPACING: 2px; BACKGROUND-COLOR: #b3bdca
}

.scrollTable {
	BACKGROUND: #fff; OVERFLOW: auto; WIDTH: 100%; HEIGHT: 100%
}
.scrollTableHead {
	BACKGROUND:#f6f6f6!important; BEHAVIOR: url(syncscroll.htc); OVERFLOW: hidden; WIDTH: 100%; color:#bc1435!important;
}
.scrollTableHead TABLE {
	TABLE-LAYOUT: fixed; empty-cells: show; border-top:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2;
}
.scrollTableHead TABLE TD {
	FONT-WEIGHT: bold; TEXT-ALIGN: center
}
.scrollTableHead TH {
	FONT-WEIGHT: bold; TEXT-ALIGN: left;
}
.scrollTableHead TD {
	padding:8px 0; FONT: icon; COLOR: windowtext; TEXT-ALIGN: center; empty-cells: show; border:0; color:#bc1435!important; text-transform:capitalize; 
}
.scrollTableBody table {
	border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:2px; 
}

.scrollTableBody table td {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: icon; COLOR: windowtext; PADDING-TOP: 2px; TEXT-ALIGN: center; empty-cells: show; background:#fff; border-bottom:solid 1px #f5f5f5;
}
.scrollTableBody {
	WIDTH: 100%
}

.scrollTableBody td {
    white-space: nowrap;
}

.warningmessage {
	COLOR: red; Font-Size:10pt;
}

TD {
	FONT-SIZE: 10pt; FONT-FAMILY: Verdana; vertical-align:top;
}
TH {
	FONT-SIZE: 10pt; FONT-FAMILY: Verdana
}
P {
	COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
P.links {
	MARGIN-TOP: 3px; FONT-WEIGHT: bold; FONT-SIZE: 65%; MARGIN-LEFT: -8px; COLOR: #4c4c4c; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
P.InfoHead {
	FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #e51900; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
P.InfoBody {
	FONT-SIZE: 10pt; MARGIN-BOTTOM: 10px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
DIV.InfoBody {
	FONT-SIZE: 10pt; MARGIN-BOTTOM: 10px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 120%; MARGIN: 0px auto; COLOR: #000000; FONT-STYLE: italic; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
P.sub {
	FONT-WEIGHT: bold; FONT-SIZE: 70%; COLOR: #4c4c4c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
UL {
	MARGIN-TOP: -2px; MARGIN-BOTTOM: 13px
}
/* LI.bullets {
	FONT-SIZE: 10pt; LIST-STYLE-IMAGE: url(../images/bullet.gif); MARGIN-BOTTOM: 8px; MARGIN-LEFT: -22px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
} */
A {
	FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:link {
	COLOR: #4c4c4c
}
A:visited {
	COLOR: #4c4c4c
}
A:hover {
	COLOR: #e51900
}
#MainContent {
	width:960px;
	margin:auto;
}

#MainContent input.bt { margin-top:2px; }
#MainContent table { border-collapse:collapse; float:left; clear:left; }
#MainContent table td { padding-right:5px; }
#MainContentNoMenu { padding: 0 5px; }
.clear10px { clear:both; height:10px; overflow:hidden; }
.clear { clear:both; height:0px; overflow:hidden; }

#logo {
	float:left;
	width:100%;
	min-width:990px;
	position:relative;
	height:97px;
}

.left_logo {
	top:10px;
	position:absolute;
	left:0px;
}
.right_logo {
	float:right;
	zoom:1;
	margin-right: 10px; 
}
#top {
	clear:left; float:left; 
	/* background:url(../images/back.gif) top left repeat-x; */
	 height:19px; width:100%;
}
#Links {
	TEXT-ALIGN: left; font-size:17px; clear:both; height:42px; white-space:nowrap; width:1001px; 
}
#LeftSide {
	LEFT: 15px; WIDTH: 188px; POSITION: absolute; TOP: 166px; HEIGHT: auto;
}
#info1 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 10pt; LEFT: 0px; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 5px; WIDTH: 188px; PADDING-TOP: 5px; FONT-FAMILY: Verdana; POSITION: relative; TOP: 0px; HEIGHT: auto;
}
#info2 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 10pt; LEFT: 0px; PADDING-BOTTOM: 5px; WIDTH: 188px; PADDING-TOP: 5px; FONT-FAMILY: Verdana; POSITION: relative; HEIGHT: auto; 
}


.pager { font-size:70%;}

UL.pager {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0.5em 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
UL.pager LI{DISPLAY: inline; }
UL.pager LI a { 
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 0.1em; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0.1em; PADDING-BOTTOM: 0.1em; MARGIN: 0.1em; BORDER-LEFT: #000 1px solid; WIDTH: 1.5em; PADDING-TOP: 0.1em; BORDER-BOTTOM: #000 1px solid
}
UL.pager LI.active {
	BACKGROUND-COLOR: #c91636; color:#fff;
}
UL.pager LI.active a:link, UL.pager a:hover {
	BACKGROUND-COLOR: #c91636; color:#fff
}

#content {  
	left:241px; top:160px;
}
.background { height:100%; width:auto; padding:0 37px; }
#Form1 { position:absolute; left:0; top:0; }

#fieldSelectorTitle {font-weight: bold; margin-left: 6px; margin-top : 12px; }
#fieldGroups {height: 320px; overflow: auto; border:2px solid #ccc; margin: 6px; padding: 6px;}
#fieldSelectorFooter { text-align: center; }
#fieldGroups div ul li {cursor: pointer; }

.block { border: solid 1px #Da003A; clear:both; margin-top:5px; margin-bottom:5px; zoom: 1; }
.blockHeader { background-color: #Da003A; color : White; display: block; padding: 2px;}
.blockHeaderorder { background-color: #Da003A; color : White; display: block; padding: 2px; width:661px;}

.pageTitle { font-family: Verdana; font-size: 10pt; font-weight: bold;}
.updateButton{ text-align:right; padding-right:10px;}

.supplier_H { color:Maroon;}
.supplier_B { color:Navy;}
.supplier_P { color:Gray;}
.supplier_R { color:Green;}

.supplierLogos { width:100%;text-align:center; }
.supplierLogos a {
    margin: 0px 1px;
}
.supplierLogos td {
    vertical-align:middle;
}
.highlighted , .highlighted td {
    background-color: #ffe;
}
.flat {
    border-width: 1px;
    border-color: #ddd;
    border-style: inset;
}
.addressmain {
	padding:20px 20px 20px 20px;
	width:780px;
	display:block;
	overflow:hidden;
}
.addressleft {
	float:left;
	width:380px;
}
.addressright{
	float:right;
	width:380px;
}
.addresslabel {
	float:left;
	width:328px;
	margin-right:10px;
	margin-bottom:5px;
}
.addressfield {
	float:left;
	width:260px;
	margin-bottom:5px;
}

.addressbutton {
	background:#aa1334 url(../images/redbutton_bg.gif) top left repeat-x; border:0; padding:4px 5px 4px 5px; font-weight:bold; width:auto; font-size:8pt; color:#fff!important; height:auto!important;cursor:pointer; 
}

.addresspostcode {
	float:left;
	width:80px;
	margin-bottom:5px;
}

.adhocitems TH {
    text-align:left;
}

.otheritemblock {
    display:block;
    overflow:auto;
}

.otheritemblockk {
    display:block;
    overflow:auto;
    text-align:center;
}

.invoicecontainerblock {
    display:block;
    overflow:hidden;
    font-size:10pt;
}
.invoicecontainerblock h5 {
	padding:0 0 2px 0;
	margin:0 0 0 0;
}
.invoicecontainerblocktopmargin {
    display:block;
    overflow:hidden;
    margin-top:5px;
}
.invoiceblockleft {
    float:left;
    width:80px;
}
.invoicebuttonleft {
    float:left;
    margin:2px;
}
.invoicebuttonleft .bt {
    width:90px;
    padding:4px 2px;
}

.invoiceblockright {
    margin-left:90px;
}
.invoiceblockright table {
   float:left;
}

.invoiceblockline { clear:left;}
.invoicecompany {
    /* padding:2px; */
}
.invoicesummaryleft {
    float:left;
    width:120px;
}
.invoicesummaryright {
    margin-left:130px;
    width:120px;
}
.invoicecontainerblockbuttons {
    display:block;
    overflow:hidden;
    margin-top:10px;
}
.invoicecontainerblockbuttons .bt {
    width: 120px; 
    margin-bottom: 0.5em;
}
.previousheader {
	background-color:Gray;
	border:2px solid black;
	color:White;
}
.previousinvoices {
	text-align:center;
}
.popupbox {
	background-color:Gray;
	border:2px solid black;
	color:White;
}
.smallnote { font-size:70%;	}

.buttonright {
    float:right;
}

.buttonrightorder {
    padding:10px 0px;
}

.buttonrightsearchcriteria {
    margin:10px 0px;
    float:right;}

.productsearchcopyleft {
    float:left;
}

.productsearchlookup label.bigspace {
     width:200px;
     float:left;
}

.productsearchfilter {
}

.productfilterdropdown {
    width:260px;
    float:left;
}
.productfilterdropdown select {
margin:5px 0 0 0px;
}
.productfilterdropdown label {
    
}

.productsearchblock {clear:both; margin-top:5px; margin-bottom:5px; zoom: 1; }

.productsearchheader, .scrollTableHead {

    }
    
    .productsearchheader, .scrollTableHead th {
    border-top: solid 1px #Da003A;
   
    }
    
    .productsearchheader, .scrollTableHead th.productsearchrowstart, td.productsearchrowstart {
    border-left: solid 1px #Da003A;
    }
    .productsearchheader, .scrollTableHead th.productsearchrowend, td.productsearchrowend {
    border-right: solid 1px #Da003A;
    }
    
    .productsearchheader th, .scrollTableHead th {

    border-right: solid 1px #f0f0f0;
    }
    
.productsearchrow {}

.totaltext {text-align:center;}
    
 .productsearchrow td {
    border-top: solid 1px #f0f0f0;
    border-right: solid 1px #f0f0f0;
    }

.productsearchrow td.productsearchrowend {
    border-right: solid 1px #Da003A;
    }

.productsearchrow td.productsearchrowstart {
    border-left: solid 1px #Da003A;
    }
    
.productsearchfooter td {
    padding-top:5px;
    border-top: solid 1px #Da003A;
                     }
                     
/* Registration steps start */

.step {}

.stepinstruction {}

.inputlabel { float:left; }

.mandatory {}

/* Registration steps end */

#container {
margin:0 auto;
display:block;
overflow:hidden;
width:990px;
}

#topmenu {
padding:0px;
width:990px !important;
height:53px;
clear:both;
}

.topmenucenter {
    display:block;
    height:53px;
    margin-left:67px;
    }

#topmenu ul {
margin:0;
padding:0;
height:53px;
}

.topmenulist {
    display:block;
    overflow:visible;
    text-align:center;
    float:left;
    }

#topmenu ul li {
background:#FFFFFF url(../images/bg_topmenu_li.gif) repeat-x scroll left top;
display:inline;
float:left;
height:53px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#topmenu ul li.first {
background:#FFFFFF url(../images/bg_topmenu_li_first.gif) no-repeat scroll left top;
padding:0 0 0 17px;
}
#topmenu ul li.last {
background:#FFFFFF url(../images/bg_topmenu_li_last.gif) no-repeat scroll right top;
padding:0 17px 0 0;
}
#topmenu ul li a {
background:#FFFFFF url(../images/bg_topmenu_li_a.gif) repeat-x scroll left top;
color:#FFFFFF;
display:block;
float:left;
height:40px;
text-decoration:none;
}
#topmenu ul li.first a {
background:#FFFFFF url(../images/bg_topmenu_li_a_first.gif) no-repeat scroll left top;
}
#topmenu ul li.last a {
background:#FFFFFF url(../images/bg_topmenu_li_a_last.gif) no-repeat scroll right top;
}
#topmenu ul li a:hover, #topmenu ul li a.on {
background:#FFFFFF url(../images/bg_topmenu_li_a_on.gif) repeat-x scroll left top;
display:block;
float:left;
height:40px;
text-decoration:none;
}
#topmenu ul li.first a:hover, #topmenu ul li.first a.on {
background:#FFFFFF url(../images/bg_topmenu_li_a_first_on.gif) no-repeat scroll left top;
}
#topmenu ul li.last a:hover, #topmenu ul li.last a.on {
background:#FFFFFF url(../images/bg_topmenu_li_a_last_on.gif) no-repeat scroll right top;
}
#topmenu ul li a span {
background:transparent url(../images/bg_topmenu_li_a_span.gif) no-repeat scroll right top;
cursor:pointer;
display:block;
float:left;
font-size:0.8em;
font-weight:bold;
height:28px !important;
padding:12px 16px 0;
}
#topmenu ul li a:hover span, #topmenu ul li a.on span {
background:transparent url(../images/bg_topmenu_li_a_span_on.gif) no-repeat scroll right top;
display:block;
float:left;
height:40px;
}
#topmenu ul li.last a span, #topmenu ul li.last a.on span, #topmenu ul li.last a:hover span {
background:transparent none repeat scroll 0 0;
padding-right:18px;
}
#topmenu ul li.first a span {
padding-left:19px;
}

.cleaner {
border:medium none;
clear:both;
font-size:1px;
margin:0;
padding:0;
}

/*  Footer  */

.formfooter { display:block; position:relative; height:40px; margin:15px 25px 0 0; border-top:1px solid #666666; font-size:.7em;}

.formfooter a { color:#666666;}

.formfooter a:link, .formfooter a:visited { text-decoration:none;}

.formfooter a:active, .formfooter a:hover { text-decoration:underline;}

.formfooter .address {
	position: absolute;
	top: 10px;
	left: 10px;
	goverflow: hidden;
}
.address2
{
    position: absolute;
	top: 25px;
	left: 10px;
	goverflow: hidden;
}

.formfooter .numbers 
{
    position: absolute;
	left: 500px;
	display:inline-block;
	margin-left:15px;
	top:0;
	width:100px;
}

.formfooter .faxnumbers 
{
    position: absolute;
	left: 610px;
	display:inline-block;
	margin-left:15px;
	top:0;
	width:100px;
}

.formfooter .footermenu {
	position: absolute;
	top: 10px;
	right: 10px;
	overflow: hidden;
}

.formfooter  ul {
margin:0;
padding:0;
}

.formfooter  li {
width:auto;
margin:0 auto;
display:inline;
padding:0 8px;
background:url(../interface/red_pipe.gif) no-repeat 0 0.3em;
}

.formfooter ul li.first {
padding-left:0;
background:none;
}

.formfooter ul li.last {
padding-right:0;
}

/* footer end */

.postorderline 
{
    font-size:.8em;
    clear:both;
    display:block;
    overflow:hidden;
    margin-bottom:10px;
    }

.postorderlabel 
{
    float:left;
    width:150px;
    }

.postorderfield {}
.postorderradio, .postordertable 
{
    margin-left:150px;
    }

        .postorderfield input 
            {
            width:200px;
            }
            
        .productsordered 
            {
            width:665px;
            }
    
        .productsordered th 
            {
            background-color: Blue;
            }
        
        /* home page */
        
       .homeimages 
            {
            display:block;
            overflow:hidden;
            clear:both;
            width:958px;
            margin-top:8px;
            }
            
       .homeimagesall 
            {
            display:block;
            overflow: visible;
            width:1000px;
            }
        
       .mainimages { float:left; margin-right:8px;}
        
       .mainimages img 
            {
            height:229px;
            width:153px;
            }
            
       #container .formfooter { margin:8px 0 0 0;}
       
       .homeintro h1
            {
            font-weight:normal;
            font-style:normal;
            text-decoration:none;
            color:Red;
            font-size:1.5em;
            margin:0px;
            padding:5px 0px 0px 0px;
            }
            
        .homeintro p, .homenew p, .homeexisting p
            {
         
            margin:0px;
            padding:5px 0px;
            }
            
            .homeintro p
            {
                font-size:0.8em;
           
            }
        
        .homenew, .homeexisting
        { width:460px; border:1px solid #666666;
          padding:5px;
          display:block;
          overflow:hidden;
          }
        
        
        .homenew p, .homeexisting p {font-size:70%;}
        
        .homenew h2, .homeexisting h2 {font-size:90%;}
        
        .homenew 
        {
            
           display:block;
           overflow:hidden;
           height:170px;
           float:left;
           margin-right:13px;
            position:relative;
            }
            .homesignup 
            {
                text-align:center;
                 width:100%;
                 position: absolute;
                 bottom:20px;
                 }
            
        .homenew h2, .homeexisting h2 
        {
            font-weight: bold;
            font-style:normal;
            text-decoration:none;
            margin:0px;
            padding-bottom:2px;
            }
        
        .homeexisting 
        {
            
            display:block;
           min-height:160px;
            height:170px;}
            
        .homelogin {}
        .homelogin form 
        { 
            margin:0;
            padding:0;
            }
            
        .homelogin .inputFields 
        {
            margin:2px 0px;}
        
        .homelogin .loginlabel 
        {font-size:70%;
            width:100px;
            float:left;}
            
          .termandcond 
          {
              border:1px solid #000; overflow:scroll; height:150px; width:661px;
              }
              
              .termandcond a
          { color:red;}
          
              .termandcond ol ol
              { margin-bottom:15px;}
          
          
          .termandcond ol.roman {  list-style:lower-roman;}
          

#updatePnl {
	position:relative;}

div#banner 
	{
	top:11px;
	position:absolute;
	left:205px;
	height:74px;
	background:url(../images/middle-banner.jpg) top left repeat-x;
	width:785px;
	display:block;
	overflow: hidden;
	}
	
div#banner .bannerleft 
	{
	background:url(../images/left-end.jpg) top left no-repeat;
	position:relative;
	height:74px;
	}

div#banner .bannerright
    {
	background:url(../images/right-end.jpg) top right no-repeat;
	height:74px;
	}

div#banner ul 
	{
	position:absolute;
	height:64px;
	list-style:none;
	padding:0px;
	margin:10px 0px 0px 0px;
	bottom:0px;
	width:785px;
	text-align:center;
	}

div#banner ul li 
	{
	display:inline;
	margin-right:15px;
	
	}

div#banner ul li a {height:64px;}


/* order products - promotions image */

.offerblock {
	width:883px;
	margin:auto;
	height:133px;
	position:relative;
	background:#c9d2dd url(../images/pts_offers_back.gif) no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	clear:both;
	margin-top:10px;
}
.offerright {
	top:5px;
	left:484px;
	width:392px;
	height:128px;
	position: absolute;
}

.offericon {
	float:left;
	width:98px;
	height:128px;
	overflow:hidden;
	display:block;
	position:relative;
	
	}
	
.offericon img {
	border:1px solid #FFF;
	width:83px;
	height:107px;
	position: absolute;
	top:10px;
	left:7px;
	font-size:9pt;
	}	
	
	.offericon:hover {
	background: url(../images/pts_offer_roll_on.gif) no-repeat ;
	}

.offerleft {
	bottom:1px;
	left:1px;
	width:443px;
	height:94px;
	position: absolute;
}

.offerlogo {
	top:11px;
	left:10px;
	width:108px;
	height:73px;
	position: absolute;
	background: #FFF;
	}

.offercopy {
	top:11px;
	left:130px;
	width:310px;
	height:73px;
	position: absolute;
	text-align:left;
	
}

.offercopy h2 {
	padding:0px;
	margin:0px;
	font-size:12pt;
	font-weight:bold;
	}

.offercopy p {
	padding:0px;
	margin:0px;
	font-size:9pt;
	}


/* end order products - promotions image */