/* these are for the front end, change these and the */
/* boxes will be this style and can take many different layouts*/
/* use the layouts to add image slices or put nothing at all in there */

html 
{
    height: 100%;
} 

body		
{  
  	BACKGROUND-COLOR: white; 
    margin:0px;
    padding:0px;
    text-align:center;
    min-height: 101%;
    font-family:Verdana,Arial;
    font-size: 0.9em;
}
p 
{ margin-top:0px;font-size:0.85em; }
h1
{ margin: 0px; padding-top: 19px; padding-bottom: 0px; font-family: "Arial", "Helvetica"; font-size: 1.3em; font-weight: bold; color: #333333; letter-spacing: 1px; }
h2 
{ margin: 0px; padding-top: 8px; padding-bottom: 8px; font-size: 1.0em; }

/* generic link style */
a:link, a:visited, a:active
{
    color: #00105A;font-family: "Verdana", "Arial", "Helvetica";	
    font-style: normal;	
    font-weight: normal;
}
a:hover
{ 
    color: Green; 
}

/* special home page styles */
.silverstylin
{color:#808080;}
.graystylin
{letter-spacing: -1px; font-size: 1.1em; font-family: sans-serif; font-weight: bold; color: #404040; margin-top: 4px; margin-left: 60px; margin-bottom: 3px;}
.blurbstylin
{padding-top: 2px; padding-bottom: 2px;  padding-left: 3px; font-family: verdana, arial, helvetica; font-size: 0.78em; color: #404040; margin-left: 67px; border-left: 1px solid silver; }
a.linkbutton, a.linkbutton:visited, a.linkbutton:active
{color: gray; text-decoration: underline; font-weight: bold; margin-left: 4px; padding: 4px; line-height: 22px; text-align:center; font-family:verdana,arial,helvetica; font-size: 10px; border: 1px solid white;}
a.linkbutton:hover
{background-color: #BDFF73; border: 1px solid #909090; text-decoration: none; }
.rightbuttons
{width: 100%; text-align: right;padding-top:3px;}
.homeimage
{float: left; border: none;}
.ZDFeed
{overflow:auto; height: 175px;}
/* end special home page styles */

/* small link or side menu link text */
a.mtext 
{
    font-family: "Verdana", "Arial", "Helvetica";	
    font-size: 0.7em;
    font-style: normal;	
    font-weight: normal;color: #666666;
}
a.mtext:hover 
{
    color: Green; 
    text-decoration:underline; 
}

/* small link or menu link text in bold */
a.mtextb 
{
    font-family: "Verdana", "Arial", "Helvetica";	
    font-size: 0.7em;
    font-style: normal;	
    font-weight: bold;
    color: #666666;
}
a.mtextb:hover 
{
    color: Green; 
    text-decoration:underline; 
}
a.mtextnb 
{
    font-family: "Verdana", "Arial", "Helvetica";	
    font-size: 0.7em;
    font-style: normal;	
    font-weight: bold;
    color: #666666;
}
a.mtextnb:hover 
{
    color: Green; 
    text-decoration:underline; 
}

/* masterpage top cell */
.topcell 
{ 
    width:97%; 
    font-family: Arial, Helvetica, sans-serif; 
    margin-top:4px; 
    margin-bottom:4px; 
    margin-left:auto; 
    margin-right:auto; 
    font-size: 0.7em; 
    line-height: 16px; 
    text-align:right; 
    font-style: normal;	
    font-weight: normal; 
    color: #83B5CE; 
}
/* main logo cell */
.logocell 
{
    width:97%;
     height:54px;
    margin-left:auto;
    margin-right:auto;
    padding-top:0px;
    padding-bottom:0px;
    padding-left: 0px;
    padding-right:0px;
    border-top:1px solid #6FD303;
    border-left:1px solid #6FD303;
    border-right:1px solid #6FD303;
    border-bottom:1px solid #6FD303;
    margin-bottom: 0px;
   
    background-color: #DBF1C0;
    text-align: left;
}

/* the actual container of logo itself */
.logoimage 
{
    text-align:left;
    width:772px; 
    height:54px;
    padding:0px;
    border: 0px;
    margin-top:0px;
}
/* horizontal nav container */
.hnavcontainer
{
    margin-bottom:5px;
    margin-top:5px;
    width:97%;
    margin-left:auto;
    margin-right:auto;
    white-space:nowrap;
}

/* main page container and content containers */

.pagediv 
{ 
    padding: 0px;
}
.cleaner 
{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0px; padding:0px;
	background:transparent;
}
/* clear left float cart divs (if they are left) contains img placeholder */
.clearer
{ width:100%; }

.maincontainer
{   
    width:97%;
    margin-left:auto;
    margin-right:auto;
}
.leftcontainer
{
    height: 100%;
    float:left;
    width:190px;
    text-align:center;
    padding-left:1px;
    vertical-align:top;
    display: block;
}
.contentcontainer
{
    height: 100%;
    width:auto;
    text-align:left;
    vertical-align:top;
    padding-left:8px;
    padding-right:6px;
    position: relative;
    margin-left: 190px;
    margin-right: 190px;
    /*margin: 0px 180px;*/
}
.rightcontainer
{
    height: 100%;
    float: right;
    width:190px;
    text-align:center;
    padding-left:1px;
    vertical-align:top;
    /*display: block;*/
    /*border: 1px solid green;*/
}

/* main footer cells */
.mainfootercell
{ 
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top: 3px;
    padding-top:3px;
    border-top:1px solid #6FD303; 
    white-space:nowrap;
}

.leftfootercell
{ 
    padding-top:3px;
    vertical-align:top;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-style: normal;	
    font-weight: normal; 
    color: #6FD202;
    display: inline;
    float:left;
}
.rightfootercell
{ 
    display: inline;
    float: right;
    white-space: nowrap;
}

/* top level box on the modules */
.tabletop { width:100%; margin-bottom:4px; }

/* this cell draws on the left hand side top */
.leftcolourtable { margin-right: 0px; float: left; background: transparent url('images/module_left.png') repeat-x top left; empty-cells: show; width:10px; height:48px;}

/* this cell draws on the right hand side top */
.rightcolourtable { empty-cells: show; background-position: right; padding: 0px; float: right; background: transparent url('images/module_right.png') repeat-x top right; width:13px; height:48px;}

/* this is the main cell at the top of the module boxes */
.colourtable { width: auto;  vertical-align: middle; background: transparent url('images/module_right_bg.png') repeat-x top left; height:48px; }

/* contains the icon and text cells */
.texttabletop { float:left;vertical-align:middle; width:auto; padding-top: 2px; height:27px;  }

/* this is the cell in the middle top that has the text in it */
.colourtableicon {	height:27px; margin-top: 0px; float: left; width:20px; background-position: center; background-image:url('images/module_icon.png'); background-repeat: no-repeat; empty-cells: show; }

/* sets properties of the icon image */
.iconimage { width:20px; height:20px; margin-top:3px; }

/* this is the cell in the middle top that has the text in it */
.colourtabletext { margin-left:20px; min-width:130px; padding-top: 5px; height:27px; padding-left:5px; background-image: url('images/module_fade.png'); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif;font-size: 13px; font-style: normal;font-weight: bold;text-align: left;color: #000; empty-cells: show;  }

/* this cell draws on the left hand side middle, a 1x1 image is in there, you can use padding to set width*/
.leftcolourtablebottom { width: auto; background :transparent url('images/module_left_mainbg.png') repeat-y top left; }

/* this is the content cell in the middle and holds the RHS background */ 
.colourtablebottom { padding-bottom: 2px;background :transparent url('images/module_right_mainbg.png') repeat-y bottom right;margin-left: 10px; padding-right:13px; text-align:left;}

/* this cell draws on the left hand side base, a 1x1 image is in there, you can use padding to set width*/
.leftcolourtablebase { float:left; background-image:url('images/module_leftbottom.png'); background-repeat: repeat-y; empty-cells: show; width:10px; height:19px; }

/* this cell draws on the right hand side base, empty in std layout but can have curved bits, a 1x1 image is in there, you can use padding to set width*/
.rightcolourtablebase {float:right; background-image:url('images/module_rightbottom.png'); background-repeat: repeat-y; empty-cells: show; width:13px; height:19px;}

/* this is the content cell in the middle */ 
.colourtablebase { background-color:White;background-image:url('images/module_midbottom.png');background-repeat:repeat-x; height:19px;}

/* module variant 1 top level box on the modules */
.tabletop1 { width:100%; margin-bottom:4px; }

/* module variant 1 this cell draws on the left hand side top */
.leftcolourtable1 { margin-right: 0px; float: left; background: transparent url('images/module_left1.png') repeat-x top left; empty-cells: show; width:10px; height:48px;}

/* module variant 1 this cell draws on the right hand side top */
.rightcolourtable1 { empty-cells: show; background-position: right; padding: 0px; float: right; background: transparent url('images/module_right1.png') repeat-x top right; width:13px; height:48px;}

/* module variant 1 this is the main cell at the top of the module boxes */
.colourtable1 { width: auto;  vertical-align: middle; background: transparent url('images/module_right_bg1.png') repeat-x top left; height:48px; }

/* module variant 1 contains the icon and text cells */
.texttabletop1 { float:left;vertical-align:middle; width:auto; padding-top: 2px; height:27px;  }

/* module variant 1 this is the cell in the middle top that has the text in it */
.colourtableicon1 {	height:27px; margin-top: 0px; float: left; width:20px; background-position: center; background-image:url('images/module_icon1.png'); background-repeat: no-repeat; empty-cells: show; }

/* module variant 1 sets properties of the icon image */
.iconimage1 { width:20px; height:20px; margin-top:3px; }

/* module variant 1 this is the cell in the middle top that has the text in it */
.colourtabletext1 { margin-left:20px; min-width:130px; padding-top: 5px; height:27px; padding-left:5px; background-image: url('images/module_fade1.png'); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif;font-size: 13px; font-style: normal;font-weight: bold;text-align: left;color: #000; empty-cells: show;  }

/* module variant 1 this cell draws on the left hand side middle, a 1x1 image is in there, you can use padding to set width*/
.leftcolourtablebottom1 { width: auto; background :transparent url('images/module_left_mainbg1.png') repeat-y top left; }

/* module variant 1 this is the content cell in the middle and holds the RHS background */ 
.colourtablebottom1 { background :transparent url('images/module_right_mainbg1.png') repeat-y bottom right;margin-left: 10px; padding-right:13px; text-align:left;}

/* module variant 1 this cell draws on the left hand side base, a 1x1 image is in there, you can use padding to set width*/
.leftcolourtablebase1 {float:left; background-image:url('images/module_leftbottom1.png'); background-repeat: repeat-y; empty-cells: show; width:10px; height:19px; }

/* module variant 1 this cell draws on the right hand side base, empty in std layout but can have curved bits, a 1x1 image is in there, you can use padding to set width*/
.rightcolourtablebase1 {float:right; background-image:url('images/module_rightbottom1.png'); background-repeat: repeat-y; empty-cells: show; width:13px; height:19px;}

/* module variant 1 this is the content cell in the middle */ 
.colourtablebase1 { background-color:White;background-image:url('images/module_midbottom1.png');background-repeat:repeat-x; height:19px;}

/* class for inside module box with text in it */
.modulebox { font-size:0.75em; }
.moduleboxheader { font-weight:bold; }
.moduleboxrow { padding-bottom:4px; width:auto; font-size: 1.0em; }
.rssrow { text-align:right;margin-right:9px; }
.rssimage { margin-top:1px; float:right; margin-left:12px; width:36px; height:14px; border: 0px; }
a.rsslink { color: #666666; font-size:0.75em; }
a.rsslink:hover { color: #71CF00;}
.loginlinks { text-align:center;width:auto;text-transform: capitalize; }

/* nav classes for side navs */
ul.sidenav { margin:0px; padding-left:0px; padding-bottom:0px; display:block; list-style: none; width:100%; }
li.sidenavrow { margin-left:0px; padding-bottom:4px; padding-left: 0px; white-space:normal; font-size:0.7em;}
a.sidenavlink { text-decoration: none; color: #666666; padding-left:16px; font-weight:bold;display:block; }
a.sidenavlinkselect { text-decoration: none; color: #666666; padding-left:6px; font-weight:normal;display:block; background-color: #F1FFC5; }
a.sidenavsublink { text-decoration: none; margin-left: 5px; color: #666666; padding-left:13px; font-weight:normal; display:block; }
a.sidenavsublinkselect { margin-left: 5px; color: #666666; padding-left:13px; font-weight:normal; display:block; background-color: #F1FFC5; }
a.sidenavlink:hover { text-decoration: none; color: #A5E35B; padding-left:16px; font-weight:bold;display:block; }
a.sidenavlinkselect:hover { text-decoration: none; color: #A5E35B; padding-left:6px; font-weight:normal;display:block; background-color: #F1FFC5; }
a.sidenavsublink:hover { text-decoration: none; margin-left: 5px; color: #A5E35B; padding-left:13px; font-weight:normal; display:block; }
a.sidenavsublinkselect:hover { margin-left: 5px; color: #A5E35B; padding-left:13px; font-weight:normal; display:block; background-color: #F1FFC5; }

/* radio button classes */
.AspNet-RadioButtonList ul { height: 20px; margin-left:0px; display:block; padding-left: 0px; }
li.AspNet-RadioButtonList-Item { font-size: 0.8em; margin-left: 2px; list-style-type: none; list-style: none;float:left; }

/* the small form inside the module boxes*/
.smallformbox { border: none; font-size:0.75em; }
.smallformlabel { margin-bottom:2px; }
.smallformfield { margin-bottom: 7px; }
.formbuttonbox { padding-bottom: 4px; padding-top: 4px; text-align: right; }

/* table for content */
.content { width:auto;}

/* top cells of content */
.contentleft { float:left;width:15px;height:63px;background-image:url('images/content_top_left.png'); background-repeat:no-repeat; }
.contenttitle { height:63px;width:auto;background-image:url('images/content_top_mid.png');background-repeat:repeat-x;text-align:left; vertical-align:top; }
.contentright { float:right;width:25px;height:63px;background-image:url('images/content_top_right.png'); background-repeat:no-repeat; }

/* body cells of content */
.contentbodyleft { background :transparent url('images/content_left_side.png') repeat-y top left;empty-cells:show; }
.contentbody { padding-top:6px;padding-bottom:6px; margin-left:15px; width:auto; background: transparent url('images/content_right_side.png') repeat-y bottom right;width:auto;height:auto;vertical-align:top; }
.contentbox { display:block;padding-right:25px; }

/* base cells of content */
.contentbaseleft { float:left;width:15px;height:28px;background-image:url('images/content_bottom_left.png');background-repeat:no-repeat;vertical-align:bottom; }
.contentbase { width:auto;height:28px;background-image:url('images/content_bottom_mid.png'); background-repeat:repeat-x; }
.contentbaseright { float:right;width:25px;height:28px;background-image:url('images/content_bottom_right.png');empty-cells:show;background-repeat:no-repeat;vertical-align:top; }

.breadcrumbs { margin-bottom:15px;font-size:11px; }

/* filebox is the box table that contains the attached files*/
.filebox { display:block;height:70px;width:auto;border:1px dotted #BEEB7D; margin-top: 4px; }

/* cell within the getcontentfiles table */
.fileboxthumb { border: 0;margin-top: 5px; }
.fileboximage { text-align:center;width:90px;float:left; }
.fileboxbutton { padding-top:15px;float:right;width:240px;vertical-align:middle;margin-top:4px;text-align:right;white-space:nowrap; }
.fileboxtext { margin-top: 5px; float:left;margin-right: 18px;width:auto;font-family:Tahoma,Helvetica;font-size:9pt; }

/* contentfoot contains print icon and content type stuff (date for blog etc.) */
.contentfoot { height:25px;font-size:0.75em;display:block;background-color:white;border:1px dotted #BEEB7D;margin-top:16px;padding-top:6px;width:auto;}
.contentfootcell { float:left;background-color:white;width:auto;padding:2px;white-space:nowrap;vertical-align:middle;}
.contentfootimg { margin-left:10px;float:left;margin-left:10px;background-color:white; }
.contentfootnews { float:right;background-color:white; }
.imgprint { border:0px;background-color:white;vertical-align:top; padding-top:0px;}
.imgsend { border:0px;background-color:white; vertical-align:top; padding-top:5px;}
.imgcomment { border:0px;background-color:white; vertical-align:top; padding-top:5px;}

.eventticketcell { font-family:Verdana;font-size:0.75em;padding:4px;vertical-align:top; }
.tickettitle { padding-top:12px;margin-top:3px;width:100%;text-align:left;	font-family: "Tahoma", "Arial", "Helvetica"; font-size: 1.4em; font-weight: bold; letter-spacing: 0px; vertical-align:text-top; empty-cells:show; line-height:12pt; }
.carttickettext{width:100%;text-align:left;	font-family: "Tahoma", "Arial", "Helvetica"; font-size: 1.0em; font-weight: bold; letter-spacing: 0px; vertical-align:text-top; empty-cells:show; line-height:12pt; }

.commenttitle {background-color:#c0c0c0;color:Black;width:100%;padding-top:4px;padding-bottom:4px;font-size:8pt;white-space:nowrap;vertical-align:middle;}
.commentbody {color:Black;width:100%;padding-top:4px;padding-bottom:4px;font-size:8pt;white-space:nowrap;vertical-align:middle;}
.eventtable { width:auto; }
.search            { padding: 2px; border:1px solid #C0C0C0; width: 97%; font-family: "Verdana", "Arial", "Helvetica"; font-size: 10px; color: #616161; background:#FFFFFF;}

/*search and content extract rows and links */
.searchrow { width:auto;display:block;padding-bottom:6px; }
.searchhighlight { color:#353535; font-weight:bold; background-color:#D8E3EC;padding:1px; }
.searchlink { width:auto;display:block;margin-left:40px;margin-right:25px;padding-bottom:2px; }
.sectionlink { font-size:0.9em; height: 40px;width:auto;display:block;margin-left:40px;margin-right:25px;padding-bottom:2px; }
.searchbody { margin-left:40px;margin-right:25px;padding-bottom:5px;font-size:0.9em; }
.sectionbullet { height:20px; width:40px; position:relative;float:left; background: transparent url('images/tribullet.gif') no-repeat top center;}
.more { width:auto; text-align:right; margin-right:20px; }
.searchinfo { padding-bottom: 4px; }
/* added to make link to More same size */
.morelink { font-size: 0.80em; }

.frontendformbutton      {  background-image: url('images/formbuttonbg_shinysilver.gif'); border:1px solid navy; padding:3px; font-family: "Verdana", "Arial", "Helvetica"; font-size: 10px; color: black; background-color:white;  cursor: pointer; }
.cartformbutton      { margin:2px; line-height:24px; background-image: url('images/formbuttonbg_shinysilver.gif'); border:1px solid navy; padding:4px; font-family: "Verdana", "Arial", "Helvetica"; font-size: 10px; color: black; background-color:white; text-decoration:none; cursor: pointer; white-space: nowrap; }
.cartform            { border:1px solid #564941; font-family: "Verdana", "Arial", "Helvetica"; font-size: 11px; color: #616161; background:#FFFFFF; padding-left: 2px; padding-right: 2px; }
a.frontendformbutton, a.frontendformbutton:link, a.frontendformbutton:visited, a.frontendformbutton:active, a.frontendformbutton:hover   { border:1px solid #B40000; padding:1px; font-family:  "Arial", "Verdana", "Helvetica"; font-size: 13px; color: black; font-weight:bold; background-color:#B40000;  cursor: pointer; background-image: url('images/formbuttonbg_shinysilver.gif');  }

/*cart item listings */
.cartitemtable {float:left;border:dotted 1px green;width:32%;margin-left:2px;margin-right:2px;display:block;margin-bottom:5px;}
.cartitemtable1 {float:left;border:dotted 1px red;width:32%;margin-left:2px;margin-right:2px;display:block;margin-bottom:5px;}
.cartitemtopcell {float:left;width:50%;background-color:White;}
.cartitembotcell { background-color: #EFFFDE;width:100%;font-family: "Verdana", "Arial", "Helvetica"; font-size: 11px; font-weight:bold; }
.cartitemtitle { padding-bottom: 4px;width: auto;display:block; border-bottom: 1px dotted green; padding-left: 6px; padding-top:4px; margin-bottom:5px;text-align:left;background-image: url('images/module_fade.png'); background-repeat: no-repeat;}
.cartitempid {visibility: hidden; position: absolute; width:0px; display: none;}
.cartstock { float:none;background-color: #DEFFBD; height: 40px;padding-top: 3px; }
.cartitemunit { visibility:hidden;display:none; }
a.cartitemlink {color:Black; line-height: 18px; font-weight: bold; }
/* show only for bulk order form */
.cartaddqty 
{   visibility: hidden; position: absolute; width:0px; display: none;
    /*visibility: visible; float:right; margin-right:4px; margin-top:3px; padding-left:30px; background: transparent url('images/cart-qty.png') no-repeat left;*/ }
/*show only with form style 2 */
.cartbulkadd 
{   visibility: hidden; position: absolute; width:0px; display: none;
    /*margin-top: 10px;visibility: visible; text-align:right;*/ }
.cartitemformlayout{width:80%;}
.cartitemshortdesc{width:50%;float:left;height:60px;background-color:White;text-align:left;font-size:0.8em;}
.cartitembutton { background-color:#CEFF94;margin-top:0px;width:auto;text-align:right;padding-top:14px;vertical-align:middle;height:34px;white-space:nowrap;}
.cartitemhomepagelayout
{
    width:auto;
    vertical-align: top;
    text-align: left;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:4px;
}
.cartitemimage { border: 0; height:60px; }
.cartwelcome { border: 1px dotted green; padding:15px; }
.cartcatbox { display:block; width:100%; margin-top:10px; }
.cartcatbuttonbox { padding-bottom:3px; text-align:center;width:auto;display:block;height:30px;padding-top:15px;}
.cartcatlist{ width:auto; border-top: 1px dotted green;padding-bottom:10px;}
.cartcatlistleft{ float:left;width:60px;height:60px;}
.cartcatlistright{width:auto;height:60px;margin-left: 80px;padding-top:5px; }
.cartspecialstr{color:#00105A;font-size:0.9em;font-weight:bold;text-decoration: none;}
.cartpricestr{color:black;font-size:0.9em;font-weight:normal;text-decoration: none;}
.cartalert { padding:7px;border:1px solid red;background:white;text-align:left;color:black;font-size:11pt;font-weight:bold;width:auto; }

/* actual item stuff */
.cartitembox { display:block; }
.cartitemdesc{width:auto;margin-top:15px;}
.cartitemthumbs {float: right; display:block; }
.cartdetailrow {height: 32px;}
.cartitemdetail { empty-cells: show; padding-right: 10px; height: 32px; float: left; margin-right: 10px; border-right: 1px dotted green; }
.cartitemweight { border: 1px solid red;}
.cartitemprice { border: 1px solid green;}
.cartitembuttonbox { border: 1px solid blue; }
.cartitemcode { border:1px solid purple; }


/*.cartformbutton:hover      { BACKGROUND-IMAGE: url('images/formbuttonbgover.gif'); BORDER-TOP: 1px solid #D8D8D8; BORDER-LEFT: 1px solid #D8D8D8; BORDER-BOTTOM: 1px solid black; BORDER-RIGHT: 1px solid black;padding-right:3px;padding-top:5px;padding-bottom:3px;padding-left:3px; font-family: Verdana; font-size: 10px; color: #616161; background-color:white;  cursor: pointer; }*/
.cartbluetext {color:black;font-size:1.0em;font-weight:bold;padding:0px;  font-size: 8pt;text-decoration: none;} 
.cartredtext {color: red;font-weight:bold; padding:0px;text-decoration: none;} 
.cartgreentext {color: Green;font-weight:bold; padding:0px; font-size: 8pt;text-decoration: none;} 
.carttext {color: black;font-weight:bold; padding:0px;  text-decoration: none;} 

.cartblacktext {color: black;font-family:"arial","helvetica","verdana"; font-weight:bold; padding:0px;  font-size: 8pt;text-decoration: none;} 
.cartwhitetext {font-family:"arial","helvetica","verdana"; font-weight:bold; padding:0px;  font-size: 8pt;text-decoration: none;} 

/* form classes for main forms */
.subscriptiontable {width: 90%; margin-left: auto; margin-right: auto;text-align:left; }
.usertable { border: 1px dotted green; background-color: #F9FFE7;width: 90%; margin-left: auto; margin-right: auto; padding-bottom: 4px; }
.sendtofriendtable { padding:9px; width:90%;border: 1px dotted green; background-color: #F9FFE7; margin-left: auto; margin-right: auto; }
.blogreplytable { padding:9px; width:90%;border: 1px dotted green; background-color: #F9FFE7; margin-left: auto; margin-right: auto; }
.contacttable { padding:9px; width:90%;border: 1px dotted green; background-color: #F9FFE7; margin-left: auto; margin-right: auto; }
.logintable {width: 90%; margin-left: auto; margin-right: auto; }
.logincarttable {width: 95%; margin-left: auto; margin-right: auto; }
.mydetailstable { padding:9px; width:90%;border: 1px dotted green; background-color: #F9FFE7; margin-left: auto; margin-right: auto; }
.detailsrow { margin-top: 4px; width: auto; height: 30px; }
.mydetailsleft {width: 80%; padding:3px; float:left; }
.mydetailsright { width: 15%; padding:3px; }
.myorderstable { padding:9px; width:90%;border: 1px dotted green; background-color: #F9FFE7; margin-left: auto; margin-right: auto; }
.userleft { padding-top:3px; height: 27px; float:left; text-align:right;width: 32%; font-weight:normal; color: black; text-decoration: none;}
.userright { border:1px dotted gray; padding:5px; margin-left:33%; width: auto; font-weight:normal; color: black; text-decoration: none;}
.userformrow { margin-right:25px; padding:5px; margin-top: 4px;width:95%; display:block; }
.userformbutton { width:auto; text-align:right; padding-top: 10px; padding-right: 10px; }
.userheading {  text-align:left; padding:3px; font-weight:normal; color: black; text-decoration: none;}
.formfields { background-image: url('images/formfieldbg.png');background-repeat:repeat-x;background-position: bottom; padding:2px; border:1px solid gray; width: 90%;font-family: "Verdana", "Arial", "Helvetica"; font-size: 12px; color: #616161; background-color:#FFFFFF; }
.formstar { color: Red; }

/*cart forms*/
.cartheading { text-align:left; font-weight:bold; height: 40px; }
.carttable { padding:9px; width:90%;border: 1px dotted green; background-color: #F9FFE7; margin-left: auto; margin-right: auto; }
.billingform { width: auto; }
.shippingform { width: auto; }

/*confirm page */
.cartbilling { font-size: 0.9em; float:left; width: 47%; padding:5px; }
.cartshipping { font-size: 0.9em;float:right; width: 47%; padding:5px; }
.cartcontact { display:block; font-size: 0.9em; padding:5px; margin-top:20px;text-align:left; width: 100%; }
.cartorderbutton { text-align:center; padding:10px; }
.cartredbutton { background-color: Red; font-weight:bold; text-transform:uppercase; font-size: 1.1em; color: White; }

/* dynamic cart display */
#cartdiv { font-size: 0.7em; display: none; visibility: hidden; padding-right: 12px; padding-left: 12px; padding-bottom:10px; padding-top:4px; border: 1px solid #6FD303; background-color:white; z-index: 500; position: absolute; top: 20px; right: 20px; width: 440px; }
#currdiv { font-size: 0.7em; display: none; visibility: hidden; padding-right: 12px; padding-left: 12px; padding-bottom:10px; padding-top:4px; border: 1px solid #6FD303; background-color:white; z-index: 500; position: absolute; top: 200px; left: 20%; margin:auto; width: 650px; }
.currframe { width: 630px; height: 190px; border: 0; overflow: hidden; }
.closelink { text-align:right; width:96%; padding: 3px; color: Gray; display:block; cursor: pointer; }

/*cart classes*/
.cartnumberitems { margin-bottom: 1px; padding:3px; font-weight:normal; width:auto;text-align:right; font-size:0.7em;}
.cartrow { display:block; height: 78px; padding-top:2px;padding-bottom:2px; border-bottom: 1px dotted black; width: auto; }
.cartsmallrow { display:block; height: 30px; padding-top:2px;padding-bottom:2px; border-bottom: 1px dotted black; width: auto; }
.cartrowitem { width: 40%; float:left; padding: 2px;}
.cartrowqty { width: 29%; float:left; padding: 2px; height: 38px; padding-bottom: 6px; }
.cartrowprice { width: 13%; float:left; padding: 2px;  }
.cartrowimage { height: 70px;width: 14%; float:left; }
.cartheaderrow { height:23px; display: block; width:auto; font-weight: bold; background-color: #d2d2d2; }
.cartheaderitem { padding: 2px;width: 40%; float:left; }
.cartheaderqty { padding: 2px;width: 29%; float:left; }
.cartheaderprice { padding: 2px;width: 28%; float:left; }
.cartrowlight {width: auto;vertical-align:top;background-color:#C71D20;}
.cartlight { text-align: right; padding: 2px; margin-top: 2px; background-color: #f2f2f2; }
.cartdark { background-color:#C8C0F6; font-family:"arial","helvetica","verdana"; line-height: 14px; font-weight:normal; color: black; font-size: 11px;text-decoration: none;}
.carteventdisclaimer {border:1px solid red;width: auto;vertical-align:top;}
.carteventmessages {text-align:left;width: auto;vertical-align:top; padding-top: 10px;padding-bottom:10px;color: black;}
.cartmessages {text-align:left;width: auto;vertical-align:top; padding: 5px;color: black;}
.cartrowweight { text-align:right;background-color: #e2e2e2; margin-top: 2px; padding:2px; }
.carttotals { font-weight: bold; background-color:red;color: white; text-align:right; padding:2px; margin-top: 2px;}



/* dynobox and article classes */

/* ajax display boxes */
    .ajaxclose
    {width:100%;text-align:right;height:31px;background: url('images/ajaxclose.png') no-repeat top right;}
    .ajaxcloseimg 
    {width:63px; height:31px;border:none;}
    .ajaxbg
    {top:0;left:0;height:120%;position:absolute;z-index:500;width:100%;
     /*background-image:url('images/bg_disable.png');*/background-repeat:repeat;text-align:center;
     visibility:hidden;display:none;
     }
    .ajaxcontent 
    {overflow:auto; height:425px;font-family:Arial,Helvetica;font-size:13px;text-align:left;padding:10px;margin-bottom:5px;margin-left:5px;}
    .ajaxframe
    {background-image:url('images/ajaxbg.png');margin-top:20%;margin-right:auto; margin-left: auto; width: 640px; height:480px;color:#404040;}


/* dynobox classes a.dynoboxlink { text-decoration: underline; color: black; padding-left:0px;font-family: "Arial", "Helvetica"; font-size: 1.0em; font-weight:normal;display:block; }
*/
a.dynoboxlink, a.dynoboxlink:visited, a.dynoboxlink:active
{color: gray; text-decoration: underline; font-weight: bold; margin-left: 0px; padding-top: 0px; line-height: 15px; text-align:center; font-family:verdana,arial,helvetica; font-size: 10px; border: 0px solid white;}
a.dynoboxlink:hover
{color: black; text-decoration: underline; font-weight: bold; margin-left: 0px; padding-top: 0px; line-height: 15px; text-align:center; font-family:verdana,arial,helvetica; font-size: 10px; border: 0px solid white;}
.dynoboxcontainer
{
    width:auto;
    vertical-align: top;
    text-align: left;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:4px;

}
.dynobox
{
float:left;border:0px solid black;
width:auto;
margin-right:0px;
margin-left: 0px;
}
.dynobox2
{
border:0px solid black;
margin-left:485px;
margin-right:0px;

}
.dynobox1
{
float:left;border:0px solid black;
width:32%;
margin-right:10px;
margin-left: 0px;
}
.dynoboxtext
{
    text-align:left;	
    font-family: "Arial", "Helvetica"; 
    font-size: 13px; font-weight: normal; 
}
.dynoboxtext p
{margin-bottom:0px;}
.dynoboxpic
{
    padding-top:0px;padding-bottom:7px;text-align:center;
    margin-left:auto;margin-right:auto;
}
.dynoboxpic1
{
    padding-top:0px;padding-bottom:7px;
    text-align:left;padding-right:7px;
}
.dynoboxpic2
{
    padding-top:0px;padding-bottom:7px;
    text-align:right;padding-left:7px;
}
.dynoboxpic3
{
    padding-top:0px;padding-bottom:7px;
}
/*

.articlecontainer
{
    width:100%;
    height:200px;
     }
.articlepic
{
    width:269px;
    height:200px;
    float:left;
    padding:0;
    }
.articleimg
{
    width:269px;height:200px;   
    }
.articletop
{
    z-index:300; 
    margin-left:0px;
    position: absolute;
    float:left;
    width:7px;
    height:7px;
    background-image: url("images/feature_top_corner.png"); 
    background-repeat:no-repeat; 
    background-position:left top;
    }
.articlebot
    {
        z-index:300;
        margin-top:193px;
        margin-left:0px;
        position: absolute;
        width:7px;
        height:7px;
        float:left;
        background-image: url("images/feature_bottom_corner.png"); 
        background-repeat:no-repeat; 
        background-position:left bottom;
        }
.articletext
{
    margin-left:269px;
 height:190px;
    width:auto;
    padding-left:10px;
    padding-top:10px;
    padding-right:10px;
    font-size:12px; 

    background-color:#DBF1C0;
    background-image: url("images/article_text_bg.png"); 
    background-repeat:no-repeat; 
    background-position:right top;
    
    }
.articletextcontainer
{
    overflow: auto; height:190px;border:0px solid black;
}

    background-color:#DBF1C0;

*/
    
.articleload

{
    float: left;
    margin-left:-120px;
    margin-top: 80px;   
    font-size: 30px;
    background: transparent url('images/Animation-Loading-Transparent.gif') no-repeat top left;
    padding-left: 42px;
    position:absolute;
}

.articlecontainer
{
    width:100%;
    height:200px;
     }
.articlepic
{
    width:269px;
    height:200px;
    float:left;
    padding:0;
    }
.articleimg
{
    width:269px;height:200px;   
    }
    .articletextcontainer
    {

    overflow: auto; height:170px;border:0px solid pink;

    }
.articletop
{
    z-index:300; 
    margin-left:0px;
    position: absolute;
    float:left;
    width:7px;
    height:7px;
    background-image: url("images/feature_top_corner.png"); 
    background-repeat:no-repeat; 
    background-position:left top;
    }
.articlebot
    {
        z-index:300;
        margin-top:193px;
        margin-left:0px;
        position: absolute;
        width:7px;
        height:7px;
        float:left;
        background-image: url("images/feature_bottom_corner.png"); 
        background-repeat:no-repeat; 
        background-position:left bottom;
        }
.articletext
{
    margin-left:269px;
 height:190px;
    width:auto;
    padding-left:10px;
    padding-top:10px;
    padding-right:10px;
    font-size:12px; 
       border:0px solid black;
         background-color:#DBF1C0;
    background-image: url("images/article_text_bg.png"); 
    background-repeat:no-repeat; 
    background-position:right top;
    }
.articlenext

{
    float:right;
    width:auto;
    margin-top:175px;
    position: absolute;
    margin-left: 10px;
     margin-right: 10px;
    background:transparent;
    border:0px solid black;

    }
.articlenextlink
{
    color: #00105A; padding-left:0px;font-family: "Arial", "Helvetica"; font-size: 10px; font-weight:bold;
}
.homerow1
{
      width:auto;
      height:210px;
    vertical-align: top;
    text-align: left;   
    display:block;border:0px solid black;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
}
.homefeature
{
    width:auto;
    height:200px;border:0px solid blue;

    }
    .homesurvey
    {  border:0px solid pink;
 float: right;
 width:auto;
    
    }
.surveyleft { padding-top:3px; height: 27px; float:left; text-align:right;width: 22%; font-weight:normal; color: black; text-decoration: none;}
.surveyright { border:1px dotted gray; padding:5px; margin-left:23%; width: auto; font-weight:normal; color: black; text-decoration: none;}
.surveyformrow { margin-right:5px; padding:5px; margin-top: 4px;width:95%; display:block; }


.bbbd {font-family:"verdana","arial","helvetica";  font-weight:normal; color: black; font-size: 11px;text-decoration: none;} 


/* this is small text */
.bd
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;color: Black;
}


/* this is for big headings */
.head1
{
	font-family: "Arial", "Helvetica";
	font-size: 1.1em;
	font-weight: bold;
	color: Red;
	letter-spacing: 1px;
	padding-bottom: 15px;
}

.nbd {font-family:"verdana","arial","helvetica"; font-weight:normal; color: #000000; font-size: 9pt;text-decoration: none;} 
.lbbd
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: "arial","helvetica","verdana";
    TEXT-DECORATION: none;
}
.bbd {font-family:"arial","helvetica","verdana"; font-weight:bold; color: black; font-size: 8pt;text-decoration: none;} 
.rbd {font-family:"arial","helvetica","verdana"; font-weight:bold; padding:0px; color: black; font-size: 8pt;text-decoration: none;} 
.srbd {font-family:"arial","helvetica","verdana"; font-weight:bold; padding:0px; color: black; font-size: 7pt;text-decoration: none;} 
.lbd {font-family:"arial","helvetica","verdana"; font-weight:normal; color: Black; font-size: 9pt;text-decoration: none;} 

.tinyd
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    FONT-FAMILY: "verdana","helvetica";
    TEXT-DECORATION: none;color: Black;
}

/* redundant in front end, move to back end css */
/* this one seemd only used on zdnet, matched to mtext to reduce styles*/
.mbtn
{
	color: green;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    FONT-FAMILY: "arial","helvetica","verdana";
    TEXT-DECORATION: underline;
}

a.mlinkl, a.mlinkl:active, a.mlinkl:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.0em;
    COLOR: #00105A;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: none;
}
a.mlinkl:hover
{
    FONT-WEIGHT: bold;
    COLOR: #0010AA;
    TEXT-DECORATION: underline;
}



H3
{
font-family: "Verdana", "Arial", "Helvetica";
	font-size: 15px;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	border-style: none;
	/*background-color: #ffffff;*/
}


.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #333333;
	font-family: "Verdana", "Arial", "Helvetica";
	background-color: #CCFFCC;
}