@charset "utf-8";

body {
	font: 16px Arial, Helvetica, sans-serif;
	line-height:1.6em;
	background: #121212;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #cccccc;
}

h1, h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*color: #FFF;*/
	color: #ff7800;
	line-height:1.6em;
}

a, a:visited {
	color:#cccccc;
	text-decoration:none;
}

a:hover {
	color:#ff0000;
	text-decoration:none;
}

a:active {
	color:#ff0000;
	text-decoration:underline;
}

ul {margin:0; padding:0 0 0 1em}

ul li a, ul li a:visited {color:#fff}

#container {
	position:relative;
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#mainContent {
	padding: 40px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#container strong {
	/*color:#FF7;*/
	color:#ff7800;

}

#container #header {
	margin: 0px auto;
	height:290px;
	background:url(images/header.png) no-repeat center top;	
}

#header #topLeftBox {
	position:absolute;
	top:10px;
	left:0px;
	/*width:310px;*/
	/*height:21px;*/
	background-color:#444444; 
	/*border: 1px solid #e0e0e0;*/
	border-radius: 2px;
	font-size:14px;
	line-height:22px;
	/*overflow:hidden;*/
	}

#header #topLeftBox a {
	color:#FFF;
/*	font-size:12px;
	line-height:22px;*/
	font-style:normal;
	padding:0 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#header #topTagLine {
	position:absolute;
	float:right;
	top:10px;
	right:20px;
	height:25px;
	text-align:right;
	font-weight:normal;
	font-size:20px;
}

#header #phoneBar {
	position:relative;
	top:231px;
	left:0px;
	height:25px;
	padding-right:90px;
	text-align:right;
}


#container #frontBanner {
	height:271px;
	background: url(images/front-banner.jpg) no-repeat center top;
}

#container #bottomBanner {
	height:50px;
	background: url(images/garantie-reparatii-12-luni.png) no-repeat center top;
	margin: 40px 0px;
}


#linkBanner, #linkBanner > a, #linkBanner > a:visited {
	height:100px;
	font: 22px/100px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing:2px;
	text-align:right;
	text-transform:uppercase;
	color: #FFF;
}

#linkBanner a:hover {
	color: #FF0000;
}

.horizotalSeparator2 {
	background:url(images/horizontal-separator-2.png) no-repeat center center;
	height:10px;
	clear:both;
}

.horizotalSeparator1 {
	background:url(images/horizontal-separator-grey.png) no-repeat center center;
	height:10px;
	clear:both;
}

.horizotalSeparatorSmall {
	background:url(images/horizontal-separator-small-red.png) no-repeat center center;
	height:2px;
	clear:both;
}


/* Colors */

.mainColor {
	color: #ff7800;
}

.secondColor {

}

#colum1 {
	width:270px;
	/*padding-top:15px;*/
	float: left;
}

#colum2 {
	width:270px;
	float: right;	
}

#Content {
	margin:-0px 0px 0px 300px;
	text-align:justify;
}

#leftContent {
	margin:0px 0px 0px 0px;
	text-align:justify;
}

.highlight {
	color:#F00;
}

.bigPic {
	border:10px solid #999999;
}

.picBorder {border:3px solid #CCC;}

img.pictures {
	padding:5px;
	background-color:#FFF;
	border:solid 1px #CCC;
	margin:7px;
}

img.flip {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}