/*Remove Default Formatting*/
ul {
    margin: 0;
    padding: 0;
    text-indent: 0;
}

li {
    list-style: none;
}

img, img a {
    border: 0;
}

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

form {
    margin: 0;
}

.flLeft {
    float: left;
}

/* End of Default Formatting */

body {
    margin: 0;
    padding: 0;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#wrapper {
    width: 960px;
    margin: 0 auto;
}

#head {
    width: 460px;
    text-align: center;
}

#head img {
    float: left;
    margin-right: 5px;
}

#head h1, #head h1 a {
    font-weight: bold;
    color: #29292B;
    text-decoration: none;
    font-size: 1.63em;
    text-transform: uppercase;
    font-family: 'Arial Black', Gadget, sans-serif;
    margin: 0;
    padding: 1.5em 0 0 0;
}

#head h2, #head h2 a {
    font-weight: bold;
    color: #B61C23;
    text-decoration: none;
    font-size: 1.15em;
    text-transform: uppercase;
    font-family: 'Arial Black', Gadget, sans-serif;
    margin: 0;
}

#head h3, #head h3 a {
    color: #333;
    text-decoration: none;
    font-size: 1.0em;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

#banners {
    float: right;
}

#nav {
    background: url(../layout_images/topNavBg.gif) top left repeat-x;
    border: 1px solid #CCC;
    height: 30px;
    position: relative;
    padding: 0 10px;
}

#nav ul li {
    display: inline;
}

#nav ul li a {
    float: left;
    padding: 0 0.7em;
    height: 2.2em;
    line-height: 2.2em;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.15em;
}

#nav ul li a:hover {
    background: #F2F2F2;
    color: #323232;
}

#nav .active {
    background: #F2F2F2;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    color: #323232;
}

#search {
    float: right;
}

#search form {
    margin: 0;
    padding: 0;
}
#search p {
    padding: 0;
    margin: 0;
    height: 2.6em;
    line-height: 2.6em;
}

#search input {
    border: 1px solid #CCC;
}

#searchField {
    color: #505050;
    font-weight: bold;
}

#subNav {
    background: #F2F2F2;
    border: 1px solid #CCC;
    margin-bottom: 0.5em;
}

#subNav ul {
    margin: 0;
    padding: 0;
}

#subNav li {
    float: left;
    /*border-right: 1px solid #2F2F30;*/
    height: 2.1em;
    line-height: 2.1em;
    padding: 0 0.5em;
}

#subNav li a {
    display: block;
    color: #2F2F30;
}

#leftNav, #rightCol {
    border: 1px solid #CCC;
    width: 18%;
    float: left;
}

#leftNav h2, .borderDiv h2 {
    background: #303030;
    margin: 0;
    color: #FFF;
    font-size: 1.2em;
    padding: 2px 5px;
}

.categoryNav li a {
    display: block;
    padding: 8px 5px;
}

.categoryNav {
    /*border-bottom: 1px solid #CCC;*/
    padding: 0 0 0em 0;
}

.categoryNav li ul {
    border-bottom: 0;
}


.categoryNav li ul li a {
    background: none;
    color: #3E3E3E;
    text-decoration: none;
    padding: 1px 5px;
    display: block;
}

.categoryNav h3 {
    padding: 0;
    margin: 0;
    background: #F5F5F5;
    /*padding: 8px 5px;*/
    border-bottom: 1px solid #CCC;
    /*border-top: 1px solid #CCC;*/
    font-size: 1em;
    text-transform: uppercase;
}

.categoryNav h3 a {
    color: #474747;
    text-decoration: none;
}

#middle {
    width: 62%;
    float: left;
    margin: 0 0.5em;
}

#middle h1 {
    margin: 0.3em 0 0 0;
    padding: 0;
    font-size: 1.4em;
}

#middle .sub_categories a {
    color: #00C;
    text-decoration: none;
}

#middle .sub_categories li {
    margin: 0 0 0 2em;
    list-style: square;
}

.category a {
    padding: 0;
    margin: 0;
}

.category {
    float: left;
    margin: 0 4px 5px 0;
    width: 143px;
    overflow: hidden;
    background: #F5F5F5;
}

.categoryEnd {
    margin: 0;
}

.category img {
    border: 1px solid #CCC;
    margin: 0;
    height: 171px;
    width: 141px;
    float: left;
}

.category h4 {
    border: 1px solid #CCC;
    border-top: 0;
    margin: 171px 0 0 0;
    padding: 4px;
    text-align: center;
    height: 2.6em;
}

.category h4 a {
    color: #666;
    text-transform: uppercase;
    text-decoration: none;
}

.category h4 a:hover {
    text-decoration: underline;
}

#shopCart {
    text-align: center;
}

#shopCart h2 {
    text-align: left;
}

#shopCart ul {
    margin: 5px auto;
    width: 95%;
}

#shopCart li {
    display: inline;
    color: #7C7C7C;
    font-size: 10px;
}

#shopCart li a {
    text-decoration: none;
    color: #7C7C7C;
}

#shopCart li a:hover {
    text-decoration: underline;
    color: #7C7C7C;
}

.featProductsProduct {
    width: 95%;
    border-bottom: 1px solid #CCC;
    margin: 0 5px 5px 5px;
    padding: 0 0 5px 0;
    overflow: auto;
}

.featProductsProduct h3 {
    margin: 5px 0;
    padding: 0;
    color: #4D4C4C;
    font-size: 11px;
}

.featProductsProduct p {
    padding: 0;
    font-size: 10px;
}

.featProductsProduct h3 a, .featProductsProduct p a {
    color: #4D4C4C;
    text-decoration: none;
}

.featProductsProduct h3 a:hover, .featProductsProduct p a:hover {
    color: #4D4C4C;
    text-decoration: underline;
}

.featProductsProduct img {
    margin: 0 5px 0 0;
}

#footer {
    border: 1px solid #CCC;
    padding: 0;
    margin: 1em 0;
    position: relative;
}

#footer .column {
    float: left;
    width: 25%;
    margin: 0;
}

#footer .padder {
    padding: 3px;
}

#footer ul {
    padding: 0;
    margin: 0.3em;
}

#footer ul li {
    font-size: 11px;
}

#footer ul li a {
    color: #3E3E3E;
    text-decoration: none;
}

#footer ul li a:hover {
    text-decoration: underline;
}

#footer h3 {
    padding: 0;
    margin: 0;
    background: #666;
    font-size: 1em;
    text-transform: uppercase;
    color: #FFF;
    padding: 0.2em 0.3em;
}

#footer h3 a {
    color: #FFF;
    text-decoration: none;
}

#added_to_basket_message {
    position: absolute;
    border: 1px solid #CCC;
    background-color: #F7F7F7;
    width: 230px;
    padding: 10px;
    display: none;
}
 
#added_to_basket_message p {
    margin: 0;
}

.admin_nav li {
    margin: 0;
    padding: 0.2em 0.4em;
}

table.sortable {
    width: 100%;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    border-collapse: collapse;
}

table.sortable th, table.sortable td {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;  
    padding: 0.2em 0.3em;
    text-align: left;
}


.paging {
    position: relative;
    height: 1.2em;
}

.paging .disabled {
    color: #CCC;
}

.paging .previous {
    position: absolute;
    left: 0;
    top: 0.5em;
}
.paging .next {
    position: absolute;
    right: 0;
    top: 0.5em;
}

.signup {
    float: left;
    margin-right: 20px;
    width: 48%;
}

.loginBox {
    float: left;
    width: 48%;
}

.loginBox h3, .signup h3 {
    display: block;
    background: #333;
    color: #FFF;
    padding: 5px;
    margin: 0;
    text-align: center;
}

#advert {
    float: right;
    width: 450px;
    height: 70px;
    border: 4px solid #F15D22;
    margin-top: 30px;
	margin-right: 19px;
    text-align: center;
    background: #fffdf6;
}

#advert p {
    font-size: 1.8em;
    padding: 0;
    margin: 0;
    font-weight: bold;
    color: #29292B;
    line-height: 35px;
}

#advert p span {
    color: #FF0000;
    font-weight: bold;
    text-transform: uppercase;
}

#messages {
    border: 1px solid #0C0;
    background-color: #CFC;
    padding: 0.5em;
    margin: 1em 0;
}






.awesome, .awesome:visited {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background:#222222 url(../images/alert-overlay.png) repeat-x scroll 0 0;
border-color:-moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.25);
border-style:none none solid;
border-width:0 0 1px;
color:#FFFFFF;
cursor:pointer;
display:inline-block;
padding:6px 8px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}
.awesome:hover {
background-color:#111111;
color:#FFFFFF;
text-decoration:none;
}
.awesome:active {
top:1px;
}
.small.awesome, .small.awesome:visited {
font-size:11px;
padding:4px 5px;
}
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited {
font-size:13px;
font-weight:bold;
line-height:1;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}
.large.awesome, .large.awesome:visited {
font-size:14px;
padding:8px 14px 9px;
}
.green.awesome, .green.awesome:visited {
background-color:#91BD09;
}
.green.awesome:hover {
background-color:#749A02;
}
.blue.awesome, .blue.awesome:visited {
background-color:#2DAEBF;
}
.blue.awesome:hover {
background-color:#007D9A;
}
.red.awesome, .red.awesome:visited {
background-color:#E33100;
}
.red.awesome:hover {
background-color:#872300;
}
.magenta.awesome, .magenta.awesome:visited {
background-color:#A9014B;
}
.magenta.awesome:hover {
background-color:#630030;
}
.orange.awesome, .orange.awesome:visited {
background-color:#FF5C00;
}
.orange.awesome:hover {
background-color:#D45500;
}
.yellow.awesome, .yellow.awesome:visited {
background-color:#FFB515;
}
.yellow.awesome:hover {
background-color:#FC9200;
}