@charset "UTF-8";
/* CSS Document */

body { background:#001951 url('/images/bg/body.jpg') top left repeat-x; font-family:Verdana, Arial, sans-serif; font-size:62.5%; }

em { color:#111; font-style:italic; }

/* structure */
#wrapper { display:block; margin:0 auto; position:relative; width:840px; z-index:999; }
#header { /*background:url('/images/logos/inlays.gif') 0 30px no-repeat;*/ display:block; height:100px; position:relative; }
#topmenu { background:url('/images/bg/topmenu.gif') top left no-repeat; height:30px; margin:0 0 3px; position:relative; }
#mainwrap { background:#FFF url('/images/bg/main_btm.gif') bottom left no-repeat; margin:0 0 24px; position:relative; }
#main { background:url('/images/bg/main_top.gif') top left no-repeat; padding:12px 12px 24px; position:relative; }
#search { background:url('/images/bg/search.gif') top left no-repeat; margin:0 0 9px; padding:0; position:relative; }
#L { display:inline; float:left; margin:0 12px 0 0; position:relative; width:200px; z-index:200; }
#sidemenu { display:block; position:relative; }
#R { display:inline; float:left; position:relative; width:604px; z-index:100; }
#content #billboard { background:#002e68; position:relative; }
#content .copyarea { position:relative; }
#content .additional { height:200px; position:relative; }
#content { position:relative; }
#footer { position:relative; }


/* typog */
.red { color:#C00; }


/* styling */
#header img.logo { height:60px; left:0; position:absolute; top:30px; width:224px; }
#header .menu { bottom:16px; position:absolute; right:0; }
#header .menu p { line-height:1.4em; text-align:right; }
#header .menu p a { line-height:1.4em; padding:0; }
#header p { color:#FFF; font-size:1.2em; }
#header a { color:#fff; float:none; padding:0 8px; }
#header a:hover { color:#fff; text-decoration:none; }

#topmenu ul { padding: 0 10px; }
#topmenu li { background:url('/images/bg/topmenu_a.gif') top right no-repeat; display:inline; float:left; padding:0 3px 0 0; position:relative; }
#topmenu li.right { background:none; float:right; }
#topmenu a { color:#FFF; display:block; float:left; font-size:11px; height:30px; line-height:30px; padding:0 16px; text-decoration:none; }
#topmenu a:hover { text-decoration:underline; }

#search p { color:#333; height:32px; line-height:32px; }
#search strong { font-weight:bold; line-height:32px; }
#search a { color:#333; padding:0 12px; }
#search .searchform { background:#DEECF2; display:block; }
#search .cont { padding:0 16px 8px; }
#search .buttonfield { padding:24px 0 0;}

#sidemenu h2 { background:url('/images/bg/sidemenu_h2.gif') top left no-repeat; color:#FFF; font-size:12px; height:24px; line-height:24px; padding:0 12px; position:relative; }
#sidemenu h2 img { margin-left:4px; vertical-align:text-bottom; }
#sidemenu ul { display:block; padding:0 0 12px; position:relative; }
#sidemenu ul li { background:#fafafa; position:relative; }
#sidemenu ul ul { border-left:#c2c2c2 1px solid; border-bottom:#c2c2c2 1px solid; border-right:#c2c2c2 1px solid; margin:0; padding:14px 0 0; position:relative; }
#sidemenu ul ul img { border:#c9c9c9 1px solid; display:block; float:left; margin:0 0 8px 8px; }
#sidemenu h3 { border-left:#c2c2c2 1px solid; border-bottom:#c2c2c2 1px solid; border-right:#c2c2c2 1px solid; color:#333; cursor:pointer; display:block; font-size:1.1em; height:22px; line-height:22px; padding:0 10px; position:relative; }
#sidemenu h4 { background:#DDD; border-left:#c2c2c2 1px solid; border-bottom:#c2c2c2 1px solid; border-right:#c2c2c2 1px solid; color:#666; cursor:pointer; display:block; font-size:10px; height:22px; line-height:22px; padding:0 10px; position:relative; width:178px; }
#sidemenu h3.plus { background:#ededed url('/images/bg/sidemenu_h3_plus.gif') top right no-repeat; }
#sidemenu h3.minus { background:#ededed url('/images/bg/sidemenu_h3_minus.gif') top right no-repeat; }
#sidemenu li ul li { background:none; display:block; float:left; font-size:10px; height:1.1em; margin:0 0 14px; padding:0 10px; position:relative; width:78px; }
#sidemenu li ul li.viewall { color:#33446e; font-size:1.1em; text-transform:uppercase; width:140px; }
#sidemenu li ul li.viewall a { color:#33446e; }
#sidemenu li ul img { border:#c9c9c9 1px solid; display:block; float:left; margin:0 10px 20px 0; }
#sidemenu li ul p { background:none; display:block; line-height:1.3em; margin:0 0 14px; padding:0 10px; }
#sidemenu li ul p a { line-height:1.3em	; text-decoration:underline; }
/*#sidemenu li ul p.wpic { position:relative; width:100px; }*/
#sidemenu a { color:#333; display:block; font-size:10px; position:relative; text-decoration:none; }
#sidemenu a:hover { color:#09c; text-decoration:underline; }
#sidemenu a .rollover { background:#EFEFEF; border:#CCC 1px solid; display:none; position:absolute; right:-170px; top:-10px; }
#sidemenu a .rollover p { background:#FFF; color:#555; display:block; line-height:1.3em; margin:0; padding:10px; width:160px; }
#sidemenu a .rollover p img.prev { border:none; display:block; float:right; margin:0 0 0 4px; padding:0; }
#sidemenu a:hover .rollover { display:block; text-decoration:none; }
#sidemenu a:hover .rollover p { text-decoration:none; }

#billboard .news { bottom:0; color:#FFF; left:0; padding:8px; position:absolute; }
#billboard .news span.title { display:block; float:left; font-weight:bold; width:130px; }
#billboard .news .headline { display:block; float:left; }
#billboard .news .headline a { color:#FFF; }

#content .copyarea { padding:6px 20px 24px; }
#content .copyarea h1 { color:#039; font-size:2.8em; font-weight:normal; margin:18px 0 0; }
#content .copyarea h2 { color:#039; font-size:2.0em; font-weight:normal; margin:18px 0 0; }
#content .copyarea p,
#content .copyarea ul { color:#333; font-size:1.2em; line-height:1.6em; margin:12px 0 0; }
#content .copyarea p span { line-height:1.6em; }
#content .copyarea td { color:#333; font-size:1.2em; line-height:1.6em; }
#content .copyarea li { list-style:disc; margin:0 0 0 20px; padding:4px 0; }
#content .copyarea a { color:#015e89; }
#content .copyarea img.contentphoto { display:block; float:right; margin:0 0 12px 16px; }
#content .copyarea strong { font-weight:bold; }
#content .listings { padding:0 20px 24px; }
#content .listings p.long { color:#333; font-size:1.1em; line-height:1.4em; margin:12px; }
#content .listings a { color:#015e89; }

#content .faqs a.expand { color:#015e89; display:block; font-size:13px; line-height:1.4em; padding:8px 0; }
#content .faqs div.answer p { font-size:12px; margin:0; padding:0 0 20px; }

#content .events p,
#content .events ul { font-size:1em;}
#content .events li { line-height:1.2em; }
#content .events h2 { font-size:1.4em; line-height:1.6em; }
#content .events li { padding:8px 12px 8px 12px;}

#content h2.product_header { background:#8094B2; color:#FFF; display:block; font-size:1.1em; margin:8px 0; padding:8px 12px; }
#content h2.series { position:relative; }
#content h2.series div { color:#b6c3d6; display:block; padding:8px; position:absolute; right:0; top:0; }
#content h2.series div a { color:#FFF; }
#content h2.series div a.inactive { color:#FFF; }
#content h2.series div a:hover { color:#FFF; text-decoration:none; }
#content h2.series div.options { display:none; }

/* gallery */
ul.thumbs li { display:block; float:left; }
ul.thumbs li img { margin:16px; }
ul.custom li img { margin:4px; }


/* tile view */
#content .tile { font-size:1em; line-height:1em; }
#content .tile li { border:none; display:block; float:left; height:180px; margin:0; padding:0; width:94px; }
#content .tile.noheight li { height:auto; }
#content .tile li div.image { border:#EEE 1px solid; cursor:pointer; display:block; height:86px; margin:2px; padding:2px; width:86px; }
#content .tile li div.image img.small { display:block; }
#content .tile li div.image img.tiny { display:none; }
#content .tile li p { font-size:10px; line-height:1.1em; margin:0; padding:4px 8px 4px 16px; }
#content .tile li ul { display:block; float:none; font-size:1em; padding:4px 0 8px; }
#content .tile li ul li { display:block; float:none; font-weight:normal; height:auto; padding:0 0 4px; text-align:center; }
#content .tile li ul li a { color:#22A7D3; font-weight:bold; text-decoration:none; }
#content .tile li ul li.sku { text-align:center; width:auto; }
#content .tile li ul li.sku a { font-size:12px; height:auto; line-height:14px; }
#content .tile li ul li.sku a:hover { text-decoration:underline; }
#content .tile li ul li.desc { display:none; text-align:center; width:auto; }
#content .list li ul div.smsr { float:none; width:auto; }
#content .tile li ul li.smsr { float:none; padding:0 0 8px; text-align:center; width:auto; }
#content .tile li ul li.smsr a { font-size:12px; }

#content .tile li.wider { width:188px; }
#content .tile li.wider div.image { padding:2px 17px; width:150px; }

/* list view */
#content .list li { border:#CCC 1px solid; display:block; height:51px; margin:0 0 4px; padding:6px; width:auto; }
#content .list li div.image { border:none; cursor:pointer; display:block; float:left; height:43px; margin:0 8px 0 0; padding:4px; width:160px; }
#content .list li div.image img.small { display:none; }
#content .list li div.image img.tiny { display:block; }
#content .list li p { font-size:1.0em; line-height:1.1em; margin:0; padding:4px 8px 4px 16px; }
#content .list li ul { display:block; float:left; padding:4px 0 8px; }
#content .list li ul li { border:none; display:block; float:left; font-weight:normal; padding:0; text-align:center; }
#content .list li ul li a { color:#22A7D3; font-weight:bold; text-decoration:none; }
#content .list li ul li.sku { text-align:left; width:120px; }
#content .list li ul li.sku a { font-size:16px; height:43px; line-height:43px; }
#content .list li ul li.sku a:hover { text-decoration:underline; }
#content .list li ul li.desc { color:#333; display:block; font-size:11px; height:43px; line-height:13px; text-align:left; width:173px; }
#content .list li ul div.smsr { float:right; }
#content .list li ul li.smsr { display:block; float:left; height:12px; line-height:12px; margin:0; padding:0; text-align:center; width:90px; }
#content .list li ul li.smsr a { font-size:12px; }

#content .tile li.heading,
#content .list li.heading { border:none; clear:both; display:block; float:none; height:auto; margin:0 0 8px; padding:4px 8px; width:auto; }
#content .tile li.heading h2,
#content .list li.heading h2 { color:#8094B2; display:block; float:none; font-size:1.4em; font-weight:normal; margin:0; text-align:right; }

#content p.pagination { clear:both; font-size:11px; line-height:11px; }
#content p.pagination a,
#content p.pagination b { border:#CCC 1px solid; display:inline; float:left; font-size:11px; line-height:11px; margin:0 4px 0 0; padding:8px 10px; text-decoration:none; }
#content p.pagination a:hover { background:#8094b2; border:#FFF 1px solid; color:#FFF; }
#content p.pagination b { border:#FFF 1px solid; }

#zoom { background:#FFF; border:#999 1px solid; cursor:pointer; padding:10px; position:absolute; z-index:1000; }
#footer { padding:0 0 100px; }
#footer p { color:#6277a1; font-size:1.1em; padding:6px 0; text-align:center; }
#footer a { color:#6277a1; float:none; padding:0 8px; }
#footer a:hover { color:#fff; text-decoration:none; }

.zoom { zoom:1.0 }