/* NULL
------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
/*border-collapse:collapse;
border-spacing:0;*/
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
} 

/* MAIN
-----------------------------------------------------------------*/

body	{
	text-align: center;
	background:#fff;
}

#body	{
	width: 1000px;
	margin: auto;
	text-align: center;
	font-family: Verdana, Arial;
}

#content	{
	padding:20px 0px;
	background:#ececec;
	border-top:2px solid #fff;
	height:100%;
}

#my_garage	{
	font-size:12px;
	text-align:left;
	background:#ececec;
	border-left:2px solid #fff;
	padding:2px 0px 20px 6px;
}

#logo	{margin:20px 0px 0px 0px;}

table.table_list_img tr td.img	{
	border:2px solid #a8a8a8;
	background:#fff;
	cursor:pointer;
}

table.table_list_img tr td.select	{
	border:2px solid #C36615;
}

.shadow {
	left: 1px;
	top: 1px;
	color: #a8a8a8;
	position: absolute;
	z-index: 0;
	white-space: nowrap;
}

div.model	{
	text-align:left;
	font-size:11px;
	padding:0px 0px 2px 10px;
	font-weight:bold;
	background:#ececec;
	border-bottom:1px solid #a8a8a8;
}

div.color	{
	text-align:left;
	font-size:11px;
	padding:0px 0px 2px 10px;
	font-weight:bold;
	background:#ececec;
	border-bottom:1px solid #a8a8a8;
}

div.price	{
	text-align:left;
	font-size:9px;
	padding:3px 0px 3px 10px;
}

/*COLOR
----------------------------------------------------------------------------*/
p { text-align: left; margin: 15px 0 }

p, ul { font-size: 13px; line-height: 1.4em } 

p a, li a { color: #fcbe35;}
				
a:focus { outline:none }

img { border: 0 }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	position: relative;
	width: 700px;
	margin:auto;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 340px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 1px solid #a8a8a8; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 340px;
	clear: both;
	background: #fff;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 700px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right:2px;
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #ffffff;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0px;
}

.stripNav a:hover {
	background: #ececec;
}

.stripNav a.current {
	background: #a8a8a8;
	color: #fff;
}

.stripNav li {
	border-left:2px solid #a8a8a8;
	border-right:2px solid #a8a8a8;
	border-top:2px solid #a8a8a8;
	border-bottom:2px solid #a8a8a8;
}

.stripNav li.current {
	background: #a8a8a8;
	color: #fff;
	border-left:2px solid #C36615;
	border-right:2px solid #C36615;
	border-top:2px solid #C36615;
	border-bottom:2px solid #C36615;
}



/* = #mainNav
----------------------------------------------------------------------------------------------------*/
#mainNav li{
	width:156px;
	height:71px;
	font-size:80%;
	list-style:none;
	float:left;
	text-align:left;
	background-color:#EBEBEB;
	background-image: url(/img/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color:#a8a8a8;
}

#mainNav li.current{
	background-color:#C36615;
	background-image: url(/img/navCurrentBtn.gif);
	color:#fff;
}

#mainNav li.last{
	width:168px;
	background-image: none;
}

#mainNav li.lastDone{
	background-color:#7C8437;
	background-image: url(/img/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#7C8437;
	background-image: url(/img/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li em{
display:block;
margin:0 0 0 5px;
padding-top:15px;
font-style:normal;
font-weight:bold;
}

#mainNav li span{
display:block;
margin-left:5px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li.lastDone div{
	color:#fff;
	text-decoration:underline;
	cursor:pointer;
}

#mainNav li.done div{
	color:#fff;
	text-decoration:underline;
	cursor:pointer;
}

#mainNav li.nextStep div{
	text-decoration:underline;
	cursor:pointer;
}

#mainNav li.nextStep div.goNext{
	color:#000;
	cursor:pointer;
}

#mainNav li div{
height:71px;
width:156px;
}

table.kit_table td	{
	padding:3px 5px;
	background:#fff;
	border:2px solid #EBEBEB;
	font-size:12px;
	text-align:left;
}

table.kit_table td.price	{
	cursor:pointer;
	padding:0px 3px 0px 10px;
	text-align:right;
	height:30px;

}

table.kit_table td.price td	{
	border:none;
}

table.kit_table td.price td.znak_baks	{
	color:#C36615;
	text-align:right;
	width:15px;
	background:none;
}

table.kit_table td.price td.price_digits	{
	text-align:right;
	width:50px;
	background:none;
}

table.kit_table td.no_bg	{
	background:none;
}

table.kit_table td.border_white_bottom	{
	border-bottom:2px solid #FFF;
}

table.kit_price_table td	{
	border:none;
	padding:0;
	border-bottom:2px solid #EBEBEB;
}

table.about_motor	{
	display:none;
	margin:5px 0px;
}

table.about_motor td	{
	padding:0;
	background:none;
	font-size:10px;
	border-bottom:1px solid #fff;
	padding-right:5px;
	cursor:default;
}

table.about_motor td.label	{
	padding-right:10px;
}