/*
Date: 22 July 2009
Author: Bogdan Valentin Oasa
Company: Touch Media
Website: www.touch-media.ro
Project: Alpha Boats
*/

/* Reset CSS */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.clear {clear: both; line-height: 0; display: block;}
.clear2 {clear: both; line-height: 0; display: block; height: 20px;}
.clear3 {clear: both; line-height: 0; display: block; height: 10px;} 

body {
  font-family:  Verdana, Arial, Tahoma, sans-serif;
  background: #044b81 url(images/background.jpg) repeat-x;
  font-size: 11px;
}
#header {width: 100%; background: url(images/head.jpg) no-repeat center top; height: 258px; }
#header_center {width: 670px; margin: 0 auto; }
#header_center ul { float: right; }
#header_center ul li {float: left;}
#header_center ul li .separator {float: left; width: 1px; height: 41px; background: url(images/separator.jpg) no-repeat;}
#header_center ul li a {float: left; height: 28px; padding: 13px 15px 0 15px;}
#header_center ul li a:hover { float: left; background: url(images/menu_sel.jpg) repeat-x; }
#logo {float: left; clear: left; background: url(images/logo-trans.png) no-repeat; width: 164px; height: 97px;}

#search_form {float: right; width: 223px; height: 17px; background: url(images/search_form.gif) no-repeat; margin: 40px 0 0 0;}
#search_form input {float: left; background: transparent; width: 136px; border: 0; height: 15px; margin: 1px 1px 0 1px; font-size: 9px; color: #fff;}
#search_form input#search_submit {float: left; background: url(images/cautare.gif) no-repeat; width: 82px; height: 15px; margin: 1px 0 0 1px;}

#page {width: 670px; margin: 0 auto; position: relative; margin-top: -50px;}
#page2 {width: 686px; margin: 0 auto; position: relative; margin-top: -90px;}
#contact {width: 100%; float: left; clear: left;}
#contact_left {width: 361px; float: left; clear: left;}
h2 {float: left; clear: left; padding-left: 15px;}
#contact_left p {width: 100%; text-align: justify; color: #fff; margin: 10px 0 25px 0; float: left; clear: left;}
#contact_left p a {color: #fff; font-weight: bold;}
#poza_index {float: left; clear: left; margin-top: 10px;}
#sidebar_right {float: right; width: 212px; height: 371px; background: url(images/sidebar.png) no-repeat; position: relative; margin-top: -70px; padding: 22px 0 0 17px;}
#poze_sidebar {float: left; width:210px; clear: left; margin: 10px 0 25px 0; }
#poze_sidebar img {float: left; margin: 10px 10px 0 0;}
#sidebar_right p {float: left; clear: left; width: 200px; color: #133e6a; font-size: 9px; text-align: justify; border-top: 1px #000 solid; padding: 9px 0 0 0; margin: 10px 0 0 0;}

#newsletter_form {float: left; width: 196px; height: 17px; background: url(images/newsletter_form.gif) no-repeat; margin: 10px 0 0 0;}
#newsletter_form input {float: left; background: transparent; width: 123px; border: 0; height: 15px; padding:2px 5px 0 5px; font-size: 9px; color: #000;}
#newsletter_form input#newsletter_submit {float: left; background: url(images/inscriere.gif) no-repeat; width: 62px; height: 15px; margin: 1px 0 0 1px; cursor: pointer;}

#footer {width: 650px; margin: 0 auto; padding-top: 40px;}
#footer2 {width: 650px; margin: 0 auto; background-image:url(images/footerbg.jpg); background-repeat:no-repeat; padding-top:50px;}
#logo2 {float: right; margin-top: -20px; position: relative; }
#footer ul {float: left; clear: left;}
#footer ul li  {float: left; border-right: 1px #6086a2 solid; padding: 0 5px;}
#footer ul li#no_border {border: 0;}
#footer ul li a {float: left; color: #6086a2; font-size: 9px;}

#footer2 ul {float: left; clear: left;}
#footer2 ul li  {float: left; border-right: 1px #6086a2 solid; padding: 0 5px;}
#footer2 ul li#no_border {border: 0;}
#footer2 ul li a {float: left; color: #6086a2; font-size: 9px;}

#copyright {float: right; width: 300px; text-align: right; font-size: 9px;color: #6086a2;}

.leftcontainer {float:left; width:198px;}
.meniuleft {float:left; width:198px; background-image:url(images/meniu_showroom.jpg); background-position:top left; background-repeat:no-repeat; background-color:#FFFFFF; padding-top:45px;}
.titlumeniu {float:left; width:167px; font-size:13px; color:#133e6a; padding:1px 0px 1px 31px; font-weight:bold;}
.meniuleft ul {float:left; width:162px; padding:15px 0px 15px 36px; list-style:none;}
.meniuleft ul li {float:left; width:151px; padding-left:11px; background-image:url(images/bluebullet.jpg); background-position:left; background-repeat:no-repeat;}
.meniuleft ul li a {color:#133e6a; text-decoration:none;}
.meniuleft ul li a:hover {color:#007dd9;}
.meniuleftdown {float:left; width:198px; background-image:url(images/meniushowroomdown.jpg); height:5px; background-position:top left; background-repeat:no-repeat;}
.promotiileft {float:left; width:198px; background-image:url(images/promotii.jpg); background-position:top left; background-repeat:no-repeat; margin-top:30px; padding-top:30px; text-align:center;}
.pagecontainer {float:left; padding:0px 0px 0px 20px; width:465px;}
.productcontainer {float:left; width:465px; padding-top:15px;}
.productcontainer .product {float:left; background-image:url(images/bgproduct.jpg); background-position:top left; background-repeat:no-repeat; width:129px; height:112px; text-align:center; padding:15px 16px 10px 10px;}
.productcontainer .product:hover {background-image:url(images/bgproduct2.jpg);}
.productcontainer .product .text {float:left; width:100px; text-align:right; padding-top:8px; font-size:11px; color:#004c98;}
.paginationcontainer {float:left; background-image:url(images/paginig.jpg); background-position:top left; background-repeat:no-repeat; height:19px; width:445px; padding:5px 10px;}
.paginationcontainer a {float:left; background-position:top left; background-repeat:no-repeat; padding: 0px 10px 2px 5px; width:9px; height:19px; text-decoration: none; color: #004c98; font-size:14px;}
.paginationcontainer a:hover, #selected {background-image:url(images/pagehover2.jpg);}
.breadcrumb {float:left; font-size:10px; color:#d8d8d8; width:400px;}
.breadcrumb a {text-decoration:none; color:#d8d8d8;}
.breadcrumb a:hover {color:#FFFFFF;}
.proddetail {float:left; width:445px; padding:15px 10px 10px 10px; margin-top:10px; padding-bottom:10px; background-image:url(images/prod_detail.jpg); background-position:top left; background-repeat:no-repeat; background-color:#ffffff;}
h1 {font-size:15px; color:#FFFFFF;}
.subtitle {float:left; clear:left; font-size:12px; color:#2f2f2f; font-weight:bold; padding:10px 0px;}
.specs {float:left; clear:left; font-size:11px; width:435px;}
.leftsidebut {float:left; width:202px; margin-top:5px;}
.proddetail2 {float:left; width:465px; background-image:url(images/prod_detail_down.jpg); background-position:top left; background-repeat:no-repeat; height:15px;margin-bottom:10px;}
.formularrezervare {font-size:11px; color:#ffffff; width:550px;}
.formularrezervare td {text-align:right;}
.formularrezervare .lefter {text-align:left;}
.camp1 {width:180px; background-color:#ffffff; color:#4a5c86; font-size:11px; border:none; height:15px;}
.camp2 {width:180px; background-color:#ffffff; color:#4a5c86; font-size:11px; border:none; height:100px;}
.trimitere {background-image:url(images/send.jpg); background-position:top left; background-repeat:no-repeat; background-color:transparent; border:none; width:70px; height:15px; cursor:pointer;}


.arrowlistmenu{
width: 198px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
/*bottom spacing between header and rest of content*/
float:left; width:167px; font-size:13px; color:#133e6a; padding:1px 0px 1px 31px; font-weight:bold;
 /*header text is indented 10px*/
cursor: pointer;
}
.arrowlistmenu .menuheader a {color:#133e6a;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color:#133e6a;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
float:left; width:162px; padding:15px 0px 15px 36px; list-style:none; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
float:left; width:151px; padding-left:11px; background-image:url(images/bluebullet.jpg); background-position:left; background-repeat:no-repeat; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color:#133e6a; text-decoration:none;
}


.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#007dd9;
}
h3 {font-size:11px; font-weight:normal; color:#ffffff; float:left; width:350px;}
h3 a {color:#FFFFFF;}
h4 {font-size:11px; font-weight:normal; color:#ffffff; float:left; margin:10px 0px; width:350px;}