@import 'reset.css';

BODY {background: #050a27 url(../img/bg.gif) repeat-x; font: 0.75em Arial, sans-serif;}
/* @group grid */
HTML, BODY {height: 100%;}
BODY {position: relative; text-align: center;}
BODY, #outer {min-height: 100%;}
/* @end */

#outer {position: relative; text-align: left; width: 939px; margin: 0 auto; border-left: 1px solid white; border-right: 1px solid white; background: black url(../img/bg-outer.jpg) no-repeat;}

/* @group hide */
H1 SPAN, H2 SPAN, H3 SPAN, #menu SPAN SPAN SPAN, #phone SPAN, #footer SPAN, .product .order SPAN {display: none;}
/* @end */

#add-to-favorites {height: 44px; line-height: 44px; text-align: right; padding: 0 25px;}
#add-to-favorites A {color: white; text-decoration: none; font-size: 91%;}


/* @group header */
#header {height: 60px; padding: 24px 23px 0; background: white url(../img/bg-header.gif) repeat-x;}
#logo A {float: left; margin-top: 7px; display: block; width: 221px; height: 28px; background: url(../img/logo.gif);}
#phone {float: right; width: 188px; height: 35px; background: url(../img/phone.gif) no-repeat;}
/* @end */


/* @group menu */
#menu {height: 54px;background: #cdcdcd url(../img/bg-menu.gif) repeat-x;}
#menu LI, #menu A, #menu SPAN {float: left; display: block;}

#menu LI {line-height: 54px; text-align: center; border-right: 1px solid #d3d3d3;}
#menu LI.active A {background: url(../img/bg-menu-item-active.gif) repeat-x;}
#menu A:hover {background: url(../img/bg-menu-item-hover.gif) repeat-x;}
#menu SPAN {height: 12px; padding: 21px 24px;}
#menu .active SPAN {background: url(../img/menu-pointer.gif) no-repeat 50% 48px;}
#menu SPAN SPAN {width: 78px; height: 12px; padding: 0;}
.active {background-image: url(../img/bg-menu-item-active.gif);}
/* @end */


/* @group heading */
H2 {position: absolute; top: 218px; left: 63px; width: 48px; height: 324px; background: no-repeat;}
H3 {margin: 0 -28px 0.25em 0; font: 2em/0.9em 'Arial Black', sans-serif; color: #152368;}
/* @end */


/* @group content */
#content {position: relative; color: #434343; margin: 0 26px 0 169px; padding: 31px 0 127px;}
#content P {margin-bottom: 1em;}

/* @group order */
#order {width: 744px; background: url(../img/bg2-content.gif) repeat-y;}
#order .bg {background: url(../img/bg3-content.gif) no-repeat 0 100%;}
#order .bg .bg {padding: 28px; background: url(../img/bg-content.gif) no-repeat;}
#order LABEL {float: left; width: 25%; padding-top: 0.5em;}
#order FIELDSET INPUT {width: 49.5%;}
#order TEXTAREA, #order P {width: 50%;}
#order P {margin: 1em 0; color: #0f1857;}
#order P, #order .button {margin-left: 25%;}
/* @end */

/* @group products */
.products {overflow: hidden; margin: 0 -16px -16px 0;}
.products BR {clear: both;}
.product BR {clear: none;}
.product {float: left; position: relative; width: 364px; background: url(../img/bg2-product.gif) repeat-y; margin: 0 16px 16px 0;}
.product DIV {background: url(../img/bg3-product.gif) no-repeat 0 100%;}
.product DIV DIV {height: 110px; padding: 28px; background: url(../img/bg-product.gif) no-repeat;}
.product DIV DIV DIV {height: auto; padding: 0; background: none;}
.product IMG {float: left; position: relative; margin: -20px;}
.product H3, .product P, .product DIV DIV DIV {margin-left: 135px;}
.product DIV DIV DIV * {margin-left: 0;}
.product .order {margin-bottom: 0;}
.product .order A {display: block; width: 57px; height: 7px; background: url(../img/order.gif) no-repeat;}
.more {position:absolute; bottom:4px; right: 5px; width:89px; height:18px;}
/* @end */
/* @end */


/* @group footer */
#footer {clear: both; bottom: 29px; width: 100%; height: 67px; background: white url(../img/footer.gif) no-repeat; border-top: 2px solid #cdcdcd;}
#footer, #footer A {display: block; position: absolute;}
#webwork A {top: 13px; left: 26px; width: 132px; height: 34px;}
#e-mail A {top: 28px; left: 374px; width: 153px; height: 12px;}
#e-mail A:hover .line {display: block; width: 100%; position: absolute; right: 0; bottom: -1px; border-bottom: 2px solid #152368;}
#more-info A {top: 16px; right: 25px; width: 282px; height: 31px;}
#detimg {position:absolute; left:10px; top:-60px;}
#divdet {padding-left:172px; text-align:left; position:relative; width:745px; background-image: url(../img/bgdetmid.gif); background-repeat: repeat-y; margin:0; padding-bottom:0;}
.detimgs {margin-right:25px; border:solid 1px #13337B; width:160px; height:120px; float:left; text-align:center;}
#detcont {
	position:relative;
	width:745px;
	height:auto;
	background-image: url(../img/bgdettop.gif);
	background-repeat: no-repeat;
	margin:0;
	padding-top:70px;
}
#detbot {width:745px; height:70px; background-image:url(../img/bgdetbtm.gif); background-repeat:no-repeat; margin:0;}
/* @end */