@import "css-menu.css";
@import "css-products.css";
@import "css-checkout.css";
@import "css-accordion.css";

/* DEFINE TAGS */

* {
margin: 0;
}

html {
height: 100%;
}

body {
height: 100%;
background:#FFFFFF url(/assets/52/bg_body.gif) repeat-x top left;
margin:0;
}

p {
margin:0;
line-height:16px;
}

a, a:active, a:hover {
	color: #4189dd;
	text-decoration:none
}

h1 {
  margin:0px 0px 6px 0px;
	padding-bottom:12px;
  font:bold 24px Arial Black, Arial, Helvetica;
  color:#333;
	letter-spacing:-1px;
}

h2 {
  margin:0px 0px 4px 0px;
  font:bold 18px Arial, Helvetica;
  color:#333;
}

h3 {
  margin:0px 0px 4px 0px;
  font:bold 18px Arial, Helvetica;
  color:#FF0000;
}


input, textarea, select {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color:#000000;
	border:1px solid #CCC;
	margin-bottom:6px;
	padding:2px;
}

/* DEFINE CONTAINERS */

#wrapper {
	 min-height: 100%;
	 height: auto !important;
	 height: 100%;
	 margin: 0 auto -100px;
 }
#push {
  height:100px;
}

#container {
	width:960px;
  text-align:left;
  margin: 0 auto;
	background-color:#FFFFFF;
	font:12px Verdana;
	color:#333;
}

#flashcontent, #banner {
width:960px;
height:140px;
}

#breadcrumb {
	float:left;
	width:644px;
	height:29px;
	background:#FFFFFF url(/assets/52/bg_shadow.gif) repeat-x;
	font:normal 11px Verdana, Arial, Helvetica;
	color:#333;
	padding:16px 0 0 24px;
}

#breadcrumb a, #basket a {
	color:#4189dd;
}
	
#basket {
	float:left;
	width:268px;
	height:39px;
	background:#FFFFFF url(/assets/52/bg_shadow.gif) repeat-x;
	text-align:right;
	font:bold 11px Verdana, Arial, Helvetica;
	padding:10px 24px 0 0;
}

#basket-options {
	float:right;
	text-align:right;
	font:bold 12px Verdana, Arial, Helvetica;
	width:200px;
	height:25px;
	padding:12px 42px 0 0;
	background:#FFFFFF url(/assets/52/icon_arrow.gif) no-repeat center right;
	margin-top:4px;
}

#top-options {
	float:right;
	text-align:right;
	font:bold 12px Verdana, Arial, Helvetica;
	width:200px;
	height:25px;
	padding:12px 42px 0 0;
	background:#FFFFFF url(/assets/52/icon_arrow_up.gif) no-repeat center right;
	margin-top:24px;
}

#search {
width:217px;
height:33px;
background:url(/assets/52/bg_search.gif) no-repeat;
padding:7px 0 0 7px;
}

#content {
	float:left;
	min-height:340px;
  height:auto !important;
  height:340px;
  line-height:18px;
	width:688px;
	margin:0 0 24px 12px;
}

#content ul {
margin:12px 0px;
}

#panel {
	width:224px;
	float:left;
	font:11px Arial bold;
	padding:0 12px;
	margin-bottom:24px;
}

#footer {
  height:100px;
  padding:0px;
  font:12px Verdana, Arial, Helvetica;
	line-height:24px;
	color:#666666;
	background:url(/assets/52/bg_footer.gif) repeat-x;
}

#footer a, #footer strong {
	color:#CCCCCC;
}

#inner-footer {
	width:918px;
	height:88px;
	padding:12px 24px 0 24px;
	margin: 0 auto;
	background:url(/assets/52/bg_footer_inner.gif) repeat-x;
}

#image-panel {
	text-align:center;
	float:right;
	padding:0px 0px 0px 16px;
	font-size:9px;
}

#clearance {
	background:url(/assets/52/clr_top.jpg) no-repeat top;
	padding:16px 0px 0px 0px;
}

#Price {
  font-size:14px;
  font-weight:bold
}

/* DEFINE CLASSES */

.inner-panel {
	background:url(/assets/52/bg_panel.gif) no-repeat top;
	width:200px;
	float:left;
	font:normal 11px Verdana, Arial, Helvetica;
	padding:10px 12px;
	border-bottom:1px solid #CCC;
	margin-top:12px;
	line-height:16px;
}

.ipt {
	font:bold 11px Verdana, Arial, Helvetica;
	color:#FFFFFF;
	background:url(/assets/52/bg_button.gif) no-repeat;
	border:none;
	height:25px;
	width:100px;
}

.ipt-search {
	font:bold 11px Verdana, Arial, Helvetica;
	color:#FFFFFF;
	background:url(/assets/52/bg_search_button.gif) no-repeat;
	border:none;
	height:25px;
	width:65px;
	margin-left:4px;
	}

.line {
	height:1px;
	border-bottom:solid 1px #EEE;
	margin:12px 0px;
}

.head {
	margin-bottom:24px;
  font:bold 18px Arial, Helvetica;
  color:#003366;
	letter-spacing:-1px;
}

.img {
	border:solid 1px #a0ad37;
	margin-bottom:2px;
	padding:0px;
}

.small {
	font-size:10px;
	line-height:16px;
	color: #4189dd;
}

.small a:hover {
	text-decoration:underline;
}

.offers {
float:left;
width:320px;
margin:0 10px 10px 0;
font:normal 12px Verdana, Arial, Helvetica;
padding:4px;
border:1px solid #EEE;
line-height:18px;
background-color:#F6F6F6;
}

.offers img {
border:none;
max-width:100px;
max-height:100px;
float:right;
margin:0 0 8px 8px;
}

.offers-inner {
height:110px;
}

.offers-info {
font:bold 16px Arial, Helvetica;
margin-bottom:4px;
color:#FF0000;
}

.offers-link {
margin-bottom:0px;
}

.offers-link img {
border:none;
float:none;
margin:0px;
}