
@import "reset.css";


body { background: #fff url(../images/bg-page.png) repeat; background-position:center top; color: Black; font: 11px/normal "Helvetica Neue", Arial, sans-serif; text-align: center; text-transform: uppercase; margin: 0; padding: 0;}

a,a:link,a:visited { color: Black; text-decoration: underline; }
a:hover { color: #c01a05; }

img.rflt { display: inline; float: left; margin: 0 0 1em 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 1em 0; }

p { padding-bottom: 1em; }

ul { list-style: disc; padding: .5em 0 .5em 2em; }
ol { list-style: decimal; padding: .5em 0 .5em 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }

/* Custom styles */

.textset1 { padding: 0 7px; }

/* Paging */

.paging { clear: both; width: 100%; padding-bottom: 7px; }
.paging .next { float: right; }

/* Forms */

input.text { padding: 2px 4px; border: solid 1px #000; background: url(../images/bg-input-innershadow.gif) top left no-repeat; }
select { text-transform: none; }


/* Titles */

h2 { clear: both; margin-bottom: 7px; padding: 0 7px; font-size: 16px; }
h3 { font-size: 12px; margin-bottom: 1em; }

.linear { border-bottom: solid 1px #666; color: #666; }
.block { position: relative; padding: 2px 7px; background-color: #666; color: #fff; }

/* Custom */

#logo { float: left; padding: 13px 25px; background-color: #fff; font-size: 1em; }
#logo a, #logo a:visited { color: #c01a05; }
#logo img { display: block; }


/* Layout
==============================================================================================  */

#container { width: 830px; margin: 0 auto; text-align: left; }
#container .outer { padding: 0 5px; background: transparent url(../images/bg-page-shadow.png) repeat-y; }
#container .inner { position: relative; bottom: -5px; z-index: 1; margin-top: -5px; padding: 0 3px; background: #fff url(../images/grad2.gif) bottom left repeat-x; }
#container .after { height: 10px; background: url(../images/bg-page-shadow-bottom.png) bottom center no-repeat; font-size: 1px; }
#content { clear: both; padding: 20px 20px 36px 21px; min-height: 1%; }
#footer { width: 830px; margin: 0 auto; }

* html #container .inner { height: 1%; }

/* IE < 6 Page shadow PNG fix */

/* Remove background images */
* html #container .outer, * html #container .after { height: 1%; background: none !important; }

/* Apply the AlphaImageLoader filter */
* html #container .outer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lwis.net/profile/XHTML/cerbae/images/bg-page-shadow.png',sizingMethod='scale') }
* html #container .after { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lwis.net/profile/XHTML/cerbae/images/bg-page-shadow-bottom.png',sizingMethod='image') }




/* Boxes and their components
==============================================================================================  */

/* Header */

#header .cap { position: relative; z-index: 10; height: 74px; border-bottom: solid 1px #fff; background: url(../images/bg-header.jpg) bottom right no-repeat; }


/* Quick search */

#quickSearch { position: absolute; bottom: 9px; right: 15px; z-index: 11; width: 250px; text-align: right; }
#quickSearch form label { display: none; }
#quickSearch form input { vertical-align: middle; }


/* Navigation */

#navbar { position: relative; z-index: 12; float: left; width: 100%; padding: 7px 0 0; border-bottom: solid 1px #8c8c8c; background: url(../images/grad1.gif) top left repeat-x; }
#navbar ul { padding: 0 4px; }
#navbar ul li { float: left; padding: 0 12px 5px; border-right: solid 1px #333; font-size: 12px; }
#navbar ul li.last { border-right: none; }
#navbar ul li a, #navbar ul li a:visited { text-decoration: none; }
#navbar ul li a.on { background-color: #666; color: #fff; }

#navbar ul ul { display: none; position: absolute; top: 100%; left: 0; z-index: 14; width: 814px; padding: 0; border-top: solid 1px #8c8c8c; background-color: #ccc; line-height: 19px; }
#navbar ul ul li { float: none; display: inline; border: none; }
<!--#navbar ul li:hover  ul { display: block; }-->


/* Banners */

.banner img { display: block; }

#topBanner img { border: solid 5px #000; }


/* Info data block */

.infodb { margin-bottom: 1em; }
.infodb .dataset { padding: 4px 7px; border-bottom: solid 2px #fff; background-color: #797979; color: #fff; }
.infodb .label, .infodb label { font-weight: bold; }
/* Custom */
#selectiveAttr { border-bottom: none; text-align: center; line-height: 2em; }
#buybar { background-color: #545454; text-align: center; }


/* Footer */

#footer { padding: 1em 0; }
#ck img { vertical-align: middle; }




/* Lists and their components
==============================================================================================  */

/* Products */

#products { width: 792px; margin: 0 -10px 0 -9px; }
#products li { float: left; width: 245px; padding: 0 10px 15px 9px; }
#products li .meta { padding: 6px; }
#products li a.main { display: block; border: solid 5px #666; }
#products li a.main:hover { border-color: #d14937; }
#products li img.preview { display: block; }
#products li .title { float: left; width: 179px; font-size: 12px; }
#products li .title a, #products li .title a:visited { text-decoration: underline; }
#products li img.buy { float: right; }

* html #products li { display: inline; }




/* Modules
==============================================================================================  */

/* Product */

#product { float: left; width: 100%; min-height: 412px; }
#product h3 { margin: 0; }
#product .bar { float: left; margin-bottom: 1em; }
#product .bar.largeView { width: 424px; text-align: center; }
#product .bar.largeView img { display: block; margin: 0 auto; }
#product .bar.thumbnails { width: 118px; }
#product .bar.thumbnails ul li { float: left; margin-bottom: 7px; }
#product .bar.thumbnails ul li a { display: block; border: solid 1px #666; }
#product .bar.thumbnails ul li a:hover { border-color: #d14937; }
#product .bar.thumbnails ul li img { display: block; }
#product .bar.misc { float: right; width: 217px; }
#product .bar.misc .backView { padding: 1em 0; }


/* Faqs */

#faqs dt { font-weight: bold; color: #49ac26; line-height: 16px; }
#faqs dd { padding: 0 0 1em 10px; }







/* Do not edit below */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */

