@import "reset.css";

body { font: 100% Arial, Helvetica, sans-serif; font-size: 12px; background: #FFF; margin: 0; padding: 0; text-align: left; color: #999; line-height: 120%; }
div { overflow: hidden; _height: 100%; }
ul { overflow: hidden; display: block; }

a { text-decoration: none; color: #999; }
a:hover { text-decoration: underline; }

h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #19B7E9; font-size: 26px; margin-bottom: 16px; line-height: 120%; }

.left { float: left; }
.right { float: right; }
.blue { color: #19B7E9 !important; }
.break { margin-right: 0 !important; }
.headerimg { display: block; background-repeat: no-repeat; background-position: 0 0; background-color: #FFF; text-indent: -9999px; overflow: hidden; height: 28px; margin: 0 0 16px 0; }

.form .line { display: block; height: 22px; padding: 0 0 8px 0; }
  .form .line label { display: block; float: left; width: 78px; height: 22px; line-height: 22px; }
  .form .line input { display: block; float: left; width: 175px; height: 18px; padding: 1px; border: solid 1px #797979; }
  .form .line a { display: block; float: left; width: 135px; line-height: 22px; padding: 0 0 0 10px; }


.btnbox { display: inline-block; overflow: hidden; color: #FFF; text-transform: uppercase; height: 29px; width: auto; font-weight: bold; border: none; line-height: 29px; cursor: pointer; padding: 0 8px; text-decoration: none !important; background: #00C4F0; }
.btnboxgrey { background-color: #C3C4C7; }

.osmsg { padding: 0 0 10px 0; }
  .osmsg div { font-weight: bold; font-size: 12px; color: #FFF; padding: 2px; }
    .osmsg div img { display: none; }
.messageStackError { background: #F00; }

#container { width: 980px; margin: 0 auto; text-align: left; }

/*
#header { position: relative; height: 150px; width: 100%; text-align: left; }
#header #logo { position: relative; height: 68px; width: 230px; }
#header #shop_info { position: relative; height: 30px; width: 400px; margin-left: 555px; margin-right: 0px; }

#header #nav_bar { position: relative; height: 35px; width: 960px; background-color: #ccc; }
#header #nav_bar #nav { position: relative; float: left; height: 35px; width: 600px; text-align: left; list-style-type: none; overflow: hidden }
#header #nav_bar #nav li { position: relative; float: left; height: 19px; width: auto; background: url(../../images/top_nav_off_bg.png) repeat-x; border-right: 1px solid #fff; display: inline; padding: 6px 14px 10px 14px; font-size: 19px; color: #fff; }
#header #nav_bar #nav li.on { height: 19px; background: url(../../images/top_nav_on_bg.png) repeat-x; }
#header #nav_bar #nav li:hover { height: 19px; background: url(../../images/top_nav_on_bg.png) repeat-x; }
#header #nav_bar #nav li a { height: 19px; text-decoration: none; color: #fff; }

#header #nav_bar #search { position: relative; float: right; height: 35px; width: 300px; padding-top: 5px; padding-right: 5px; }
#header #nav_bar #search input { position: relative; float: left; width: 235px; height: 25px; background: #fff url(../../images/search_image.png) left center no-repeat; padding-left:25px; padding-bottom: 2px; }
#header #nav_bar #search button { position: relative; float: right; width: 31px; height: 25px; background-color: #16b1e7; color: #fff; border: none; padding-top: 3px; }

#header #shop_info #menu3 { position: relative; display: block; height: 25px; float: right; clear: right; overflow: visible;  }
#header #shop_info #menu3 li { display: inline; line-height: 15px; height: 25px; float: left; font-size: 11px; font-weight: bold; }
#header #shop_info #menu3 li.line { background: url(../../img/design/header_menu3_line_bg.png) right 3px no-repeat; padding-right: 2px; }
#header #shop_info #menu3 li.reg { width: 90px; text-align: left; padding-top: 15px; }
#header #shop_info #menu3 li a { color: #999; padding: 0 6px; line-height: 15px; text-decoration: none; }
#header #shop_info #menu3 li.reg a { color: #999; padding: 0 6px 0 0; line-height: 15px; text-decoration: none; }
#header #shop_info #menu3 li a.cart { padding-bottom: 3px; color: #19B7E9; }
#header #shop_info #menu3 li #shopping_cart_header { height: 25px;  }
#header #shop_info #menu3 li #shopping_cart_paw { height: 25px;  }
#header #shop_info #menu3 li a.checkout { color: #19B7E9; }
*/
#mainContent { clear: both; }

#leftContent { display: inline; float: left; width: 195px; }
  #leftContent .leftMenu { display: block; overflow: hidden; border-top: solid 1px #D6D6D6; margin: 0 0 18px 0; }
    #leftContent .leftMenu li { display: block; overflow: hidden; border-bottom: solid 1px #D6D6D6; line-height: 28px; }
      #leftContent .leftMenu li a { display: block; overflow: hidden; line-height: 28px; font-weight: bold; color: #19B7E9; font-size: 14px; padding: 0 8px; }
        #leftContent .leftMenu li a span { color: #19B7E9 !important; }
        #leftContent .leftMenu li a.active { color: #B6B6B6 !important; }
      #leftContent .leftMenu li ul { padding: 0 0 5px 0; }
        #leftContent .leftMenu li ul li { line-height: 143%; border: none; }
          #leftContent .leftMenu li ul li a { line-height: 143%; padding: 0 0 0 30px; }
  #leftContent .leftBanner { text-align: center; padding: 0 0 18px 0; }
    #leftContent .leftBanner img { margin: 0 auto; }

#rightContent { display: inline; float: right; width: 690px; }
  
  #rightContent #searchBar { background-color: #e4E4E4; line-height: 34px; height: 34px; margin: 0 0 9px 0; }
    #rightContent #searchBar .left { width: 74px; height: 34px; background-color: #FFF; }
      #rightContent #searchBar .left h4 { width: 74px; height: 34px; margin: 0; }
    #rightContent #searchBar .right { width: 450px; padding: 5px; text-align: right; }
      #rightContent #searchBar .right * { float: right; }
      #rightContent #searchBar .right label { line-height: 24px; display: block; font-size: 14px; font-weight: bold; padding: 0 5px 0 0; }
      #rightContent #searchBar .right .searchbar { border: solid 1px #5DC3EB; background: #DFF3F9; padding: 1px; height: 20px; width: 155px; font-size: 16px; color: #19B7E9; font-weight: bold; margin: 0 5px 0 0; }
      #rightContent #searchBar .right .searchgo { height: 24px; width: 32px; background: #5DC3EB; color: #FFF; cursor: pointer; text-transform: uppercase; font-weight: bold; }
  
  #rightContent #shopBoxes { padding: 0 0 20px 0; border-bottom: solid 1px #D5D5D5; margin: 0 0 20px 0; }
    #rightContent #shopBoxes .shopBox { border: solid 1px #D5D5D5; float: left; margin: 0 9px 0 0; }
  
  #rightContent #shopAll { clear: both; }
    #rightContent #shopAll ul { display: block; overflow: hidden; width: 223px; float: left; }
      #rightContent #shopAll ul li { }
        #rightContent #shopAll ul li a { line-height: 150%; font-weight: bold; }

  #rightContent .shopPagination { clear: both; padding: 0 0 13px 0; }
    #rightContent .shopPagination p { text-align: right; }
      #rightContent .shopPagination p a { line-height: 19px; font-weight: bold; font-size: 11px; padding: 0 4px; }
      #rightContent .shopPagination p a.n { border: solid 1px #AAA; background: #FFF; }
      #rightContent .shopPagination p a.n:hover { text-decoration: none; background: #F0F0F0; }

  #rightContent #shopProducts { clear: both; padding: 0 0 13px 0; }
    #rightContent #shopProducts .product { float: left; width: 118px; height: 180px; margin: 0 25px 25px 0; }
      #rightContent #shopProducts .product a { line-height: 145%; font-size: 11px; }
        #rightContent #shopProducts .product a .desc { display: block; text-align: center; }
        #rightContent #shopProducts .product a img { border: solid 1px #B6B7BA; width: 116px; height: 116px; }
      #rightContent #shopProducts .product a:hover { text-decoration: none; }
        #rightContent #shopProducts .product a:hover .desc { text-decoration: underline; }
        #rightContent #shopProducts .product a:hover .desc span { text-decoration: underline; }

  #rightContent #shopDetails { clear: both; padding: 0 0 13px 0; }
    #rightContent #shopDetails .left { width: 357px; }
      #rightContent #shopDetails .left .topnav { }
        #rightContent #shopDetails .left .topnav a { line-height: 20px; display: inline-block; width: auto; font-weight: bold; }
        #rightContent #shopDetails .left .topnav a.back { float: left; padding: 0 16px 0 0; }
        #rightContent #shopDetails .left .topnav a.view { float: right; font-size: 11px; text-align: right; }
      #rightContent #shopDetails .left .photo { padding: 0 0 10px 0; }
        #rightContent #shopDetails .left .photo img { border: solid 1px #CCC; width: 355px; }
      #rightContent #shopDetails .left .other { }
        #rightContent #shopDetails .left .other p { font-weight: bold; font-size: 13px; }
        #rightContent #shopDetails .left .other ul { display: block; overflow: hidden; padding: 8px 0 0 0; }
          #rightContent #shopDetails .left .other ul li { float: left; display: block; overflow: hidden; padding: 0 8px 8px 0; }
            #rightContent #shopDetails .left .other ul li a { }
              #rightContent #shopDetails .left .other ul li a img { width: 118px; height: 118px; border: solid 1px #CCC; }
    #rightContent #shopDetails .right { width: 288px; padding: 20px 0 0 0; color: #666; }
      #rightContent #shopDetails .right h1 { font-size: 14px; font-weight: bold; line-height: 130%; margin: 0 0 4px 0; }
      #rightContent #shopDetails .right p.desc { line-height: 150%; margin: 0 0 15px 0; }
      #rightContent #shopDetails .right .box { border-top: solid 1px #D6D6D6; padding: 8px 0; }
        #rightContent #shopDetails .right .box label { display: block; font-weight: bold; margin: 0 0 4px 0; }
      #rightContent #shopDetails .right .ds { }
        #rightContent #shopDetails .right .ds a { float: left; display: inline-block; margin: 0 16px 0 0; font-weight: bold; }
      #rightContent #shopDetails .right .size { }
        #rightContent #shopDetails .right .size select { min-width: 175px; }
      #rightContent #shopDetails .right .qc { }
        #rightContent #shopDetails .right .qc div { float: left; width: 128px; }
          #rightContent #shopDetails .right .qc div select { width: 80px; }
      #rightContent #shopDetails .right .btnset { padding-top: 15px; }
        #rightContent #shopDetails .right .btnset * { display: inline-block; float: left; overflow: hidden; color: #FFF; text-transform: uppercase; height: 29px; margin: 0 14px 0 0; width: auto; font-weight: bold; border: none; line-height: 29px; cursor: pointer; padding: 0 8px; text-decoration: none !important; }
        #rightContent #shopDetails .right .btnset input { background: #00C4F0; }
        #rightContent #shopDetails .right .btnset a { background: #C3C4C7; margin-right: 0 !important; }

  #rightContent #groomdesc { background: url(../../img/design/groom_bg.jpg) right bottom no-repeat; border-bottom: solid 1px #A9A9A9; margin: 0 0 15px 0; }
    #rightContent #groomdesc p { font-size: 13px; color: #656565; width: 440px; margin: 0 0 20px 0; line-height: 155%; }
  #rightContent #groomalbum { padding: 0 0 35px 0; }
    #rightContent #groomalbum .left { width: 191px; }
      #rightContent #groomalbum .left h2 { margin: 0; }
      #rightContent #groomalbum .left ul { }
        #rightContent #groomalbum .left ul li { float: left; padding: 0 9px 6px 0; }
          #rightContent #groomalbum .left ul li a { display: block; overflow: hidden; width: 77px; height: 77px; border: solid 1px #D6D6D6; padding: 1px; }
            #rightContent #groomalbum .left ul li a img { width: 77px; height: 77px; }
      #rightContent #groomalbum .left p { color: #666; font-weight: bold; clear: both; }
        #rightContent #groomalbum .left p a { color: #666; }
        #rightContent #groomalbum .left p a.blue { color: #19B7E9; }
    #rightContent #groomalbum .right { width: 483px; padding: 28px 0 0 0; }
      #rightContent #groomalbum .right img { border: solid 9px #5AC2EB; max-width: 463px; }

  #rightContent #treatmentsdesc { background: url(../../img/design/groom_treatments_bg.jpg) right top no-repeat; margin: 0 0 15px 0; }
    #rightContent #treatmentsdesc p { font-size: 13px; color: #666; width: 440px; margin: 0 0 17px 0; line-height: 155%; }
      #rightContent #treatmentsdesc p.tableheader { margin-bottom: 3px; }
      #rightContent #treatmentsdesc p big { font-size: 16px; font-weight: bold; }
    #rightContent #treatmentsdesc table { margin: 0 0 17px 0; width: 440px; border-collapse: collapse; border-top: solid 1px #D5D5D5; }
      #rightContent #treatmentsdesc table td { color: #666; font-size: 13px; line-height: 23px; border-bottom: solid 1px #D5D5D5; }

  #rightContent #bookdesc { background: url(../../img/design/groom_book_bg.jpg) right top no-repeat; margin: 0 0 15px 0; min-height: 370px; }
    #rightContent #bookdesc form { }
      #rightContent #bookdesc form label { display: block; overflow: hidden; font-size: 13px; font-weight: bold; color: #666; line-height: 22px; }
        #rightContent #bookdesc form label span { color: #F09; }
      #rightContent #bookdesc form .text { border: solid 1px #5DC3EB; background: #DFF3F9; padding: 1px; height: 20px; width: 285px; font-size: 16px; color: #19B7E9; font-weight: bold; margin: 0 0 7px 0; }
      #rightContent #bookdesc form select { margin: 0 0 7px 0; min-width: 200px; max-width: 285px; }
      #rightContent #bookdesc form .radioset { margin: 0 0 7px 0; height: 22px; }
      #rightContent #bookdesc form .submit { overflow: hidden; color: #FFF; text-transform: uppercase; height: 29px; margin: 6px 0 12px 0; width: auto; font-weight: bold; border: none; line-height: 29px; cursor: pointer; padding: 0 8px; text-decoration: none !important; background: #00C4F0; }
      #rightContent #bookdesc form .pink { color: #F09; font-size: 11px; }
    #rightContent #bookdesc .thanks { color: #666; line-height: 140%; font-size: 18px; width: 390px; }
    #rightContent #bookdesc .visit { font-size: 13px; font-weight: bold; margin: 18px 0 0 0; }

  #rightContent #playdesc { background: url(../../img/design/play_bg.jpg) right top no-repeat; margin: 0 0 15px 0; }
    #rightContent #playdesc h1 { height: 36px; width: 300px; }
    #rightContent #playdesc p { font-size: 13px; color: #666; width: 440px; margin: 0 0 17px 0; line-height: 155%; }

  #rightContent #staydesc { background: url(../../img/design/play_stay_bg.jpg) right top no-repeat; margin: 0 0 15px 0; min-height: 290px; }
    #rightContent #staydesc h1 { height: 33px; width: 300px; }
    #rightContent #staydesc p { font-size: 13px; color: #666; width: 440px; margin: 0 0 17px 0; line-height: 155%; }

  #rightContent #businessdesc { background: url(../../img/design/learn_business_bg.jpg) right top no-repeat; margin: 0 0 15px 0; min-height: 310px; }
    #rightContent #businessdesc h1 { height: 36px; width: 400px; }
    #rightContent #businessdesc p { font-size: 13px; color: #666; width: 440px; margin: 0 0 17px 0; line-height: 155%; }
      #rightContent #businessdesc p big { font-size: 16px; }

  #rightContent #jffdesc { background: url(../../img/design/learn_jff_bg.jpg) right top no-repeat; margin: 0 0 15px 0; min-height: 440px; }
    #rightContent #jffdesc h1 { height: 36px; width: 400px; }
    #rightContent #jffdesc p, #rightContent #jffdesc ul { font-size: 13px; color: #666; width: 440px; margin: 0 0 17px 0; line-height: 155%; }
      #rightContent #jffdesc p big { font-size: 16px; font-weight: bold; }
    #rightContent #jffdesc .line { height: 17px; line-height: 17px; border-top: solid 1px #797979; width: 440px; }

  #rightContent #professionaldesc { background: url(../../img/design/learn_business_bg.jpg) right top no-repeat; margin: 0 0 15px 0; min-height: 310px; }
    #rightContent #professionaldesc h1 { width: 440px; }
    #rightContent #professionaldesc p, #rightContent #professionaldesc ul { font-size: 13px; color: #666; width: 440px; margin: 0 0 17px 0; line-height: 155%; }
      #rightContent #professionaldesc p big { font-size: 16px; font-weight: bold; }
    #rightContent #professionaldesc .line { height: 17px; line-height: 17px; border-top: solid 1px #797979; width: 440px; }

  #rightContent #learndesc { background: url(../../img/design/learn_bg.jpg) right top no-repeat; margin: 0 0 15px 0; min-height: 310px; }
    #rightContent #learndesc h1 { width: 440px; }
    #rightContent #learndesc p { font-size: 13px; color: #666; width: 440px; margin: 0 0 17px 0; line-height: 155%; }

  #rightContent #locationsdesc { }
    #rightContent #locationsdesc h2 { width: 200px; margin: 0; }
    #rightContent #locationsdesc p { font-size: 14px; font-weight: bold; line-height: 160%; margin: 0 0 15px 0; }
    #rightContent #locationsdesc .side { width: 310px; }
    #rightContent #locationsdesc .map { margin: 0 0 15px 0; }
    #rightContent #locationsdesc .photo { margin: 0 0 15px 0; border: solid 1px #1AB7EA; }
  #leftContent #contact { padding: 40px 0 0 0; }
    #leftContent #contact h2 { margin: 0; }
    #leftContent #contact .line { height: 6px; line-height: 6px; margin: 14px 0 0 0; border-top: solid 1px #AAA; }
    #leftContent #contact p, #leftContent #contact label { font-size: 13px; color: #666; font-weight: bold; }

      #leftContent #contact form label { display: block; overflow: hidden; line-height: 22px; }
        #leftContent #contact form label span { color: #F09; }
      #leftContent #contact form .text { border: solid 1px #5DC3EB; background: #DFF3F9; padding: 1px; height: 20px; width: 191px; font-size: 16px; color: #19B7E9; font-weight: bold; margin: 0 0 7px 0; }
      #leftContent #contact form textarea.text { height: 110px; }
      #leftContent #contact form .radioset { margin: 0 0 7px 0; height: 22px; }
      #leftContent #contact form .submit { overflow: hidden; color: #FFF; text-transform: uppercase; height: 29px; margin: 6px 0 12px 0; width: auto; font-weight: bold; border: none; line-height: 29px; cursor: pointer; padding: 0 8px; text-decoration: none !important; background: #00C4F0; }
      #leftContent #contact form .pink { color: #F09; font-size: 11px; }
      #leftContent #contact form .thanks { margin: 100px 0 0 0; }


  #rightContent #shoppingcart { }
    #rightContent #shoppingcart #bagTable { border-bottom: solid 1px #AAA; margin: 0; width: 800px; border-collapse: collapse; }
      #rightContent #shoppingcart #bagTable td { border-bottom: solid 1px #AAA; padding: 10px 3px 8px 3px; vertical-align: top; }
        #rightContent #shoppingcart #bagTable td .quantity { border: solid 1px #AAA; padding: 2px; width: 50px }
    #rightContent #shoppingcart #shoppingSub { padding: 40px 0 30px 0; }
      #rightContent #shoppingcart #shoppingSub p { font-size: 20px; text-align: right; }
    #rightContent #shoppingcart #cartBtnSet { padding: 0 0 40px 0; }
	  #rightContent #shoppingcart #cartBtnSet * { display: inline-block; float: left; overflow: hidden; color: #FFF; text-transform: uppercase; height: 29px; width: auto; font-weight: bold; border: none; line-height: 29px; cursor: pointer; padding: 0 8px; text-decoration: none !important; background: #00C4F0; }
      #rightContent #shoppingcart #cartBtnSet .submit { }
      #rightContent #shoppingcart #cartBtnSet .checkout { margin: 0 0 0 300px; }
      #rightContent #shoppingcart #cartBtnSet .continue { background: #C3C4C7; float: right; }
		
  #rightContent #checkout { padding: 0 0 60px 0; }
    #rightContent #checkout h3 { color: #19B7E9; font-size: 16px; margin: 0 0 10px 0; }
    #rightContent #checkout #checkout1 { padding: 0 0 15px 0; border-bottom: solid 1px #AAA; margin: 0 0 15px 0; }
      #rightContent #checkout #checkout1 .left { width: 330px;  }
      #rightContent #checkout #checkout1 .right { width: 330px;  }
    #rightContent #checkout #orderTable { border-bottom: solid 1px #AAA; margin: 0 0 15px 0; width: 100%; border-collapse: collapse; }
      #rightContent #checkout #orderTable td { padding: 4px 2px 8px 2px; border-bottom: solid 1px #CACACA; }
      #rightContent #checkout #orderTable td.price { text-align: right; }
    #rightContent #checkout #finalinfo { text-align: right; font-size: 18px; width: 300px; float: right; margin: 0 0 15px 0; }
      #rightContent #checkout #finalinfo td { line-height: 110%; padding: 4px 0; }
        #rightContent #checkout #finalinfo td b { font-weight: bold; color: #19B7E9; }

  #rightContent #legal { padding: 0 0 60px 0; }
    #rightContent #legal .left { width: 240px; margin: 0 20px 0 0; text-align: left; }
      #rightContent #legal .left h3 { color: #19B7E9; font-size: 16px; margin: 0 0 14px 0; }
      #rightContent #legal .left p { color: #666; font-size: 12px; line-height: 130%; margin: 0 0 14px 0; }


#mainContent.invert {}
  #mainContent.invert #leftContent { float: right !important; }
  #mainContent.invert #rightContent { float: left !important; }


#bottomContent { display: block; clear: both; border-top: solid 1px #A9A9A9; padding: 18px 0 10px 0; }
  #bottomContent #bottomProducts { }
    #bottomContent #bottomProducts .product { float: left; width: 295px; margin: 0 20px 0 0; }
      #bottomContent #bottomProducts .product .left { width: 180px; }
        #bottomContent #bottomProducts .product .left h5 { font-size: 16px; color: #19B7E9; font-weight: bold; margin: 0 0 3px 0; }
        #bottomContent #bottomProducts .product .left p { font-size: 13px; color: 666; line-height: 155%; }
          #bottomContent #bottomProducts .product .left p a.buy { font-size: 14px; display: block; width: 120px; padding: 5px 0 0 0; font-weight: bold; }
      #bottomContent #bottomProducts .product .right { width: 115px; }
        #bottomContent #bottomProducts .product .right img { width: 115px; }
    #bottomContent #bottomProducts .blog { margin: 0 !important; }
      #bottomContent #bottomProducts .blog .left { width: 295px !important; }

.catwrapper { background: url(../../img/design/wrapper_cat_bg.jpg) 0 128px no-repeat; }
.dogwrapper { background: url(../../img/design/wrapper_dog_bg.jpg) 0 120px no-repeat; }

.wrapper { width: 1024px; text-align: left; margin: 0; }
  .wrapper #container { margin: 0 auto !important; text-align: left !important; }

#blogwrapper { }
  #blogwrapper #container { margin: 0 auto; text-align: left; }
  #blogwrapper #leftContent { width: 550px; margin: 0 0 0 120px; }
    #blogwrapper #leftContent .line { border-bottom: solid 1px #AAA; }
    #blogwrapper #leftContent .post { margin: 0 0 20px 0; }
      #blogwrapper #leftContent .post .left { width: 102px; height: 100px; background: url(../../img/design/news_brackets.png) 0 10px no-repeat; padding: 12px 0 0 0; }
        #blogwrapper #leftContent .post .left p { width: 53px; margin: 0 0 0 18px; text-align: center; }
          #blogwrapper #leftContent .post .left p.line1 { line-height: 24px; font-weight: bold; color: #000; font-size: 26px; font-family: Georgia, "Times New Roman", Times, serif; }
          #blogwrapper #leftContent .post .left p.line2 { line-height: 19px; text-transform: uppercase; color: #19B7E9; font-weight: bold; }
          #blogwrapper #leftContent .post .left p.line3 { line-height: 15px; color: #AAA; font-weight: bold; }
      #blogwrapper #leftContent .post .right { width: 443px; padding: 0 0 14px 0; }
        #blogwrapper #leftContent .post .right h2 a { font-family:Georgia, "Times New Roman", Times, serif; color: #19B7E9; font-size: 34px; line-height: 44px; display: block; margin: 0 0 8px 0; }
        #blogwrapper #leftContent .post .right p { font-size: 13px; color: #666; line-height: 155%; margin: 0 0 4px 0; }
          #blogwrapper #leftContent .post .right p a { color: #19B7E9; }
        #blogwrapper #leftContent .post .right p.comm { font-size: 12px; font-weight: bold; padding: 12px 0 0 0; display: block; }
          #blogwrapper #leftContent .post .right p.comm a { display: block; overflow: hidden; line-height: 16px; background: url(../../img/design/news_comments_bullet.gif) 0 0 no-repeat; padding: 0 0 0 20px; }
  #blogwrapper #rightContent { width: 218px; margin: 0 10px 0 0; }
    #blogwrapper #rightContent h2 { margin: 0; height: 15px; width: 70px; }
    #blogwrapper #rightContent #fetch { padding: 4px 0 14px 0; }
      #blogwrapper #rightContent #fetch .base { background: url(../../img/design/news_fetch_bar.png) 0 0 no-repeat; height: 25px; width: 218px; }
        #blogwrapper #rightContent #fetch .base input { border: none; margin: 2px 0 0 2px; height: 21px; width: 190px; float: left; background: transparent; font-size: 16px; color: #FFF; font-weight: bold; }
        #blogwrapper #rightContent #fetch .base a { float: right; display: block; overflow: hidden; text-indent: -9999px; height: 25px; width: 20px; }
    #blogwrapper #rightContent ul.social { padding-bottom: 0 !important; }
      #blogwrapper #rightContent ul.social li { width: 25px; }
      #blogwrapper #rightContent ul.social li.break { width: 16px; }
    #blogwrapper #rightContent .boxlinks { margin: 14px 0 0 0; border-top: solid 1px #AAA; padding: 14px 0 0 0; }
      #blogwrapper #rightContent .boxlinks h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #19B7E9; line-height: 120%; margin: 0 0 3px 0; }
      #blogwrapper #rightContent .boxlinks ul { }
        #blogwrapper #rightContent .boxlinks ul li { line-height: 143%; font-size: 14px; font-weight: bold; }
          #blogwrapper #rightContent .boxlinks ul li a { }
            #blogwrapper #rightContent .boxlinks ul li a span { color: #19B7E9; }

#commentform { }
  #commentform label { line-height: 20px; }
  #commentform input, #commentform textarea { border: solid 1px #CCC; padding: 1px; font-size: 12px; margin: 0 0 6px 0; width: 300px; }


#homewrapper { }
  #homewrapper #leftContent { width: 444px; }
    #homewrapper #leftContent .intro { margin: 0 0 0 112px; }
      #homewrapper #leftContent .intro h2 { height: 40px; margin: 0; }
      #homewrapper #leftContent .intro p { font-size: 13px; color: #666; line-height: 155%; margin: 0 0 13px 0; }
      #homewrapper #leftContent .intro p.see { text-align: right; font-size: 14px; margin: 0 0 8px 0; }
    #homewrapper #leftContent .box { border-top: solid 1px #D6D6D6; }
      #homewrapper #leftContent .box h2 { height: 39px; margin: 0; }
      #homewrapper #leftContent .box .slideshow { width: 444px; height: 123px; }
        #homewrapper #leftContent .box .slideshow .arrow { width: 14px; height: 116px; overflow: hidden; display: block; background-position: left center; background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; }
        #homewrapper #leftContent .box .slideshow .arrow-left { float: left; background-image: url(../../img/design/home_arrow_left.png); }
        #homewrapper #leftContent .box .slideshow .arrow-right { float: right; background-image: url(../../img/design/home_arrow_right.png); }
		
        #homewrapper #leftContent .box .slideshow .scrollArea { float: left; height: 123px; width: 410px; }
          #homewrapper #leftContent .box .slideshow .scrollArea .scrollable { position: relative; width: 410px; height: 123px; }
		
        #homewrapper #leftContent .box .slideshow .items { float: left;  width: 20000em; position: absolute; white-space: nowrap; overflow: hidden; }
          #homewrapper #leftContent .box .slideshow .items .product { float: left; width: 123px; height: 123px; margin: 0 7px 0 7px; }
            #homewrapper #leftContent .box .slideshow .items .product img { width: 123px; height: 123px; }
      #homewrapper #leftContent #slide p.see { text-align: right; font-size: 14px; margin: 0 0 8px 0; }
      #homewrapper #leftContent #video { }
        #homewrapper #leftContent #video h2 { height: 39px; display: block; overflow: hidden; background: url(../../img/design/titles/home_video.png) 0 0 no-repeat; line-height: 44px; padding: 0 0 0 146px; font-size: 15px; font-weight: bold; color: #666; }
        #homewrapper #leftContent #video .video { border: solid 9px #5AC2EB; }
        #homewrapper #leftContent #video p.see { text-align: right; font-size: 14px; margin: 6px 0 11px 0; }
      #homewrapper #leftContent #grooming { }
        #homewrapper #leftContent #grooming .left { width: 255px; }
        #homewrapper #leftContent #grooming .right { width: 162px; }
        #homewrapper #leftContent #grooming p { font-size: 13px; line-height: 155%; margin: 0 0 10px 0; }
	  
  #homewrapper #rightContent { width: 444px; }
    #homewrapper #rightContent .box { border-top: solid 1px #D6D6D6; padding-top: 8px; }
      #homewrapper #rightContent .box h2 { height: 22px; margin: 0; }
      #homewrapper #rightContent .box p.see { text-align: right; font-size: 14px; margin: 6px 0 11px 0; }
    #homewrapper #rightContent #uglies { border: none !important; padding-top: 0; }
      #homewrapper #rightContent #uglies .slideshow { width: 444px; height: 79px; padding: 5px 0 10px 0; }
        #homewrapper #rightContent #uglies .slideshow .arrow { width: 14px; height: 79px; overflow: hidden; display: block; background-position: left center; background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; }
        #homewrapper #rightContent #uglies .slideshow .arrow-left { float: left; background-image: url(../../img/design/home_arrow_left.png); margin: 0 3px 0 0; }
        #homewrapper #rightContent #uglies .slideshow .arrow-right { float: right; background-image: url(../../img/design/home_arrow_right.png); }
		
		
        #homewrapper #rightContent #uglies .slideshow .scrollArea { float: left; height: 79px; width: 410px; }
          #homewrapper #rightContent #uglies .slideshow .scrollArea .scrollable { position: relative; width: 410px; height: 79px; }
		
        #homewrapper #rightContent #uglies .slideshow .items { float: left;  width: 20000em; position: absolute; white-space: nowrap; overflow: hidden; }
          #homewrapper #rightContent #uglies .slideshow .items .photo { float: left; width: 75px; height: 75px; margin: 0 2px 0 1px; padding: 1px; border: solid 1px #D6D6D6; }
          #homewrapper #rightContent #uglies .slideshow .items .active { background: #19B7E9; border-color: #19B7E9; }
            #homewrapper #rightContent #uglies .slideshow .items .photo img { width: 75px; height: 75px; }
      #homewrapper #rightContent #uglies #uglies-photo { border: solid 9px #5AC2EB; }
        #homewrapper #rightContent #uglies #uglies-photo img { width: 426px; }
    #homewrapper #rightContent #news { }
      #homewrapper #rightContent #news .news { line-height: 155%; font-size: 13px; color: #666; margin: 0 0 14px 0; }
        #homewrapper #rightContent #news .news h3 { font-weight: bold; font-size: 16px; }
    #homewrapper #rightContent #contact { background: url(../../img/design/home_contact_bg.jpg) right 0 no-repeat; }
      #homewrapper #rightContent #contact p { line-height: 155%; font-size: 13px; color: #666; margin: 0 0 14px 0; }

#signinwrapper { }
  #signinwrapper #rightContent { width: 692px; }
    #signinwrapper #rightContent .headerimg { height: 42px; }
    #signinwrapper #rightContent form { }
      #signinwrapper #rightContent form p, #signinwrapper #rightContent form label { font-size: 12px; font-weight: bold; }
      #signinwrapper #rightContent form p { margin: 0 0 18px 0; }
      #signinwrapper #rightContent form .line { display: block; height: 22px; padding: 0 0 8px 0; }
        #signinwrapper #rightContent form .line label { display: block; float: left; width: 78px; height: 22px; line-height: 22px; }
        #signinwrapper #rightContent form .line input { display: block; float: left; width: 175px; height: 18px; padding: 1px; border: solid 1px #797979; }
        #signinwrapper #rightContent form .line a { display: block; float: left; width: 135px; line-height: 22px; padding: 0 0 0 10px; }
      #signinwrapper #rightContent form .submit { display: block; height: 29px; color: #FFF; background: #33CBFF; font-weight: bold; padding: 0 8px; line-height: 29px; cursor: pointer; margin: 0 0 0 195px; }
    #signinwrapper #rightContent #noaccount { border-top: solid 1px #AAA; clear: both; margin: 15px 0 62px 0; padding: 16px 0 0 0; }
      #signinwrapper #rightContent #noaccount h2 { height: 29px; }
      #signinwrapper #rightContent #noaccount a { display: block; overflow: hidden; height: 29px; color: #FFF; background: #33CBFF; font-weight: bold; text-align: center; line-height: 29px; cursor: pointer; margin: 0 0 0 188px; clear: both; width: 70px; }

#registerwrapper { }
  #registerwrapper #rightContent { width: 692px; }
    #registerwrapper #rightContent form { }
      #registerwrapper #rightContent form p, #registerwrapper #rightContent form label { font-size: 12px; font-weight: bold; color: #000; }
      #registerwrapper #rightContent form p { margin: 0 0 18px 0; }
      #registerwrapper #rightContent form .line { display: block; height: 22px; padding: 0 0 8px 0; }
      #registerwrapper #rightContent form .border { border-bottom: solid 1px #D6D6D6; padding: 0 0 15px 0; margin: 0 0 21px 0; }
        #registerwrapper #rightContent form .line label { display: block; float: left; width: 85px; height: 22px; line-height: 22px; }
        #registerwrapper #rightContent form .line .text { display: block; float: left; width: 175px; height: 18px; padding: 1px; border: solid 1px #797979; }
        #registerwrapper #rightContent form .line select { min-width: 120px; float: left; }
        #registerwrapper #rightContent form .line .fieldbox { line-height: 22px; white-space: nowrap; }
        #registerwrapper #rightContent form .line .required { line-height: 44px; white-space: nowrap; font-size: 11px; color: #000; }
          #registerwrapper #rightContent form .line .required span { float: none; line-height: inherit; height: inherit; display: inline; }
        #registerwrapper #rightContent form .line span { color: #33CBFF; display: block; float: left; width: 10px; text-align: center; height: 22px; line-height: 14px; }
        #registerwrapper #rightContent form .line a { display: block; float: left; width: 135px; line-height: 22px; padding: 0 0 0 10px; }
      #registerwrapper #rightContent form .linkset { width: 430px; font-weight: bold; }
        #registerwrapper #rightContent form .linkset a { }
        #registerwrapper #rightContent form .linkset .submit { display: block; height: 29px; color: #FFF; background: #33CBFF; font-weight: bold; padding: 0 8px; line-height: 29px; cursor: pointer; margin: 0 0 40px 0; }

#footer { position: relative; height: 235px; width: 100%; text-align: left; }
#footer #top_footer { height: 110px; border-top: 1px solid #999;  }
#footer #top_footer p { position: relative; float: left; width: 218px; font-size: 12px; color: #999; padding-right: 7px; margin-top: 5px; }
#footer #top_footer span { color: #1bb9ec; font-weight: bold; }
#footer #top_footer a { color: #999; text-decoration: none; }
#footer #top_footer #copy { width: 260px; margin-top: 75px; }

#footer #bottom_footer { height: 110px; border-top: 1px solid #999; font-size: 12px; }
#footer #bottom_footer ul { position: relative; float: left; width: 140px; height: auto; margin-top: 20px; }
#footer #bottom_footer ul.last { position: relative; float: left; width: 100px; height: auto; margin-top: 20px; }
#footer #bottom_footer ul li span { color: #1bb9ec; font-weight: bold; }
#footer #bottom_footer ul li a { color: #999; text-decoration: none; }