/********/
/* html */
/********/
body {
	background:#222;
	margin:0;
	overflow:hidden;
	padding:0
}

img {
	border:0;
	display:block
}

h1 {
	color:#CF4B59;
	font-size:13px;
	margin:0 0 18px 0;
	padding:0;
	position:relative
}

h1 a {
	border-bottom:0;
	color:#CF4B59;
	font-size:9px;
	font-weight:bold;
	position:absolute;
	right:0;
	text-decoration:none
}

h2 {
	font-size:11px;
	margin:0;
	padding:0
}

p {
	clear:both;
	margin:0 0 18px 0;
	padding:0
}

a {
	border-bottom:1px solid #CF4B59;
	color:#FFF;
	text-decoration:none
}

ul {
	color:#FFF;
	list-style:square;
	list-style-position:inside;
	margin:0;
	padding:0
}

form {
	margin:0;
	padding:0
}

label {
	float:left;
	font-weight:bold;
	width:150px
}

input,
textarea,
select {
	background:#FFF;
	border:1px solid #828282;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	float:left;
	font-size:11px;
	width:300px
}

select {
	height:22px;
	padding:3px 0 3px 5px
}

input:hover,
textarea:hover,
select:hover {
	background:#F5F5F5
}

textarea {
	height:100px;
	overflow:auto
}

/**********/
/* layout */
/**********/
/* page */
#page_filter {
	background:#000;
	border:2px solid #CF4B59;
	bottom:20px;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	left:50%;
	margin-left:-490px;
	padding-bottom:20px;
	overflow:auto;
	position:absolute;
	text-align:center;
	top:20px;
	width:980px;
	z-index:1000
}

#page_filter #close_window {
	float:right;
	margin:10px 15px 10px 0
}

#page_filter img {
	border:4px solid #CCC;
	clear:both;
	margin:0 auto
}

#page {
	background:#000 url(../img/bg/page.gif) repeat-x;
	border-bottom:2px solid #CF4B59;
	border-top:2px solid #CF4B59;
	color:#FFF;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:576px;
	left:0;
	line-height:18px;
	margin:-289px 0 0 0;
	position:absolute;
	right:0;
	top:50%
}

#main {
	background:url(../img/bg/main.gif) no-repeat 190px 110px;
	height:576px;
	left:50%;
	margin-left:-490px;
	position:absolute;
	width:980px
}

#logo {
	height:30px;
	left:30px;
	position:absolute;
	top:40px;
	width:250px
}

#logo img {
	height:30px;
	width:250px
}

/* menu */
#menu {
	height:466px;
	left:30px;
	position:absolute;
	top:110px;
	width:280px
}

#menu ul {
	color:#CF4B59;
	list-style:square;
	list-style-position:inside;
	margin:0;
	padding:0
}

#menu ul li {
	margin-bottom:10px;
	padding:0 0 0 0
}

#menu ul a {
	border-bottom:0;
	color:#FFF;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:none;
	text-transform:uppercase
}

#menu ul a:hover,
#menu ul a.active {
	border-bottom:1px solid #CF4B59
}

/* content */
#content {
	border:4px solid #CF4B59;
	height:348px;
	left:310px;
	position:absolute;
	top:110px;
	width:632px
}

#content #border {
	border:1px solid #FFF;
	height:346px;
	position:absolute;
	width:630px;
	z-index:1
}

#content #filter {
	background:#FFF url(../img/bg/content.gif) no-repeat right bottom;
	filter:alpha(opacity=25);
	height:346px;
	left:1px;
	opacity:0.25;
	position:absolute;
	top:1px;
	width:630px;
	z-index:1
}

#content #text {
	height:306px;
	left:1px;
	overflow:auto;
	padding:20px;
	position:absolute;
	top:1px;
	width:590px;
	z-index:2
}

#content #text img {
	background:#FFF;
	border:4px solid #CCC;
	display:inline;
	margin:0 0 16px 0;
	padding:1px
}

/* footer */
#footer {
	height:20px;
	left:310px;
	position:absolute;
	text-align:right;
	top:470px;
	width:640px
}

#footer p {
	font-size:10px;
	margin:0;
}

/*********/
/* pages */
/*********/
/* brands */
#brands ul {
	color:#CF4B59;
	list-style:none
}

#brands ul a {
	border-bottom:1px solid #CF4B59;
	color:#FFF;
	text-decoration:none
}

#brands li {
	float:left;
	margin:0 10px 10px 0;
	width:140px
}

#content #text  #brands .brand_logo img {
	float:left;
	margin:0 20px 10px 0
}

#content #text  #brands .brand_logo p {
	clear:none
}

#brands #collection {
	clear:both;
	padding:20px 0
}

#brands #collection a {
	border-bottom:0
}

#brands #collection img {
	margin:0 10px 10px 0
}

/***********/
/* overall */
/***********/
.clear {
	clear:both;
	font-size:1px;
	line-height:1px
}

.hr {
	background:#F1F1F1 url(../img/bg/hr.gif) repeat-x;
	border-bottom:20px solid #FFF;
	border-top:20px solid #FFF;
	clear:both;
	height:20px
}

.hide {
	display:none
}

.show {
	display:block
}

/* form */
.form_wrapper {
	margin-top:20px
}

.row {
	min-height:25px
}

.radio,
.checkbox {
	border:0;
	width:14px
}

.feedback_info {
	display:none;
	color:#F00;
	margin:0 0 15px 0
}

.error {
	border:1px solid #F00
}

/* buttons */
.button {
	background:#888;
	border:1px solid #FFF;
	clear:both;
	display:inline;
	float:right;
	margin:15px 0;
	padding:1px
}

.button a,
.button a:hover {
	border:1px solid #FFF;
	color:#FFF;
	float:left;
	font-weight:bold;
	line-height:14px;
	padding:2px 10px;
	text-decoration:none
}

.form_wrapper .button {
	margin:15px 120px 15px 0
}