body {
	text-align: center;
	margin: 5px 0px 0px 0px;
	font-family: arial, "lucida console", sans-serif;
	font-size: 13px;
	padding:0px;
	background-image: url('images/b6.gif');
}

h3{
	font-size:14px;
	color:gray;
}

a{
}

a:hover{
}


body img a{
	border-style:none;
}


body img {
	border-style:none;
	float:left;
	display:block;
}

p{
}

.fileicon{

}

#container {
	width: 750px;
	margin: 0 auto;
	background: url('images/background-sidebars.gif') repeat-y;
	/*background: url('images/background-sidebars.jpg') repeat-y;*/
	display: table;
}

#main {
	float: left;
	width: 734px;
	padding: 0px 0px 15px 7px;
}

#container-images {
	display: table;
	text-align:center;
}

#main-images {
	float: left;
	width: 520px;
	margin: 0px;
	height: 482px;
	border-style:solid;
	border-color:silver;
	border-width:1px;
	padding: 0px 0px 15px 7px;
}
#main-images .small{
	width: 100px;
	height: 64px;
	margin: 3px 10px;
	border: 3px outset silver;
}
#main-images a:hover .small{
	border: inset silver;
}
#main-images .big{
	border: 1px solid silver;
}
/**Do not Modify**/

#header {
	width: 735px;
	height: 119px;
	background-color: #777f81 ;
	text-align: center;
    padding:0px;
}

#header img{
  margin: 0px 220px;

}



#linksrow {
	width: 735px;
	float: left;
}

#links {
	float: left;
	width: 724px;
	padding-left: 1px;
	padding-right: 10px;
	background: url('images/links.jpg') repeat;
}

#links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#links ul li {
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 13pt;
	color: #FFF;
	float: left;
}

#links ul li a {
	margin-left: 15px;
	color: #FFF;
	text-decoration: none;
}

#links ul li a:visited {
	color: #FFF;
	text-decoration: none;
}

#links ul li a:hover {
	font-weight: bold;
}


/**Left Col**/
#leftCol {
	position: relative;
	top: 0px;
	width: 180px;
	float: left;
	text-align:left;
}

#leftCol p {
	margin: 0;
	text-align: left;
	font-family: 'Lucida Grande', Verdana;
	font-size: 8pt;
	padding:2px;
}

.leftcolHeading {
	display: block;
	width: 180px;
	margin-top: 10px;
	border: 1px solid;
	color: #A6A6A6;
	margin-left:1px;
}

.leftcolHeading h3 {
	color: #000;
	margin: 0;
	font-family: 'Times New Roman', Tahoma;
}

/**Main Content**/
#mainCol {
	position: relative;
	top: 0px;
	margin-left: 3px;
	width: 510px;
	float: left;
	text-align:left;
}

#mainCol p {
	margin: 0;
	width: 510px;
	text-align: left;
	font-family: 'Lucida Grande', Verdana;
	font-size: 10pt;
	padding: 3px;
}

.mainColHeading {
	margin-top: 10px;
	border: 1px solid;
	color: #A6A6A6;
	text-align: left;
}

.mainColHeading h3 {
	margin: 0;
	padding: 3px 0px 5px 15px;
	font-family: Tahoma, Verdana;
	color: #000;
}

#footer {
	width: 750px;
	background: url(images/topbot.jpg) repeat-y;
	float: left;
	font-family: Tahoma, Verdana;
	font-size: 8pt;
}

/**Main Content Image**/
.right {
	margin: 7px 0px 7px 7px;
	float: right;
}

.left {
	margin: 7px 7px 7px 0px;
	float: left;
}

/*==================== CONTENT STYLES ==============================*/
.content-single-col{
/*
main width is 734px
main col width is 510 so
734-510/2 = 112 - 2 for explrer cus its fuck shit = 110
*/
	margin: 0px;
	padding: 0px 100px 0px 100px;
}



/*==================== FORMS PAGE ==============================*/

.contact form {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	width: 510px;
}

.contact form fieldset{
	padding: 1px 120px 0px 1px;
	clear: both;
}

textarea {
	overflow: auto;
}

.contact form div {
	text-align:right;
	display: block;
	/*height: expression('1%');*/
	margin: 5px 0px 0px 0px;
	padding: 1px;
}

label.ok{
	vertical-align: top;
	font-weight: bold;
}

label.error{
	vertical-align: top;
	font-weight: bold;
	color: red;
}


/*==================== PRODUCTS ==============================*/
	.actions {
		float:right;
	}
	.actions a{
		color:blue;
		text-decoration:underline;
	}

	.list{

	}

	/*------  RANGES small menu--------*/
	ul.range{
		text-align:left;
		list-style: none;
		margin: 0;
		padding: 0;
		font-family: Arial, Tahoma, Verdana;
		font-size: 13pt;
		color: black;
	}

	ul.range li{
		margin: 5px 0px 0px 5px;
		font-weight: normal;
	}

	ul.range li a {
		font-weight: bold;
		color: 	#303030;
		text-decoration: none;
	}

	ul.range li a:hover {
		font-weight: bold;
		color: 	red;
	}


	ul.range li a.selected{
		font-weight: bold;
		color: black;
	}

	/*------  RANGES products page --------*/
	.list .range{
		margin: 5px;
		padding:3px;
		height:94px;
		border-style:solid;
		border-color:gray;
		border-width:1px;
		text-align:left;
		font-size:12px;
		background-color:white;
	}

	.list .range:hover{
		border-style:solid;
		border-width:2px;
		border-color:#3f3f3f;
	}

	.list .range img {
		border:1px gray dotted;
		margin-right:5px;
		height:90px;
	}

	.list .range img a{
		border:1px gray dotted;
	}

	.list .range img a:hover{
		border:1px gray solid;
	}


	.list .range .title{
		font-size:16px;
		font-weight:bold;
		margin:5px;

	}

	.list .range .text {
		margin-right:5px;
		height:80px;
		border:none;
	}

	/* Ranges on home page */
	.range_home{
		border:1px gray solid;
		width:118px;
		height:121px;
		float:left;
		padding:2px;
		margin:3px;
	}
	.range_home img{
		float:none;

	}

	/*------  EDIT A "RANGE" -------*/
	.range-edit{
		border: red solid 1px;
	}


	/*------  STUFF IN THAT RANGE (List of items) -------*/

	.list .item{
		position:relative;
		top:0px;
		left:0px;

		margin: 5px;
		padding:3px;
		height:69px;
		border-style:solid;
		border-color:gray;
		border-width:1px;
		text-align:left;
		font-size:12px;
		background-color:white;
		overflow: hidden;
	}

	.range_special_offer_tag{
		position:absolute;
		top:0px;
		left:0px;
	}


	.list .item:hover{
		border-style:solid;
		border-width: 2px;
		border-color:#3f3f3f;
	}

	.list .item a {
		font-weight: normal;
		color: black;
		text-decoration: none;
	}

	.list .item img {
		float:left;
		margin-right:5px;
		height:63px;
		border:none;
	}


	.list .item .name a{
		font-family: Arial, Tahoma, Verdana;
		font-size: 13pt;
		color: black;
		font-weight: bold;
		float:left;
		margin:0px 3px 0px 0px;
	}

	.list .item .model {
        font-size:16px;
		display:block;
		margin:5px 0px 2px 3px;
	}

	.list .item .comment {
		clear:none;
		border:none;
		font-size:12px;
		font-weight:none;
	}

	.list .item .price{
		float:right;
	}


/* Item */
	.item{
		border-style:solid;
		border-color:gray;
		margin:5px 0px 0px 0px;
		padding:2px;
		border-width:1px;
		text-align:left;
	}

	.item .head{
		margin:3px;
		background-color:#B8B8B8;
		height:40px;
	}


	.item .head .name {
		font-family: Arial, Tahoma, Verdana;
		font-size: 13pt;
		color: black;
		font-weight: bold;
		margin:0px 3px 0px 0px;
		display:inline;
	}

	.item .head .model {
        font-size:16px;
		display:inline;
		margin:0px 0px 2px 3px;
	}

	.item .head .price {
		color:black;
	}

	.item .head .price a{
		color:black;
		text-decoration:none;
		font-weight:bold;
	}

	.item .head .price .old_price{
		text-decoration:line-through;
	}
	.item .head .price .new_price{
		color:red;
		font-weight:bold;

	}

	.item .comment{
		border:none;
		margin:3px;
		clear:both;
		font-size:18px;
		font-weight:bold;
	}

	.item fieldset legend{
		color:black;
		font-weight:bold;
	}
	.item #details {
		border: solid 1px #686868;
		background-color:#B8B8B8;
		width:100%;
	}

	.item .heading{
		background-color: #C8C8C8;
		color:black;
		text-decoration:none;
		width:180px;
		text-align:right;
		margin:0px;
		font-weight:bold;
	}

	.item .value{
		background-color: #E8E8E8;
	}

	/* image item page */
	#itemimages{
	}



	.item .thumb{
		float:left;
		margin:3px 10px;
		height:75px;
		width:100px;
	}

	.item .thumb img{
		border:2px gray outset;
		display:inline;
	}

	.item .big{
		position:relative;
		clear:both;
		border:1px gray solid;
		display:block;
		margin:1px;
		z-index:10;
	}

	.item_special_offer_tag{
		position:absolute;
		top:0px;
		right:0px;
		z-index:100;
	}


	.item .big #img{
		display:block;
	}

/* brouchers */
	.broucher{
		background-color:#E8E8E8;
		margin:3px;
	}

	.broucher_unshowen{
		border:1px solid red;
		background-color:#E8E8E8;
		margin:3px;
	}

	.broucher .title{
		background-color:#C8C8C8;
		padding:2px;
	}
	.broucher .file{
		margin:2px;
		background-color:#E8E8E8;
	}
	.broucher img{
		float:none;
		display:inline;
	}
/* Links */
	.link{
		background-color:#E8E8E8;
		margin:3px;
	}

	.link_unshowen{
		border:1px solid red;
		background-color:#E8E8E8;
		margin:3px;
	}

	.link .title{
		background-color:#C8C8C8;
		padding:2px;
	}

/* Dealers */
	.dealer{
		background-color:#E8E8E8;
		margin:3px;
	}

	.dealer_unshowen{
		border:1px solid red;
		background-color:#E8E8E8;
		margin:3px;
	}

	.dealer .title, .dealer_unshowen .title{
		display:inline;
  		padding:2px;
		vertical-align: 250%;
	}
	.dealer img, .dealer_unshowen img{
		float:none;
		display:inline;
	}

/*S P E C I A L   O F F E R S*/
	.special, .special_unshowen{
		border:solid black 1px;
		height:200px;
		width:230px;
		float:left;
		margin:5px;
		padding:5px;
	}

	.special_unshowen{
		border:solid red 1px;
	}

	.special img, .special_unshowen img{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.special .title, .special_unshowen .title{
		font-weight:bold;
		font-size:13pt;
	}

	.special .price, .special_unshowen .price{
		text-decoration: line-through;
	}

	.special .new_price, .special_unshowen .new_price{
		color:red;
	}

/****  A D M I N  *//
#page_toolbar{
  position:relative;
  position:absolute;
  top:0px;
  bottom:0px;
}

#page_toolbar .toolbar_conatiner{
  position:absolute;
  z-index:1000;
  top:0px;
  bottom:0px;
  height:0px;
}

#page_toolbar .toolbar_conatiner h3{
  padding:5px;
  text-align:left;
  background:#dddddd;
}

#page_toolbar #page_toolbar_body{
 /* display:none; iiiinn line for prototype */
  text-align:left;
  background:#dddddd;
  padding:5px;
}


