* {
  margin:0px;
  padding:0px;
}

body {
  text-align:center;
  min-width:990px;  
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:8pt;
  color:#666666;
  background-color:#CCCCCC;
  background-image:url(../images/bg.jpg);
  background-repeat:repeat-x;
}

a {
  color:#CC3399;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

img {
  border:none;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th a{
  color:#666666;
  text-decoration:underline;
}

th a:hover{
  color:#CC3399;
}

hr {
  color:#CCCCCC;
  height:1px;
}

h1 {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:12pt;
  color:#333333;
}

h2 {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:10pt;
  font-weight:bold;
  color:#333333;
}

h3 {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#333333;
}

ul 
{
    list-style:none;
}

#wrapper {
  width:900px;
  margin-left:auto;
  margin-right:auto;
  margin-top:5px;
  margin-bottom:10px;
  text-align:left;
  position: relative;
  background-color:#FFFFFF;
  border:solid 1px #999999;
}

#header {
  float:left;
  background:url(../images/logo_bg.jpg) repeat-x;
  width:100%;
}

#logo {
  float:left;
  margin-left:5px;
}

#topwrapper {
  float:right;
  width:350px;
  height:60px;
}

#petalwrapper 
{
  float:left;
}

#basketWrapper {
  float:right;
  width:305px;
  height:52px;
  margin-top:5px;
  margin-right:5px;  
  background:url(../images/logo_bg.jpg);
  background-repeat:repeat-x;
  border:solid 1px #CCCCCC;
}

#basket {
  padding:4px;
  
}

#basket a {
  color:#003399;
}

#basket li {
  font-size:7pt;
  list-style:none;
  padding:1px;
  padding-left:17px;
  background: url(../RootCDL/arrowpink_trans.gif) no-repeat 0px;  
}

#basket td.Divide {
  border-left:solid 1px #CCCCCC;
}

#flag {
  float:right;
  width:48px;
  margin-top:2px;
}

#leftnav {  
  width:200px;
  float: right;
  border:solid 1px #666666;
  border-top:none;
  background-color:#FFFFFF;  
}

.categoryhead {
  list-style:none;
  padding:5px;
  color:#FFFFFF;
  background: url(../images/head_bg_grey.gif);
  background-repeat:repeat-x;
  font-weight:bold;
}

.category {
  list-style:none;
  padding:5px;
  border-bottom:solid 1px #CCCCCC;
}

.category:hover {
  background: url(../images/left_nav_bg.jpg) repeat-x 0px;  
}

.category a {
  color:#333333;
  text-decoration: none;
  padding-left:19px;
  background: url(../RootCDL/arrowpink_trans.gif) no-repeat 0px;  
}

.category a:hover {
  color:#CC3399;
  text-decoration: underline;
  background: url(../RootCDL/arrowblue_trans.gif) no-repeat 0px;  
}

.categoryselected {
  list-style:none;
  padding:5px;
  background: url(../images/left_nav_bg.jpg) repeat-x 0px;  
  border-bottom:solid 1px #CCCCCC;
  font-weight:bold;  
}

.categoryselected a {
  color:#333333;
  padding-left:19px;
  text-decoration: none;
  background: url(../RootCDL/arrowblue_trans.gif) no-repeat 0px;  
}

#maincontent {
  width:670px;
  float:right;
  border:solid 1px #CCCCCC;
  background-color:#FFFFFF;  
  padding:5px;
  margin-right: 5px;
}

#appcontent {
  width:680px;
  float:right;
  border:solid 1px #CCCCCC;
  background-color:#FFFFFF;  
  padding-bottom:5px;
}

#content {
  float:left;
}

#breadcrumb 
{
  width:650px;
  color:#AAAAAA;
  padding:0px 5px 5px 5px;
  border-bottom:solid 1px #EEEEEE;
  margin-bottom:5px;
}

#breadcrumb a
{
  color:#AAAAAA;
}

#breadcrumb a:hover
{
  color:#CC3399;
}

#homeintro {
  w/idth:670px;
  width: 100%;
  float:left;
  margin-bottom:5px;
  background-color:#EEEEEE;
  background: url(../images/home_intro_bg.jpg);
  background-repeat:no-repeat;
}

#homeintro p {
  font-size:9pt;
  margin:14px;
}

#homeintro a {
  font-weight:bold;
}

#intro {
  width:660px;
  float:left;
  padding:5px;
  margin-bottom:5px;
}

#introimg 
{
  width:190px;
  float:left;
  margin-right:5px;
}

#introtext
{
  width:450px;
  float:right;
}

#intro h1 {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:12pt;
  color:#333333;
  margin-bottom:12px;
}

#intro p {
  font-size:8pt;
}


#intro li {
  list-style:none;
  padding:3px;
  padding-left:19px;
  background: url(../images/arrowpink_trans.gif) no-repeat 0px;  
}

#appbody {
  width:660px;
  float:left;
  padding:5px;
  margin-bottom:5px;
}

#appbody h1 {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:12pt;
  color:#333333;
  margin-bottom:8px;
}

#appbody p {
  font-size:8pt;
  line-height:1.5em;
}

#news {
  width:260px;
  float:right;
  border:solid 1px #CCCCCC;
  background-image:url(../images/grey_bg.jpg);
  background-repeat:repeat-x; 
  margin-bottom:5px;             
}

#news h2 {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:12pt;
  font-weight:bolder;
  color:#003399;
  background-image:url(../images/news_h2_bg.jpg);
  background-repeat:repeat-x;
  padding:5px;  
}

#news p {
  margin:8px;
}

#news li {
  margin:8px;
}

#news li a {
  color:#003399;
}

#blurb {
  float:left;
  border:1px solid #CCCCCC;
  padding:4px;
  background-image:url(../images/grey_bg.jpg);
  background-repeat:repeat-x;
  width: 660px;
}

#blurb a {
  color:#003399;
}

#blurbleft {
  width:240px;
  w/idth: 30%;
  float:left;
  padding:4px;
  border-right:solid 1px #CCCCCC;  
}

#blurbleft h2 {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:10pt;
  font-weight:bold;
  color:#333333;
  margin-bottom:4px;
}

#blurbleft li {
  list-style:none;
  padding:3px;
  padding-left:19px;
  background: url(../images/arrowpink_trans.gif) no-repeat 0px;  
}

#blurbright {
  width:400px;
  w/idth: 70%;
  float:right;
  padding:4px;
}

#blurbright h2 {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:10pt;
  font-weight:bold;
  color:#333333;
  margin-bottom:4px;  
}

#blurbright p {
  padding:4px;
}

#blurbright li {
  list-style:none;
  padding:3px;
  padding-left:19px;
  background: url(../images/arrowpink_trans.gif) no-repeat 0px;  
}

#important-message
{
	
	padding: 5px;
  float:left;
  color: Black;
  margin-bottom:5px;  
	width:660px;
  border:solid 1px #CCCCCC;
  background-image:url(../images/grey_bg.jpg);
  background-repeat:repeat-x;  
}

#feature {
  float:left;
  margin-bottom:5px;  
  width: 100%;
}

#featureleft {
  width:330px;
  height:172px;
  float:left;
  border:solid 1px #CCCCCC;
  background-image:url(../images/grey_bg.jpg);
  background-repeat:repeat-x;          
}

#featureleft h2 {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:10pt;
  font-weight:bold;
  color:#333333;
  background-image:url(../images/feature_h2_bg.jpg);
  background-repeat:repeat-x;
  padding:6px;
}

#featureleft p {
  margin:4px;
}

#featureleftimg {
  float:left;
  width:90px;
  margin:2px;
}

#featureleft li {
  list-style:none;
  padding:4px;
  padding-left:19px;
  background:url(../images/arrowpink.gif) no-repeat 0px;  
}

#featureright {
  width:330px;
  height:172px;
  float:right;
  border:solid 1px #CCCCCC;
}

#featureright h2 {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:10pt;
  font-weight:bold;
  color:#333333;
  background-image:url(../images/feature_h2_bg.jpg);
  background-repeat:repeat-x;
  padding:6px;
}

#featureright p {
  margin:4px;
}

#featureright img {
  float:right;
}

#featureright li {
  list-style:none;
  padding:4px;
  padding-left:19px;
  background: url(../images/arrowpink.gif) no-repeat 0px;  
}

#featureright li a{
  color:#003399;
}

.cardheader {
  display:inline;
  float:left;
  width:650px;
  margin-bottom:5px;
  border:solid 1px #CCCCCC;
}

.cardheader h2 {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:9pt;
  font-weight:bold;
  color:#003399;
  background-image:url(../images/head_bg_mid_blue.gif);
  background-repeat:repeat-x;
  padding:5px;  
}

.cardheader h2 b{
  color:#CC3399;
}

.cardheader h3 {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:10pt;
  font-weight:bolder;
  margin-top:8px;
}

.cardheader table {
  margin:5px;
}

.cardheader td {
  padding:4px;
}

.cardheader th {
  padding:4px;
  border-bottom:solid 1px #CCCCCC;
}

.cardheader p {
  padding:2px;
}

.tr_highlight:hover
{
  background-color:#DCF0F7;   
}

.tr_alternate
{
  background-color:#EEEEEE;   
}

.tr_alternate:hover
{
  background-color:#DCF0F7;   
}

.sectheader 
{
  float:left;
  width:642px;
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:10pt;
  font-weight:bolder;
  color:#003399;
  background-image:url(../images/head_bg_mid_blue.gif);
  background-repeat:repeat-x;
  padding:5px;  
}

.sectheader h2
{
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:10pt;
  font-weight:bolder;
  color:#003399;
}

#bottombar {
  clear:both;
  height:6px;
  background:url(../images/bottom_bar.gif);
}

#footer{
  font-size:7pt;
  width:896px;
  height:70px;
  clear:both;
  float:left;
  background-image:url('../images/bg_bottom.gif');
  background-repeat:repeat-x;    
  padding:2px;
}

#footerleft {
  width:430px;
  height:40px;
  float:left;
  vertical-align:middle;
  padding:6px;
}

#footerright {
  width:390px;
  float:right;
  text-align:right;
  padding:6px;
  vertical-align: middle;
}

#footer a {
  color:#003399;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}


.barfade530 {
  clear:both;
  height:15px;
  background: url(../images/barfade530.gif) no-repeat center;
}

.barfade530 hr {
  display: none;
}

#BulkPrice {
  border-collapse: collapse;
  border: none;
  width:100%;
  margin-top:4px;
}

#breadcrumb {
  color:#999999;
  text-decoration: none;
}

#seasonal {  
  width:200px;
  float: right;
  border:solid 1px #666666;
  background-color:#FFFFFF;  
  margin-top:4px;
}

.application {
  list-style:none;
  padding:5px;
  border-bottom:solid 1px #CCCCCC;
}

.application:hover {
  background: url(../images/left_nav_bg.jpg) repeat-x 0px;  
}

.application a {
  color:#333333;
  text-decoration: none;
  padding-left:19px;
  background: url(../images/arrowpink_trans.gif) no-repeat 0px;  
}

.application a:hover {
  font-weight:bold;  
  text-decoration: underline;
  background: url(../images/arrowblue_trans.gif) no-repeat 0px;  
}

.applicationselected {
  list-style:none;
  padding:5px;
  background: url(../images/left_nav_bg.jpg) repeat-x 0px;  
  border-bottom:solid 1px #CCCCCC;
  font-weight:bold;  
}

.applicationselected a {
  color:#333333;
  text-decoration: none;
  padding-left:19px;
  background: url(../images/arrowblue_trans.gif) no-repeat 0px;  
}

.stage {
  list-style:none;
  padding:5px;
  padding-left:10px;
  border-bottom:solid 1px #CCCCCC;
}

.stage:hover {
  background: url(../images/left_nav_bg.jpg) repeat-x 0px;  
}

.stage a {
  color:#333333;
  text-decoration: none;
}

.stage a:hover {
  font-weight:bold;  
  text-decoration: underline;
}

.stageinactive 
{
  color:#AAAAAA;
  list-style:none;
  padding:5px;
  padding-left:10px;
  border-bottom:solid 1px #CCCCCC;
}

.stageselected {
  list-style:none;
  padding:5px;
  padding-left:10px;
  background: url(../images/left_nav_bg.jpg) repeat-x 0px;  
  border-bottom:solid 1px #CCCCCC;
  font-weight:bold;  
}

.stageselected a {
  color:#333333;
  text-decoration: none;
}


.warning {
  color:#CC3399;
  text-decoration:none;
  line-height:1.5em;
}

.selecthilite
{
    background-color:#DCF0F7;
}


#help
{
    padding:5px;
    color:#999999;
}

#help h3
{
    color:#999999;
    margin-bottom:4px;
}

#help p
{
    margin:0px;
    padding:0px;
    line-height:1.2em;
}

#help ul
{
   list-style:disc inside;
}

#help ul li 
{
   list-style:disc inside;
   margin:4px 0px 4px 0px;
}

#alertWrapper {
  float:left;
  width:650px;
  margin:5px 0px 5px 0px;
  background:url(../images/grey_lght_bg.jpg);
  background-repeat:repeat-x;
  border:solid 1px #CCCCCC;
}

#alert {
  padding:8px;
}

#alert h2 {
  font-size:10pt;
  font-weight:bold;
  color:#CC3399; 
  margin-bottom:4px;
}

#alert a {
  color:#003399;
}

#alert li {
  list-style:none;
  padding-left:4px;
  background: url(../images/iconexclaim.gif) no-repeat 0px;  
}

.produtils 
{
  float:left;
  display:inline;
  line-height:16px;
  margin:6px;
  margin-top:8px;
  vertical-align:middle;
}

.produtils img{ 
  vertical-align:middle;
  margin-right:4px;
}

#contactform 
{
  border:solid 1px #CCCCCC;
  background-image:url(../images/grey_bg.jpg);
  background-repeat:repeat-x;
  width:470px;
}

#contactform td
{
  padding:8px;
}

.TabTable
   {
    background: url(../RootCDL/TabBody.JPG) repeat-x ; 
    float:left;
    }   
    .TabTableRow
    {
    height:27px;
    }
    .TabTableCell
    {
		padding-top:2pt;
    }
    .TabLink
    {
     color:#0000FF;
     font-size:8pt;
     f/ont-weight:bold;
     font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    }
    
    .TabLinkActive
    {
     color:#FFFFFF;
     font-size:8pt;
     font-weight:bold;
     font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    }
    
    
    .TabTableActive
    {
     background: url(../RootCDL/TabTableActive.jpg) repeat-x ; 
    }
    
    .TabTableRightNonActive
    {
        
     background: url(../RootCDL/TabTableRightNonActive.jpg) no-repeat ; 
  
    }  
    
    .TabTableActiveLeft
    {
     background: url(../RootCDL/TabTableActiveLeft.JPG) no-repeat ; 

    }
    
    .TabTableActiveRight
    {
     background: url(../RootCDL/TabTableActiveRight.JPG) no-repeat ; 

    }
    
#tabbar {
  clear:both;
  height:30px;
  background-image:url(../RootCDL/tab_bg.jpg);
  background-repeat:repeat-x;        
  padding-left:5px;
}

#tabbar ul {
  list-style:none;
  line-height:30px;
}

#tabbar ul li {
  display:inline;
}

#bodywrapper {
  padding: 5px 0 5px 0;
  float:left;
  width: 100%;
  background:url(../images/body_bg_pink.jpg);
  background-repeat:repeat-x;  
}

#leftnavwrapper {  
  width:207px;
  float:left;
  background:url(../images/left_bg_pink.jpg) bottom repeat-x;
}
.Button
{
background-image:url(../RootCDL/BGButton.jpg);
background-repeat:repeat-x;
color:white;
border-style:none;
font-family:Tahoma;
font-size:9pt;
font-weight:bold;
height:20px;
width:100px;
text-align:left ;
padding-left:10px;
}

.PopupLinks
{
	color:pink ;
}

.HelpTitle
{
	height:20px;
	 background-image:url(../RootCDL/Head_bg_mod_blue.gif);
	 color:Red;
}

.appwrapper {
  display:inline;
  float:left;
  width:301px;
  height:80px;
  padding:10px;
  margin-right:5px;
  margin-top:5px;
  border:1px solid #CCCCCC;
  background:url('../images/grey_lght_bg.jpg') repeat-x;
  
}

.appwrapper:hover {
  border:1px solid #AAAAAA;
  background:url('../images/grey_bg.jpg') repeat-x;
  
}

.appwrapper h2 {
  margin-bottom:4px;
}

.appwrapper h2 a{
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:10pt;
  font-weight:bold;
  color:#CC3399; 
  margin-bottom:4px;
  text-decoration:underline;
}

.appwrapper h2 a:hover{
  color:#003399; 
}

.cardwrapper {
  display:inline;
  float:left;
  width:305px;
  height:190px;
  padding:8px;
  margin-right:5px;
  margin-top:5px;
  border:solid 1px #CCCCCC;
}

.cardwrapper:hover {
  border:1px solid #AAAAAA;
  background:url('images/grey_lght_bg.jpg') repeat-x;
  
}

.cardwrapper h3 {
  margin-bottom:8px;
}

.cardwrapper h3 a{
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#003399; 
  margin-bottom:8px;
}

.cardwrapper h3 a:hover{
  color:#CC3399; 
}

.carddetail 
{
  float:left;
  width:145px;
}

.carddetail th 
{
  padding:2px;   
  background-color:#EEEEEE;
  border-bottom:solid 1px #CCCCCC;
  border-right:solid 1px #CCCCCC;
}

.carddetail th.hilite
{
  color:#FFFFFF;
  background-color:#666666;
}

.carddetail td 
{
  padding:2px; 
  border-bottom:solid 1px #CCCCCC;
}

.cardblurb
{
    clear:both;
    height:50px;
    font-size:7pt;
    margin-top:4px;
    overflow: auto;
}

.cardimage {
  float:left;
  margin-right:8px;
}

.cardimage img{
  border:solid 1px #CCCCCC;
}

.cardimage img:hover{
  border:solid 1px #CC3399;
}

.applink {
  padding-left:17px;
  background: url('../images/arrowpink.gif') no-repeat 0px 0px;; list-style-type:none; padding-right:5px; padding-top:5px; padding-bottom:5px  
}

.applink:hover {
  background: url('../images/arrowblue_trans.gif') no-repeat 0px 0px;  
}

.applink a 
{
  text-decoration: none;
}

.applink a:hover {
  color:#003399;
  text-decoration: underline;
}


.pager 
{
  background: url('../images/left_nav_bg.jpg') repeat-x 0px 0px;  
}

.pager td
{
  border-top:solid 1px #CCCCCC; 
}

.sortarrow 
{ 
    margin-left: 5px; 
}

#cardinfo
{
  width:650px;
  margin-bottom:8px;
}

#cardinfo h2
{
    margin-bottom:8px;
}

#cardinfo_left
{
    width:200px;
    float:left;
    margin:0px 5px 5px 0px;
}

#cardinfo_right
{
    width:440px;
    float:right;
}

#cardinfo th 
{
  width:120px;
  padding:4px;   
  background-color:#EEEEEE;
  border-bottom:solid 1px #CCCCCC;
  border-right:solid 1px #CCCCCC;
}

#cardinfo th.hilite
{
  color:#FFFFFF;
  background-color:#666666;
}

#cardinfo td 
{
  width:280px;
  padding:4px; 
  border-bottom:solid 1px #CCCCCC;
}

.applink a:hover {
  color:#003399;
  text-decoration: underline;
}

#buttonbar {
  clear:both;
  height:30px;
}

#buttonbar ul {
  list-style:none;
  line-height:30px;
}

#buttonbar ul li {
  display:inline;
  border:solid 1px #CCCCCC;
  margin-right:5px;
  padding:7px;
  line-height:30px;
  background-image:url(../images/butt_bg.jpg);
  background-repeat:repeat-x;        
}

#buttonbar ul li:hover {
  background-image:url(../images/butt_bg_grey.jpg);
  background-repeat:repeat-x;        
}

#buttonbar ul li a{
  color:#003399;
  font-weight:bold;
}

#buttonbar ul li a:hover{
  color:#FFFFFF;
}

#buttonbar ul li.selected {
  display:inline;
  border:solid 1px #CCCCCC;
  margin-right:5px;
  padding:7px;
  line-height:30px;
  background-image:url(../images/butt_bg_grey.jpg);
  background-repeat:repeat-x;        
}

#buttonbar ul li.selected:hover {
  background-image:url(../images/butt_bg.jpg);
  background-repeat:repeat-x;        
}

#buttonbar ul li.selected a{
  color:#FFFFFF;
  font-weight:bold;
}

#buttonbar ul li.selected a:hover{
  color:#003399;
}
