/*----------
	Australian Steel Supplies - CSS Document 
----------*/

@import url("reset.css");

/*--------------------	LaYoUT STYLeS	--------------------*/
body {
  color: #8a898b;
	font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
	background: #243B79 url(/images/core/bg.gif) repeat-x 50% 0;
}

#wrap {
  background: url(/images/core/wrap.gif) no-repeat 50% 0;
}

#container {
  width: 800px;
  margin: 0 auto;
  padding: 0 20px;
  font-size: 1.1em;
  background: #fff url(/images/core/container-bg.jpg) no-repeat right 0;
}

#content {
  width: 798px;
  padding: 0 0 10px 0;
}

#p-home #text {
  width: 745px;
  margin: 0 auto;
  background: none;
  padding: 10px 20px 15px 30px;
}

#text {
  color: #3d505e;
  width: 748px;
  padding: 15px 20px 15px 30px;
  background: #D1D1D1 url(/images/core/cta-bg.gif) repeat-x;
}



/*--------------------	CoMMoN STYLeS	--------------------*/
a { color: #FF0010; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3 {
  color: #334756;
  font-weight: normal;
  text-transform: uppercase;
}


h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #0068AA; margin: 10px 0; }
p { margin: 15px 0; }
ul { margin: 10px 25px; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #CA8D91; text-align: right; font-size: 0.9em; margin: 10px 0; }
.alt { background-color: #BCBCBC; width: 218px; height: 20px; }
.excel { background: url(/images/icon-excel.gif) no-repeat left; padding: 5px 0 5px 20px; }





/*--------------------	HeaDeR STYLeS	--------------------*/
#header {
  width: 798px;
  height: 125px;
  position: relative;
  text-indent: -9999px;
}

#header #logo {
  top: 14px;
  left: 0px;
  position: absolute;
}

#header #slogan {
  top: 27px;
  left: 548px;
  position: absolute;
}


/*--------------------	NaVIGaTIoN STYLeS	--------------------*/
#nav {
  top: 101px;
  right: 8px;
  height: 14px;
  position: absolute;
}

#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; margin: 0 0 0 15px; }
#nav ul li a {
  height: 14px;
  padding: 0;
  font-family: Corbel, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #0d3a5d;
}

/*--------------------	Search	--------------------*/
#search {
  padding: 95px 0 0 0px;
}

#search input.textfield {
  float: left;
  display: inline;
  width: 120px;
  height: 18px;
  padding: 4px 3px 0;
  border: 1px solid #0d3b5d;
  background: #f6f5f5;
  font-size: 10px;
  color: #3d505e;
}

#search form input.submit {
  float: left;
  display: inline;
  width: 75px;
  height: 23px;
  border: 0;
  text-indent: -999em;
  background: url('../images/core/button-search.png') 0 0 no-repeat;
  cursor: pointer;
  margin: 0 0 0 5px;
}

#search form input.submit:hover {background-position: 0 -23px;}


/*--------------------	BaNNeR STYLeS	--------------------*/
#p-home #banner {
  width: 510px;
  height: 328px;
  display: inline;
  overflow: hidden;
  margin: 0 0px 0 0;
  float: right;
  position:relative;
}

#p-home #banner #flash{
	position:absolute;
	top:-2px;
	right:0;
	width:510px;
	overflow:hidden;
}


#banner {
  width: 798px;
  height: 138px;
  display: block;
  overflow: hidden;
  margin: 0 0 5px 0;
}


/*--------------------	CTa STYLeS	--------------------*/
#ctas {
  float: left;
  width: 290px;
  height: 328px;
  color: #3d505e;
  background-color: #D1D1D1;
  margin: 0 0 5px 0px;
  overflow:hidden;
  display:inline;
}
.cta { margin: 0; overflow:hidden; padding:0; line-height:0;height:108px;}
.cta img{line-hight:0;}


/*--------------------	INNeR PaGe STYLeS	--------------------*/
#page-h1 {
  width: 768px;
  height: 31px;
  display: block;
  padding: 10px 0 0 30px;
  background: url(/images/core/cta-top.gif) repeat-x;
}

ul#breadcrumbs { margin: 0; float: right; }
ul#breadcrumbs li {
  color: #df2429;
  float: left;
  display: inline;
  font-size: 1.1em;
  margin: 0 20px 0 0;
  padding: 0 0 0 15px;
  text-transform: uppercase;
  background: url(/images/core/icon-arrow.gif) no-repeat 0 6px;
}
ul#breadcrumbs li a {
  color: #666666;
  display: block;
}

/*--------------------	CaTeGORY LISTING PaGe STYLeS	--------------------*/
ul#categories {
  list-style-type: none;
  display: inline-block;
  margin: 0;
}

ul#categories li {
  float: left;
  width: 110px;
  height: 150px;
  display: inline;
  overflow: hidden;
  text-align: center;
  background-color: #FFFFFF;
  margin: 10px 20px 10px 0;
}

ul#categories li a.more {
  display: block;
}


ul#categories li a.image {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  overflow: hidden;
  border: 5px solid #C5E98B;
}

ul#categories li a.image:hover {
  border: 5px solid #C8C8C8;
}

ul#categories li a.title {
  height: 35px;
  color: #5914A1;
  line-height: normal;
  font-weight: bold;
  overflow: hidden;
}



/*--------------------	PRoDUCT LISTING PaGe STYLeS	--------------------*/
ul#products {
  color: #3d505e;
}

ul#products li {
  width: 100%;
  min-height: 150px;
  padding: 10px 0 20px;
  margin: 10px 0 10px 0;
  border-bottom: 1px solid #fff;
}


ul#products li a.image {
  width: 100px;
  height: 100px;
  float: right;
  overflow: hidden;
  margin: 0 0 0 10px;
  border: 3px solid #df2329;
}

ul#products li a.image:hover {
  border: 3px solid #C8C8C8;
}

ul#products li a.more {
  display: block;
}

ul#products li a.name {
  color: #3C4F5E;
}

ul#products li a.details {
  display: block;
  float: right;
}



/*--------------------	PRoDUCT DeTaIL PaGe STYLeS	--------------------*/
#p-product_detail h1 {
  margin: 10px 0;
}

#p-product_detail #image {
  float: right;
  width: 200px;
  height: 200px;
  margin: 10px 0 10px 20px;
  text-align: center;
  border: 5px solid #df2329;
}

#p-product_detail #image:hover {
  border: 5px solid #C8C8C8;
}

#p-product_detail #special {
}

#p-product_detail .crossed {
  text-decoration: line-through;
}

#button-buy {
  margin: 20px 0;
}

a#buy_now {
  width: 80px;
  height: 20px;
  display: block;
  background: url(/images/core/button-buy_now.gif) no-repeat;
  float: left;
}

a#buy_now:hover {
  background-position: 0 -20px !important;
}


/*--------------------	FooTeR STYLeS	--------------------*/
#footer-bg {
  height: 80px;
  color: #333333;
  font-size: 0.9em;
  background: url(/images/core/footer-bg.gif) repeat-x;
}
#footer {
  width: 748px;
  margin: 0 auto;
  padding: 10px 25px;
}
#footer a { text-decoration: none; color: #323232; }
#footer a:hover { text-decoration: underline; }
#footer #wflogo { float: right; margin: 10px; }


/*--------------------	GALLERY	--------------------*/
#gallery li {
  width: 100px;
  float: left;
  height: 100px;
  display: inline;
  margin: 0 35px 20px;
  text-align: center;
}

#gallery li a {display: block;}