body {
background-image: url(../images/bgTile.jpg);
background-repeat: repeat-x;
text-align: center;
background-color: #fff;
margin: 0;
padding: 0;
color: #565656;
}

h1 {
font: 200% arial,sans-serif;
color: #14b0ea;
padding: 0 0 0 0;
}

h2 {
font: bold 100% arial,sans-serif;
padding: 12px 0 0 35px;
margin: 0 0 0 0;
text-align:left;
}

h2.pink {
color: #e943ea;
}

h2.blue {
color: #14b0ea;
}

h2.grey {
color: #989797;
}

h2.black {
font: bold 130% arial,sans-serif;
color: #1c110b;
}

h3 {
font: bold 110% arial,sans-serif;
padding: 12px 0 0 0;
margin: 0 0 0 0;
text-align:left;
color: #14b0ea;
}

h3.subheader {
font: bold 80% arial,sans-serif;
padding: 10px 0 5px 10px;
color: #565656;
}

h3.catheader {
width: 300px;
padding: 0 0 0 10px;
}

h4 {
text-align:left;
font: bold 85% arial, sans-serif;
color: #7a7a7a;
padding: 5px 0 6px 15px;
margin: 0 0 0 3px 0;
background-color: #f8f8f8;
border: 1px solid #edecec;
font-variant: small-caps;
}

h5 {
width: 280px;
float: left;
padding: 0 0 10px 0;
margin: 0;
font: bold 125% arial,sans-serif;
color: #7a7a7a;
text-align: left;
}

h5 a {
display: inline-block;
color: #7a7a7a;
text-decoration: none;
}

h5 a:hover {
text-decoration: underline;
cursor: pointer;
}

h6 {		
font: bold 100% arial,sans-serif;
color: #7a7a7a;
text-align: left;
}

a img {
border: none;
}

/* Disable all form labels */

legend {
display: none;
}

/* Begin Main Page Structure */

.wrapper {
width: 1000px;
margin: 0 auto;
}

#masthead {
width: 100%;
height: 230px;
}

#logo {
float:left;
width: 200px;
height: 180px;
}

#logo img {
float: left;
margin: 25px 0 0 0;
}

/* Header NAV, and welcome message */

.quick-access {
width: 320px;
float:right;
margin: 65px 0 0 0;
font: 75% 'Trebuchet MS', arial, sans-serif;
text-align:left;
}

.quick-access ul {
padding: 0;
margin: 5px 0 0 0;
display: none;
}

.quick-access li {
display: inline;
padding: 0 10px 0 5px;
border-right: 1px solid #fff;
}

.quick-access li.first {
padding: 0 10px 0 0;
}

.quick-access li.last {
border: none;
}

.quick-access a {
display: inline-block;
font: 100% 'Trebuchet MS', arial, sans-serif;
text-decoration: none;
color: #fff;
}

.quick-access a:hover { 
text-decoration: underline;
}

/* Top Search */

#search_mini_form {
float: right;
padding: 0 0 0 0;
width: 500px;
}

fieldset {
border: none;
padding:0;
margin:0;
}

.mini-search {
float: right;
padding: 10px 0 0 0;
}

#search {
float:left;
width: 240px;
padding: 3px 0 2px 3px;
border: 2px solid #43bbd4;
}

input.searchbutton {
float: left;
padding: 0 0 0 0;
margin: 7px 0 0 0;
}

#content {
display: inline-block;
font-family: arial,sans-serif;
width: 100%;
margin: 0 0 20px 0;
}

/* Styles Related to the Index Page Only */

#indexwrapper {
float:left;
width: 763px;
margin: 0 0 0 0;
}

/*Index Banner AD */

#showcase {
float:left;
width: 763px;
height: 287px;
background-image: url(../images/showBanner.jpg);
background-repeat: no-repeat;
margin: 0 0 5px 0;
}

.indexad {				
float: left;
margin: 0 0 0 5px;	
}		

/* End Index Page Styles */

/* Styles Related to the 3 column layout */

#centercolumn {
float: left;
width: 518px;
margin: 0 0 0 7px;
text-align: left;
}

#centercolumn.page-head {
height: 40px;
}

#centercolumn ol {
padding: 0 0 0 0; 
margin:0;
list-style:none;
}

#centercolumn ul {

}

#centercolumn li.item {
text-align:left;
width: 480px;
height: 150px;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
border-bottom: 1px dashed #d7d5d3;
}

#centercolumn li img{
float: left;
display: inline-block;
margin: 0 30px 10px 0;

}

#centercolumn .listing-item {
margin: 10px 0 5px 0;
}

#centercolumn .tablewrapper {
width: 480px;
height: 85px;
padding: 0 0 10px 0;
border-bottom: 1px dashed #d7d5d3;
}

#centercolumn table {				
width: 430px;
margin: 0 0 10px 0;
}

#centercolumn td {
padding: 3px;
margin: 0 50px 0 0;
display: inline-block;
}

#centercolumn tr {
display: inline-block;
margin: 0 10px 0 10px;
}

#centercolumn tr.pages {
text-align:left;
}

#centercolumn table p {
width: 30px;
float: left;
margin: 0 10px 0 0;
padding: 0;	
font-weight: bold;
}

#centercolumn table ul {
float:left;
padding: 3px 0 0 0;
margin: 0 0 0 0;
}

#centercolumn table li {
width: 10px;
float:left;
display: inline-block;
}

#centercolumn table li img {

}

#centercolumn select{
border: 1px solid #818181;
}

#centercolumn table a {
color: #d315a6;
text-decoration: none;
}

#centercolumn table a:hover {
text-decoration: underline;
}


/* left column */
.col-left {
float: left;
width: 233px;
margin: 0 0 0 0;

}

.col-left li a:hover {
color:#333;
}

.col-left img {
float:left;
margin: 0 0 5px 0;
}

/* right column */
.col-right {
width: 233px;
float:right;
}

.col-right li a:hover {
color: #333;
} 

/* End 3 Column Page Styles */


/* Wide Panel
<div class="widepane">
<div class="widepane-header">
<h2 class="blue">Sample Pane</h2>
</div>
<div class="widepane-content">
</div>
<div class="widepane-footer">
</div>
</div>

*/
.widepane {
width: 518px;
margin: 0 0 0 0;
}

.widepane ul{
text-align:left;
margin: 0;
padding: 0 0 5px 0;
}			

.widepane li{
list-style: none;
list-style-type: none;
}

.widepane-header {
float:left;
height: 42px;
width: 518px;
background-image: url(../images/widePaneHeader.gif);
background-repeat: no-repeat;
}

.widepane-content {
width: 518px;
float:left;
display: block;
height: auto;
background-image: url(../images/widePaneContent.gif);
background-repeat: repeat-y;
padding: 10px 0 15px 20px;
font: 75% arial, sans-serif;
}

.widepane-content p {
width: 480px;
line-height: 18px;
}

.widepane-footer {
float:left;
height: 14px;
width: 518px;
background-image: url(../images/widePaneFooter.gif);
background-repeat: no-repeat;
margin: 0 0 5px 0;
}

/* Single Page Styles */

#pagecontent {
width: 1000px;
text-align: left;
display: block;
padding: 0 0 30px 0;
}

.page-header {
height: 8px;
width: 1000px;
background-image: url(../images/page_header.gif);
background-repeat: no-repeat;
}

.page-content {
width: 1000px;
float:left;
display: block;
height: auto;
background-image: url(../images/page_content.gif);
background-repeat: repeat-y;
padding: 10px 15px 50px 15px;
font: 75% arial, sans-serif;
}


.page-footer {
float:left;
height: 8px;
width: 1000px;
background-image: url(../images/page_footer.gif);
background-repeat: no-repeat;
margin: 0 0 5px 0;
}


ul {
padding: 0;
}

li {
list-style-type: none;
}

.input-box {
float: left;
}

input.input-text {
width: 175px;
}

.button-set a {
color: #36b9d8;
display: block;
padding: 5px 0 5px 0;
}				


#distribs {
margin: 0 0 0 40px;
}

#events {
margin: 0 0 0 40px;
}

.state {
clear: both;
width: 350px;
font: bold 130% arial, sans-serif;
color: #989797;
padding: 5px 0 0 5px;
}

.copyblock {
float: left;

width: 180px;
padding: 5px 10px 10px 5px;
margin: 0 30px 0 0;
}

.copyblock div {
width: 175px;
clear: both;
font: 100% arial, sans-serif;
}

.copyblock-header {
float: left;
clear:both;
font: bold 100% arial, sans-serif;
}

.copyblock a {
color: #36b9d8;
}

/* Left Column Blocks */

div .box layered-nav {
border: 1px solid red;
}

/* Items - Search Results */			

#centercolumn .price {
width: 280px;
float: left;
font: bold 115% arial, sans-serif;
margin: 0 0 0 0;
display: inline-block;
}

ul .messages {
width: 200px;	
}

a .clearall {
color: #36b9d8;
display: block;
padding: 5px 0 5px 0;
}

div .actions a {
font: bold 90% arial, sans-serif;
display: inline-block;
color: #36b9d8;
text-decoration: none;
}

.form-button-alt {
border: 1px solid #ccc;
clear:both;
}

.form-button-alt:hover {
cursor: pointer;
}

#recently-compared-items li {
padding: 3px 0 3px 15px;
font: 80% arial, sans-serif;
}

#recently-compared-items a {
color: #e943ea;
text-decoration: none;
}

#recently-compared-items a {
text-decoration: none;
}

.out-of-stock {
float: left;
margin: 0 0 5px 0;
}

.buybutton {
float: left;
margin: 5px 5px 0 0;
}

.detail-button {
float:left;
margin: 5px 0 0 0;
}

.link-cart {	
font: bold 100% arial, sans-serif;
color: #5ecb12;
}

.link-cart:hover {
text-decoration: none;
}

.compare-link {
font: bold 100% arial, sans-serif;
color: #36b9d8;
}

.compare-link:hover {
text-decoration: none;
cursor: pointer;
}

.link-compare {
font: bold 100% arial, sans-serif;
color: #36b9d8;
}

.description  {
height: 35px;
}

p.add-to {
float: left;
width: 310px;
padding: 0;
margin: 0;
}

#centercolumn .label {float: left;}

#centercolumn a.minimal-price-link {	color: #36b9d8;}

/* Compare Popup, list.php */

#product_comparison {
background-color: #fff;
float: left;
text-align: left;
font: 80% arial, sans-serif;
padding: 40px;
}

#product_comparison .label {
font: bold 100% arial, sans-serif;
}

/* Item - Single display */

#item-col {
float:left;
text-align:left;
display: block;
}

h2.product-name {
font:  155% verdana,arial,sans-serif;
width: 400px;
float:left;
color: #565656;
padding: 0;
margin: 0;
}	

h3.item-header {
clear: both;
font:  130% verdana,arial,sans-serif;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
color: #565656;
}

.product-img-box {
text-align:center;
width: 313px;
float: left;
margin: 0 15px 10px 0;
border: 1px solid #ddd;
}

.input-text {
float:left;
width: 75px;
border: 1px solid #333;
margin: 8px 5px 0 0;
}

.add-to-holder {
float: left;
width: 405px;
}						

.add-to-cart-box {
float: left;
}

.add-to-box {
clear:both;
float: left;
width: 200px;
display: inline-block;
margin: 5px 0 0 0;
}

.add-to-box li {display: inline;padding: 5px 0 0 0;}

.rating-box a {

display: inline-block;
color: #e943ea;
}

.add-or {display: none;}

.qty-box label {float:left;margin: 10px 5px 0 0;}

.short-description {
clear:both;
width: 700px;
padding: 15px;
background-color: #f8f8f8;

}

.collateral-box {
width: 700px;
padding: 15px;
background-color: #f8f8f8;		
}

ul.product-pricing {
width: 400px;
float: left;
}


#item-col .price {
font-weight: bold;
width: auto;
}

/* item panel, wraps the left column single item display
<div class="itempanel">
<div class="itempanel-header">
<h2 class="blue">Sample Pane</h2>
</div>
<div class="itempanel-content">
</div>
<div class="itempanel-footer">
</div>
</div>
*/

.itempanel {
width: 757px;
margin: 0 0 0 0;
}		

.itempanel-header {
float:left;
height: 13px;
width: 757px;
background-image: url(../images/itempanel_header.gif);
background-repeat: no-repeat;
}

.itempanel-content {
width: 757px;
float:left;
display: block;
height: auto;
background-image: url(../images/itempanel_content.gif);
background-repeat: repeat-y;
padding: 10px 0 10px 10px;
font: 75% arial, sans-serif;
}


.itempanel-footer {
float:left;
height: 14px;
width: 757px;
background-image: url(../images/itempanel_footer.gif);
background-repeat: no-repeat;
margin: 0 0 5px 0;
}

/* Side Panel
<div class="sidepane">
<div class="sidepane-header">
<h2 class="pink">Sample Pane</h2>
</div>
<div class="sidepane-content">
</div>
<div class="sidepane-footer">
</div>
</div>

*/
.sidepane {
width: 233px;
display: inline-block;
margin: 0 0 2px 0;
}


.sidepane ul{
margin: 0;
padding: 0 0 5px 0;
}

.sidepane li {
width: 100%;
float: left;
list-style: none;
list-style-type: none;
padding: 3px 0 3px 15px;
font: 75% arial, sans-serif;
}

.sidepane li a {
color: #14b0ea;
text-decoration: none;

}		

.sidepane-header {
float:left;
height: 42px;
width: 233px;
background-image: url(../images/paneHeader.gif);
background-repeat: no-repeat;
}

.sidepane-content {
width: 233px;
float:left;
height: auto;
background-image: url(../images/paneContent.gif);
background-repeat: repeat-y;
padding: 0 0 5px 0;
text-align: left;
}

.sidepane-content p {
float:left;
text-align:left;
margin: 0 0 0 0;
padding: 10px 0 0 10px;
font: 70% arial, sans-serif;
color: #000;
}

.sidepane-content p a {
color: #14b0ea;
}

.sidepane-content img {
float:left;
padding: 0;
margin: 0 0 0 5px;
}

.sidepane-content p.bluelinks a {
font: bold 100% arial, sans-serif;
color: #14b0ea;
}

.sidepane-footer {
float:left;
height: 14px;
width: 233px;
background-image: url(../images/paneFooter.gif);
background-repeat: no-repeat;
}

/* Specialized sidepane adjustments */

.sortsidepane ul img {
float: left;
margin: 1px 5px 0 0;
}

.sortsidepane .actions {
font: bold 70% arial, sans-serif;
padding:  40px 0 0 15px;
}

.sortsidepane li a {
font: 110% arial, sans-serif;
color: #14b0ea;
}

#recently-viewed-items ul {
margin: 0;
display: inline-block;
}

#recently-viewed-items li {
padding: 5px 0 3px 10px;
}

.content ul {
width: 200px;
text-align:left;
}

.content li {

}

.content li a { 
font: 95% arial, sans-serif;
}

/* Newsletter CSS */
#newsletter-validate-detail .content {
border: none;
font: 75% arial, sans-serif;
color: #000;
margin: 5px 0 0 0;
}

#newsletter-validate-detail label {
font: 95% arial, sans-serif;
}

#newsletter-validate-detail input{
width: 125px;
border: 1px solid #ecebeb;
float: left;
margin: 5px 0 0 5px;
height: 15px;
}

#newsletter-validate-detail .form-button-alt {
float:left;
width: 28px;
height: 19px;
background-image: url(../images/newsButton.gif);
border: none;
margin: 5px 0 0 0;
}

/* Store Overview */

ul.catlinks a {color:#14b0ea;font: 110% arial, sans-serif;}

.productbanner {
width: 518px;
height: 230px;
}

/* Login Styles */

#newcustomers {
width: 430px;
height: 255px;
float: left;
border: 1px solid #ececec;
background-color: #f9f9f9;
margin: 0 45px 0 0;
padding: 15px;
color: #8f7c92;
line-height: 18px;
}

#newcustomers button {
float: left;
background-image: url(../images/createAccount.gif);
background-repeat: no-repeat;
background-color: #fff;
width: 135px;
height: 25px;
border: none;
}

#regcustomers {
width: 430px;
height: 255px;
float: left;
border: 1px solid #ececec;
background-color: #f9f9f9;
padding: 15px;
color: #8f7c92;
line-height: 18px;
}

#regcustomers input {
border: 1px solid #dddddd;	
background-color: #f9f9f9;
}

#regcustomers button {
float: left;
background-image: url(../images/login.gif);
background-repeat: no-repeat;
background-color: #fff;
width: 57px;
height: 25px;
border: none;
}

#regcustomers .left {
float: left;
display:inline-block;
width: 195px;
}

p.required {
color: red;
}

/* Checkout */

ul.checkout-types {
width: 930px;
}

ul.checkout-types img{
float:right;
}

#shopping-cart-table {
width: 960px;
margin: 20px 0 0 0;
clear:both;
}

#shopping-cart-table th {
border-bottom: 1px solid #ddd;
}

#shopping-cart-table td {			
padding: 10px;
}

a.product-listing {
color: #14b0ea;
}

button.continue-shopping {
float: left;
background-image: url(../images/contShopping.gif);
background-repeat: no-repeat;
background-color: #fff;
width: 139px;
height: 25px;
border: none;
margin: 0 10px 0 0;
}

button.update-cart{
float: left;
background-image: url(../images/updateCart.gif);
background-repeat: no-repeat;
background-color: #fff;
width: 156px;
height: 25px;
border: none;
}

#cart-sidebar {

}


#cart-sidebar li{
width: 200px;
padding: 5px 5px 5px 10px;
}

#cart-sidebar .product-images img{
margin: 0 5px 0 0;
border: 1px solid #eee;
}

#cart-sidebar .widget-btn {
margin: 5px;
}

button.checkout-button {
float: left;
clear: both;
background-image: url(../images/checkOut.jpg);
background-repeat: no-repeat;
background-color: #fff;
width: 87px;
height: 25px;
border: none;
margin: 5px 0 0 10px;
}

/* Contact Us Page */

#contactus {

}

/* Dashboard and Customer area CSS */

#dashboard {
float: right;
width: 750px;
font: 75% arial, sans-serif;
text-align: left;
display: block;
padding: 0 0 30px 0;
}

#dashboard a {
color: #14b0ea;
display: inline-block;
text-decoration: none;
font:110% arial,sans-serif;
padding: 2px 0 2px 0;
}

#dashboard a:hover {
text-decoration: underline;	
}

#dashboard label {
float: left;
}

#dashboard .group-select select {
border: 1px solid #333;
float: left;
margin: 8px 0 0 0;
}

#dashboard .group-select li {

}

.on {display: none;}

.dashboard-welcome p{
margin: 30px auto;
}

.account-nav {
float: left;
display: inline-block;
}
.account-nav ul{
float: left;
text-align:left;
}
.account-nav li{
padding: 2px 0 2px 0;
}
.account-nav a{
font: bold 70% arial, sans-serif;
color: #14b0ea;
display: block;
}
.account-nav a:hover{
text-decoration: underline;
}

/* Footer CSS */

#footer {
clear:both;
width: 100%;
display: inline-block;
border: 1px solid #ecebeb;
margin: 0 0 30px 0;
}


#footer .informational {
float: right;
}

#footer ul {
width: 500px;
margin: 0 0 10px 0;
float:right;
clear:both;
padding: 10px 10px 0 10px;
}

#footer li {
display: inline;
padding: 0;
}

#footer  li.last a{
padding: 0 0 0 5px;
border: none;
}

#footer li  a {
color: #828282;
display: inline-block;
text-decoration: none;
font: 70% arial,sans-serif;
border-right: 1px solid #828282;
padding: 0 10px 0 5px;
}

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

#footer p {
width: 240px;
float: left;
color: #828282;
font: 70% arial,sans-serif;
margin: 0;
padding: 10px 0 0 0;
}


#footer .legality {
float:left;
}

/* Breadcrumbs */

ul.breadcrumbs {
text-align:left;
margin: 0 0 10px 0;
padding: 0 0 0 0;
}

ul.breadcrumbs li {
display: inline;
font: 75% arial,sans-serif;
color: #989898;
}

ul.breadcrumbs a {
color: #d315a7;
display: inline-block;
text-decoration: none;
padding: 0 5px 0 5px;
}

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

/* Design Modifiers */

.fleft {
float: left;
} 

.fright {
float: right;
}

.grantMargin {
margin: 0 0 8px 0;
}

.no-display {
display: none;
}

.no-padding {
padding: 20px 0 0 0;
}	

.center-h2 {
padding: 12px 0 0 20px;
}

a .widget-btn img {
border: 1px solid red;
}

/* Item Flags */

.New {
color: #ff9239;
font: bold 110% arial, sans-serif;
}

img.New {
border: 1px solid #ff9239;
}

.new {
color: #ff9239;
font: bold 110% arial, sans-serif;
}

img.new {
border: 1px solid #ff9239;
}

.Special {
color: #d315a7;
font: bold 110% arial, sans-serif;
}

img.Special {
border: 1px solid #d315a7;
}