/* 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: #F0E8E8; 
    margin:0px;
    padding:0px;
    text-align:center;
    min-height: 101%;
    font-family:Verdana,Arial;
    font-size: 0.9em;
    background-image :url('images/bg.gif');
    background-repeat:repeat-x;
     
}
p 
{ margin-top:0px;    FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    TEXT-DECORATION: none;color: Black; }
td
{ margin-top:0px;    FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    TEXT-DECORATION: none;color: Black; }
h1
{ margin: 0px; padding-top: 19px; padding-bottom: 0px; font-family: "Arial", "Helvetica"; font-size: 1.4em; 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; 
}

/* 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:auto; 
    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:left; 
    font-style: normal;	
    font-weight: normal; 
    color: #83B5CE; 
}
/* main logo cell */
.logocell 
{
    width:auto;
    margin-left:auto;
    margin-right:auto;
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 0px;
    padding-right:0px;
    border-top:1px solid #6FD303;
    border-bottom:1px solid #6FD303;
    margin-bottom: 9px;
    background-image:url('images/spotsbg.gif');
    background-repeat:repeat-x;
    background-position: center;
    text-align: left;
}

/* the actual container of logo itself */
.logoimage 
{
    text-align:left;
    width:561px; 
    height:33px;
    padding:0px;
    border: 0px;
    margin-top:3px;
}
/* horizontal nav container */
.hnavcontainer
{
    margin-bottom:5px;
    margin-top:5px;
    width:97%;
    margin-left:auto;
    margin-right:auto;
    white-space:nowrap;
    text-align:left;
}

/* main page container and content containers */

.pagediv 
{ 
    padding: 0px;
    width:auto;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:auto;
    border:1px solid #B90A8C;
    background-color:White;
    margin-left:20px;
    margin-right:20px;
}
.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: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: 0px;
    /*margin: 0px 180px;*/
}
.rightcontainer
{
    height: 100%;
    float: right;
    width:0px;
   
    /*display: block;*/
    /*border: 1px solid green;*/
}

/* main footer cells */
.mainfootercell
{ 
    width:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 10px;
    padding-top:3px;

    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: #4140D6;
    display: inline;
    float:left;
    padding-left:10px;
}
.rightfootercell
{ 
    display: inline;
    float: right;
    white-space: nowrap;
     padding-right:10px;
      padding-top:5px;
}

/* top level box on the modules */
.tabletop { width:100%; margin-bottom:4px;border:0px solid #000246; }

/* this cell draws on the left hand side top */
.leftcolourtable { margin-right: 0px; float: left; background-color:#2387CE; empty-cells: show; width:10px; height:34px;}

/* this cell draws on the right hand side top */
.rightcolourtable { empty-cells: show; background-position: right; padding: 0px; float: right; background-color:#2387CE; width:13px; height:34px;}

/* this is the main cell at the top of the module boxes */
.colourtable { width: auto;  vertical-align: middle; background-color:#2387CE; height:34px; }

/* 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-color:#2387CE; 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-color:#2387CE; font-family: Arial, Helvetica, sans-serif;font-size: 13px; font-style: normal;font-weight: bold;text-align: left;color: #FFF; 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-color:White; }

/* this is the content cell in the middle and holds the RHS background */ 
.colourtablebottom { padding-bottom: 2px;background-color:White;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-color:White;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-color:White; empty-cells: show; width:13px; height:19px;}

/* this is the content cell in the middle */ 
.colourtablebase { background-color:White;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.7em; }
.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.7em; }
.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;background: transparent url('images/plus.gif') no-repeat left top; }
a.sidenavlinkselect { text-decoration: none; color: #666666; padding-left:16px; font-weight:normal;display:block;background: transparent url('images/plus.gif') no-repeat left top; background-color: #F1FFC5; }
a.sidenavsublink { text-decoration: none; margin-left: 5px; color: #666666; padding-left:13px; font-weight:normal; display:block;background: transparent url('images/blackdot.gif') no-repeat left top; }
a.sidenavsublinkselect { margin-left: 5px; color: #666666; padding-left:13px; font-weight:normal; display:block; background: transparent url('images/blackdot.gif') no-repeat left top; 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.7em; }
.smallformlabel { margin-bottom:2px; }
.smallformfield { margin-bottom: 7px; }
.formbuttonbox { padding-bottom: 4px; padding-top: 4px; text-align: right; }

/* table for content */
.content { width:auto;border:0px solid black; }

/* top cells of content */
.contentleft { float:left;width:5px;height:63px; }
.contenttitle { height:63px;width:auto;text-align:left; vertical-align:top; }
.contentright { float:right;width:5px;height:63px; }

/* body cells of content */
.contentbodyleft {empty-cells:show; }
.contentbody { padding-top:6px;padding-bottom:6px; margin-left:15px; width:auto; width:auto;height:auto;vertical-align:top; }
.contentbox { display:block;padding-right:25px;margin-top:0px;    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    TEXT-DECORATION: none;color: Black; }

/* base cells of content */
.contentbaseleft { float:left;width:5px;height:28px;vertical-align:bottom; }
.contentbase { width:auto;height:28px; }
.contentbaseright { float:right;width:5px;height:28px;vertical-align:top; }

.breadcrumbs { margin-bottom:15px;font-size:11px; }

/* filebox is the box table that contains the attached files*/
.filebox { display:block;height:120px;width:auto;border:none; margin-top: 4px; }

/* cell within the getcontentfiles table */
.fileboxthumb { border: 0;margin-top: 5px; }
.fileboximage { text-align:center;width:140px;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:40px;font-size:0.8em;display:block;border:0px dotted #BEEB7D;padding-top:10px;width:auto;}
.contentfootcell { float:left;background-color:White;width:auto;padding:4px;white-space:nowrap;vertical-align:middle;}
.contentfootimg { margin-left:10px;float:left;margin-left:10px; }
.contentfootnews { float:right; }
.imgprint { border:0px; }
.imgsend { border:0px; }
.imgcomment { border:0px; }

.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:305px; }
.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:1.3em; 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      { border:1px solid black; padding:1px; font-family:  "Arial", "Verdana", "Helvetica"; font-size: 13px; color: black; font-weight:normal; background-color:#FFFFFF;  cursor: pointer; background-image: url('images/formbuttonbg_blue.gif');  }
a.frontendformbutton, a.frontendformbutton:link, a.frontendformbutton:visited, a.frontendformbutton:active, a.frontendformbutton:hover   { border:1px solid black; padding:1px; font-family:  "Arial", "Verdana", "Helvetica"; font-size: 13px; color: black; font-weight:normal; background-color:#FFFFFF;  cursor: pointer; background-image: url('images/formbuttonbg_blue.gif');  }
.cartformbutton{ line-height:22px; background-color:#B40000; border:1px solid black; padding:4px; font-weight:bold;font-family:  "Arial", "Verdana", "Helvetica"; font-size: 13px; color: black; text-decoration:none; cursor: pointer; white-space: nowrap;background-image: url('images/formbuttonbg_blue.gif') }
a.cartformbutton, a.cartformbutton:link, a.cartformbutton:visited, a.cartformbutton:active, a.cartformbutton:hover    { line-height:22px; background-color:#FFFFFF; border:1px solid #B40000; padding:4px; font-weight:normal;font-family:  "Arial", "Verdana", "Helvetica"; font-size: 13px; color: black; text-decoration:none; cursor: pointer; white-space: nowrap;background-image: url('images/formbuttonbg_blue.gif') }
.cartform            { border:1px solid black; font-family:  "Arial", "Verdana", "Helvetica"; font-size: 11px; color: #616161; background:#FFFFFF; padding-left: 2px; padding-right: 2px; }

/*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: 0px dotted green; width: 90%; margin-left: auto; margin-right: auto; padding-bottom: 4px; }
.sendtofriendtable { padding:9px; width:90%;border: 0px dotted green;  margin-left: auto; margin-right: auto; }
.blogreplytable { padding:9px; width:90%;border: 0px dotted green;  margin-left: auto; margin-right: auto; }
.contacttable { padding:9px; width:90%;border: 0px dotted green;  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: 0px dotted green; 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;  margin-left: auto; margin-right: auto; }
.userleft { background-color:white;padding-top:3px; height: 27px; float:left; text-align:right;width: 32%; font-weight:normal; color: black; text-decoration: none;}
.userright { background-color:white;border:0px dotted gray; padding:5px; margin-left:33%; width: auto; font-weight:normal; color: black; text-decoration: none;}
.userformrow { margin-right:25px; background-color:white;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;}
.surveyheading {   background-color:#E8E9F4;text-align:left; padding:3px; font-weight:normal; color: black; text-decoration: none;}
.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; }

.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; }

.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;}



.bbbd {font-family:"verdana","arial","helvetica";  font-weight:normal; color: black; font-size: 11px;text-decoration: none;} 

/* 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: none; color: #C43131; padding-left:0px;font-family: "Arial", "Helvetica"; font-size: 1.0em; font-weight:normal;display:block; }
.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: 10px;
}

.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:479px;
    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:200px;
    width:auto;
    padding-left:10px;
    padding-top:10px;
    padding-right:10px;
    font-size:12px; 
    background-image: url("images/article_text_bg.png"); 
    background-repeat:no-repeat; 
    background-position:left top;
    }

.homerow1
{
      width:auto;

    vertical-align: top;
    text-align: left;
    display:block;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
}
.homefeature
{
    width:479px;
    height:200px;
    display: inline; 
    float: left;
    }
    .homesurvey
    {
         width:auto;
    height:200px;

    }
/* this is small text */
.bd
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    TEXT-DECORATION: none;color: Black;
}


/* this is for big headings */
.head1
{
	font-family: "Arial", "Helvetica";
	font-size: 1.3em;
	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.2em;
    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;
}
