/* Overriding header styles */
html, body { height:100%; width:100%; padding:0px; margin:0px; }
* html #template 	{ height: 100%; }

body {  background:url(../images/body.jpg) 0 0 repeat-x; background-position:top left; background-color:#1b3a8a; color:#183787; }

#preloader { position:absolute; top:100px; left:50%; width:48px; height:48px;  z-index:999; }

a { text-decoration:none; }

a.default { color:#dc5800; font-size:11px; text-decoration:none;  }
a.default:hover { color:#cf4900; }

#smart { position:absolute; top:1px; left:0px; top:0px; width:50%; height:343px;  background:url(../images/smart.jpg) 0 0 repeat-x;  }

#template { position:relative; min-height:100%; width:1000px; margin:0px auto; background:url(../images/content.jpg) 0 0 repeat-y; background-position:center top; z-index:1;  }

#line { height:7px; line-height:6px; font-size:6px; background-color:#FFF; }
#header { position:relative; margin:0px auto; width:1000px;  height:183px; background:url(../images/header.jpg) 0 0 no-repeat; background-color:#FFF;  }
#header .web { height:100px; width:280px; background:url(../images/logo.reflection.jpg) 0 0 no-repeat; background-position:bottom left; }
#header .web img { position:absolute; top:5px; left:25px; }
#header .web span { display:block; position:absolute; top:90px; left:25px; width:66px; height:8px; background:url(../images/sign.jpg) 0 0 no-repeat;  }
#header .users { width:260px; margin-top:1px; height:80px; padding-left:25px;  }
#header .loop { float:left; width:200px; height:183px; background-color:#000; }
#header .languages { padding-top:10px; height:40px; visibility:hidden; }
#header .languages span { position:relative; display:block; width:70px;  height:23px; float:left; line-height:23px; color:#dfdfdf; text-transform:uppercase; font-size:10px; }
#header .languages a { display:block; width:29px; height:23px; float:left; line-height:23px; background:url(../images/language.jpg) 0 0 no-repeat; color:#FFF; font-weight:bold; text-align:center; margin-right:1px; text-transform:uppercase; font-size:10px; }
#header .search { padding-top:0px;  }
#header .search span { position:relative; display:block; width:50px; height:23px; float:left; line-height:23px; color:#dfdfdf; text-transform:uppercase; font-size:10px; padding-right:3px; }
#header .search span.txt { display:block; float:left; width:132px;  height:24px; padding-left:8px; padding-right:5px; background:url(../images/search.gif) 0 0 no-repeat; background-position:center; border:none; overflow:hidden; }
#header .search span.txt input { background:none; padding-top:4px; width:127px; padding-bottom:2px; border:none; }
#header .search input.submit { display:block; float:left; width:30px; padding-top:4px; height:24px;  background:url(../images/go.gif) 0 0 no-repeat; border:none; margin-left:3px; cursor:pointer; }

.phone { position:absolute; top:0px; right:0px; width:230px; color:#aaaaaa; text-align:right; background:url(../images/phone.jpg) 0 0 no-repeat; background-position:right; } 
.phone span { padding-left:25px;  color:#317c8f; }

#flash { position:absolute; top:0px; right:0px; width:732px; height:181px; }

/* Navigation styles */
#navigation { position:relative; margin:0px auto; width:1000px;  height:50px; z-index:1; text-align:right;  z-index:100; background:url(../images/nav.jpg) 0 0 repeat-x; background-position:right bottom; }
#navigation a { display:block; width:110px; height:50px; line-height:45px; text-decoration:none; text-align:center; background:url(../images/button.jpg) 0 0 no-repeat; color:#FFF; outline:none; }
#navigation a:hover { background-color:#FFF; background:url(../images/buttonover.jpg) 0 0 no-repeat; color:#1b3a8a; outline:none;  }
#navigation a:active { outline:none; }
#navigation a.selected { background-color:#FFF; background:url(../images/buttonover.jpg) 0 0 no-repeat; color:#1b3a8a; }
#navigation ul { position:relative; float:left; z-index:10; background:url(../images/navigation.jpg) 0 0 no-repeat; background-position:right bottom;   padding-right:73px;}

#navigation ul li.topbound { position:absolute; display:block; width:100%; height:10px; top:50px; right:90px; height:9px; line-height:8px; font-size:8px; background:url(../images/topbound.jpg) 0 0 no-repeat; background-position:top right; }

#navigation ul li.separator { position:relative; float:left; width:1px; height:50px; background:url(../images/separator.jpg) 0 0 no-repeat; background-position:top; }
#navigation ul li.button { position:relative; float:left; display:block; width:110px; height:50px; z-index:1;  background:url(../images/button.jpg) 0 0 no-repeat; }
#navigation ul li.begin { position:relative; float:left; width:150px; background:url(../images/begin.jpg) 0 0 no-repeat; height:50px; text-align:right; }
#navigation ul li.end { position:relative; float:left; background:url(../images/buttonend.jpg) 0 0 no-repeat; height:50px; width:110px; }

#navigation ul li.begin a {  background:url(../images/buttonhome.jpg) 0 0 no-repeat;  margin-left:40px; }
#navigation ul li.begin a:hover {  margin-left:40px; background:url(../images/buttonbegin.jpg) 0 0 no-repeat; color:#1b3a8a;  }
#navigation ul li.begin a.selected {  margin-left:40px; background:url(../images/buttonbegin.jpg) 0 0 no-repeat; color:#1b3a8a; }

#navigation ul li.end a { background:url(../images/buttonend.jpg) 0 0 no-repeat;  }
#navigation ul li.end a:hover, #navigation ul li.end a.selected { background:url(../images/buttonendover.jpg) 0 0 no-repeat;  color:#1b3a8a; }

/* System styles */
.shadow { position:absolute; top:1px; left:1px; text-align:center; width:110px; height:50px; line-height:50px; color:#7d7d7d; z-index:1; font-weight:bold; }
.visible { display:block; z-index:300; }


/* Sidebar styles */
#sidebar { position:relative; width:228px; padding-right:5px; z-index:1; }

ul.sidebar { width:228px; padding-bottom:10px; }
ul.sidebar li.node { width: 226px; color:#FFF;  background:url(../images/sidebar.orange.jpg) 0 0 no-repeat; font-size:11px; height:34px; margin-bottom:1px; }
ul.sidebar li.node  a.item { display:block; height:34px; line-height:34px; padding-left:30px; color:#FFF; text-decoration:none; }
ul.sidebar li.node  a.item:hover { background:url(../images/sidebar.orange.over.jpg) 0 0 no-repeat; }
ul.sidebar li.node  a.itemselected { background:url(../images/sidebar.orange.over.jpg) 0 0 no-repeat; }

ul.sidebar li.nestednode { background-color:#fff; background:none; height:auto; }
ul.sidebar li.nestednode a.item { display:block; color:#000; height:10px; line-height:10px; padding-left:25px; padding-top:5px; padding-bottom:5px; background-color:#e8e8e8; border:1px solid #dadada; color:#26479d; margin-top:1px; }
ul.sidebar li.nestednode a.item:hover {background:none; color:#FFF; background-color:#ababab; border:1px solid #a1a1a1; }
ul.sidebar li.nestednode a.itemselected { background:none; color:#FFF;   background-color:#ababab; border:1px solid #a1a1a1;  }


/* Breadcrumb styles */
#breadcrumb { position:relative; padding-bottom:20px; color:#e65d00; }
#breadcrumb a { color:#e85b00; text-decoration:none; }
#breadcrumb a.current { color:#0075cc; }

/* Content styles */
#boundary { position:relative; margin:0px auto; width:1000px; background-color:#fff;  background:url(../images/boundary.jpg) 0 0 no-repeat; background-position:left top; z-index:1; }
#page { position:relative; margin:0px auto;  width:1000px; background:url(../images/content.jpg) 0 0 repeat-y; background-position:left top; z-index:10;  }
#content { position:relative; width:906px; padding-top:10px; padding-bottom:0px; margin:0px auto; z-index:1;    }
#output { position:relative; float:left; width:670px; z-index:5;  }
#output div.box { padding:15px;  background:url(../images/box.jpg) 0 0 no-repeat; width:auto;  }
#output div.orangebox { padding:15px;  background:url(../images/orangebox.jpg) 0 0 no-repeat; width:auto;  width:640px; }

#output div.welcome f{ padding:15px;  background:url(../images/welcome.jpg) 0 0 no-repeat; width:auto; }

h1, h2 { position:relative; display:block; height:34px; line-height:34px; background:url(../images/h1.jpg) 0 0 repeat-x; color:#183da9; padding-left:15px; font-weight:bold; font-size:10px; text-transform:uppercase; } 
h1 img, h2 img { position:absolute; width:5px; height:34px; top:0px; }
h1 img.left, h2 img.left { left:0px; }
h1 img.right, h2 img.right { right:0px; }

h2 a { position:absolute; top:-7px; right:0px; color:#e93100; width:160px; padding-left:60px; height:49px; line-height:45px; background:url(../images/promo.title.jpg) 0 0 no-repeat; text-transform:none; font-size:11px; }

h1.orange {  background:url(../images/orange.jpg) 0 0 repeat-x; color:#781c00; }

/* Product image frame */
.frame-wrapper { position:relative; padding-top:20px; padding-bottom:5px; }
.frame  { position:relative; width:200px; background:url(../images/frame.gif) 0 0 no-repeat; background-position:top left; overflow:hidden; z-index:1; padding:10px; padding-top:9px; padding-bottom:9px;  }
.frame img { position:relative; z-index:999;  }
.frame .abs { position:absolute; width:8px; height:7px; line-height:6px; font-size:6px; z-index:100;  }
.frametr { top:0px; right:0px; background:url(../images/frame.tr.jpg); }
.framebl { top:100%; left:0px; margin-top:-7px; background:url(../images/frame.bl.jpg); } 

.framend { position:absolute; bottom:0px; right:0px; width:1000px; height:1000px; background:url(../images/framend.gif) 0 0 no-repeat; background-position:bottom right; z-index:20;   }

.thumbnail { width:100px; }
.medium { width:280px; }




/* Products */
table.products { width:630px; }
table.products td { vertical-align:middle;  }
table.products td.brief { height:120px; padding-top:5px; background:url(../images/dssh.jpg) 0 0 no-repeat; background-position:center left; padding-left:30px;  vertical-align:top; text-align:left; }
table.products td.brief p { color:#515151; }
table.products td.brief strong { color:#df5a00; }
.price { width:154px; height:30px; margin-top:10px; background:url(../images/price.jpg) 0 0 no-repeat; color:#FFF; font-weight:bold; line-height:30px; text-align:center; }

table.thefeatured { width:300px;  }
table.thefeatured td { width:170px; }
table.thefeatured td.halfed { width:300px; }
table.thefeatured td.thumbox { width:130px;  }

a.details { display:block; width:79px; height:20px; margin-top:5px; background:url(../images/details.jpg) 0 0 no-repeat; color:#FFF; line-height:18px; text-align:center; }
a.large {  display:block; width:109px; height:20px; margin-top:5px; background:url(../images/detail.preview.jpg) 0 0 no-repeat; font-weight:normal;  }
img.largeseparator { margin-bottom:10px; }
span.attention { color:#cd3000; display:block; text-align:center; padding-top:15px; }

table.product { width:630px; }
table.product td { vertical-align:top; }
table.product td.theimage { width:280px; }
table.product td.thedetails { padding-left:20px; }
table.product td.thedetails .model { color:#ff6806; font-weight:bold; background:url(../images/hdash.jpg) 0 0 repeat-x; background-position:bottom; padding-top:8px; padding-bottom:8px; }
table.product td.thedetails .model span { color:#676767; }
table.product td.thedetails .detail { padding-top:5px; padding-bottom:5px; }
.serie { color:#ff6806; font-weight:bold; }
.serie span { color:#676767; }
a.wholeserie { display:block; color:#FFF; padding-top:10px; margin-top:5px; width:149px; height:29px; padding-left:20px; background:url(../images/wholeserie.jpg) 0 0 no-repeat; }
.technical { color:#ff6806; font-weight:bold; padding-bottom:5px; }
.technical span { color:#676767; }
a.attachment { display:block; width:300px; height:20px; line-height:20px; padding-left:5px; margin-bottom:1px; background:url(../images/attachment.jpg) 0 0 no-repeat; color:#FFF; }

div.hashsep { background:url(../images/hdash.jpg) 0 0 repeat-x; background-position:center center; height:12px;  }
div.gal { background:url(../images/hdash.jpg) 0 0 repeat-x; background-position:top;  margin-top:10px; } 

.title { font-weight:bold; background:url(../images/hdash.jpg) 0 0 repeat-x; background-position:bottom;  padding-top:8px; padding-bottom:8px; }
.quote { width:600px; height:10px;  padding-top:20px; padding-bottom:10px; background:url(../images/product.shadow.jpg) 0 0 no-repeat; background-position:bottom left; font-weight:bold; }

.bundle-carousel { position:relative; width:610px; height:95px; padding-left:30px; padding-top:32px;  background:url(../images/bundle-carousel.jpg) 0 0 no-repeat; margin-top:10px; }
.bundle-carousel a.bundle-prev { display:block; width:17px; height:85px; position:absolute; top:32px; left:12px; background:url(../images/bundle-carousel-left.jpg) 0 0 no-repeat; }
.bundle-carousel a.bundle-next { display:block; width:17px; height:85px; position:absolute; top:32px; left:611px; background:url(../images/bundle-carousel-right.jpg) 0 0 no-repeat; }
.bundle-carousel ul li { position:relative; display:block; width:190px; height:85px; float:left;  }
.bundle-carousel ul li img { position:absolute; top:0px; left:0px; }
.bundle-carousel ul li a { display:block; width:100px; padding-left:90px; height:85px; color:#ff6806;   }
span.bundle-carousel-title { display:block; width:150px;  position:absolute; top:10px; left:12px; text-transform:uppercase; color:#000; }

.fix { position:relative; display:inline-block; } 
.fix { zoom: 1; display:block; } 
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



table.technical { width:630px; }
table.technical tr td { height:14px; padding:3px;  }
table.technical tr.odd td { background-color:#eee; }

table.paging { margin:0px auto; margin-top:20px; }
table.paging a { display:block; width:20px; height:20px; margin-left:1px; line-height:20px; color:#FFF; text-decoration:none; text-align:center; background:url(../images/paging.jpg) 0 0 no-repeat;  }
table.paging a:hover {  }
table.paging a.page { color:#000; }


div.form { text-align:left; width:600px; padding:0px; margin:0px; padding-top:10px;  }
div.form span, div.form input { display:block; height:22px; margin-bottom:1px; }
div.form input { height:16px; padding-top:3px; padding-bottom:3px; margin-bottom:1px;  border:none; width:174px; background:none; padding-left:3px; }
div.form span { padding-right:5px; line-height:22px;  }
div.form span.in { width:176px; background:url('../images/form.input.jpg') 0 0 no-repeat; }
div.form span.area { height:93px; width:176px; background:url(../images/form.textarea.jpg) 0 0 no-repeat; }

div.form textarea { width:176px; height:90px; border:none; overflow:auto; background:none; font:Tahoma; font-size:11px; padding-left:2px;  }
div.form .button { padding:0px; margin:0px; margin-bottom:1px; background:url(../images/details.jpg) 0 0 no-repeat; width:79px; height:20px; text-align:center; color:#FFF; margin-left:1px; }

#form { padding-top:20px; width:300px; margin:0px auto; }
#form .label { width:100px; text-align:right; padding-right:5px; }
#form input.text {   display:block; height:22px; margin-bottom:1px; height:16px; padding-top:3px; padding-bottom:3px; padding-left:3px; padding-right:3px; background:none; border:none; width:174px; }
#form textarea { float:right; width:174px; padding:3px; padding-bottom:10px; height:80px; background:none; border:none; overflow:auto; }
#form .button { display:block; border:none; padding:0px; margin:0px; background:url(../images/details.jpg) 0 0 no-repeat; width:79px; height:20px; text-align:center; color:#FFF; margin-left:1px; }
#form span.in { display:block;width:176px; background:url('../images/form.input.jpg') 0 0 no-repeat; }
#form span.area {display:block; height:93px; width:176px; background:url(../images/form.textarea.jpg) 0 0 no-repeat; }
.error { padding-bottom:10px; padding-top:10px; }
.error span { color:#FF0000; }

/* Footer styles */
#footer { position:relative; margin:0px auto; height:91px; background:url(../images/footer.jpg) 0 0 repeat-x; z-index:100; background-position:bottom; color:#98b1f5; }
#footer a { color:#98b1f5; text-decoration:none; margin-left:5px; margin-right:5px; }
#footer a:hover { color:#FFF; }
#footer .links { color:#cddbff; }
#footer .container { width:1000px; color:#a7a7a7; height:26px; margin:0px auto;  background:url(../images/bottom.jpg) 0 0 no-repeat; }
#footer .information { position:relative; width:900px; margin:0px auto; color:#6b86cd; padding-top:20px; }
#footer .copyright {  padding-left:5px; }

#footer .information .toxic { position:absolute; top:5px; right:0px; width:210px; height:55px; text-align:right; padding-left:80px; }
#footer .information .toxic div { position:relative; width:100px; height:40px; padding-right:110px; padding-top:20px; background:url(../images/bluedash.jpg) 0 0 no-repeat; background-position:center center; }
#footer .information .toxic a { display:block; position:absolute; top:10px; right:0px; width:68px; height:33px; }

#counters img { display:none; }

.paging { position:relative; margin:0px auto; display:inline-block; height:20px; width:250px;  }
.paging { zoom: 1; display:block; } 
.paging:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.paging a { float:left; display:block; width:20px; height:20px; line-height:18px;  outline:none; color:#fff; text-align:center; }
.paging a:hover, a:active { outline:none; }
.paging a.first-page, .paging a.last-page { width:20px; background:url(../images/paging.jpg) 0 0 no-repeat; background-position:center center; }
.paging a.first-page { margin-right:1px; }
.paging a.first-page:hover {  background:url(../images/paging.selected.jpg) 0 0 no-repeat; background-position:center center;  }
.paging a.last-page:hover {  background:url(../images/paging.selected.jpg) 0 0 no-repeat; background-position:center center; } 
.paging a.last-page { margin-left:1px; background:url(../images/paging.jpg) 0 0 no-repeat; background-position:center center; }
.paging a.prev-page, .paging a.next-page { width:20px; background:url(../images/paging.jpg) 0 0 no-repeat; background-position:center center; }
.paging a.prev-page:hover {  background:url(../images/paging.selected.jpg) 0 0 no-repeat; background-position:center center;}
.paging a.next-page:hover {  background:url(../images/paging.selected.jpg) 0 0 no-repeat; background-position:center center;} 
.paging a.next-page { background:url(../images/paging.jpg) 0 0 no-repeat; background-position:center center; }
.paging span.pages { float:left; display:block; padding-left:3px; padding-right:3px; height:20px; } 
.paging span.pages a { height:20px;width:21px; line-height:20px; text-align:center; color:#fff; background:url(../images/paging.jpg) 0 0 no-repeat; background-position:center center; font-size:9px; }
.paging span.pages a:hover, .paging span.pages a.selected { background:url(../images/paging.selected.jpg) 0 0 no-repeat; background-position:center center; } 


.cc { width:500px; height:15px; }
.circle { background:url(../images/circle.gif) 0 0 no-repeat; padding-left:20px; }
.circle a { font-weight:bold; }
.subcircle { background:url(../images/bullet2.jpg) 0 0 no-repeat; padding-left:20px; background-position:center left; }
.dash { height:5px; line-height:5px; font-size:1px; margin-left:50px; background:url(../images/dashed.jpg) 0 0 no-repeat; background-position:center left; }
.confirmation { padding-top:50px; padding-bottom:50px; background:url(../images/dialog-ok.jpg) 0 0 no-repeat; background-position:center left; padding-left:40px;  }

.carousel-next, .carousel-prev { position:absolute; top:7px; right:10px; display:block; width:22px; height:23px; background:url(../images/carousel-next.jpg) 0 0 no-repeat; }
.carousel-prev { right:33px; background:url(../images/carousel-prev.jpg) 0 0 no-repeat; ountline:0; } 
.carousel-next:hover, 
.carousel-prev:hover, 
.carousel-next:active, 
.carousel-prev:active, 
.carousel-next:focus, 
.carousel-prev:focus { outline:0; }

a.promo { display:block; background:url(../images/promo.flag.gif) 0 0 no-repeat; width:103px; height:107px; position:absolute; top:10px; left:35px; z-index:9999; } 
a.promo-browse { display:block; color:#e93100; padding-left:60px; height:49px; line-height:45px; background:url(../images/promo.title2.jpg) 0 0 no-repeat; margin-bottom:10px; width:156px; font-size:10px; font-weight:bold; text-transform:none; } 
img.promo-label { position:absolute; top:10px; left:215px; z-index:9999; }