/*
=============================================
AFFINITY MARKET WEBSITE - ADVANCED STYLES
=============================================

This stylesheet will control the layout and appearance
of all the RFID suite websites. All edits will be effective globally

*/


/* HTML - Headings, pargraph and list styles  */

 
*html p, li {
 \font-size:65%;
 f\ont-size:75%;
 }
 
 
hr {
 background:#909090;
 border:0;
 height:1px;
 margin:20px 10px 20px 10px;
 }
 
*html hr {
 border:1px solid #909090;
 }
 
h1 {
 border-bottom:1px solid black;
 margin:0 8px 12px 8px;
 }
 
h2 {
 margin:0 8px 12px 8px;
 }
 
h3 {
 margin:0 8px 12px 8px;
 }
 
 
p {
 margin:0 8px 11px 12px;
 }


form {
 margin:0 0 0 20px;
 }
 
label {
 float:left;
 margin:0 0 5px 12px;
 width:120px;
 }
 
input {
 margin:0 0 5px 0;
 }
 
abbr, acronym {
 border-bottom:1px dotted black;
 cursor:help;
 }
 
a {
 color:#2C4C9A;
 }
 
a:visited {

}
 
a:hover, a:active {
color:#EAA652;
}


 li {
  list-style:url(bulletPoint.gif);
  }
 
/* PAGE LAYOUT - Headers, sidebars footers etc...  */

#container {
 /*background:url(containerBG.gif);*/
 border:1px solid #3B4E9C;
 }
 
#adminContainer {
 border:0;
 }
 
#header {
 margin:0 24px 0 8px;
 }
 
#siteIdentity {
 height:104px;
 position:absolute;
 right:35px;
 top:8px;
 width:120px;
 }
 
#timeVenue {
 \font-size:70%;
 f\ont-size:80%;
 }
 
#rightSidebar {
 border:0;
 margin:0 24px 0 0;
 }
 
*html #rightSidebar {
 margin:0 12px 0 0;
 }
 
#rightSidebar p {
 color:#A7A7A7;
 font-weight:bold;
 margin:10px 0 10px 0;
 text-align:center;
 }
 
#callToAction {
 margin:0 0 0 8px;
 padding:0;
 }
 
*html #callToAction {
 margin:10px 0 0 8px;
 }
 
#callToAction li {
 float:left;
 font-size:80%;
 margin:0 2px 5px 0 !important; 
 width:176px;
 }
 
 
#callToAction li {
 \font-size:70%;
 f\ont-size:90%;
 } 
 
#callToAction li a {
 color:white;
 display:block;
 height:18px;
 padding:3px 0 4px 6px;
 text-decoration:none; 
 } 

 
#callToAction #stepOne {
 background:#3B4E9C url(stepOneBGAmended.gif) top right no-repeat;
 }
 
#callToAction #stepTwo {
 background:#3B4E9C url(stepOneBGAmended.gif) top right no-repeat;
 }
 
#callToAction #stepThree {
 background:#3B4E9C url(stepOneBGAmended.gif) top right no-repeat;
 }
 
#callToAction #stepFour {
 background:#3B4E9C url(stepOneBGAmended.gif) top right no-repeat;
 }
 
 
 
 
#mainMenu {
 background:black;
 clear:both;
 margin:-4px 0 12px 8px;
 padding:0;
 position:relative;
 width:710px !important;
 }
 
 
*html #mainMenu {
 width:566px;
 margin:-14px 0 12px 8px;
 }
 
#mainMenu ul { 
 list-style:none;
 margin:0;
 padding:0;
 }
 
#mainMenu li { 
 float:left;
 font-size:90%;
  list-style:none !important;
 margin:2px 20px 2px 13px;
 }
 
*html #mainMenu li { 
 \font-size:80%;
 f\ont-size:90%;

 }
 
*html #mainMenu li { 
 margin:2px 17px 2px 11px;
 }
 
#mainMenu li a {
 color:white;
 text-decoration:none;
 }
 
#mainMenu li a:hover {
 text-decoration:underline;
 }
 
#content {
 margin:0 170px 0 8px;
 padding:10px 0 10px 0;
 }
 
#content img { 
 border:1px solid black;
 }
 
#footer {
 background:white;
 clear:both;
 height:60px;
 margin:12px 15px 0 8px;
 position:relative;
 }
 
#transformLogo {
 float:right;
 }
 
#footerMenu {
 background:black;
 color:white;
 padding:0 0 10px 0;
 width:544px;
 }
 
#footerMenu ul { 
 margin:0 0 0 70px;
 padding:10px 0 0 0;
 list-style:none;
 }
 
#footerMenu li {
 float:left;
 margin:0 20px 10px 0;
 }
 
#footerMenu li a {
 color:white;
 text-decoration:none;
 }
 
#footerMenu li a:hover {
 text-decoration:underline;
 }
 
#footerMenu p {
 clear:left;
 margin:12px 0 0 0;
 text-align:center;
 }
 
/* CONTENT - Image floats, special list formatting etc...  */


#homeHeader {
 border:0;
 }
 
#homeScroller {
 background:white;
 border:1px solid black;
 height:250px;
 list-style:none;
 margin:0 0 0 8px;
 overflow:auto;
 padding:10px 0 0 0;
 width:530px;
 }
 
#homeScroller li {
 background:#EBEBEB;
 float:left;
 list-style:none;
 margin:0 0 5px 8px;
 padding:3px;
 width:230px;
 }
 
.pageTop {
 border-bottom:1px dotted black;
 text-align:right;
 }
 
.pageTop a {
 font-weight:normal;
 font-size:95%;
 }
 
.downloadFlyerBox {
 background:#A6308E;
 border:1px solid red;
 color:white;
 float:right;
 font-size:100%;
 padding:5px;
 text-align:center;
 width:140px;
 }
  
.downloadFlyerBox a {
 color:white;
 }
 
.imageBlock img {
 margin:0 10px 0 10px;
 }
 
.testimonial {
 background:white;
 border:1px solid black;
 float:left;
 height:100px;
 margin:0 20px 12px 20px;
 padding:5px;
 width:230px;
 }
 
.testimonial span {
 display:block;
 font-size:90%;
 margin:6px 0 0 0;
 }
 
/* Homepage - Linked sites list ---------*/
 
#linkedSites {
 height:80px;
 list-style:none;
 margin:0 0 0 25px;
 padding:0;
 }
 
#linkedSites li {
 float:left;
 margin:0 10px 10px 0;
 width:117px;
 }
 
#linkedSites .healthcare a {
 background:url(linkedSiteIcons/healthcare.gif) top left no-repeat;
 display:block;
 height:0px !important; /* for most browsers */
 overflow:hidden;
 height /**/:29px; /* for IE5.5's bad box model */
 padding:29px 0 0 0;
 }

#linkedSites .manufacturing a {
 background:url(linkedSiteIcons/manufacturing.gif) top left no-repeat;
 display:block;
 height:0px !important; /* for most browsers */
 overflow:hidden;
 height /**/:29px; /* for IE5.5's bad box model */
 padding:29px 0 0 0;
 }
 
 #linkedSites .packaging a {
 background:url(linkedSiteIcons/packaging.gif) top left no-repeat;
 display:block;
 height:0px !important; /* for most browsers */
 overflow:hidden;
 height /**/:29px; /* for IE5.5's bad box model */
 padding:29px 0 0 0;
 }
 
#linkedSites .retail a {
 background:url(linkedSiteIcons/retail.gif) top left no-repeat;
 display:block;
 height:0px !important; /* for most browsers */
 overflow:hidden;
 height /**/:29px; /* for IE5.5's bad box model */
 padding:29px 0 0 0;
 }
 
#linkedSites .supplyChain a {
 background:url(linkedSiteIcons/supplyChain.gif) top left no-repeat;
 display:block;
 height:0px !important; /* for most browsers */
 overflow:hidden;
 height /**/:29px; /* for IE5.5's bad box model */
 padding:29px 0 0 0;
 }
 
#linkedSites .documentManagement a {
 background:url(linkedSiteIcons/documentManagement.gif) top left no-repeat;
 display:block;
 height:0px !important; /* for most browsers */
 overflow:hidden;
 height /**/:29px; /* for IE5.5's bad box model */
 padding:29px 0 0 0;
 }
 
#linkedSites .warehouse a {
 background:url(linkedSiteIcons/warehouse.gif) top left no-repeat;
 display:block;
 height:0px !important; /* for most browsers */
 overflow:hidden;
 height /**/:29px; /* for IE5.5's bad box model */
 padding:29px 0 0 0;
 }
 
#linkedSites .logistics a {
 background:url(linkedSiteIcons/logistics.gif) top left no-repeat;
 display:block;
 height:0px !important; /* for most browsers */
 overflow:hidden;
 height /**/:29px; /* for IE5.5's bad box model */
 padding:29px 0 0 0;
 }
 

/* Admin area -----------------------------*/

.memberDetails {
 list-style:none;
 } 
 
.memberDetails li {
 clear:left;
 }
 
.memberDetails strong {
 display:block;
 float:left;
 font-weight:bold;
 margin:0 0 8px 0;
 width:120px;
 }