/* 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, font, img, ins, kbd, q, s, samp, small, strike, 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; background-repeat: no-repeat;}

:focus { outline: 0;}
body { line-height: 1; color: #000; background: #fff;}
ol, ul { list-style: none;}

table { border-collapse: collapse; border-spacing: 0;}

caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

/* GENERAL */
body { bxackground-image: url(../img/bg/body.jpg); background-repeat: repeat; min-height: 1000px; font-family: Arial, Verdana; font-size: 11px;}
.hidden { display: none;}
img.floater { float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #666;}
img.right_floater { float: right; margin-right: 0; margin-left: 10px; border: 1px solid #666; } 
.borderfree { border-style: none !important;}
.clear {clear:both;}
p.qa-question {font-weight:bold !important; clear:left;}
p.qa-answer {margin-bottom:15px;}


/* LAYOUT */
#page { width: 971px; margin-left: auto; margin-right: auto; background-image: url(../img/bg/page.png); background-position: left bottom; padding-bottom: 20px; padding-top:20px; position:relative; }
* html #page { behavior: url("/vwnews/resources/js/iepngfix.htc") }

#page #no { position:absolute; left:30px; top:10px; }
#page #no ul li { float:left; margin-right:10px; }
#page #no ul li a { height:23px; width:43px; padding-top:12px; display:block; background-image:url(../img/bg/no.jpg); text-align:center; text-decoration:none; color:#666666; font-weight:bold; }
#page #no ul li.selected a { background-image:url(../img/bg/no-selected.jpg); color:white; }

#page #top { height: 0px; position: relative;}
#page #top div.banner { width: 518px; height: 75px; overflow: hidden; background-image: url(../img/misc/banner1.png); position: absolute; left: 16px; top: 20px; display:none;}
#page #top div.banner p { width: 468px; height: 60px; overflow: hidden; padding-left: 40px; padding-top: 8px;}
#page #top div.member { width: 320px; position: absolute; right: 30px; bottom: -110px;}
#page #top div.member p.forgot { visibility: hidden; margin-left: 65px; margin-top: 10px; font-weight: bold; color: #666;}
#page #top div.member p.forgot a { color: #7a0f29;}
#page #top div.member p.register { margin-left: 105px; margin-top: 10px; font-weight: bold; color: #333;}
#page #top div.member p.register a { color: white;}

#header { width: 940px; overflow: hidden; margin-left: auto; margin-top: 15px; margin-right: auto;}
* html #header { padding-top:15px; }
#header #logo { width: 940px; height: 122px; overflow: hidden;}

div.primary_navigation { width: 940px; height: 25px; overflow: hidden; margin-left: auto; margin-right: auto; background-image: url(../img/bg/primary_navigation.png); background-repeat: repeat-x;}
div.primary_navigation ul { margin-left: 10px;}
div.primary_navigation ul li { float: left; padding: 5px; padding-left: 10px; padding-right: 10px; border: 1px solid #c7c8ca;}
div.primary_navigation ul li.selected { color: #fff; background-color: #313131; text-transform: uppercase; font-size: 12px; font-weight: bold;}
div.primary_navigation ul li.selected a { color: #fff;}
div.primary_navigation ul li a { color: #363636; text-transform: uppercase; font-size: 12px; font-weight: bold; text-decoration: none;}

#page #wrapper { width: 971px; margin-top: 10px; overflow: hidden; background-image: url(../img/bg/wrapper.png); background-position: left top;}
* html #page #wrapper { behavior: url("/vwnews/resources/js/iepngfix.htc") }
#page #wrapper #container { width: 971px; margin-left: 1px; margin-right: auto; background-image: url(../img/bg/container1.png); background-repeat: repeat-y; position:relative; left:-1px;}
#page #wrapper #container #main { width: 941px; margin-top: 10px; overflow: hidden; margin-left: auto; margin-right: auto; background-image: url(../img/bg/main.png); background-repeat: repeat-y;}
#page #wrapper #container #main #primary { width: 654px; float: left;}
#page #wrapper #container #main #secondary { width: 286px; float: right;}

#footer { width:950px; margin:0 auto 0 auto; text-align:right; padding:10px 0 10px 0;  }
#footer .developer { display:block; height:30px; width:112px; background-image:url(http://www.infinitmedia.ro/&resources/img/brand/is_developed_by_infinit_sol.jpg); float:right; text-indent:-6000; }

/** DEFAULT TEMPLATE **/
body.default h1.context { margin-left: 10px; margin-bottom: 10px; font-size: 30px; font-weight: bold;}
body.default div.info { padding: 10px;}
body.default div.info p { font-size: 12px; color: #666; font-weight: bold; margin-top; 10px;}
body.default ul.articles {}
body.default ul.articles li { clear: both; margin-left: 10px; margin-bottom: 30px;}
body.default ul.articles li .title { font-size: 24px; font-weight: bold; color: #7a0f29;}
body.default ul.articles li .title a { text-decoration: none; color: #7a0f29;}
body.default ul.articles li .title a:hover {}
body.default ul.articles li .subtitle { font-size: 12px; font-weight: bold; margin-top: 5px;}
body.default ul.articles li .subtitle a { color:black; text-decoration:none;  }
body.default ul.articles li p.visual { margin-top: 10px;}
body.default ul.articles li div.container { width; 100%; overflow: hidden;}
body.default ul.articles li div.head { padding-right: 10px;}
body.default ul.articles li div.head p { margin-top: 10px; line-height: 15px; font-weight: bold; color: #666;}
body.default ul.articles li div.head p strong { color: #000;}
body.default ul.articles li div.head p a.more { margin-left: 5px; color: #7a0f29;}
body.default ul.articles li div.head table { margin-top: 20px; border: 1px solid #000;}
body.default ul.articles li div.head table thead th { padding: 10px; background-color: #7a0f29; color: #fff; font-weight: bold;}
body.default ul.articles li div.head table tbody td { padding: 10px; background-color: #dedede;}
body.default ul.articles li div.head table tbody tr.mod2_2 td { background-color: #fff;} 
body.default ul.articles li div.head table tbody td a { color: #7a0f29;}

body.default #secondary ul.articles li { margin-left: 0; padding-left: 10px; margin-bottom: 0px; margin-top: 10px; background-image: url(../img/bg/article_secondary); background-repeat: repeat-x; background-position: left bottom;}
body.default #secondary ul.articles li .title { font-size: 15px; margin-bottom: 10px;}
body.default #secondary ul.articles li div.container p.icon .floater {  float: left; padding-bottom: 0px;}
body.default #secondary ul.articles li div.container div.head {  float: right; padding-right: 10px; padding-bottom: 10px;}
body.default #secondary ul.articles li div.container div.head p { margin-top: 0; color: #666; font-weight: normal; }

/** SECONDARY TEMPLATE **/
body.secondary #header #logo a { display: block; height: 122px; text-indent: -9000px; background-image: url(../img/brand/logo.png);}

/** ARTICLE TEMPLATE **/
body.article #main #primary ul.breadcrumbs { width: 90%; height: 20px; margin-left: 10px; overflow: hidden;}
body.article #main #primary ul.breadcrumbs li { float: left; padding-right: 10px; font-weight: bold;}
body.article #main #primary ul.breadcrumbs li.selected { margin-left: 0px;}
body.article #main #primary ul.breadcrumbs li a { color: #4a7492;}
body.article p.unauthorised { margin-top: 10px; margin-right: 5px; font-size: 14px; line-height: 20px; color: #fff; border: 1px solid #666; padding: 10px; background-color: #f00; clear:both;}
body.article p.unauthorised a { color: #fff; font-weight: bold;}
body.article ul.articles li div.body { margin-right: 5px;}
body.article ul.articles li div.body p.question { font-weight:bold; }
body.article ul.articles li div.body p { margin-top: 10px; line-height: 15px; color: #000;}
body.article ul.articles li div.head p strong { color: #000; }

/** PROPOSAL **/
xbody.proposal ul.articles li .title { color: #4a7492 !important;}
xbody.proposal ul.articles li .title a { color: #4a7492 !important;}
xbody.proposal ul.articles li div.head p a.more { color: #4a7492 !important;}
xbody.proposal img.floater { border-color: #4a7492 !important;}
xbody.proposal p.unauthorised { background-color: #4a7492 !important;}

/* FORMS */
#loginForm {}
#loginForm p.title { margin-bottom: 50px; float: right; font-weight: bold;}
p.login_error { color: #f00; margin-bottom: 0; float: none; margin-left: 165px; margin-top: 10px; font-weight: bold; color: #f00;}
#loginForm p.title a { color: #4a7492;}
#loginForm p input.text { width: 130px; height: 18px; padding-left: 5px; border: 1px solid #666; color: #666; background-image: url(../img/bg/input.jpg); background-repeat: repeat-x; background-position: 0 1px;}
#loginForm p input.submit { width: 36px; vertical-align: bottom; background-color: transparent; border-style: none; color: #000; font-weight: bold;}

#top #loginForm p.title a.more { color:#333; }

/*** HOMEPAGE ***/
body#homepage #header h1#logo { text-indent: -9000px; background-image: url(../img/brand/logo.png);}
body#homepage #page #main #primary div.section { width:315px; margin-right:10px; float:left; clear:none; }
* html body#homepage #page #main #primary div.section { margin-right:5px; }

* html body#homepage #page #main #primary  { overflow:hidden; margin-left:0; }

body#homepage #page #main #primary div.first { clear:left; }
body#homepage #page #main #primary div.section .heading { display:block; padding:5px; font-weight:bold; background-color:rgb(230,230,230); margin-bottom:10px; border-top:solid 1px rgb(74,116,146); color:black; padding-left:10px; font-size:20px; margin-top:10px; }
body#homepage #page #main #primary div.section .title a { font-size:12px; }
body#homepage #page #main #primary div.section ul.articles li.main .title { background-image: none; padding:0;                                        }
body#homepage #page #main #primary div.section ul.articles li.main .title a { font-size:20px;  }
body#homepage #page #main #primary div.section ul.articles li.main .head { margin-left:0; }
body#homepage #page #main #primary div.section ul.articles li.main .title a:hover {text-decoration:none; }
body#homepage #page #main #primary div.section ul.articles li { margin:0; margin-bottom:10px; }
body#homepage #page #main #primary div.section ul.articles li .title { font-size:12px; }
body#homepage #page #main #primary div.section ul.articles li .title {  padding-left:15px; background-image:url(../img/bullets/article-link.jpg); background-position:0 1px; }
body#homepage #page #main #primary div.section ul.articles li .title a:hover { text-decoration:underline; }
body#homepage #page #main #primary div.section ul.articles li .content { display:none; margin-left:15px; color:rgb(100,100,100) }
body#homepage #page #main #primary div.section ul.articles li .content p { line-height:13px; }

/*** REGISTER PAGE ***/
body#register #page #main #primary form#registerForm { margin: 10px;}
body#register #page #main #primary form#registerForm fieldset legend { font-weight:bold; color:#4a7492; margin:0 0 20px 0; font-size: 14px; }
body#register #page #main #primary form#registerForm fieldset p, body#register #page #main #primary form#registerForm fieldset div.form { padding:10px; border:1px solid #e5e5e5; background-color:#f4f4f4; margin-bottom:10px; clear:both; overflow:hidden;}
body#register #page #main #primary form#registerForm fieldset p.tip { margin-left: 98px !important; width: 410px !important; background-color: #efff99;}
* html body#register #page #main #primary form#registerForm fieldset div.form { float:left; }
body#register #page #main #primary form#registerForm fieldset p.error { clear: both !important; margin-left: 98px !important; width: 410px !important; margin-top: 45px !important; border:1px solid #d70000; background-color:#fff2f2;}
body#register #page #main #primary form#registerForm fieldset .hidden { display: none !important;}
body#register #page #main #primary form#registerForm fieldset p.buttons { display: block; clear: both; margin-bottom:0; text-align:left; padding-left:108px;}
body#register #page #main #primary form#registerForm fieldset p.buttons input { display:inline; border:0; float:none; background-color:#4a7492; width:120px; color:#fff; cursor:pointer;}
body#register #page #main #primary form#registerForm fieldset label { float:left; clear: both; margin-top: 15px; display:block; width:88px; text-align:right; padding-right:10px; padding-top:3px; font-weight: bold;}
body#register #page #main #primary form#registerForm fieldset input, body#register #page #main #primary form#registerForm fieldset textarea { float:left; display:block; width:420px; border:1px solid #eaeaea; padding:5px; margin-top: 10px; margin-bottom: 10px !important; font-size: 14px;}
body#register #page #main #primary form#registerForm fieldset input.error { border: 1px solid #f00;}
body#register #page #main #primary form#registerForm fieldset input.checkbox { width: 20px !important; display: block; margin-top: 20px !important; padding: 5px;}
body#register #page #main #primary form#registerForm fieldset label.reverse { clear: none; width: auto; margin-left: 10px; margin-top: 17px !important;}
body#register #page #main #primary form#registerForm fieldset label.reverse a { color: #f00; text-decoration: underline;}

/*** RETAILERS PAGE ***/
body#retailers #main { background-image: none !important;}
body#retailers #main #primary { width: 100% !important;}
body#retailers ul.articles { width: 100% !important;}
body#retailers ul.articles li { width: 641px !important; clear: both; margin-left: 10px; margin-bottom: 30px;}
body#retailers ul.articles li.full { width: 98% !important;}