/* CSS reset by Eric Meyer ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ) */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
html, body { height:100%; }
body { background-color:#F6F6F8; font: 0.8em/1.5em Arial, Helvetica, Tahoma, sans-serif; }
#wrapper { width:960px; background:#fff url(../pics/wrapperbg.gif) repeat-y; border-right:1px solid #3121AB; min-height:100%; float:left; }
* html #wrapper { height:100%; }
#head { border-top:15px solid #fff; background-color:#3121AB; height:69px; background:#3121AB url(../pics/schneider_protec.gif) no-repeat right; }
#head img { float:left; }
#head h2 { width:266px; height:67px; float:right; text-indent:-9999em; margin:0; margin-top:1px; } /*background:transparent url(../pics/schneider_protec_logo.gif) no-repeat; }*/
#head h2 a { display:block; width:240px; height:29px; margin-top:19px; margin-left:21px;  }
#head ul { margin-left:12px; margin-top:12px; float:left; list-style-type:none; padding:0; }
#head li { display:inline; }
#head li a { display:block; float:left; border-left:1px solid #fff; padding:0 15px; color:#fff; text-decoration:none; height:43px; text-align:center; }
#head li a:hover { background-color:#4931ff; color:#DEEEED; }
#head li.active a { background:transparent url(../pics/active.gif); text-shadow:#04021F 2px 2px 2px; }

#sidebar { float:left; width:162px; padding:10px 4px; }
#sidebar p { text-align:center; margin:0; margin-bottom:10px; }
#sidebar ul { margin:0; list-style-type:none; padding:0; }
#sidebar input { width:98px; border:1px solid #000; background-color:#fff; height:16px; vertical-align:middle; }
#sidebar a { display:block; border-top:1px solid #fff; color:#fff; text-decoration:none; padding:5px 20px 5px 2px; background:transparent url(../pics/arrow.gif) no-repeat 140px center; }
#sidebar a:hover { background-color:#4931ff; color:#DEEEED; }
#sidebar li.active { background:transparent url(../pics/active.gif); text-shadow:#04021F 2px 2px 2px; }
#sidebar input.search { overflow:hidden; border:0; width:20px; margin-left:5px; background:transparent url(../pics/magnifier.png) no-repeat center; }
#phoneContact { text-align:left !important; color:#fff; padding-left:20px; background:transparent url(../pics/phone.gif) no-repeat; position:fixed; bottom:0; }
#content { padding:12px; float:left; width:766px; }

#subnav ul { list-style-type:none; padding:0; }
#subnav li { display:inline; }
#subnav a { display:block; width:225px; background-color:#3121AB; text-decoration:none; color:#fff; float:left; margin-right:10px; padding:4px 0; text-align:center; margin-bottom:10px; }
#subnav a:hover { background-color:#4931ff; color:#DEEEED; }

#map { height:600px; }

#catalogueHeader { border:1px solid #3121AB; padding:10px; }
.failed { color:#f00; }
#content div.product { border-top:3px solid #3121AB; margin-top:3px; padding:3px 10px; background-color:#F1EFFF; overflow:hidden; }
* html #content div.product { height:1%; }
.product .header h2 { font-weight:bold; float:left; font-size:1em; margin-top:0; }
.product .header form { float:right; }
.product .header span { font-weight:bold; font-style:italic; }
.product .header span span { font-weight:normal; font-style:italic; font-size:0.8em; }
.product .header input { width:3em; border:1px solid #3121AB; background-color:#fff; text-align:center; font-size:0.8em; height:16px; vertical-align:middle; }
.product .header input.basket { overflow:hidden; border:0; width:20px; margin-left:2px; background:transparent url(../pics/basket_put.png) no-repeat center; }
.product .body { clear:both; }
.product .picContainer { float:left; margin-right:1em; }

#basketTable { margin:1em auto; width:90%; border-collapse:collapse; margin-top:1em; }
#basketTable input  { width:3em; border:1px solid #3121AB; background-color:#fff; text-align:center; font-size:0.8em; height:16px; vertical-align:middle; }
#basketTable input.button,  input.button  { overflow:hidden; border:1px solid #000; background-color:#487CB7; font-size:0.8em; height:20px; vertical-align:middle; }
table td { vertical-align:middle; }
table .right { text-align:right; }
table .center { text-align:center; }
.noWrap { white-space:nowrap; }
tr.even td { background-color:#EEEEEE; }
p.basketControls { margin:1em 0 !important; text-align:center; }
.basketControls a { border:1px solid #000; background-color:#487CB7; font-size:0.8em; padding:2px 4px; text-decoration:none; color:#000; }

.regard { color:#f00; }

#checkout table { width:50%; margin:1em auto; }
#checkout tr.even td { border:1px solid #E1EFF4; padding:1px; }
.frame { height:250px; overflow:auto; border:1px solid #000; margin:1em 0; padding:10px; }

.gallery ul { list-style-type:none; padding:0; }
.gallery li { display:inline; }

div > :first-child { margin-top:0; }
h1, h2, h3, h4 { font-weight:bold; margin-top:1.8em; margin-bottom:0.7em; color:#12076F; }
h1 { font-size:1.9em; }
h2 { font-size:1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size:1.1em; }
p, ul, ol, blockquote, table { margin:1em 0; }
ul { list-style-type:disc; padding-left:2em; overflow:hidden; }
ol { list-style-type:decimal; padding-left:2em; overflow:hidden; }


em { font-style:italic; }
strong { font-weight:bold; }
th { background-color:#D5E8ED; font-weight:bold; }
table { border-collapse:collapse; }
td { background-color:#E1EFF4; }
th, td { padding:2px; border-collapse:collapse; }
tfoot td { background-color:transparent; padding:0; }

fieldset { border:1px solid #487CB7; margin:1em auto; padding:0 10px 10px; }
legend { padding:0 10px; font-weight:bold; }
label { float:left; width:10em; }
label.noFloat { float:none; }
fieldset p { clear:left; }

input, textarea { font-size:0.8em; font-family:Arial, Helvetica, Tahoma, sans-serif; }
input[type="text"] { height:16px; width:20em; border:1px solid #487CB7; background-color:#fff; vertical-align:middle; }
textarea { height:5em;; width:20em; border:1px solid #487CB7; background-color:#fff; overflow:auto; }

.capt { display:none; }
p.wrong { background:#FFFFCF url(../pics/exclamation.png) no-repeat right top; border-bottom:2px solid #EFB34A; }