/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body { background: #FFF url(/templates/glassauto/images/fon_body.png) repeat-x left 5px; border-top: 5px solid #000; color: #333; font-size: 11px; padding: 0; margin: 0;}
/* anchors
----------------------------------------------- */
a { color: #000; font-weight:bold; text-decoration: none; }
a:hover { color:#069; }
/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { line-height:1.2em; margin-bottom:.3em; color: #315A85; }
h2 { margin-top:1em; }
h5 { font-size:1.2em; }
h6 { font-size:1em; text-transform:uppercase; }
h1 a { font-weight:normal; }
/* branding
----------------------------------------------- */
h1#branding { margin: 0px; padding: 0px;}
h1#branding a { display: block; height: 154px; width: 940px; background: url(/templates/glassauto/images/glassauto.jpg) no-repeat center top; text-indent: -10000px; overflow: hidden; margin: 0px; padding: 0px;}
/* page heading
----------------------------------------------- */
h2.page-heading { font-weight:normal; padding:0 5px 5px 5px; margin:0 0 10px 0; border-bottom:1px solid #96B5DF; }
/* boxes
----------------------------------------------- */
.box_border_01 { padding: 3px; border: 1px solid #CDCDCD; background: #F9F9F9; }
#tooltip { position:absolute; border:1px solid #23558B; background:#FFF46A; padding:2px 5px; color:#23558B; display:none; font-size: 16px; font-weight: bold; }
.box { background:#D5E1F3; padding:10px 10px 1px 10px; margin: 0 0 20px 0; }
.box h2 { font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#2A537B; margin:-10px -10px 0 -10px; padding:6px 12px; }
.box h2 a, .box h2 a.visible { color:#fff; background:#2A537B url("/templates/glassauto/images/switch_m.gif") 97% 50% no-repeat; display:block; padding:6px 12px; margin:-6px -12px; border:none; }
.grid_4 .box h2 a { background-position: 97% 50%; }
.grid_5 .box h2 a { background-position: 98% 50%; }
.grid_12 .box h2 a { background-position: 99% 50%; }
.box h2 a.hidden, .box h2 a.hidden:hover { background-image: url("/templates/glassauto/images/switch_p.gif"); }
.box h2 a:hover { background: #203F5E; color: #FFF; }
.block { padding-top:10px; }
div.menu { padding:0; }
div.menu h2 { margin:0; }
div.menu .block { padding-top:0; }
/* paragraphs, quotes and lists
----------------------------------------------- */
p { margin-bottom:1em; }
blockquote { font-size:1.2em; padding-left:1em; border-left:4px solid #ccc; margin: 0 0 0 20px;}
blockquote cite { font-size:.9em; }
ul, ol { padding-top:0; }
/* menus
----------------------------------------------- */
ul.menu { list-style:none; border-top:1px solid #bbb; }
ul.menu li { margin:0; }
ul.menu li a { display:block; padding:4px 10px; border-bottom:1px solid #BCD0EC; }
ul.menu li a:hover { background:#FFD600; }
ul.menu li a:active { background:#628BCF; color: #FFF; }
/* submenus
----------------------------------------------- */
ul.menu ul { list-style:none; margin:0; }
* html ul.menu li { zoom: 1; height: 1%; }
ul.menu ul li a { padding-left:30px; }
/* section menus
----------------------------------------------- */
ul.section { border-top:0; margin-bottom:0; }
ul.section li { text-transform:uppercase; }
ul.section li a { background:#D9E5F5; cursor: pointer; }
ul.section li a:hover { background:#FDDB00; }
ul.section li a:active { color:#fff; background:#6B93D1; }
ul.section li li a { background:#ddd; border-bottom:1px solid #eee; }
ul.section li li a:hover { background:#ccc; }
ul.section li li a:active { color:#000; background:#fff; }
ul.section ul li { text-transform:none; }
ul.section ul.current li a { background:#eee; border-bottom:1px solid #fff; }
ul.section ul.current li a:hover { background:#ddd; }
ul.section ul.current li a:active { background:#fff; }
ul.section li a.current { color:#fff; background:#5885B8; }
ul.section li a.current:hover { background:#FFD902; }
ul.section li a.current:active { background:#97B6D7; }
ul.section li a.active { background:#fff; cursor:default; }
ul.section li.current > a.active, ul.section li.current > a.active:hover { color:#fff; background:#666; cursor:default; }
/* table
----------------------------------------------- */
table { width:100%; border:1px solid #628BCF; margin-bottom:10px; }
col.colC { width:6em; }
th, td { padding:.4em 0 .4em .8em; text-align:left; }
thead th { border-bottom:2px solid #759BD3; background:#95B4DE; padding:.4em 1em .2em; }
thead th.table-head { font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#555; border:1px solid #555; }
tbody th, tbody td { border-top:1px solid #C9D9F0; border-bottom:1px solid #C9D9F0; background:#E8EEF9; }
tbody tr.odd th, tbody tr.odd td { background:#FFF; }
th.currency, td.currency { text-align:center; font-weight: bold; padding:.4em;}
/* forms
----------------------------------------------- */
form { overflow:hidden; }
fieldset { border:1px solid #bbb; padding:10px; position:relative; background:#e9e9e9; margin-bottom:10px; }
legend { font-size:1.1em; padding:.4em .8em; background:#fff; border:1px solid #bbb; }
fieldset.login p { margin-bottom:1em; margin-top:0pt; }
fieldset p label { width:98%; }
fieldset p input { width:98%; }
fieldset p select { width:99%; }
fieldset.login p label { float:left; line-height:2em; margin-right:3%; text-align:right; width:32%; }
fieldset.login p input { width:60%; }
fieldset.login input.button { margin-left:35%; }
form p.notice { font-weight:bold; }
#search { position: absolute; top: 8px; right: 10px; width: 270px; z-index: auto; }
input.search.text { width:220px; height: 20px; border: 1px solid #36608B; line-height: 20px; font-size: 14px; padding: 0px 5px; vertical-align: middle; margin: 0px 8px 0px 0px; }
input.search.button { width: 22px; height: 22px; background: url(/templates/glassauto/images/button.gif) no-repeat center center; vertical-align: middle; border-style: none; cursor: pointer;}

/* articles
----------------------------------------------- */
.articles { padding:0; }
.articles h2 { margin:0; }
#articles { padding-top:0; }
.article { border-top:1px solid #666; padding-top:.5em; }
.box .article { border-top:3px solid #fff; padding:13px 10px 0 10px; }
.article h2 { font-size:2em; font-weight:normal; text-transform:none; color:#333; background:transparent; padding:0; margin:0; border:none; }
.article h3 { margin-bottom:.2em; font-size:1.6em; }
.box .first { border-top:none; }
.article h4 { font-size:1.2em; text-transform:uppercase; margin-bottom:.5em; }
.article a.image { float:left; margin:3px 10px 3px 0; padding:4px; border:1px solid #bbb; background:#fff; }
.article a.image:hover { border:1px solid #666; }
.article a.image img { float:left; }
.article p.meta { color:#666; border-top:1px dotted #999; border-bottom:1px dotted #999; padding:.3em 0; margin-bottom:.8em; }
/* site information
----------------------------------------------- */
#site_info .box { color:#ccc; background:url(/templates/glassauto/images/bottom.png) no-repeat center top; margin-bottom:10px; height: 71px; text-align: center; }
#site_info a { color:#FC0; }
#site_info img { vertical-align: bottom;  }
#site_info a:hover { color:#000; }
/* AJAX sliding shelf
----------------------------------------------- */
#loading { float:right; margin-right:14px; margin-top:-2px; }
/* Accordian
----------------------------------------------- */
.toggler { color: #222; margin: 0; padding: 2px 5px; background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; font-size:1.1em; font-weight: normal; }
.element h4 { margin: 0; padding:4px; line-height:1.2em; }
.element p { margin: 0; padding: 4px; }
.float-right { padding:10px 20px; float:right; }
#accordian-block { padding-bottom:10px; }
/* Mootools Kwicks
----------------------------------------------- */
#kwick-box { padding:0; overflow:hidden; }
#kwick-box h2 { margin:0; }
#kwick { position: relative; }
#kwick .kwicks { display: block; background: #D5E1F3; height: 120px; list-style:none; margin:0; overflow:hidden; }
#kwick li { float: left; margin:0; padding:0; }
#kwick .kwick { display: block; cursor: pointer; overflow: hidden; height: 100px; width: 215px; padding: 10px 10px; background: #fff; }
#kwick .kwick span { color:#000; font-size: 15px; line-height: 24px; width: 210px;  display: block; margin: 0 0 0 250px;}
#kwick .kwick span strong { color:#234567; font-size: 19px; font-weight: bold; display: block; }
#kwick .one { background: #8cb2d8 url(/templates/glassauto/images/banner01.jpg) no-repeat 0px top; }
#kwick .two { background: #8cb2d8 url(/templates/glassauto/images/banner02.jpg) no-repeat 0px top;; }
#kwick .three { background: #8cb2d8 url(/templates/glassauto/images/banner03.jpg) no-repeat 0px top;; }
#kwick .four { background: #8cb2d8 url(/templates/glassauto/images/banner04.jpg) no-repeat 0px top;; }
/* Catalogue
----------------------------------------------- */
em.marka { text-indent: -1000px; display: block; height: 70px; width: 60px; overflow: hidden; margin-bottom: 10px; padding: 0; background: #069 left 0px; }
.grid_1 a.marka { text-indent: -1000px; display: block; height: 70px; width: 60px; overflow: hidden; margin-bottom: 10px; padding: 0; background: #069 left 0px; }
.grid_1 div.marka { text-indent: -1000px; display: block; height: 70px; width: 60px; overflow: hidden; margin-bottom: 10px; padding: 0; background: #069 left 0px; }
.grid_1 a.marka:hover { background-position: left -70px; }
.marka h2 { text-indent: -1000px; display: block; height: 70px; width: 60px; overflow: hidden; margin-bottom: 10px; background: #B6CCEA 0px 0px; }

.mod_search_title a { font-size: 16px; text-decoration: underline; }
.bigtext { font-size: 16px; }
.bigtext b, 
.bigtext strong { font-weight: bold; color: #315A85; }

.articles                    { margin: 10px 0 0 0;}
.articles dl                 { margin: 0 0 10px 0; padding: 0 0 8px 0; display: block; border-bottom: 1px solid #CCC; }
.articles dt                 { margin:0 8px 5px 5px; font-size:18px; color: #A99D85;}
.articles dt a               { text-decoration: underline; }
.articles dd                 { margin:0 8px 0 15px; padding:0; font-size:12px; color:#627081; }