@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic&subset=latin,latin-ext);

/* FONTS */
@font-face {
    font-family: 'dicotmediumregular';
    src: url('fonts/dicotmedium-regular-webfont.eot');
    src: url('fonts/dicotmedium-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/dicotmedium-regular-webfont.woff') format('woff'),
        url('fonts/dicotmedium-regular-webfont.ttf') format('truetype'),
        url('fonts/dicotmedium-regular-webfont.svg#webfont') format('svg');
}

/* RESET */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* GLOBAL */
body {font:12px 'dicotmediumregular', 'Open Sans', sans-serif;color:#144984;background:url(../images/bg-body.png) repeat-x left 407px #CDCDCD;}
input,img,select {vertical-align:middle}
strong {font-weight:bold;}
small {font-size:0.9em;}
p {margin-bottom:1.2em;}
em {font-style:italic;}
a:link, a:visited {text-decoration:none;color:#144984;
    outline: medium none;
    transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    -o-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
a:hover, a:active {text-decoration:none;color:#ffb180;}
.left {float:left !important;}
.right {float:right !important;}
.clear {clear:both !important;}
.textright {text-align:right !important;}
.textleft {text-align:left !important;}
.textcenter {text-align:center !important;}
.inner {width:954px;margin:0 auto;}
.pad {padding:30px 44px;}

/* HEADER */
#header {background:#FFF;height:97px;}
#logo {float:left;margin:15px 0 0;}
#gallery {}
#gallery li {float:left;}
#gallery li:first-child {width:228px;height:191px;}
#gallery li img {width:242px;height:191px;}

/* MAIN */
#main {background:url(../images/bg-main.jpg) no-repeat center top;min-height:311px;}
#searchform {padding:12px 0 10px;height:29px;text-align:right;}
#searchform .txt {border:0 none;background:#000;color:#FFF;font:13px/29px 'dicotmediumregular', 'Open Sans', serif;padding:0 5px;height:29px;width:193px;}
#searchform .btn {background:#0051b9;color:#FFF;font-weight:bold;border:0 none;height:29px;width:31px;font:bold 13px/29px 'dicotmediumregular', 'Open Sans', serif;cursor:pointer;}
#contactnum {font:bold italic 18px 'Open Sans', 'dicotmediumregular', sans-serif;color:#FFF;height:26px;}
#nav {height:26px;margin-left:10px;}
#nav li {display:inline;}
#nav li a {float:left;margin-right:35px;font:bold italic 18px 'Open Sans', 'dicotmediumregular', sans-serif;color:#FFF;text-shadow:0 0 1px rgba(0,0,0,0.5)}
#nav li a:hover {color:#6ca7f3}

#content {background:#EDEDED;min-height:440px;}
.home #content {width:726px;height:251px;min-height:0px;}
.products #content {width:745px;height:475px;min-height:0px;background:#FFF;}
h1.title {font-size:15px;margin-bottom:1.3em;}
.format p {margin-bottom:1em;line-height:19px}
.format ul {list-style-type:none;margin:0 0 1em 4em;}
.format ul li {line-height:19px;}
.format ol {list-style-type:decimal;margin:0 0 1em 4em;}
.format ol li {line-height:19px;}
.format ul.form {margin:0 0 1em;width:425px;}
.format ul.form li {margin-bottom:8px;line-height:1em;}
.format ul.form li label {float:left;width:72px;}
.format ul.form li .input {float:right;width:353px;}
.format ul.form .required {color:#fa0611;}
.format ul.form .txt {border:1px solid #C1C1C1;border-top:1px solid #848484;background:#ededed;width:150px;padding:3px 5px;font:12px 'dicotmediumregular', 'Open Sans', sans-serif;}
.format ul.form .txt:focus {background:#FFF;}
.format ul.form textarea.txt {width:341px;}

#intro {height:191px;overflow:hidden;position:relative;}
#intro .overlay {height:167px;position:absolute;width:204px;color:#FFF;font-size:15px;background:url(../images/blue-90.png) repeat;padding:12px;line-height:1.2em;}
#intro .overlay p {margin-bottom:10px;}
.headline {background:url(../images/bg-headline.gif) repeat-x left top;color:#FFF;font:bold italic 16px/43px 'Open Sans', 'dicotmediumregular', sans-serif;height:43px;padding:0 12px;}

.products #intro {width:209px;}
.products #intro .overlay {width:185px;}

#slider {border-top:13px solid #afafaf;border-bottom:12px solid #afafaf;height:183px;}
#homeprev {float:left;background:url(../images/slider-arrow-prev.png) no-repeat center #d8d8d8;width:27px;height:183px;text-indent:-99999px;}
#homenext {float:right;background:url(../images/slider-arrow-next.png) no-repeat center #d8d8d8;width:27px;height:183px;text-indent:-99999px;}
#featuredcarousel li {float:left;margin:0 6px 0 0;width:183px;}

.twoone .format {width:460px;}
.twoone .sidebar {width:300px;}

.errorbox {margin-bottom:1.6em;border:1px solid #EB533B;background:#FCCAC1;padding:5px 15px;}
.errorbox p {margin:0;padding:2px 0;color:#333}

/* PRODUCTS */
.products .jspVerticalBar {width:8px;background:none;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.products .jspTrack {background:#D8D8D8;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.products .jspDrag {background:#AFAFAF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.products .breadscrumb {padding:20px 37px 10px;color:#ced2d9;font-size:14px;height:16px;}
.products .breadscrumb span {margin:0 10px;}
.products .breadscrumb a {color:#ced2d9;}
.products .breadscrumb a:hover {text-decoration:underline;}
#panel {height:420px;padding-left:37px;overflow:hidden;width:705px}

#products {}
#products li {float:left;width:195px;margin:0 37px 23px 0;}
#products li.alt {margin-right:0;}
#products li h3 {color:#FFF;background:#092d55;padding:5px;line-height:1.3em;}
#products li .intro {background:#afafaf;color:#FFF;padding:5px;}
#products li .intro ul {list-style-type:none;margin:0 0 5px 0;}
#products li .intro ul li {margin:0 0 5px 0;padding:0 0 0 8px;background:url(../images/bullet.gif) no-repeat left 4px;float:none;width:auto;}
#products li .intro a {color:#092d55;display:block;text-align:right;}
#products li .intro a:hover {text-decoration:underline;}

#product {width:660px;background:url(../images/grey.gif) repeat-y right top;}
#product h1 {color:#FFF;background:#092d55;padding:5px 7px;font-size:14px;line-height:1.3em;}
#product .gallery {width:451px;}
#product .details {width:189px;padding:10px;}
#product .details dt {font-size:16px;margin-bottom:5px;}
#product .details dd {/*color:#FFF;*/margin-bottom:15px;}
#product .details dd ul li {margin:0 0 5px 0;padding:0 0 0 8px;background:url(../images/bullet.png) no-repeat left 4px;}

/* SIDEBAR */
.sidebar {width:228px;position:relative;}
.sidebar .listranges {position:absolute;height:241px;background:#ededed;width:204px;padding:0 12px;}
.sidebar .listranges li {padding:2px 0;border-bottom:1px solid #999;}
.sidebar .listranges li a {color:#000;font-size:14px;display:block;padding:10px 12px 9px;margin-left:-12px;margin-right:-12px;}
.sidebar .listranges li a.active,
.sidebar .listranges li a:hover {color:#FFF;background:#005bb3;}
.sidebar .listranges li.last {border:0 none;}
.sidebar .widget {line-height:1.5em;}
.products .sidebar {width:209px;}
.products .sidebar .listranges {width:185px;}

/* FOOTER */
#footer {border-top:1px solid #AFAFAF}
#footer .copy {background:#D8D8D8;color:#898989;text-align:right;padding:0 24px;line-height:33px;height:33px;}
#footer .links {color:#898989;text-align:center;padding:10px 24px;}
#footer .links a {color:#898989;margin:0 7px;}
#footer .links a:hover {text-decoration:underline;}
.home #footer,
.products #footer {border-top:0 none;}
.products #footer .copy {display:none;}