/*  
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@         Generic HTML Page Content Styles         @@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/
html,*
{

margin:0;
border:0;
padding:0;
}

body
{
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    height: 100%;
    font-family: "Trebuchet MS";
    line-height:110%;
    font-size:90%;
    
}
body.stagingSite #dvHeader
{
    background-color:#BEC9CD;

}
h4 
{   
    font-size: 12pt;
    font-weight: bold;
    padding:3px 0 10px 0;
    margin:0;
    color: #000000;
    width: 100%;
    text-align:center;
}
p
{
     margin: 1.12em 0 
}
table
{
    margin-left: auto;
    margin-right: auto;
}
td
{
font-size:100%;
}
th
{
text-align:left;
}

li 
{
list-style:none;
}

a img
{
    
}
a:link,a:visited,a:active,a:hover
{
   /*  color:#8d2fde; 
   color:Blue;*/
  color:#330056;  /* ******* Also change on line 6262 ******** */
    text-decoration:none;   
}
a:hover
{
    color:#330056;
    text-decoration:underline;
 /* color:#c1b2cc; */
 }
/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@              Page Template Layout                @@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/
#dvMain
{
    margin: auto;
    width: 1050px;
    float: left;
    height: 100%;
    
}
#dvHeader
{
    width: 100%;
    background-color: inherit;
    text-align: left;
 }
.dvHeaderLayout
{
    width: 100%;
    text-align: center;
    float:left;
    margin:auto;
}
 .topMenu
{
    width: 100%;
    text-align: left;
    line-height:140%;
    padding-left:10px;
}
 .topMenuSmallText
{
    color: #95284e;
    font-size: 80%;
    width: 100%;
    text-align: center;
    padding-top: 5px;
}
.topSubMenu
{
    width: 100%;
    text-align: left;
    line-height:140%;
    padding-left:10px;
    border-right:solid 1px #ffffff;
 }
/*  .topSubMenu
{
    width: 100%;
    text-align: left;
    line-height:140%;
    padding-left:10px;
}
 .topMenuSmallText
{
    color: #95284e;
    font-size: 80%;
    width: 100%;
    text-align: center;
    padding-top: 5px;
}
.topMenu
{
    width: 100%;
    text-align: left;
    line-height:140%;
    padding-left:10px;
    border-right:solid 1px #ffffff;
 }*/
.dvSideMenu
{
    width: 180px;
    margin: 0px;
    float: left;
    padding-left: 10px;
    background-color: #ffffff;  
    font-size: 90%;
    text-align: left;
    vertical-align:top;
    
  }

.dvRightMenu
{
    float: right;
    width: 200px;
    margin: 0;
    overflow:visible; 
    padding-left:5px;
    text-align: right;
}
.clsLayoutCentering
{
    margin: auto;
    width: 90%;
    height: 100%;
    border: solid 2px black;
    text-align: center;
    vertical-align: middle;
}
.dvContentArea
{
    float: left;
    width: 600px;
    min-width:600px;
    padding-left:50px;
    margin:0;   
       
    
}
#dvAdvTop
{
    width: 100%;
    height: 90px;
    margin: 0px;
    text-align: center;
    border-bottom:solid 1px #99AABB;
    padding-bottom:3px;
    border: 1px solid #bbbbbb;
    }

.dvAdvRight
{
    float: right;
    width: 170px;
    overflow:visible;
    margin:auto;
    border: 1px solid #bbbbbb;
}
.dvAdvRight2
{
    float: right;
    width: 200px;
    overflow:visible;
    margin:auto;
    border: 1px solid #bbbbbb;
}

#dvAccountTools 
{   
    float:right;
    text-align: center;
    width: 207px;
    height:87px;
    margin: auto;
    font-size: 80%;
    display:block;
    padding:0;
    margin-top:10px;
    padding-bottom:7px;
    line-height:180%;
    background-image:url(/images/global/accountBG.gif);
    background-repeat:no-repeat;
}

/*  #dvNewsletter 
{   
    text-align: center;
    width: 100%;
    margin: auto;
    display:block;
    color: #0000FF;
    padding:0;
    padding-bottom:7px;    
}*/
.newsLetterContainer
{
    position:relative;
    background-image:url(/images/global/newsletterbutton.gif);
    background-repeat:no-repeat;
    height:48px;
    
}
.newsLetterButton
{
    position:absolute;
    margin-top:9px;
    margin-left:5px;
    overflow:visible;
    text-decoration:none;


}

.newsLetterButton a:link,.newsLetterButton a:active,.newsLetterButton a:visited
{
    color:#ffffff;    
    font-weight:bold;
    margin-left:-5px;
    padding-left:5px;
    text-decoration:none;
}

.newsLetterButton a:hover{color:#000000;}
.newsLetterButton img{vertical-align:middle;}


  .dvBasket
{   
    float:right;
    text-align: center;
    width: 207px;
    height:87px;
    margin: auto;
    font-size: 80%;
    font-weight:bold;
    display:block;
    padding:0;
    margin-top:10px;
    padding-bottom:7px;
    line-height:180%;
    background-image:url(/images/global/accountBG.gif);
    background-repeat:no-repeat;
}
#dvFooter
{
    width: 1050px;
    height: 310px;
    margin: 0px;
    float: left;
}
.clearFloat
{
    line-height: 1px;
    clear: both;
}
.pageTitleLogo
{
    width:50px;
    height:100px;
    float:left; 
    padding:0px;
    margin-left:10px;
    margin-top:10px;
}
.pageTitleGraphic
{
    height:100px;
    margin:auto;
    display:inline-block;
    padding:0px;
    padding-top:10px;
}
.pageHeading
{
    font-size:115%;
    font-weight:bold;
    padding-bottom:7px;
    color:#4D1B71;
    display:block;
}
.pageSubHeading
{
    font-size:105%;
    font-weight:bold;
    padding-bottom:7px;
    color:#4D1B71;
    display:block;
}

/*  @@@@@@@@@@@@ End template layout @@@@@@@@@@@@@@@@@@@@@ */

/*  
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@                  Zone Styles                     @@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    -- Zone styles go above global styles oterwise hover 
    -- colour does not work, go figure
*/
/*             Zone 1  Arts & Crafts                    
a.zone1:link,a.zone1:visited{color:#559001;}*/
/*             Zone 2  Business                       
a.zone2:link,a.zone2:visited{color:#9932CC;}  */
/*             Zone 3  Children                        
a.zone3:link,a.zone3:visited{color:#FF4500;} */
/*             Zone 4  Drama                           
a.zone4:link,a.zone4:visited{color:#008B8B;} */
/*             Zone 5  Music                            
a.zone5:link,a.zone5:visited{color:#C71585;}*/
/*             Zone 6  Natural History                 
a.zone6:link,a.zone6:visited{color:#8B0000;} */
/*             Zone 7  Nautical                        
a.zone7:link,a.zone7:visited{color:#046a88;} */
/*             Zone 8  Reference                        
a.zone8:link,a.zone8:visited{color:#0000FF;}*/
/*             Zone 9  Sport                           
a.zone9:link,a.zone9:visited{color:#2F4F4F;} */
/*             Zone 10  Writing                          
a.zone10:link,a.zone10:visited{color:#FF0000;}*/


/*  @@@@@@@@@@@@@@    End Zone Styles  @@@@@@@@@@@@@@@@@@@ */
/*  
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@                Global Styles                     @@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

a.topMenu:link,a.topMenu:visited,a.topMenu:active,a.topMenu:hover
{
    font-size:92%;
    font-weight:bold;
    color:#330056;
    padding: 0 0px 0px 0px;
    margin:auto;
    margin-top:2px;
    text-decoration:none;
    text-align:center;
    display:inline-block;
    width:140px;
   
}

a.topMenu:hover
{
   color:#c1b2cc;
}
a.topSubMenu:link,a.topSubMenu:visited,a.topSubMenu:active,a.topSubMenu:hover
{
    font-size:92%;
    font-weight:bold;
    color:#ffffff;
    padding: 0 0px 0px 0px;
    margin:auto;
    margin-top:2px;
    text-decoration:none;
    text-align:center;
    display:inline-block;
    width:220px;
  
}

a.topSubMenu:hover
{
    
    color:#c1b2cc;

    
}
.fLeft
{
    float:left;
}
.fRight
{
    float:right;
}
/* Footer */
.footerSites
{
    border-top: 1px solid #330056;
    padding: 5px;
    padding-left: 60px;
    text-align: center;
}

.footerHeader
{
    color: #330056;
    background-color:#ffffff;
    
}

.footerLinks
{
    text-align: center;
    border-top: 1px solid #330056;
    color:#330056;
    font-size: 90%;
}
.footerSites a:link,.footerSites a:active,.footerSites a:visited
{
    color:#330056;
    font-weight:normal;
    text-decoration:none;
}
a:link.lnkTools,a:visited.lnkTools,a:active.lnkTools,a:hover.lnkTools
{
    display: block;
    font-weight:bold;
    font-size:11pt;
    color:#330056;
    text-decoration:none;
    
}
a:hover.lnkTools
{
color:#b1c2cc;
}
.pagerFooter
{
    font-size:80%;
    font-weight:bold;
    text-align:center;
}
.pagerFooter a:link
{
    
    font-weight:bold;
    text-decoration:none
}
a:link.button,a:active.button,a:visited.button
{
    display:inline-block;
    background-image:url(/images/global/acbbutton1.png);
    background-repeat:no-repeat;
    text-indent:0px;
    margin:auto;
    text-align:center;
    width:120px;
    height:25px;
    font-size:80%;
    line-height:25px;
    color:#ffffff;
    }
a:hover.button{color:#cccccc;}

input.button
{
    padding:0px;
    margin:0px;
    width:120px;
    height:25px;
    color:#fff;
    line-height:25px;
    font-size:80%;
    background-image:url(/images/global/acbbutton1.png);
    background-repeat:no-repeat;
    vertical-align:top;
    padding-bottom:5px;
    
}
input.button:hover{color:#ccc;}

.imgSpaceL
{
    padding:5px;
    margin-right:10px;
    margin-bottom:10px;
    float:left;
    border:solid 1px #aaaaaa;
}
.imgSpaceR
{
    padding-right:10px;
    padding-bottom:5px;
    float:right;
}
 .copyList li
{
    padding-left:10px;
    list-style-type: disc;
    list-style-position:inside;  
   
}
a.authorLink:link, a.authorLink:visited, a.authorLink:active, a.authorLink:hover
{
    color:#330056; 
    text-decoration: none;

}

/*  @@@@@@@@@@@@    End Global Styles  @@@@@@@@@@@@@@@@@@@ */
/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@                Home Page Styles                  @@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/
.homePageContent
{
  margin:auto;
  padding:0;
  border:0;  
}
.homePagePanel
{
    width:290px;
    height:257px;
    padding:1px;
    margin:auto;
    text-align:justify;
    vertical-align:bottom;
    text-indent:5px;
    background-image:url(/images/home/homepanelBG.gif);
    background-repeat:no-repeat;
    

}
.panelHead
{
    margin: 0px;
    font-size: 18px;
    border-bottom:solid 2px #330056;
    color:#330056;
    width:95%;
    margin-bottom:10px;
    padding-bottom:3px;
    padding:6px;
    margin-left:8px;
    padding-left:0;
    text-align:left;
        
    /*background-color:#dddddd;*/
       
}

.homePagePanel a:link,.homePagePanel a:active,.homePagePanel a:visited{color:#330056;text-decoration:none;}
.homePagePanel a:hover{color:#b1c2cc;}
/*
.panelHead a:link, .panelHead a:visited, .panelHead a:hover
{
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin: 0px;
    padding: 0px;
    line-height: 120%;
}

.panelHead a:hover
{
    color: #99bbcc;
    text-decoration: none;
}
*/
.panelImg
{
    float: left;
    width: 120px;
    height:200px;    
    padding: 5px;
    text-align:left;
    border:0;
    
}

.contentCopy
{
    font-size: 90%;
    text-align: left;
    padding-right:7px;
    
    
}
.contentCopy a:link,.contentCopy a:active,.contentCopy a:visited,.contentCopy a:hover
{
    color:#330056;
    text-decoration:none;
    }

.contentCopy a:hover
{
 color:#330056;  
 text-decoration:underline; 
}

/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@                   Search                         @@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

.MenuHR
{
    width: 80%;
    height: 1px;
}

.hrSiteStyle
{
    border-top: 2px solid #330056;
}

#dvSearchBar
{
    width: 100%;
    vertical-align: middle;
    text-align: left;
    margin: auto;
    margin-bottom:10px;
    font-weight: bold;
    color: #444444;
    float: left;
    text-indent:20px;
    padding-left:10px;
}

.searchBox
{
    width: 350px;
    background-color: #ffffff;
    border: solid 1px black;
}


.dramaSearchDiv
{
    width:460px;
    background-color:#F6EFFA;
    text-align:center;
    border:solid 1px #aaa;
    padding:5px;
    padding-left:130px;
}

/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@            Right Hand Column                     @@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@              Bestsellers                         @@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

.dvBestsellers
{   
    text-align: left;
    width: 200px;
    font-size: 80%;
    display:block;
    color: #0000FF;
    margin:auto;
}

h4.dvBestsellers
{   
    font-weight: bold;
    height: 30px;
    background-color: #ffffff;
    padding: 0;
    color: #000000;
    width: 170px;
    border-bottom: solid 2px #95284e;
    text-align:left;
    margin: 0px;
    font-size:12pt;
}

a.bsTitle:link,a.bsTitle:visited, a.bsTitle:active, a.bsTitle:hover
{
    text-decoration: none;
    font-size:10px;
    font-weight:bold;
    width:150px;
   
}

a.bsAuthor:link, a.bsAuthor:visited, a.bsAuthor:active, a.bsAuthor:hover
{
    text-decoration: none;
    font-size:10px;
    width:150px;
}

.bestSellersImage
{
 float:left;
 width:30px;
 padding:2px;
 margin-right:2px;
 border:solid 1px #dddddd;
 }
 /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
     @@              Editing Mode                        @@
     @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

.dvPopUp
{
    margin: auto;
    border: solid 3px black;
    width: 800px;
    height: 600px;
    z-index: 5000;
    background-color: #eeeeee;
    position: absolute;
    top: 170px;
    left: 180px;
    text-align: left;
    padding: 10px;
}

.dvPopUpLarge
{
    margin: auto;
    border: solid 3px black;
    width: 100%;
    height: 100%;
    z-index: 4999;
    background-color: #112233;
    position: absolute;
    top: 0px;
    left: 0px;
    visibility:hidden;
}

.event
{
    font-size: 10pt;
    color: Black;
}

.edit
{
    font-size: 12pt;
    color: Black;
    background: inherit;
}

.editlabel
{
    font-size: 10pt;
    color: Black;
    background: inherit;
    font-weight:bold;
}

.editbutton
{
    height: 18px;
    border: solid 1px black;
    color: black;
    background-color: #cfcfcf;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}

.editbox
{
    font-size: 10pt;
    color: Black;
    background-color: white;
    height: 16px;
    border: solid 1px #303030;
}

.editboxro
{
    font-size: 10pt;
    color: Black;
    background-color: #cfcfcf;
    height: 16px;
    border: solid 1px #303030;
}

.editlist
{
    font-size: 8pt;
    color: Black;
    background-color: white;
}

.editcal
{
    font-size: 8pt;
    background-color: #bbbbbb;
    color: Black;
}
.editTitle
{
    width: 100px;
    font-weight: bold;
    clear: both;
    display: block;
    float: left;
}

.editInput
{
    width: 200px;
    float: left;
    border:solid 1px #cccccc;
}
.inputBox
{
    border-top:solid 1px #ccc;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #aaa;
    border-left:solid 1px #aaa;
    height:200px;
    width:300px;
}
.fldInput
{
border:solid 1px #bbb;
background-color:#eee;
width:150px;
}
.fldInput:focus
{
    background-color:#fff;
}
input[type="text"]
{
   border:solid 1px #bbb;
background-color:#eee;

}
input:focus[type="text"]
{
    background-color:#fff;
}
 /*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
     @@              Editing Mode                        @@
     @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/
 
 /* ~~~~~~~~~~~ Top Menu  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.block_menu {width:1050px;}
.block_menu ins {
   display:block;
   height:10px;
   background:url(/images/styles/roundedcorners/topmenu/block_tb.gif) no-repeat 0 0;
}
.block_menu {margin-bottom:9px;}
.block_menu ins.br {background-position:0 100%;}
.block_menu_data {
   background:url(/images/styles/roundedcorners/topmenu/block_m.gif) repeat-y 0 0;
}

.block_menu_data p {padding-bottom:10px;}
 /* ~~~~~~~~~~~ Top SubMenu  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.block_submenu {width:1050px;}
.block_men a{color:White;}
.block_submenu ins {
   display:block;
   height:10px;
   background:url(/images/styles/roundedcorners/topmenu/block_tb_submenu.gif) no-repeat 0 0;
}
.block_submenu {margin-bottom:9px;}
.block_submenu ins.br {background-position:0 100%;}
.block_submenu_data {
   background:url(/images/styles/roundedcorners/topmenu/block_m_submenu.gif) repeat-y 0 0;
}

.block_submenu_data p {padding-bottom:5px;}


/* ~~~~~~~~~~~ Side Menu Headings ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.block_menuheading {width:170px;}
.block_menuheading ins {
   display:block;
   height:10px;
   background:url(/images/styles/roundedcorners/menuheading/block_tb.gif) no-repeat 0 0;
}
.block_menuheading {margin-bottom:9px;}
.block_menuheading ins.br {background-position:0 100%;}
.block_menuheading_data 
{
   text-align:left;
   background:url(/images/styles/roundedcorners/menuheading/block_m.gif) repeat-y 0 0;
   font-weight:Bold;
   font-size:100%;
   padding-left:12px;
}

/* ############################################################ */
.jktPromo
{
    margin:auto;
    background-image:url(/images/home/jktpromo.gif);
    background-repeat:no-repeat;
    width:600px;
    /* height:130px; */
    text-align:center;
    vertical-align:middle;
    overflow:visible;
    
}

.imgJktPromo
{
 height:118px; 
 width:80px;
 border:solid 1px #bbbbbb;
 
 }
 
/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@                   Login                          @@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

.loginInput
{
border:solid 1px #bbb;
background-color:#eee;
width:150px;
}
.loginInput:focus
{
    background-color:#fff;
}
/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@                   Gallery                        @@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

.galleryItem
{
    width:100%;
    border-bottom:dashed 1px #ddd;
    border-left:dashed 1px #ddd;
    padding-top: 7px;
    padding-left: 7px;
    
    height:180px;
}
.galleryThumb
{
    padding:5px;
    margin-right:10px;
    margin-bottom:10px;
    float:left;
    border:solid 10px #000;
    width:150px;
    height:150px;
}
.galleryTitle
{
 float:left;
 font-weight:bold;
 width:110px;
 line-height:105%;
}
.galleryInfo
{
 display:block;   
 line-height:105%;
 
}
 .galleryDiv
{
    margin:auto;
    /*background-image:url(/images/gallery/gallerybg.gif);
    background-repeat:no-repeat;*/
    border:solid 2px #bbb;
    background-color:#F4ECF9;
    width:595px;
    height:300px;
    text-align:center;
    vertical-align:middle;
    overflow:visible;
    
}

.galleryImg
{
 height:280px; 
 width:280px;
 border:solid 1px #bbbbbb;
 
 }
 
 .stepcarouselgallery{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 470px; /*Width of Carousel Viewer itself*/
height: 320px; /*Height should enough to fit largest content's height*/
float:left;
margin-left:20px;
margin-top:5px;

}

.stepcarouselgallery  .gallerypanel{
float: left; /*leave this value alone */
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 /*margin: 10px;margin around each panel */
 height:300px; 
 width:470px;    
 padding-left:5px; 
 padding-right:9px;

 
}
.stepcarouselgallery .belt{
position: absolute; /*leave this value alone */
left: 0;
top: 0;
}
 
 /* ####################################################################### */
 /*
.galleryItem
{
    width:45%;
    border-bottom:dashed 1px #ddd;
    border-left:dashed 1px #ddd;
    padding-top: 7px;
    padding-left: 7px;
    float:left;
    height:280px;
}
.galleryThumb
{
    padding:5px;
    margin-right:10px;
    margin-bottom:10px;
    float:left;
    border:solid 1px #aaaaaa;
    width:100px;

  
}
.galleryInfo
{
 display:block;   
}
 .galleryDiv
{
    margin:auto;
    background-image:url(/images/gallery/gallerybg.gif);
    background-repeat:no-repeat;
    width:600px;
     height:200px;
    text-align:center;
    vertical-align:middle;
    overflow:visible;
    
}

.galleryImg
{
 height:190px; 
 width:80px;
 border:solid 1px #bbbbbb;
 
 }
 .stepcarouselgallery{
position: relative; /*leave this value alone
overflow: hidden; /*leave this value alone
width: 470px; /*Width of Carousel Viewer itself
height: 190px; /*Height should enough to fit largest content's height
float:left;
margin-left:20px;
margin-top:5px;
}

.stepcarouselgallery .beltgallery{
position: absolute; /*leave this value alone
left: 0;
top: 0;
}
.stepcarouselgallery  .panelgallery{
float: left; /*leave this value alone
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 /*margin: 10px;margin around each panel
 height:120px; 
 width:150px;    
 padding-left:5px; 
 padding-right:9px;
}
 */
 /* ####################################################################### */
/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

.stepcarousel
{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 470px; /*Width of Carousel Viewer itself*/
height: 120px; /*Height should enough to fit largest content's height*/
float:left;
margin-left:20px;
margin-top:5px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
    
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 /*margin: 10px;margin around each panel*/
 height:120px; 
 width:80px;    
 padding-left:5px; 
 padding-right:9px;
}
/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@                   Customer Details               @@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

.odStatus
{
    font-size:80%;
    color:Red;
}
/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@                   Paging                         @@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

a:link.pagingLink,a:active.pagingLink,a:visited.pagingLink,a:hover.pagingLink
{
 border-top:solid 1px #aaa;
 border-right:solid 1px #aaa;
 border-bottom:solid 1px #ccc;
 border-left:solid 1px #ccc;
 padding:0 5px 0 5px;
 text-decoration:none;
 }
a:hover.pagingLink
{
 border-top:solid 1px #ccc;
 border-right:solid 1px #ccc;
 border-bottom:solid 1px #aaa;
 border-left:solid 1px #aaa;
 padding:0 5px 0 5px;
 
}
.pagingLinkSelected
{
 font-size:120%;
 font-weight:normal;
}