/** 
 * Local stylesheet file 
 * #nap { Numbers and pricing }
 */

/* #Intro - dedicated bg class */
.nap-bg h1 { height: 24px; width: 460px; background: url( '/_i/heading/nl/0800-0900.gif' ) no-repeat; }
.nap-bg { height: 230px; width: 960px; background: url( '/_i/woman-bg.gif' ) no-repeat bottom left; }
.nap-bg .line { margin: 89px 0 0 0; overflow: hidden; }

/* General definition of Numbers and pricing main box */
#nap { text-align: left; width: 959px; }

#nap div.tab { display: block; margin: 0; padding: 0; border: 1px solid #989898 !important; }
table { border-collapse: collapse; border: none !important; padding: 0; margin: 0; }
th, th strong { font-size: 14px; color: #000; vertical-align: bottom; }
th, td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 14px !important; padding: 10px; text-align: left; line-height: 20px; }
th:last-child, td:last-child { border-right: 1px solid #989898 !important; } 
thead th { color: #000; border-bottom: 1px solid #989898 !important; }
thead th:last-child{ border-right: 1px solid #989898 !important; }
tbody tr td:hover { background-color: #eeeeec; cursor: pointer; }
tbody tr:last-child td { border-bottom: none !important; }
tbody th { font-size: 12px !important; background: url(http://38one.com/bf/images/bgd-tbody-th.gif) left top repeat-x; padding-top: 15px; }

/* Basic classes definition */
#nap h2 { display: block; clear: left; margin: 15px 0 0 0; padding: 0; color: #0099cc; font-size: 16px; }
#nap img { margin: 35px 0px 0px 15px; float: left; clear: none; }
#nap i { font-size: 12px; }

#nap strong { color: #000; font-size: 16px !important; font-weight: normal; }
#nap strong.ptitle { display: block; overflow: hidden; margin: 16px 0 16px 0; font-weight: normal !important; }
#nap strong.extra { display: inline; font-weight: normal; color: #0099cc; font-size: 14px !important; }

#nap p { margin: 10px 0 10px 0; }
#nap p.list { padding: 0 0 0 10px !important; }  
#nap p.legend { font-size: 12px !important; line-height: 15px !important; float: right !important; margin-right: 10px !important; padding-top: 7px !important; width: auto !important; color: #666 !important; }
#nap ul.legend { width: 540px; list-style-type: decimal; list-style-position:inside; margin: 5px 0 20px 0; padding: 0; }
#nap ul.legend li { font-size: 11px; }

#nap strong#head-text { padding: 3px 6px 0 0; margin: 0; float: left; font-weight: normal !important; font-size: 16px !important; } 
#nap h2#head-text { font-size: 22px !important; color: #000 !important; padding: 2px 6px 0 20px !important; margin: 0 !important; float: left; height: 24px; font-weight: normal !important; }

#nap .green  { margin: 22px 0 10px 0 !important; height: 24px; background: url( '/_i/gline.gif' ) repeat-x; }
#nap .grey { margin: 0 0 20px 0; height: 24px; background: url( '/_i/grline.gif' ) repeat-x; }
#nap div.price { position: absolute; display: inline; color: #000; bottom: 12px; left: 0; overflow: hidden; font-weight: bold; font-size: 16px; }

/* Anchor general definition */
#nap a.more { background: url( '/_i/blue-arrow.jpg' ) no-repeat 2px; margin: 0; padding: 0 0 0 10px; float: left; overflow: hidden; }
#nap a { color: #0099cc; text-decoration: none; }
#nap a:hover { text-decoration: underline; }

/* General definition of each row */
#top-row, #middle-row, #bottom-row { border-bottom: 1px solid #ccc; width: 900px; margin: 0 10px 0 10px; padding: 0 0 10px 0; }
#lr-2 #top-row, #lr-3 #top-row,
#lr-2 #middle-row, #lr-3 #middle-row,
#lr-2 #bottom-row, #lr-3 #bottom-row { width: 940px !important; }

#lr-3 #top-row { border-bottom: 0 !important; } 

#middle-row strong, #bottom-row strong { font-size: 16px; font-weight: bold; }
#top-row strong { font-size: 14px !important; margin: 3px 0 3px 0; font-weight: bold; }
#top-row strong.light-green { color: #5CA30A; }

/* Table width */
#nap #lr-4 table { width: 569px !important; }
#nap #lr-4 div#top-grey { width: 569px !important; }
#nap #lr-4 div.tab { width: 568px; }
#nap #lr-5 table,
#nap #lr-6 table { width: 900px !important; }
#nap #lr-5 div#top-grey,
#nap #lr-6 div#top-grey { width: 900px !important; }
#nap #lr-5 div.tab,
#nap #lr-6 div.tab { width: 899px; }

/* Top row */
#top-row i { margin-top: 5px; padding-bottom: 10px; display: block; }
#top-row #lcol { width: 570px; border: none; }
#top-row h3 { font-size: 16px; font-weight: normal; padding: 20px 0 10px 0; margin: 0; overflow: hidden; }
#top-row .ptitle {
	display: inline !important;
	}

#top-row p { width: 568px; }

.secondary-info { font-size: 12px !important; color: #666 !important; font-weight: normal !important; }

/* Top row, right column - search box */
#top-row #rcol #top-green { width: 306px; margin-left: 5px; }
#top-row #rcol { width: 316px; float: right; display: inline; overflow: hidden; margin: 10px 0px 0px 0px; padding: 20px 5px 5px 5px; }
#top-row #rcol .tr { margin: 0 0 0 50px; }
#top-row #rcol .annimg { margin: 10px 0 10px 5px; }
#top-row #rcol .ann { margin: 0 0 0 5px; width: 280px; font-size: 14px; color: #666; }
#top-row #rcol .ann strong { font-size: 14px !important; color: #666 !important; }
#top-row #rcol div.nsearch { padding: 0; }
#top-row #rcol div.nsearch p { padding:  0 0 10px 0 !important; overflow: hidden; width: 265px !important; }

#rcol .small-box { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 0 0 5px; overflow: hidden; width: 283px; padding: 0 10px 0px 10px; }
#rcol .small-box b { color: #666 !important; display: inline !important; }

/* Middle row */
#middle-row div.lsection { width: 280px; float: left; 	margin: 0; padding: 0; }


/* Bottom row */
#bottom-row { border-bottom: none !important; margin-top: 20px; }
#bottom-row div.block { width: 420px; }
#bottom-row .ldiv { height: 455px; margin: 5px 0 0 20px; }

#nap #lr-2, #nap #lr-3 {
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #cccccc; 
	border-bottom: 1px solid #cccccc; }
#nap #lr-3 h2 {
	display: inline; margin: 0; padding: 0;
	font-size: 16px; color: #000; }
#nap #lr-3 b { 
	background: url( '/_i/cross.gif' ) no-repeat left;
	color: #5ca30a; font-size: 14px; display: block; 
	height: 18px; padding-left: 22px;  }
#nap #lr-2, #nap #lr-3 { color: #666; width: 957px; margin: 0 auto; } 

#nap #lr-4, #nap #lr-5, #nap #lr-6 { border-left: 1px solid #99cc00; border-right: 1px solid #99cc00; border-bottom: 1px solid #99cc00; padding: 0 0 0 15px; width: 942px; color: #666; }

#nap #lr-4 p, #nap #lr-5 p, #nap #lr-6 p { padding: 0 0 15px 0; margin: 0; }
#nap #lr-5 b, #nap #lr-6 b { color: #99cc00; }
#nap #alr-4, #nap #alr-5, #nap #alr-6 { display: inline; float: left; height: 200px !important; font-size: 14px; text-align: left; color: #666666; font-weight: normal; cursor: pointer; line-height: 18px; width: 319px; }

#nap .menu-on4 h2, #nap .menu-on5 h2, #nap .menu-on6 h2 { color: #000; } 
#nap .menu-on4 div.price, #nap .menu-on5 div.price, #nap .menu-on6 div.price { color: #5CA30A; }
#nap .menu-on4 div.line, #nap .menu-on5 div.line, #nap .menu-on6 div.line { margin: 12px 0 10px 0; height: 4px; background-color: #99cc33; overflow: hidden; }
#nap .menu-off4 div.line, #nap .menu-off5 div.line, #nap .menu-off6 div.line { margin: 12px 0 10px 0; height: 4px; background-color: #eeeeec; overflow: hidden; }
#nap div.black-line { margin: 12px 0 10px 0; height: 4px; background-color: #000; overflow: hidden; }

#nap a.menu-on4 { width: 319px !important; border-top: 1px solid #99cc33; border-right: 1px solid #99cc33; border-left: 1px solid #99cc33; background: url(http://38one.com/bf/images/bgd-alr.jpg) left top repeat-x; height: 204px !important; }
#nap a.menu-on5 { border-left: 1px solid #99cc33; border-top: 1px solid #99cc33; border-right: 1px solid #99cc33; background: url(http://38one.com/bf/images/bgd-alr.jpg) left top repeat-x; }
#nap a.menu-on6 { border-left: 1px solid #99cc33; border-top: 1px solid #99cc33; border-right: 1px solid #99cc33; background: url(http://38one.com/bf/images/bgd-alr.jpg) left top repeat-x; width: 319px !important; }
#nap a.menu-on4:hover, #nap a.menu-off4:hover,
#nap a.menu-on5:hover, #nap a.menu-off5:hover,
#nap a.menu-on6:hover, #nap a.menu-off6:hover { text-decoration: none !important; }

#nap a.menu-off4 { border-bottom: 1px solid #99cc33; background: url( 'http://38one.com/bf/images/napsm-bg.jpg' ) repeat-x bottom left; }
#nap a.menu-off5 { border-bottom: 1px solid #99cc33; background: url( 'http://38one.com/bf/images/napsm-bg.jpg' ) repeat-x bottom left; }
#nap a.menu-off6 { border-bottom: 1px solid #99cc33; background: url( 'http://38one.com/bf/images/napsm-bg.jpg' ) repeat-x bottom left; }

#nap a.menu-off4 { border-left: 1px solid #ccc; width: 318px !important; }

#nap a.menu-off5 .rcol,
#nap a.menu-off6 .rcol {
	border-right: 1px solid #ccc;
	}

#nap a.left-side .rcol { border-right: 1px solid #ccc; }

#nap a.right-side .rcol { border-right: none !important; }

#nap div.top { margin: 20px 0 0 10px; color: #000; font-weight: bold; font-size: 16px; }
#nap div.rcol { position: relative; font-size: 14px; clear: right; text-decoration: none;  float: right; width: 224px; height: 196px; }
#nap div.rcol strong { color: #000; font-size: 12px !important; display: block; }
#nap div.rcol p {
	font-size: 12px;
	width: 215px;
	}

#nap #lr-1 { background: url( '/_i/ltr-bg.jpg' ) repeat-x left bottom; }
#nap #lr-2, #nap #lr-3 { font-size: 14px; color: #666; width: 958px; height: auto; padding-bottom: 50px; background: url( '/_i/ltr-bg.jpg' ) repeat-x left bottom; }
#nap #lr-2 p.desc, #nap #lr-3 p.desc { padding: 10px 0px 15px 0px; margin: 0px 10px 0 20px; display: block; overflow: hidden; border-bottom: 1px solid #ccc; }
#nap #lr-2 h1, #nap #lr-3 h1 { font-size: 22px; display: inline;  overflow: hidden; margin: 0 0 0 20px; padding: 0; color: #000 !important; float: left; }
#nap #lr-2 .green-line, #nap #lr-3 .green-line { margin: 12px 0 0 0; padding: 0; overflow: hidden; float: right; }
#nap #lr-2 .green-line { width: 745px; overflow: hidden; }
#nap #lr-3 .green-line { width: 715px; overflow: hidden; }
#nap #lr-2 img, #nap #lr-3 img { margin: 0 10px 0 0; padding: 0; }

div.htext { display: block; height: 50px; margin: 0; color: #000 !important; line-height: 22px; }
img.new { margin: 4px 3px 0px 0px !important; }
div.col2  { width: 440px; float: left; margin-left: 15px; }
div.col3  { width: 295px; float: left; height: 425px; margin: 0 0 0 12px; padding-bottom: 15px; padding-bottom: 10px; }
div.col3 p { width: auto !important; }
#top-row div.col3 .htext strong,
#middle-row div.col2 .htext strong,
#bottom-row div.col3 .htext strong { font-size: 16px !important; font-weight: normal !important; }
.additional-advantage {
	color: #5CA30A;
	font-size: 14px !important;
	background: url(http://38one.com/bf/images/bgd-additional-advantage.gif) left center no-repeat;
	height: 18px;
	margin-top: 20px !important;
	padding-left: 25px;
	}

.small-size { font-size: 12px !important; }

.nap-bg h2 {
	font-size: 14px !important;
	color: #666 !important;
	}