/* ------------------------ */
/* eCards 1.1               */
/* July 2010                */
/* Ripe Template            */
/* CSS Document             */
/* By Steven Parish         */
/* steve@ecards.co.uk       */
/* ------------------------ */





/* GLOBAL PROPERTIES ----------------------------------------------------------- */

    BODY     {font: 13px tahoma; color: rgb(100,100,100); background-color: white; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; } 
    a        {text-decoration: none; color: rgb(90,132,112);}
    a:hover  {color: rgb(101,178,57); text-decoration: underline;}
    h1       {font-size: 20px; color: rgb(94,139,118); font-weight: normal; border-bottom: 4px solid rgb(117,172,144); }
    h2       {color: rgb(63,63,63); font-family: Arial; margin-bottom: 10px; font-size: 18px; }
    h3       {color: rgb(90,95,124); font-family: Arial; margin-bottom: 10px; font-size: 16px; }
    h4       {color: rgb(63,63,63); font-family: Arial; margin-bottom: 10px; font-size: 14px; }

    img       {border: none;}
    .clear    { clear: both; } 
    .input_hp {display: none;} /* hide honey pot inputs */


    /* ripe notices such as 'thank you for form submition' */

    .notice {background-color: rgb(220,224,194); padding: 8px; font-size: 16px; font-weight: bold; margin-bottom: 10px; color: red;} 
    
    .badInput  {border: 1px solid red;}


/* ----------------------------------------------------------------------------- */


/* LAYOUT BOXES ------------------------------------------------------------------ */

   
    #headTxt      {float: right; margin-right: 160px; margin-top: 10px; background: url(images/personalisedCard-c-bg.png); background: none; width: 500px; height: 110px;}
    #headTxt #hc  {margin-top: 30px; margin-left: 50px;} #headTxt h1  {border: none; font-size: 18px; margin: 0px;}  #headTxt h2  {border: none; font-size: 15px; margin: 0px; color: rgb(82,83,82);}
    #top-head     {height: 20px; background-color: rgb(26,26,26); border-bottom: 1px solid rgb(5,5,5);}
    #menubar      {height: 41px; background-color: rgb(82,92,97); background-image: url(images/menubg.gif); background-repeat: repeat-x; border-bottom: 1px solid rgb(212,210,210);}
    #middle       {width:960px; margin-left: auto; margin-right: auto;}
    #content-box  {background-color: white; padding: 15px;}
    #topMenu      {position: absolute; top: 0px; right: 0px; width: 200px; background-color: rgb(165,182,184); padding: 5px; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-left-radius: 7px;}
    #topMenu a    {color: white;}
    .container    {width:960px; margin-left: auto; margin-right: auto;}
    .contain      {width: 960px; margin: auto; position: relative;}
    #slogan       {height: 20px; text-align: left; color:rgb(129,139,146); margin-top:5px;}

    #leftSide    {width: 220px; float: left;}
    #rightSide   {float: right; width: 730px; text-align: left;}  
    
/* ----------------------------------------------------------------------------- */



/* header */

#header {height: 115px; background: white url(images/head-bg.jpg) repeat-x center top;}
#waves  {position: absolute; top: 100px; height: 25px; width: 100%; background: url(images/waves.png) repeat-x center top;}
#waves2  {position: absolute; top: 100px; height: 25px; width: 100%; background: url(images/waves-green.png) repeat-x center top;}
#logo   {float: left; padding-top: 10px;}
#free-ecards-nav{float: right; margin-top: 55px;}
#printed-cards-nav{float: right; margin-top: 55px;}
#loginZone  {position: absolute; top: 20px; right: 20px; }


/* MENU ------------------------------------------------------------------------ */

    .navlist li                    {list-style: none; }
    #topMenu .navlist              {margin: 0px; padding: 0px;}
    #topMenu .navlist li           {float: right; margin-left: 5px; margin-right: 0px;}
    #loginZone > .navlist          {float: right;}
    #loginZone .nav_item           {float: right; margin-left: 5px; margin-right: 0px;}
    #loginZone .nav_item a         {float: right;}
    
    .catBox     {margin-bottom: 10px; margin-left: 6px;}
    .catBox ul  {list-style: none; margin: 0px; padding: 0px; margin-left: 0px;}
    .catBox li a   {font-size: 14px; display:block; height: 20px; list-style: none; margin: 0px; padding: 5px; padding-left: 20px; background: url(images/cat-bg-item.gif) repeat-x; color: rgb(125,125,125);}
    .catBox h3  {margin: 0px; font-weight: normal; display: block; background: url(images/cat-bg-head.gif) repeat-x; height: 24px; color: rgb(56,150,200); font-size: 20px; padding: 5px; padding-top: 5px; padding-left: 10px; }
    .catBox .bottom a {background: #F5F3F4 url(images/cat-bg-bottom2.gif) no-repeat; background-position: bottom;}
    .catBox a:hover {background: url(images/cat-bg-item-over.gif) repeat-x; color: white; font-weight: bold; text-decoration: none; line-height: 20px;}
    .catBox .bottom a:hover {background: #F5F3F4 url(images/cat-bg-bottom2-over.gif) no-repeat;  color: white; font-weight: bold; text-decoration: none; line-height: 20px;}
    .catBox .navOn a {background: url(images/cat-bg-item-over.gif) repeat-x; color: white; font-weight: bold; text-decoration: none; line-height: 20px;}
    .catBox .bottomOn a {background: #F5F3F4 url(images/cat-bg-bottom2-over.gif) no-repeat;  color: white; font-weight: bold; text-decoration: none; line-height: 20px;}

    
    .subnavlist                           {position:absolute; z-index:500; display: block;  padding: 0px; margin:0px; color: rgb(53,53,53); background-color: white; border: none; }
    #menubar .subnavlist li               {display: none; float: none; padding: none; margin: none; width: 130px; border-left: 2px solid rgb(122,169,227); }
    #menubar .subnavlist a                {margin: 0px; line-height: normal;}
    #menubar .navlist .subnavlist a span  {display: block; padding: 2px; padding-left: 5px; padding-right: 5px; margin: 0px; }
    #menubar .navlist .subnavlist a       {float: none; border: none; display: block; height: auto; margin: 0px; font-size: 11px; background-image: none;  border-bottom: 1px solid rgb(200,200,200); border-right:1px solid rgb(100,100,100); }
    #menubar .navlist .nav_on .subnavlist a, #menubar .navlist .subnavlist a:hover   {background-image: none;}
    .subnavlist a:hover               {background-color: rgb(240,240,240);}
    .navlist li:hover .subnavlist li    {display: block;}


    /* ie6 menu */

    #ie6menu {background-color: rgb(40,40,40);}
    #menubar #ie6menu .navlist li {}
    #menubar #ie6menu .navlist a {background-image: none; color: rgb(228,228,228); padding: 4px; margin-right: 5px;}
    #menubar #ie6menu .navlist a span {display: block;}
    #menubar #ie6menu .navlist a:hover {color: white;}

    .aButton          {float: right; text-shadow:0px 1px 0px white; color: rgb(80,80,80); margin: 0px 0px 5px 0px; text-decoration: none; border: 1px solid rgb(179,179,179); border-radius: 5px; background-color:  rgb(248,248,248); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.34, rgb(230,230,230)),color-stop(0.60, rgb(248,248,248)),color-stop(0.84, rgb(250,250,250))); background-image: -moz-linear-gradient(center bottom,rgb(230,230,230) 34%,rgb(248,248,248) 60%,rgb(250,250,250) 84%); padding: 2px 15px 2px 15px;}
    .aButton:hover    {text-decoration: none; text-shadow:none; border: 1px solid rgb(94,139,118); border-radius: 5px; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.34, rgb(220,220,220)),color-stop(0.67, rgb(242,242,242)),color-stop(0.84, rgb(245,245,245))); background-image: -moz-linear-gradient(center bottom,rgb(220,220,220) 34%,rgb(242,242,242) 67%,rgb(245,245,245) 84%);}

/* ----------------------------------------------------------------------------- */





/* ARTICLES -------------------------------------------------------------------- */

    .art              {margin-bottom: 30px;}
    .art_feat         {margin-bottom: 30px;}
    .art_title        {}
    .dateline         {font-family: Arial; color: rgb(100,100,100); font-size: 11px; } 
    .comment01        {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;}
    .comment02        {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;}
    .comment01:hover,
    .comment02:hover  {background-color: white;  border: 1px solid rgb(112,0,14); border-left: none; border-right: none;}
    .com_author       {color: rgb(112,0,14); font-family: Arial; margin-left: -10px; margin-bottom: 0px; font-size: 12px; font-weight: bold;}
    .com_subject      {color: #595656; font-family: Arial; margin-left: -5px; margin-bottom: 0px; font-size: 12px; font-weight: bold; }
    .com_date         {color: rgb(128,128,128); font-size: 10px; text-align: right;}
    .com_rate         {float: right; font-size: 18px;}
    .com_hide         {color: rgb(187,187,187);}
    .com_post_table   {text-align: left; }

    #com_post_box     {text-align: left; display:none;}


/* ----------------------------------------------------------------------------- */



/* forms -------------------------------------------------------------------- */

    .ripeFormBox             {width:99%;}
    .ripeFormBox table       {width:99%;}
    .ripeFormBox .formLabels {width:120px;}
    .textbox, .textboxVal, .emailbox, .dropdown, .numbox   {background-color: rgb(252,252,252); border: 1px solid #8d8d8d; padding: 5px;}
    .focus    {background-color: white;}
    .good     {background-color: rgb(198,237,192); background-image: url(images/accepted_48.png); background-position: right center; background-repeat: none;}
    .badVal   {display: inline-block; width: 24px; height: 24px; margin-left: 5px; vertical-align: top;}
    .goodVal  {display: inline-block; width: 24px; height: 24px; margin-left: 5px; vertical-align: top;}
    .bad      {background-color: rgb(211,160,165);} 
    .textarea   {height: 100px; background-color: rgb(250,250,250); border: 1px solid #8d8d8d; padding: 5px;}
    .ripeFormBox #fileUploader #button1 {width:120px; background-color: rgb(244,247,246); border: 1px solid #8d8d8d; padding: 5px; text-align:center;}

    #ripe_search #search_term {width: 207px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;}
    
    
    

/* ----------------------------------------------------------------------------- */

    .loginTabs            {border-left: 1px solid rgb(212,210,210); margin:0; padding: 0; height: 34px; background-color: rgb(35,31,32);}
    .loginTabs ul         {list-style: none; padding: 0px; margin:0px;}
    .loginTabs li         {float: left; list-style: none; padding: 0px; margin:2px;}
    .loginTabs a          {float: left; font-size: 10pt; padding: 4px; color: white;}
    .loginTabs a span     {float: left; font-size: 10pt; padding-left: 10px; padding-right: 10px; color: white; cursor: pointer;}
    .loginTabs a:hover    {text-decoration: none;} 
    .loginTabs a:hover    {-moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: rgb(171,171,171);} 
    .loginTabs span:hover {background-position: right; background-repeat: no-repeat;} 
    .loginTabs a.tabOn  {-moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: rgb(171,171,171);} 
    .loginTabs a.tabOn span {background-position: right; background-repeat: no-repeat;} 

/* ----------------------------------------------------------------------------- */

/* tabs -------------------------------------------------------------------- */

    .tabBar  {height: 40px; background-color: rgb(83,86,85);}
    .tabBarItem   {float: left; height: 20px; padding: 10px; color: white; font-size: 18px; cursor: pointer;}
    .tabBarItem:hover   {background-color: rgb(94,164,132);}
    .tabBarItemOn {background-color: rgb(94,139,118); float: left; height: 20px; padding: 10px; color: white; font-size: 18px; cursor: pointer;} 

/* tables -------------------------------------------------------------------- */

    table     {width: 100%; padding: 0; border-spacing: 0;}
    table .odd   {background-color: rgb(245,242,244);}
    table .even  {background-color: rgb(247,247,247);}
    th        {padding: 5px; background-color: rgb(94,139,118); color: white; text-align: left;}
    td        {padding: 5px; vertical-align: middle;} 

/* ----------------------------------------------------------------------------- */

.contactButton          {display: block; width: 210px; border: 1px solid rgb(212,204,176); background-color: #F4F2EB; margin-bottom: 4px; text-align: left; cursor: pointer;}
.contactButton:hover    {background-color: rgb(103,188,87); }
.listContactItem input  {font-size: 10px; margin: 2px;}
.contactItemEditB       {display: block; cursor: pointer; background-image:url(images/icon-edit.gif); width: 24px; height: 24px;}


/* aPanel */
  #aPanel {width: 640px; float: left; display: inline;  background: rgb(245,243,244); margin-left: 0px; padding: 25px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
  #ratings_panel {}
  #tags_panel,#share_panel,#info_panel {}
  #tagsText a  {font-size: 18px; margin-right: 12px;}
  #panelTabs  {width: 700px; margin-left: 20px;}
  #panelTabs #tab_rate  {height: 33px; width: 162px; float: left; background-image:url(images/tab_rate.gif); cursor: pointer; }
  #panelTabs #tab_tag   {height: 33px; width: 162px; float: left; background-image:url(images/tab_tag.gif); cursor: pointer; }
  #panelTabs #tab_share {height: 33px; width: 162px; float: left; background-image:url(images/tab_share.gif); cursor: pointer; }
  #panelTabs #tab_info  {height: 33px; width: 162px; float: left; background-image:url(images/tab_info.gif); cursor: pointer; }
  #panelTabs #tab_related  {height: 33px; width: 162px; float: left; background-image:url(images/tab_related.gif); cursor: pointer; }
  #panelTabs .tabon     {background-position:0px 0px;}
  #panelTabs .taboff    {background-position:0px -33px;}
  #panelTabs .taboff:hover   {background-position:0px 0px;}
  


  /* ratings panel */
  .ratingBox {margin-left: auto; margin-right: auto; width: 300px;}
  .ratingBox .rating-text {color: grey; text-align: center; font-size: 16px;}
  .ratingBox .status {color: grey; text-align: center;}
  .ratingBox ul {margin: 0px; padding: 0px; margin-left: 32px;}
  .ratingBox li {float: left; list-style: none; margin: 0px; padding: 0px;}
  .starFull {background-image: url(images/star_full.png); display:block; width: 48px; height: 48px;}
  .starHalf {background-image: url(images/star_half.png); display:block; width: 48px; height: 48px;}
  .starGrey {background-image: url(images/star_grey.png); display:block; width: 48px; height: 48px;}
/* comments panel */
  .comment_box        {clear: both; padding: 10px; border-bottom: 1px solid rgb(209,209,209);}
  .comment_photo      {float: left; height: 30px; width: 50px; padding: 5px; } 
  .comment_photo img  {height: 30px; width: 30px;} 
  .comment_name       {margin-left: 60px; font-weight: bold;} 
  .comment_date       {float: right; color: rgb(182,182,182); font-size: 11px;}
  .comment_msg        {margin-left: 60px;}
  #comment_addB       {float: right;} 
  .comments_addB      {padding: 5px; height: 22px;}
  #addCommentBox      {clear: both; padding: 10px; border-top: 1px solid rgb(255,154,0); border-bottom: 1px solid rgb(255,154,0); background-color: rgb(252,243,217);}
  #comment_add_title  {font-size: 18px; margin-bottom: 10px;}
  #comment_instructions{padding: 10px; margin: 5px; background-color: rgb(255,252,224)} 
  #commentNotice     {padding: 10px; margin: 5px; background-color: rgb(255,252,224); color: rgb(145,64,0); display: none;}
  .comment_left-col   {width: 200px; min-height: 20px; float: left; text-align: right; padding-right: 10px;}
  .comment_right-col  {float: left;}
  .comment_row        {clear: both; padding-top: 5px;}
  #comment_name       {width: 220px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; border: 1px solid rgb(150,150,150);}
  #comment_msg        {width: 220px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; border: 1px solid rgb(150,150,150);}
  .comments_showMore  {text-align: center; padding: 5px;}
  .comments_showing   {color: rgb(180,180,180); font-size: 12px;}
  .comments_fbcBox    {float: right;}
  .fb_link img  {width: 30px; height: 30px; } 
  
  /* share panel */
  #bookmarkList li {list-style: none; float: left; margin-right: 25px; display: inline; }



/* SHOP CSS ----------------------------------------------------------------

---------------------------------------------------------------------------*/

    #shopCol1 {float: left; width: 214px;}
    #shopCol2 {float: right; width: 700px;}

    form p {margin: 0; margin-right: 3px;}

    .lineb    {clear: both; border-bottom: 1px dotted rgb(183,185,188);}
    .redText  {color: rgb(200,0,0);}

    #catToolBar h1, #catToolBar form  {margin: 0px; padding: 0px;}
    #shopToolbar          {height: 50px; margin-bottom: 10px; padding: 0px;}
    #shopSearch           {float: left;}
    #searchBox            {vertical-align: middle; height: 14px; margin-right: 5px; color: rgb(83,85,87); padding: 5px; font-size: 8pt; width: 165px; border: 1px solid rgb(205,203,204); background-color: rgb(255,253,254);}
    #srchBlock            {font-size: 14px; display:block; height: 26px; list-style: none; margin: 0px; margin-bottom: 10px; padding: 5px; padding-left: 20px; background-color: rgb(245,243,244); color: rgb(125,125,125); border-top: 1px solid white; border-bottom: solid 1px rgb(235,233,234)}
    #srchBlock #searchButton  {display: none;}

    .shopItemSum            {float: left; margin: 10px 32px 15px 0px; width: 150px; height: 182px; padding: 5px 0px 0px 0px; background-image: url(images/item-bg.gif); background-repeat: no-repeat;}

    .shopItemSum .item-title{margin-left: 8px;} .shopItemSum .item-title a {color:rgb(100,100,100); }
    .shopItemSum h3         {font-size: 11pt;}
    .shopItemSumImg         {padding: 7px; padding-bottom: 15px;}
    .shopItemSumImg img     {width: 135px; height: 135px;}
    .shopItemSumDesc        {float: left; min-height: 50px;}
    .shopItemSumPriceZone   {text-align: right;}
    .shopItemSumSalePrice   {color: rgb(200,0,0); font-weight: bold; font-size: 11pt;}
    .shopItemSumPrice       {color: rgb(200,0,0); font-weight: bold; font-size: 11pt;}

    .shopItem             {}
    .singleRightZone      {float: right; width: 280px; padding-left: 5px; padding-bottom: 5px;}
    .shopItemImg          {width: 220px; height: 180px; padding-right: 10px; padding-bottom: 10px;}
    .shopItemImg img      {width: 220px; height: 180px;}
    .shopItemDesc         {}
    .shopItemPriceZone    {text-align: right;}
    .shopItemSalePrice    {color: rgb(200,0,0); font-weight: bold; font-size: 16pt;}
    .shopItemPrice        {color: rgb(200,0,0); font-weight: bold; font-size: 16pt;}
    .itemBarInfo          {height: 20px; padding: 10px; margin-top: 15px; margin-bottom: 15px; background-color: rgb(236,236,236); border-top: 1px solid rgb(200,200,200); border-bottom: 1px solid rgb(200,200,200);}
    .singleRightZone ul   {margin: 0; padding: 0;}

    .singleRightZone li   {list-style: none; display: block; text-align: right; padding: 4px; margin:0px; height: 20px; border-bottom: 1px dotted rgb(200,200,200);}
    .singleRightZone li   {}
    .singleRightZone li.row2   {background-color: rgb(246,246,246);}


    .buyForm        {text-align: right; clear: both; padding-top: 5px; padding-bottom: 5px;}
    .buyForm p      {display: inline;}
    .buynum         {height: 15px; font-size: 11px; border: 1px solid rgb(100,152,86); vertical-align: top; margin-right: 5px; }
    .buyOptions     {height: 19px; font-size: 11px; border: 1px solid rgb(100,152,86); vertical-align: top; margin-right: 5px; }
    .buyBt2         {background-image: url(images/buy.gif); width: 60px; height: 19px;}

    .itemInfoText   {float: left; margin-right: 25px;}     
    .button         {vertical-align: middle;}
    .leftBlock      {text-align: left; padding: 4px;}
    .rightBlock     {text-align: right; padding: 4px;}
    .leftFloat      {float: left;}
    .rightFloat     {float: right;}
    #shopQBasket    {float: right;}
    #qBasketBox     {float: right; background: url(images/qBasketBG.png) no-repeat; height: 53px; width: 353px;}
    #qBasketBox span a {display: block; float: left; width: 200px; padding-top: 19px; padding-left: 15px; font-size: 15pt; color: rgb(100,100,100);}
    #qBasketButton  {float: right; margin-top: 13px;}
    #basketInfo     {font-size: 14pt; font-weight: bold; vertical-align: top;}
    #basketTotalPrice {color: rgb(200,0,0); font-weight: bold; font-size: 14pt;}
    #basketTable     {width: 100%; border: none; padding: 0; margin: 0; text-align: left; margin-bottom: 5px; margin-top: 15px;}
    #basketTable .trHead  {border-bottom: 1px solid rgb(234,232,233); background: rgb(245,242,244); -moz-border-radius-topleft: 15px;  -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px;  -webkit-border-top-right-radius: 15px;}
    #basketTable th  {background: none; padding: 8px; color: rgb(92,140,118); font-size: 16px; border-bottom: 1px solid rgb(234,232,233); }
    #basketTable  td {border-bottom: 1px solid rgb(234,232,233);}
    #basketButtons form  {float: left;}
    .paginationBar   {background-color: rgb(185,185,185); background: url(images/bar_bg.gif) repeat-x center; color: white; font-weight: bold; height: 18px; padding: 5px;}
    .paginationBar a {background-color: rgb(202,235,218);  padding: 2px; padding-left: 4px; padding-right: 4px;}
    .pageOn a        {background-color: rgb(255,255,255);}

    /* categories menu */

    #shopCatsMenu h3 {background: url(images/cat-bg-head.gif) repeat-x; height: 24px; margin: 0px; color: rgb(93,138,117); font-size: 20px; padding: 5px; padding-top: 5px; padding-left: 10px; font-weight: normal;}
    #shopCatsMenu ul {list-style: none; margin: 0px; padding: 0px;}
    #shopCatsMenu ul li{}
    #shopCatsMenu ul li.on {}
    #shopCatsMenu ul li.on a{background: url(images/cat-bg-item-over.gif) repeat-x; color: white; font-weight: bold; text-decoration: none; line-height: 20px;}
    #shopCatsMenu ul li.on li a{color: rgb(125,125,125); font-size: 11px; font-weight: normal; background: rgb(232,232,232); background: url(images/cat-bg-item.gif) repeat-x;}
    #shopCatsMenu ul li a{font-size: 14px; display:block; height: 20px; list-style: none; margin: 0px; padding: 5px; padding-left: 20px; background: url(images/cat-bg-item.gif) repeat-x; color: rgb(125,125,125);}
    #shopCatsMenu ul li a:hover{background: url(images/cat-bg-item-over.gif) repeat-x; color: white; font-weight: bold; text-decoration: none; line-height: 20px;}  
    #shopCatsMenu ul li ul{padding-left: 5px;}
    #shopCatsMenu ul li ul li a{font-size: 11px; font-weight: normal; background: rgb(232,232,232); background: url(images/cat-bg-item.gif) repeat-x; }
    #shopCatsMenu ul li ul li.on a,#shopCatsMenu > ul > li .on > ul > li > a   {color: rgb(35,31,32); font-size: 11px; font-weight: normal; background: white; border: 1px solid rgb(192,192,192); border-right: none;} 
    #shopCatsMenu ul li ul li a:hover{color: rgb(35,31,32); font-size: 11px; font-weight: normal; background: white; border-right: none; background: url(images/cat-bg-item-over.gif) repeat-x;}
    #shopCatsMenu2 h3 {background: url(images/cat-bg-head.gif) repeat-x; height: 24px; margin: 0px; color: rgb(93,138,117); font-size: 20px; padding: 5px; padding-top: 5px; padding-left: 10px; font-weight: normal;}
    #shopCatsMenu2 ul {list-style: none; margin: 0px; padding: 0px;}
    #shopCatsMenu2 ul li{}
    #shopCatsMenu2 ul li.on {}
    #shopCatsMenu2 ul li.on a{background: url(images/cat-bg-item-over.gif) repeat-x; color: white; font-weight: bold; text-decoration: none; line-height: 20px;}
    #shopCatsMenu2 ul li.on li a{color: rgb(125,125,125); font-size: 11px; font-weight: normal; background: rgb(232,232,232); background: url(images/cat-bg-item.gif) repeat-x;}
    #shopCatsMenu2 ul li a{font-size: 14px; display:block; height: 20px; list-style: none; margin: 0px; padding: 5px; padding-left: 20px; background: url(images/cat-bg-item.gif) repeat-x; color: rgb(125,125,125);}
    #shopCatsMenu2 ul li a:hover{background: url(images/cat-bg-item-over.gif) repeat-x; color: white; font-weight: bold; text-decoration: none; line-height: 20px;}  
    #shopCatsMenu2 ul li ul{padding-left: 5px;}
    #shopCatsMenu2 ul li ul li a{font-size: 11px; font-weight: normal; background: rgb(232,232,232); background: url(images/cat-bg-item.gif) repeat-x; }
    #shopCatsMenu2 ul li ul li.on a,#shopCatsMenu > ul > li .on > ul > li > a   {color: rgb(35,31,32); font-size: 11px; font-weight: normal; background: white; border: 1px solid rgb(192,192,192); border-right: none;} 
    #shopCatsMenu2 ul li ul li a:hover{color: rgb(35,31,32); font-size: 11px; font-weight: normal; background: white; border-right: none; background: url(images/cat-bg-item-over.gif) repeat-x;}

  .catBox .bottom a {background: #F5F3F4 url(images/cat-bg-bottom2.gif) no-repeat; background-position: bottom;}
  .catBox .bottom a:hover {background: #F5F3F4 url(images/cat-bg-bottom2-over.gif) no-repeat;  color: white; font-weight: bold; text-decoration: none; line-height: 20px;}
  .catBox .bottomOn a {background: #F5F3F4 url(images/cat-bg-bottom2-over.gif) no-repeat;  color: white; font-weight: bold; text-decoration: none; line-height: 20px;}

    #proStepImg   {margin-top: 10px;}

    #totalsZone     {float: right; margin-left: 10px; height: 100px; border: 1px solid rgb(234,232,233); vertical-align: top; width: 295px; padding: 10px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #f7f7f7; text-align: left; color: rgb(120,118,119);}
    #totalsZone td     {padding: 3px 10px 2px 10px}
    #promoZone      {float: right; vertical-align: top; height: 100px; border: 1px solid rgb(234,232,233); width: 296px; padding: 10px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #f7f7f7; text-align: left; color: rgb(120,118,119);}
    #promoCodeText  {vertical-align: top; height: 18px; padding: 5px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; width: 200px; border: 1px solid rgb(234,232,233); }

    .basketListTitle  {font-size: 17px; padding-top: 5px; color: rgb(100,100,100);}
    .cardSizeTxt      {float: left; font-size: 30px; color: rgb(100,100,100); padding: 8px;}
    .cardSizeBut      {float: left;}

    .postage-popup em, .address-popupC em, .envelope em, .imgTh em    {display:none; z-index: 99; position: absolute; left: 0; top: 90px; background: url(images/tooltip-bg.gif) no-repeat; padding: 10px; padding-top: 20px; line-height: 120%; width: 110px; color: white;} .postage-popup em a, .address-popupC em a {color: white;}  .postage-popup em a:hover, .address-popupC em a:hover {color: white; text-decoration: underline;}   
    .postage-popup, .address-popupC, .envelope, .imgTh     {padding: 0; position: relative;}
    

    #billingExtraAddress input,#billingExtraAddress select { margin: 3px; }
    #addaddressFormB input, #theLoginForm input, #theLoginForm2 input {padding: 3px; color: rgb(124,124,124); font-size: 12px; margin-bottom: 4px; width: 180px; border: 1px solid rgb(234,232,233);}
    #addaddressFormB select {color: rgb(124,124,124); font-size: 12px; margin-bottom: 4px; padding: 3px; border: 1px solid rgb(234,232,233); width: 180px;}
    #addaddressFormB         {float: left;  border-right: 1px dotted rgb(196,196,199); padding: 10px; width: 320px;}
    #addressCList           {float: left; width: 210px;  padding: 10px;}
    
    
    #flashcontent     {background-color: rgb(221,235,238);padding: 10px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}


 /* Countdown ( CalCount ) */
 
/* Display Countdown Box */
.countDownBox {
 
  /* Border */
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;

  /* Default font */
  font-family: Tahoma, Arial, sans-serif;
  font-weight:bold;
  letter-spacing:2px;
  font-size: 17px;
  text-align:center;
  
  
  /* Dimensions */
  width:140px;
  height:30px;
  margin:0;
  padding-top:1px;
  padding-bottom:5px;
  display:inline;
  float:left;
  
  margin-left:0px;
  margin-top:13px;
  padding-left:-10px;
 }

.countDownBackground{
  /*Fallback*/
  background-color:rgb(87,145,117);
  
  /* Background */
  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(96,147,82)),
      color-stop(0.24, rgb(104,157,89)),
      color-stop(0.59, rgb(163,205,151))
  );
  background-image: -moz-linear-gradient(
      center bottom,
      rgb(96,147,82) 0%,
      rgb(104,157,89) 24%,
      rgb(163,205,151) 59%
  );

     line-height:0.95em;
  
  color:#fff;
  text-shadow: 1px 1px 1px #222;
}

.countDownBackgroundRed{
  
  background-color: rgb(204,21,10);
  
  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.4, rgb(204,21,10)),
      color-stop(0.7, rgb(245,49,36)),
      color-stop(0.85, rgb(255,79,65))
  );
  background-image: -moz-linear-gradient(
      center bottom,
      rgb(204,21,10) 40%,
      rgb(245,49,36) 70%,
      rgb(255,79,65) 85%
  );
  

  color:#FFF;
  text-shadow: -1px 1px 1px #222;
}

.countDownBox span, .countDownBox a{
  color:#fff;
  text-shadow: -1px 1px 1px #222;
  font-size:11px; 
  font-weight:normal;
  padding:5px;
}

 

/* End countdown ( calcount ) */

/* Footer */
#footContainA {margin: auto; margin-top: 20px; font-size: 12px; color: rgb(96,96,96); padding-bottom: 10px; background-color: rgb(194,222,231);}
#footContain  {margin: auto; font-size: 13px; color: rgb(96,96,96); padding-bottom: 20px; background-color: rgb(68,159,190);}
#footerA      {width: 900px; margin: auto; padding: 15px;}
#footer       {width: 930px; margin: auto;}
#footer a     {color: rgb(228,241,245);}
#footer h1    {font-size: 18px; margin: 0px; font-weight: normal; color: white; border: none;}
#footerTopA   {height: 16px; background: url(images/footWaveA.gif) repeat-x;}
#footerTop    {height: 16px; background: url(images/footWave.gif) repeat-x;}
#footerBot    {height: 16px; background: url(images/footer-bg-bot.gif) no-repeat;}
#footer1,#footer2,#footer3,#footer4   {padding: 10px; color: rgb(228,241,245); float: left; border-right: 1px solid rgb(4,139,187); height: 160px; width: 180px;}
#footer1  {width: 300px;}
#footer4 {border-right: none;}