/*  ----------------------------------------------------------------------------
    * Filename:         typography.css
    * Description:      Sets up some sensible default typography
    * Version:          1.0 (2010-09-23)
    ------------------------------------------------------------------------- */


/*
body {
    font-style: normal; font-size: 12px; line-height: 18px;
}
body, input, select, textarea, th, td {
    font-family: Arial, Helvetica, sans-serif;
}

h1                  { font-size: 20px; line-height: 24px; color:#007AAB; }
h2                  { font-size: 12px; font-weight: bold; background: url("../images/layout/bg-h2.jpg") repeat-x scroll left top #F5F5F5;}
h3                  { font-size: 12px; line-height: 15px; font-weight:bold; margin: 0 0 10px 0; }
h4                  { font-size: 13px; line-height: 18px; font-weight:bold; }
h5                  { font-size: 14px; line-height: 17px; }
h6                  { font-size: 12px; line-height: 16px; font-weight:bold; }
em, i               { }
p                   { }
small               { }
strong, b           { }

#frame_form h2{ background: #2ACCFD url(../images/layout/bg-h3-x.jpg) repeat-x left bottom; font-size: 12px; line-height: 20px; font-weight: bold; padding: 3px 10px; color: #ffffff; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;}
.form2 h2{ background-color: #99d0ef; font-size: 17px; line-height: 20px; font-weight: bold; padding: 5px;}

#main-inner .product-friends{
  border-top: 3px solid #25aae1; border-bottom: 1px solid #f7941e; margin-bottom: 10px; width: 140px; height: 210px; margin-right: 10px; float: left;
}

h2.h2-main .mid, h3.h3-main .mid {width:522px !important;}
h2.h2-sidebar-left .mid {width:171px !important; height:28px !important;}
h2.h2-sidebar-left .left, h2.h2-sidebar-left .right {height:39px !important;}


h2.h2-sidebar-left { height:39px !important; }
h2.h2-sidebar-left .icon { height:39px; width:29px; float:left; background: url(../images/layout/bg-icon-h2.jpg) no-repeat left top; }


h2.round            {  color:#ffffff; font-weight:bold; font-size:12px; width:100%; display:table;}
h2.round .left      { float:left; width:5px; height:29px; background: #F5F5F5 url(../images/layout/bg-h2-left.jpg) no-repeat left top;}
h2.round .right     { float:left; width:5px; height:29px; background: #F5F5F5 url(../images/layout/bg-h2-right.jpg) no-repeat left top;}
h2.round .mid       { float:left; background: #F5F5F5 url(../images/layout/bg-h2.jpg) repeat-x left top; width:160px; padding:5px 5px 6px 5px;}

h3.round            {  color:#ffffff; font-weight:bold; font-size:12px; width:100%; display:table; }
h3.round .left      { float:left; width:5px; height:24px; background: #0092E6 url(../images/layout/bg-h3-left.jpg) no-repeat left top;}
h3.round .right     { float:left; width:5px; height:24px; background: #0092E6 url(../images/layout/bg-h3-right.jpg) no-repeat left top;}
h3.round .mid       { float:left; height:13px; background: #0092E6 url(../images/layout/bg-h3-x.jpg) repeat-x left top; width:160px; padding:5px 5px 6px 5px; overflow:hidden;}



a:link, a:visited     { text-decoration: none; }
a:hover, a:active     { text-decoration: underline; }


.addRecommendationLink a:link,
.addRecommendationLink a:visited
                      {   font-size:11px !important; padding-top:2px; color:#0E371B; font-weight: normal; }
.addRecommendationLink a{ padding:3px 0 0px 18px; background: url(../images/layout/ico-add.png) left 2px no-repeat; }

#main h2 .extraTitle a:link,
#main h2 .extraTitle a:visited
                      {   font-size:11px !important; padding-top:2px; color:#0e371b; font-weight: bold; }
#main h2 .extraTitle a{ padding:3px 0 0px 18px; background: url(../images/layout/ico-add.png) left 2px no-repeat; }

#main h2 .extraTitle a.linking:link,
#main h2 .extraTitle a.linking:visited
                      {   font-size:11px !important; padding-top:2px; color:#0e371b; font-weight: bold; }
                                                                                                               */