body { background:#678EC1; font-size:13px; font-family:Tahoma,Arial,Helvetica,sans-serif; color:#666; margin:0; padding:0; }
td { vertical-align:top; }
h1, h2, h3, button, form { margin:0; padding:0; }
a { color:#0560A6; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:0; }
hr { height:1px; border:0; border-top:1px solid #CCC; }
p { margin:.3em 0 .5em; }
button { border:0; background-color:transparent; vertical-align:middle; cursor:pointer; width:96px; }
button img { vertical-align:middle; }
ul { list-style-type:square; margin:10px 30px; padding:0; }

h1, h2, h3, h4, h5, h6 { font-family:Arial,Helvetica,sans-serif; font-weight:normal; }
h4, h5, h6 { font-weight:bold; }
h1 { font-size:138.5%; line-height:1.4em; border-bottom:1px solid #CCC; margin:0 0 5px 0; padding:5px 0 0 0; }
h2 { font-size:138.5%; line-height:1em; padding-top:10px; }
h3 { font-size:123.1%; line-height:1.2em; color:#333; }

.tc { text-align:center; }
.tr { text-align:right; }
.tl { text-align:left; }
.right { float:right; }
.smalltext { font-size:11px; }

.jswarning { background:#FFFFE1; border:1px solid #000; padding:5px; color:#333; font-size:16px; }

.clearafter:after { content:"."; display: block; height:0; clear:both; visibility:hidden; }
.clearafter {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearafter {height: 1%;}
.clearafter {display: block;}
/* End hide from IE-mac */
.clear { clear:both; }

#__asptrace { background:#FFF; }

.magnifier { position:absolute; top:0; left:0; width:250px; height:250px; }
.magnifier-eye { position:absolute; bottom:0; left:0; width:50px; height:50px; border:1px solid #5D985E; }
.magnifier-img { position:absolute; top:0; right:0; width:200px; height:200px; border:5px solid #5D985E; overflow:hidden; background:#FFF; }
.magnifier-image { position:absolute; top:0; left:0; }

#notification { position:absolute; top:0; left:0; background:url(/local/styles/img/top-panel.png) no-repeat; width:318px; height:162px; }
#notification .wrapper { padding:15px 25px 0 20px; }

#page { width:990px; margin:0 auto; background:url(img/t_container.gif) repeat-y; }
#pagewrapper { background:url(img/bg_bottom.jpg) no-repeat bottom; padding:0 0 18px 0; }
#pageheader { background:url(img/bg_tophead.jpg) no-repeat; height:48px; overflow:hidden; }
#pageheader .pageheader-signin { padding:25px; text-align:right; font-size:11px; }
#logo { margin:17px 0 0 20px; display:block; float:left; }
#pagebody { background:#5D985E; margin:0 10px; border-top:1px solid #CCC; }
#pagemain { padding:0 0 0 10px; }
#pagemainwrapper { background:#FFF url(img/pagemainwrapper-bg.gif) repeat-y; }
#pageleft { width:155px; float:left; background:#E4F0E4 url(img/pageleft-bg.gif) no-repeat; }
#pagecontent { min-height:600px; width:805px; float:left; overflow:hidden; }
#pagefooter { border-top:6px solid #F2A31B; background:#E3EFFF; padding:7px 0 0 0; color:#808080; font-size:85%; text-align:center; }
#pagefooter a { padding:0 5px; }

#topbar { height:96px; background:url(img/topbar-bg.jpg) repeat-x; border-top:1px solid #FFF; position:relative; }
#topbar form { padding:18px 0 20px 100px; background:url(img/fmp-logo.gif) no-repeat 40px 30px; font-size:11px; line-height:1.5em; }
#topbar form input { vertical-align:middle; min-height:16px; }
#topbar input.textbox { border:1px solid #84A5CE; border-color:#84A5CE #C1D2E7 #C1D2E7 #84A5CE; background:#F7FBFF url(img/search-bg.gif) no-repeat 0 75%; padding:2px 0 2px 4px; width:250px; color:#114499; }
.toppanel { position:absolute; top:8px; width:220px; height:78px; background:url(img/top-panel.gif) no-repeat; }
#toppanel1 { left:14px; background:url(img/top-panel-wide.gif) no-repeat; width:540px; }
#toppanel2 { right:236px; }
#toppanel2 .toppanel-wrapper { background:url(img/download.gif) no-repeat 8px 25px; padding:5px 0 0 30px; min-height:50px; }
#toppanel3 { right:14px; }
.toppanel ul { color:#FF9900; list-style-type:square; margin:5px 0 0 35px; }

#CartForm { padding:5px; background:#D9E7FC; border:1px solid #678EC1; margin:40px; }
#CartForm .alt td { background:#E6F0FE; }
#CartForm hr { border-color:#678EC1; }

#cartbox { background:url(img/cart.gif) no-repeat 20px 15px; padding:4px 0 10px 40px; text-align:center; font-size:11px; }
.cartbox-price { font-size:22px; color:#000; padding:5px 0; }

h1.sectiontitle { font-size:153.9%; line-height:1.4em; color:#FFF; padding:4px 20px; margin:0; border:0; }
a.linkbtn, a.linkbtn:hover, .button { vertical-align:middle; background:#FED35A url(img/link-btn-bg.gif) repeat-x; border:1px solid #BFA277; padding:1px 10px; color:#666; font-weight:bold; font-size:12px; line-height:1.4em; text-decoration:none; cursor:pointer; }
.button { line-height:normal; padding:2px 5px; line-height:normal; }
img.imgbtn { cursor:pointer; vertical-align:middle; margin:10px; }
.redirect-link { width:200px; float:right; text-align:right; padding:0 10px 0 0; }
.redirect-link a, .redirect-link a:hover { display:block; text-align:center; line-height:1.1em; padding:5px; color:#000; }

a.linkbtnbuy, a.linkbtnbuy:hover { vertical-align:middle; background:#E9272D url(img/button-buy.png) no-repeat; border:0; padding:0px; margin:15px 0 0 0; color:#666;  text-decoration:none; cursor:pointer; text-indent:-1000px; display:block; overflow:hidden;width:84px; height:29px;}

#pageleft { font-size:85%; }
#pageleft h3 { margin:0; padding:4px 0 4px 10px; background:#BAD9BA; color:#4B7A4B; font-size:100%; font-weight:bold; }
#pageleft ul { list-style-type:none; margin:5px 0 10px 10px; padding:0; }
#pageleft li { padding:2px 0; }
#pageleft li a { color:#636363; padding-left:4px; }

#pageleft .primarynavigation { border-bottom:1px solid #A4BFA4; background-color:#E4F0E4; margin-top:0px; }
#pageleft .secondarynavigation {background-color:#F2F2F2; }
#pageleft .secondarynavigation h3 { color:#666666; background:#E3E3E3; }

.content { padding:0 15px 10px 15px; }
.content-toolbar { padding:3px; text-align:right; font-size:85%; line-height:1.8em; border-bottom:1px solid #CCC; }
.content-toolbar img { vertical-align:middle; padding:0 5px; }
.content-toolbar a { padding:0 10px 0 1px; color:#666; }
.content h2, .content h3 { color:#5D985E; font-size:20px; }

.table { border:1px solid #CCC; }
.table th { background:#5C995D; text-align:left; padding:2px 6px; color:#FFF; }
.table td { padding:4px; }
.table tr.alt { background:#F2F2F2; }

.product-info { padding:20px 0 10px 0; border-bottom:1px solid #EEE; }
.product-form { width:320px; float:right; }
.product-image { padding:5px 5px 10px 10px; }
.product-pricing { border:0px dotted #CCC; width:100px; height:50px; float:right; font-size:17px; border-left:1px solid #CCC; text-align:center;  }
.product-pricing button { margin-top:4px; }
.product-qty { vertical-align:middle; cursor:pointer; }

.download-info { padding:10px 20px; }
.download-content { padding:10px 80px; background:url(/local/icons/48/folder_down.png) no-repeat 10px 20px; }

.info { color:#800000; background:#FFDFDF url(/local/icons/48/info.png) no-repeat 15px 50%; margin:10px; clear:both; border:2px solid #800000; min-height:40px; padding:10px 10px 10px 80px; }

dl.inline, .key-value { border-top:1px solid #EEE; clear:both; padding:5px 0 5px 190px; margin:0 0 0 0; }
dl.inline dt, .key { width:170px; margin:0 0 0 -180px; _margin:0 0 0 -90px; padding:0; text-align:right; float:left; display:block; font-weight:bold; }
dl.inline dd { margin:0; padding:0; }

/* Forms: */
.formitem { clear:both; padding:1px 0 0 180px; margin:1px 0; }
.formitem .label { display:block; float:left; width:165px; text-align:right; margin:2px 0 0 -170px; _margin:2px 0 0 -85px; padding:0; }
.required { font-weight:bold; color:#000; }
.required input, .required select { background-color:#FFF4BF; }
.textbox, select, textarea { font-family:inherit; font-size:13px; border:1px solid #84A5CE; border-color:#666 #CCC #CCC #999; background:#F7FBFF; padding:2px 0 2px 4px; color:#333; }
.textbox { width:250px; vertical-align:middle; }
.radio { vertical-align:middle; margin:0 0 0 15px; }

/* Autocomplete: */
.autocomplete-w1 { background:url(/global/ui/shadow.png) no-repeat bottom right !important; position:absolute; top:4px; left:3px; }
.autocomplete-w2 { background:none !important; padding: 0 !important; padding: 0 6px 6px 0; }
.autocomplete { width:256px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; _height:350px; overflow-x:hidden; margin:-6px 6px 6px -6px !important; margin:0;  }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

/* Search page: */
.search-info { background:#E4F0E4; padding:5px; margin-top:5px; border:1px solid #A4BFA4; margin-bottom:5px; }
.search-result { padding:5px; border-bottom:1px solid #EEE; margin:0 0 10px 0; }
.search-product a { font-weight:bold; }

.paging { padding:3px; }
.paging a, .paging strong { padding:3px 5px; line-height:2.5em; }
.paging a { border:1px solid #CCC; background:#E4F0E4; }
.paging strong { background:#5D985E; color:#FFF; border:3px solid #5D985E; }
.noresults { padding:20px; font-size:16px; }
.paging .next, .paging .prev { background:none; border:0; font-size:12px; font-weight:bold; text-decoration:none; }

/* Font selector: */
#cdnavcont { height:26px; background:#CBE0FD url(selector/bg_navcon.gif) repeat-x bottom; border-top:1px solid #FFF; overflow:hidden; }
#cdnavheader { color:#11449E; font-family:Arial, Helvetica, sans-serif; font-size:93%; line-height:1.2em; font-weight:bold; padding:0 0 0 10px; }
#cdnavheader ul { margin:0; padding:0; list-style:none; }
#cdnavheader li { float:left; margin:0; padding:0; }
#cdnavheader a { float:left; background-image:url(selector/left_both.gif); background-repeat:no-repeat; background-position:left top; margin:0; padding:0 0 0 8px; text-decoration:none; }
#cdnavheader a span { display:block; background-image:url(selector/right_both.gif); background-repeat:no-repeat; background-position:right top; padding:6px 12px 4px 4px; font-weight:bold; color:#11449E; }
#cdnavheader .current a { background-repeat:no-repeat; background-image:url(selector/left_both_on.gif); background-position:0 -150px; border-width:0; border-bottom:1px solid #dfebfc; z-index:100; }
#cdnavheader .current a span { background-repeat:no-repeat; background-image:url(selector/right_both_on.gif); background-position:100% -150px; padding:5px 12px 6px 4px; color:#11449E; }
#cdnavheader a span { float:none; }
#cdnavheader a:hover { background-position:0 -150px; }
#cdnavheader a:hover span { background-position:100% -150px; }

.tabcontent { border-bottom:1px solid #EEE; border-top:0px solid #FFF; margin:-1px 0 0 0; padding:5px; background:#DFEBFC; _heigh:50px; }
.tabcontainer { display:none; }

.fontselector { border:1px solid #9BAFDE; _height:100px; background:#DFEBFC; }
.fontselector .tabcontent ul { margin:0; padding:0; }
.fontselector .tabcontent li { display:block; float:left; width:19%; margin:1px; }
.fontselector .tabcontent a { display:block; padding:3px; }

/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position:absolute; }
.prototip .effectWrapper { position:relative; }
.prototip .tooltip { position:relative; }
.prototip .toolbar { position:relative; display:block; }
.prototip .toolbar .title { display:block; position:relative; }
.prototip .content { clear:both; }
.prototip .toolbar a.close { position:relative; text-decoration:none; float:right; width:15px; height:15px; 	background:transparent url(close.gif); display:block; 	line-height:0; 	font-size:0px; 	border:0; 	 }
.prototip .toolbar a.close:hover { background:transparent url(close_hover.gif); }

.iframeShim { position: absolute;	border: 0;	margin: 0; padding: 0;  background: none; }

/* Tooltip styles */
.prototip .default { width:204px; color:#fff; border:1px solid #CCC; }
.prototip .default .toolbar { background:#FFB016; font:italic 17px Georgia, serif; }
.prototip .default .title { padding:5px; }
.prototip .default .content { background:#FFF; font:11px Arial, Helvetica, sans-serif; padding:2px; }

/* Grid table styles */
.grid { background:#FAFAFA; border-right:1px dotted #CCC; border-bottom:1px dotted #CCC; border-top:1px dotted #CCC;  margin:10px; }
.grid thead { background:#5D985E; color:#FFF; }
.grid th { padding:4px 6px; border-left:1px dotted #CCC; font-size:13px; font-weight:normal; }
.grid td { padding:6px 4px; border-left:1px dotted #CCC; }
.grid .alt { background:#EFEFEF; }
.grid tbody tr:hover { cursor:default; background-color:#CCC; color:#000; }

.fontpreview { background:#EEEEEE; border:1px solid #CCC; width:410px; float:left; margin:5px 0 0 0; }
.fontpreview form { padding:10px; }
.fontpreview input, .fontpreview select { vertical-align:middle; }
.fontpreview select { font-size:15px; }
.fontpreview .textbox { padding:3px 3px; font-size:16px; width:260px; }
.fontpreview .button { height:26px; }
.fontpreviewfields { margin-bottom:10px; }
.previewimg { border:1px solid #CCC; background:#FFF; overflow:hidden; }

@media print {

body, #pagemain, #pagecontent { background:#FFF; }
#pagebody { border:0; }
#pageheader, #topbar, #pagefooter, #pageleft, .content-toolbar, .noprint { display:none; }
#page, #pagewrapper { background-image:none; }
h1.sectiontitle { background:#FFF; color:#000; }
#pagecontent { width:98%; }

}
.banner-left{ margin:5px 0;}
.banner-left img{ width:155px;}
ul.tolls{ margin:10px 20px; padding-top:20px; }

/* Rating */
ul.xrating { width:108px; height:20px; margin: 0 0 17px 0; padding: 0; list-style: none; clear: both; position: absolute; top:0; right:0; background: url(/local/styles/img/rate-stars.png) no-repeat 0 0; }
ul.star0 {background-position:0 -220px}
ul.star1 {background-position:0 0px}
ul.star2 {background-position:0 -22px}
ul.star3 {background-position:0 -44px}
ul.star4 {background-position:0 -66px}
ul.star5 {background-position:0 -88px}
ul.xrating li { cursor: pointer; float: left; text-indent: -999em; }
ul.xrating li a { position: absolute; left: 0; top: 0; width: 20px; height: 20px; text-decoration: none; z-index: 200; background:none;}
ul.xrating li.s1 a { left: 0px; }
ul.xrating li.s2 a { left: 22px; }
ul.xrating li.s3 a { left: 44px; }
ul.xrating li.s4 a { left: 66px; }
ul.xrating li.s5 a { left: 88px; }
ul.xrating li a:hover { z-index: 199; width: 108px; height: 20px; margin:0 0 20px 0; overflow: hidden; left: 0; background: url(/local/styles/img/rate-stars.png) no-repeat 0 0; }
ul.xrating li.s1 a:hover { background-position: 0 -110px; }
ul.xrating li.s2 a:hover { background-position: 0 -132px; }
ul.xrating li.s3 a:hover { background-position: 0 -154px; }
ul.xrating li.s4 a:hover { background-position: 0 -176px; }
ul.xrating li.s5 a:hover { background-position: 0 -198px; }
.norating ul.xrating li a:hover {background:none; cursor:auto; }
.divRateBox{position: relative; float:left; width:108px; height: 20px; margin:0 0px 0 0; }
.label-rate{float:left; padding:0 20px 0 0;}