@charset utf-8;

/* TAG RESET -------------------------------------------------------*/
/* Loosely based on YUI reset  (http://developer.yahoo.com/yui/reset/) stylesheet with some additions */
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,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

h1,h2,h3,h4,h5,h6 {
font-size:1em;
font-weight:normal;
}

caption,th {
text-align:left;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
}

input,select,button {
vertical-align:middle;
}

a img {
border:0;
}

table,input,select,textarea,button {
font:inherit;
font-size:1em;
}

/* END TAG RESET ------------------------------------------------*/
body {
font:62.5%/1.5 Georgia, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#363633;
text-align:center;
background:#B3B7AB;
}

#container {
width:785px;
margin:0 auto;
text-align:left;
}

#header {
position:relative;
min-height:167px;
width:785px;
}

#content {
font-size:1.24em;
width:785px;
}

#footer {
clear:both;
text-align:center;
padding:0 0 8px;
}

/* [+] -- HEAD -------------------------------- */
#logo {
float:left;
margin-top:26px;
}

#promo-banner {
position:absolute;
top: 60px;
right:20px;
border:1px solid #fff;
}

#utilities {
position:absolute;
top:10px;
right:0;
}

#utilities li {
float:left;
margin-right:6px;
font-size:11.5px;
background:transparent url(../images/pipe-utility-menu.gif) no-repeat right center;
padding-right:7px;
}

#utilities li input {
margin-left:10px;
}

#main {
position:absolute;
bottom:5px;
right:18px;
}

#main li {
float:left;
margin-left:6px;
font-size:14.4px;
background:transparent url(../images/pipe-menu.gif) no-repeat right 4px;
padding-right:7px;
}

#main li.noPipe,#utilities li.noPipe {
background:none;
padding-right:0;
}

.noPipe form {
position:relative;
top:-3px;
}

/* [+] -- CONTENT -------------------------------- */
#contentInner {
background:url(../images/background-blank-top.jpg) no-repeat top right;
width:773px;
}

#contentScale {
background:url(../images/background-blank-bottom.jpg) no-repeat bottom right;
padding:15px 30px 40px;
min-height:390px;
width:773px;
width:713px;
}

#home #contentInner {
background:#B3B7AB url(../images/background-home.jpg) no-repeat top right;
background:#B3B7AB url(../images/bg/rotate.php) no-repeat top right;
padding:75px 30px 40px 475px;
width:268px;
height:435px;
height:320px;
}

#breadcrumbs {
font-size:94%;
float:left;
width:50%;
}

#cart {
font-size:94%;
float:right;
width:49%;
text-align:right;
}

#basket {
background:transparent url(../images/icon-basket.gif) no-repeat top right;
padding:0 20px 3px 0;
}

#breadcartWrap {
padding-bottom:58px;
width:100%;
position:relative;
}

#normal #breadcartWrap {
padding-bottom:20px;
}

#productLeft {
width:278px;
float:left;
padding:0 15px 5px 0;
width:263px;
font-size:95%;
}

#productRight {
width:434px;
float:right;
}

#addInfo {
border-top:1px solid #AFAFAD;
padding:15px 0 0;
margin:10px 0 0;
width:100%;
}

#addInfo ul li {
margin-bottom:10px;
}

#addInfo ul li span {
min-width:80px;
display:block;
float:left;
}

#addInfo select {
width:180px;
}

#shopButtons {
}

#shopButtons input,#shopButtons img {
float:right;
display:block;
clear:both;
margin-bottom:3px;
}

.floatLeft {
float:left;
width:49%;
}

.floatRight {
float:right;
width:49%;
}

#category .floatLeft {
width:490px;
position:relative;
height:275px;
}

.pagination-results {
position:absolute;
bottom:0;
right:0;
}

.pagination-results b,.pagination-results a {
padding:0 2px;
}

#category .floatRight {
width:210px;
margin-left:12px;
font-size:100%;
}

#category .floatLeft img {
width:102px;
height:102px;
border:8px solid #fff;
}

#category .floatLeft img:hover {
width:102px;
height:102px;
border:8px solid #B3B7AB;
}

.productListing .productListing-even img {
position:relative;
top:-20px;
}

#pagination {
position:absolute;
bottom:-80px;
right:0;
}

.productListing-heading {
border-bottom:1px solid #ACACAB;
}

.productListing-data,.productListing-data td {
padding-top:0;
}

/* [+] -- SIDEBAR -------------------------------- */
/* [+] -- FOOT -------------------------------- */
address {
color:#fff;
font-size:1.6em;
}

/* [+] -- PAGE SPECIFIC -------------------------------- */
/* [+] -- FORMS -------------------------------- */
button {
border:none;
background:none;
}

fieldset {
border:none;
padding:4px;
margin-bottom:5px;
}

legend {
font-weight:bold;
padding:0 5px;
display:none;
}

#product select {
margin:0 0 5px 4px;
}

fieldset select {
width:140px;
float:left;
margin-bottom:3px;
}

fieldset input {
width:140px;
float:left;
margin-bottom:3px;
}

fieldset .resetme input {
width:auto;
float:none;
}

fieldset .main {
margin-bottom:5px;
}

fieldset .checkbox input {
width:auto;
}

fieldset .fieldLong input {
width:250px;
}

fieldset li {
clear:both;
}

fieldset label {
width:140px;
float:left;
text-align:right;
margin-right:10px;
display:block;
font-size:90%;
}

fieldset.forms {
border:none;
}

fieldset.forms textarea {
width:500px;
height:165px;
}

fieldset.forms textarea {
width:260px;
height:165px;
}

fieldset.forms input {
width:260px;
float:left;
margin-bottom:3px;
}

/* [+] -- FONTS -------------------------------- */
p {
margin:0 0 15px;
}

h1 {
font-size:230%;
font-weight:normal;
margin:0 0 14px;
letter-spacing:.0005em;
color:#363633;
padding-bottom:25px;
border-bottom:1px solid #ACACAB;
}

#home h1,#category h1,#h1noBorder h1,#product h1 {
padding-bottom:0;
border-bottom:none;
}

#product h1,#category h1,#normal h1 {
color:#A53823;
font-size:180%;
}

#product h1 {
font-size:190%;
}

#pname {
font-size:95%;
}

/* [+] -- LINKS -------------------------------- */
a,a:link {
color:#363633;
text-decoration:none;
}

a:visited {
text-decoration:none;
}

a:hover {
color:#363633;
text-decoration:underline;
}

a:active {
text-decoration:none;
}

#main a:hover,#main a.active {
color:#fff;
}

#breadcrumbs .headerNavigation {
color:#363633;
}

#breadcrumbs a.headerNavigation:active {
color:#A53923;
}

.pageResults {
color:#575853;
font-size:110%;
}

#utilities .headerNavigation {
color:#363633;
}

/* [+] -- ACCESSIBILITY -------------------------------- */
#skip {
position:absolute;
left:-2000px;
}

/* [+] -- UTILITY -------------------------------- */
.clearFix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearFix {
display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearFix,#bodyWrap {
display:block;
}

/* End hide from IE-mac */
.upper {
text-transform:uppercase;
}
