/* 2O54 CSS Document - CSS'd by Nathaniel B | Sept. 14th 2007 12:12 PM EST */
/* Core Components ~~~~~~~~~~~~ */
/*Prevents the dotted border around focused elements, especially in firefox*/
a:focus {
outline-color:invert;
outline-style:none;
outline-width:0pt;
}
p {
margin-top:0px;
margin-bottom:12px;
}
body {
background:#000000;
color:#ece4e4;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
}

h1, h2, h3, h4 {
text-transform:uppercase;
}

#wrapper {
margin:0px auto;
width:810px;
height:auto;
}

#container {
width:810px;
float:left;
background-position:0px 120px;
}

/* This is to ensure that either column looks like a column if one is longer than the other */
#contentbg {
background:url(../images/containerbg.gif) repeat-y right !important;
background:url(../images/containerbg_ie6.gif) repeat-y right;
float:left;
width:810px;
}
form {
margin:0px;
padding:0px;
}

/* Top Parts ~~~~~~~~~~~~~~~~~~ */
#logo {
width:242px;
height:120px;
float:left;
}

#menu {
    float: right;
    clear: both;
    width: 810px;
}
#top_items{
    clear: both;
}

#nav-menu {
padding:0px;
margin:0px;
float:right;
width:auto;
min-width:512px;
list-style:none;
text-align:right;
}

#nav-menu li {
background:url(../images/yellowtop.gif) top center no-repeat #ffbe2c;
width:125px;
float:left;
line-height:28px;
margin-left:5px;
text-align:center;
font-weight:bold;
}

#nav-links {
height:60px;
width:810px;
background:#4694ab;
float:left;
}

#shopping-cart {
height:60px;
background:red;
width:auto;
float:right;
background:url(../images/shopping_cart.gif) center left no-repeat;
padding:0px 15px 0px 25px;
line-height:60px;
}

#link-items {
margin:6px 0px 0px 0px;
float:left;
width:auto;
}

.nav-items {
margin:5px 15px 5px 15px !important;
margin:5px 7px 5px 7px;
border-left:7px solid #FFFFFF;
float:left;
list-style:none;
padding:0px 0px 0px 10px;
}

.nav-items a, #shopping-cart a, #footer a {
color:#FFFFFF;
text-decoration:none;
}

.nav-items a:hover, #shopping-cart a:hover, #footer a:hover {
text-decoration:underline;
}

#nav-menu li a {
padding:0px 10px 0px 10px;
display:block;
color:#000000;
text-decoration:none;
background:url(../images/yellowtop.gif) top center no-repeat #ffbe2c;
}
#nav-menu li a:hover {
color:#FFFFFF;
text-decoration:none;
background:url(../images/bluetop.gif) top center no-repeat #4694ab;
}
#nav-menu li.on a {
background:url(../images/bluetop.gif) top center no-repeat #4694ab;
color:#FFFFFF;
}

#search {
    width:550px;
    height:auto;
    float:right;
    text-align:right;
    /*margin-bottom:90px;*/
}
#search #search_inputDiv{
    float: left;
    /*margin-left: 360px;*/
}

#SearchFormDiv {
    float:right;
    width:200px;
    $width:205px;
}
#search #ContactButton{
    float: right;
    margin-left: 5px;
    margin-top: 2px;
    $margin:4px 0px 0px 0px;
    width: 20px;
	clear:none;
}
#search .search_input {
background:#b8b8b8;
font-size:8pt;
border:1px solid #4c7092;
color:#5e5e5e;
}

#search #ContactButton #idsubmit {}


/* Content Areas ~~~~~~~~~~~~ */
#content {
	width:564px;
	float:left;
	background:#022648 url(../images/contentside_bg.gif) top repeat-x;
	padding:15px;
	font-size:8pt;
}
#content2 {
	width:780px;
	float:left;
	background:#022648 url(../images/contentside_bg.gif) top repeat-x;
	padding:15px;
	font-size:8pt;
}

#content a, #content2 a, #content a:visited, #content2 a:visited, #content a:active, #content2 a:active{
    color: #FFF;
	text-decoration:none;
}

#content a:hover, #content2 a:hover, #content a:focus, #content2 a:focus{
	text-decoration:underline;
}

#content-banner {
    width:565px;
    height:138px;
    text-align:center;
    margin:25px 0px 25px 0px;
}

#featured-products {
	float:left;
	margin:10px 0px 0px 0px;
	width: 565px;
}
#featured-products h1{ float: left; clear: both; width: 500px}
#featured-products .ProductThumb {
width:110px;
/*height:180px; ORGINAL*/
height:210px;
overflow:hidden;
    float:left;
margin:20px 4px 0px 20px !important;
    margin:0px 3px 0px 3px;
    text-align: center;
}

#panel_login #login {
margin-top:2px;
}

#featured-products .ImageThumb {
margin-top:8px;
}

#content h1, #content2 h1, #shopbybrands h1 {
font-size:13pt;
}

/* Side Parts ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#sidemenu {
width:195px !important;
width:186px;
float:right;
background:#001121 url(../images/navside_bg.gif) top repeat-x;
padding:15px 10px 10px 10px;
}

#sidemenu h3 {
font-size:11pt;
color:#4496ab;
padding:0px 0px 3px 0px;
border-bottom:1px solid #47535f;
margin:0px 0px 10px 0px;
}

#sidemenu h4 {
font-size:11pt;
color:#ffbf2d;
padding:0px 0px 3px 0px;
margin:0px 0px 10px 0px;
border-bottom:1px solid #47535f;
}

.sidepanel {
float:left;
width:195px !important;
width:186px;
margin:0px 0px 15px 0px;
}

.sidepanel ul {
margin:0px;
padding:0px;
list-style:none;
}
.sidepanel ul li {
margin:0px 0px 2px 0px;
}

.sidepanel ul li a {
color:#fffeff;
text-decoration:none;
background:url(../images/arrow_bullet.gif) center left no-repeat;
padding:0px 0px 0px 12px;
}
.sidepanel ul li a:hover {
text-decoration:underline;
}
#loginpanel #LogInUserNameDiv { width: 190px; float: left; clear: left; margin-bottom: 8px;}
#loginpanel #LogInPassword    { width: 140px; float: left; clear: left; margin-bottom: 8px;}
#LogInUserNameDiv label, #LogInPassword label { display: none;}
#LogInUserNameDiv .TextField, #LogInPassword .TextField {
    font-size:8pt;
    border:1px solid #4c7092;
    color:#5e5e5e;
    width:137px;
    float:left;
}
/* LOGED IN */
.UsrName{
    color: #FFBF2D;
    font-size: 11pt;
}
.logoutDiv{}
.logoutDiv a{
    color: #C2C6C9;
    text-decoration: none;
 }
 .logoutDiv a:hover{
    color: #FFFEFF;
    text-decoration: underline;
 }

#login {
    float:left;
    margin-left:5px;
    width:auto;
    clear: none;
}
#login input{ float: left; }

.RegisterDiv, .ForgotPassDiv {
float:left;
width:195px !important;
width:186px;
}

.RegisterDiv a {
color:#ffbd2e;
text-decoration:none;
}
.RegisterDiv a:hover {
text-decoration:underline;
}

.ForgotPassDiv a {
color:#c2c6c9;
text-decoration:none;
}
.ForgotPassDiv a:hover {
text-decoration:underline;
}

#topsellers {

}

#newproducts {

}

#newproducts .ProductThumb {
width:83px;
height:74px;
float:left;
margin:0px 7px 25px 7px !important;
margin:0px 3px 10px 3px;
}

/*#information {
margin-top:-15px;
}*/

#newproducts .ProductThumb .ProductTitle {
text-align:center;
}
/* Bottom Parts ~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
width:784px;
float:left;
padding:13px;
background:#4694ab;
font-size:8pt;
text-align:center;
}

#shopbybrands {
margin:15px 0px 0px 0px;
float:left;
width:565px;
}

#shopbybrands .nav-items {
margin:0px 15px 0px 0px !important;
margin:0px 15px 0px 0px ;
border:0px;
}

#shopbybrands-border {
float:left;
border-left:7px solid #FFFFFF;

}
/* PAGING */
.paging {
padding: 0;
margin: 5px 0px 5px 0px;
color: #FFFFFF;
text-align:right;
height: 15px;
clear:both;
display:block;
vertical-align:top;
}


.paging ul {
float:right;
text-align:left;
width:auto;
height:12px;

list-style:none;
margin:0;
padding:0;
}

.paging ul li {
float:left;
height:13px;
line-height:13px;
margin:0 2px;
font-size: 11px;
color: #FFFFFF;
}

.paging ul li a {
font-size: 11px;
color: #FFFFFF;
text-decoration:none;
}
.paging ul li a.on {
text-decoration:underline;
}

.paging ul li a:hover {
text-decoration:underline;
}

.paging a#ruler_first {
display:block;
width:9px;
height:13px;
text-indent:-3000px;
line-height:13px;
background:url(/skin/shared/images/button_pageFirst.gif) 0 65% no-repeat;
}

.paging a#ruler_prev {
display:block;
width:9px;
height:13px;
text-align:left;
text-indent:-3000px;
line-height:13px;
background:url(/skin/shared/images/button_pagePrev.gif) 0 65% no-repeat;
}

.paging a#ruler_next {
display:block;
width:9px;
height:13px;
text-align:left;
text-indent:-3000px;
line-height:13px;
background:url(/skin/shared/images/button_pageNext.gif) 0 65% no-repeat;
}

.paging a#ruler_last {
display:block;
width:9px;
height:13px;
text-align:left;
text-indent:-3000px;
line-height:13px;
background:url(/skin/shared/images/button_pageLast.gif) 0 65% no-repeat;
}
/*END PAGING*/
#breadcrumbsID{float:left;clear:both;width:565px;color:#FFBF2D;margin-bottom:10px;font-size:10px;}
#content #breadcrumbsID a{color:#FFBF2D;}


#sidebar-payment-images {
text-align:center;
}

#sidebar-payment-images img {
margin-top:15px;

}