
.learnTitleDiv { width: 565px; border: 1px solid #CCC; margin-right; 1px; }
.learnTitleBg { background-image: url(http://www.sharperbrand.com/learn/images/tile_bg.gif); background-repeat: repeat-x; width: 563px; height: 124px; }
#learnTitle1 { background: url(http://www.sharperbrand.com/learn/images/mugs.gif) 381px 0 no-repeat; }
#learnTitle2 { background: url(http://www.sharperbrand.com/learn/images/pedometers.gif) 381px 0 no-repeat; }
#learnTitle3 { background: url(http://www.sharperbrand.com/learn/images/pens.gif) 381px 0 no-repeat; }
#learnTitle4 { background: url(http://www.sharperbrand.com/learn/images/t-shirts.gif) 381px 0 no-repeat; }
#learnTitle5 { background: url(http://www.sharperbrand.com/learn/images/usb-flash-drives.gif) 381px 0 no-repeat; }
#learnTitle1, #learnTitle2, #learnTitle3, #learnTitle4, #learnTitle5 { height: 124px; padding: 5px 0 0 9px; } 
html>body .learnTitleDiv { width: 563px; }

#learnTitle1 h2, #learnTitle2 h2, #learnTitle3 h2, #learnTitle4 h2, #learnTitle5 h2 { color: #FF6600; margin: 0; padding: 0 0 5px 0; font-size: 22px; }

a.titleLink:link, a.titleLink:visited { color: #FF6600; margin: 0; padding: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; text-decoration: none; }
a.titleLink:hover, a.titleLink:active { color: #666; margin: 0; padding: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; text-decoration: none; }

.articleLinks ul { margin: 3px 0 0 0; padding: 0; list-style-type: none; }
.articleLinks li { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.articleLinks a:link, .articleLinks a:visited { color: #666; text-decoration: none; }
.articleLinks a:hover, .articleLinks a:active { color: #FF6600; }

/* ------ Styles for New Format ------- */
#contentL { float: left; width: 349px; margin: 20px 10px 0 10px; padding-bottom: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; }
#contentM { float: left; width: 10px; margin-top: 10px; padding: 0 5px; }
#contentR { float: right; width: 160px; margin-top: 20px; padding: 0 4px; font-family: Arial, Helvetica, sans-serif; }
html>body #contentL { margin: 20px 5px 0 20px; }
html>body #contentM { width: 4px; padding: 0 6px 0 8px;}

#contentR2 { width: 160px; background-color: #FFF; padding: 0 4px; font-family: Arial, Helvetica, sans-serif; }

.divLine { margin: 10px 0; }
.separator { width: 100%; border-top: 1px solid #999; }
html>body .divLine { margin: 20px 0; }

#contentR ul, #contentR2 ul { margin: 0; padding: 0; list-style-type: none; }
#contentR li, #contentR2 li { margin: 7px 0 0 0; padding: 0; }
#contentR a, #contentR2 a { background-color: #FFF; color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#contentR a:visited, #contentR2 a:visited { background-color: #FFF; color: #003366; }
#contentR a:hover, #contentR2 a:hover { background-color: #FFF; color: #FF6600; }

#contentL h3 { background-color: #FFF; color: #FF6600; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

#contentL a:link { background-color: #FFF; color: #003366; text-decoration: underline; }
#contentL a:visited { background-color: #FFF; color: #003366; text-decoration: underline; }
#contentL a:hover { background-color: #FFF; color: #FF6600; text-decoration: underline; }
