﻿
/* 

    David Castillo's Theme for La Mano
    styles for BV Commerce 5
    re-styled by David Castillo

*/

/* Resetting Browser-Set Defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}




/* Body Styles */
// body { background: #334; font-family: Arial, Verdana, Sans-Serif; color: #000; font-size: 13px; line-height: 2em; }

body { background: #334; font-family: Arial, Verdana, Sans-Serif; color: #000; font-size: 13px; line-height: 2em; }


/* Flash Styles */
#index_flash				{position:absolute; left: -1px; top:1px;}
#template_flash				{position:absolute; left:-1px; top: -3px;}
#template_flash2			{position:absolute; left:-20px; top: -200px;}
#template_flash3			{position:absolute; left:-20px; top: -200px;}
.flashheader				{width:780px; height:209px;  position:relative; background-image:url('../graphics/index_top.jpg'); clear:both;}
#flashlogo				{position:absolute;}
#top_buttons_w				{position:absolute; left:500px; top:201px; height:40px; vertical-align:middle; 	text-align: center;}


/* Container - Centered */

#container {margin: 50px auto; width: 930px; background-color: #fff; border: 2px solid #fff; position: relative;}



/* Shhhh, these are hiding. */
.hide, hr {display: none;}

/* Default Heading Styles */
h1 { font-size: 1.4em; line-height: 1em; margin-bottom: .5em; padding: 3px; color: #112A6D; font-weight: bold; background: #f8cf4f url(../images/H1BG.gif) no-repeat top right;}
h2 { font-size: 1.6em; line-height: 1.4em; margin-bottom: .5em; }
h3 { font-size: 1.4em; line-height: 1.6em; margin-bottom: .5em; }
h4 { font-size: 1em; line-height: 1.5em;margin:0;padding: 5px 5px 5px 40px;background:#4555C6 url(../images/H4BG.gif);font-size: inherit;color: #fff;font-weight: bold;}
h4 label { color: #fff; line-height: 1.5em; }
// h4 {font-size:100%;margin:0;padding:0;}


/* Paragraphs, Etc. */
p, ul, ol, blockquote, pre, td, th, label { margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 0; }
p.small, .BVSmallText, small { margin: 0; font-size: 0.8em; line-height: 1.5em; }

/* Default Table Styles */
table {border-collapse: separate;border-spacing: 0;width: 100%;}
caption, th, td {text-align: left;font-weight: normal;vertical-align: top;padding: 5px;}

/* Lists */
ol, ul { margin: 0; padding: 0; list-style: none; }
li { margin: 0 0 0 0; padding: 0; line-height: 1.5em; }

/* Links */
a { text-decoration: none; }
a:link { color: #222; }
a:visited { color: #333; }
a:hover { color: #f90; }

/* - Forms & Form Elements - */
fieldset { border: 1px solid #DEE3FF; padding: 10px; }
legend { font-size: 1.2em; line-height: 1em; font-weight: bold; margin: 0 5px; padding: 2px; }
td.formlabel { text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
td.formfield { text-align: left; white-space: nowrap; }
input { vertical-align: middle; }
.forminput, .FormInput { padding: 4px 0 0 6px; height: 20px; color: #444; vertical-align: middle; border: 1px solid #ccc; background: #fff; }
.forminput { width: 190px; }
.formtextarea { padding: 4px 0 0 6px; border: 1px solid #ccc; width: 90%; }
.short { width: 25%; }
.medium { width: 50%; }
label { color: #666; }
label.required { font-weight: bold; }
select { border: 1px solid #ccc; color: #222; vertical-align: middle; }
.aligntop { vertical-align: top; }
.buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 10px 0; }
.Instructions { font-size: 80%; color: #333; }

/* Let's cover the inputs that BVC5 didn't assign a ".forminput" class to. (?)
   You're welcome to fix these in the pages where you find them.
   Note that these won't work in IE6. I've duplicated styles so they don't 
   completely break the others in IE6. */
   input[type=text] { padding: 4px 0 0 6px; height: 20px; color: #444; vertical-align: middle; border: 1px solid #ccc; background: #fff; }
   .mailinglistsignupform input[type=text] { width: 130px; }

/* Column Search & Mailing List Inputs */
// .searchboxform .forminput { width: 130px; }
.decoratedblock input { vertical-align: middle; }

/* Signin Page */
fieldset#CurrentUsers { width: 425px; float: left; }
fieldset#NewUsers { width: 425px; float: right; }
.forgot { background: #f5f5f5; padding: 5px; display: block; margin-top: 10px; font-size: .7em; }

/* Popup Container */
#popup {background-color:#fff;margin:15px;padding:5px;}

/* Admin Panel */
#adminpanel {font-size:85%;background-color:#000;color:#fff;padding:5px;}
#adminpanel table { margin: 0; }
#adminleft, #admincenter, #adminright { width: 30%; vertical-align: middle; }
#adminleft { text-align: left; }
#admincenter { text-align: center; }
#adminright { text-align: right; }
#adminpanel a {color:#fff;border-bottom: 2px solid #666;text-decoration: none;}
#adminpanel a:hover {color:#fff;text-decoration:none;background: #666;}

/* --- Header Styles --- */
#header { margin:0 0 10px 0;padding:0;position: relative; background: #7688cf url(../images/HeaderBG.gif) repeat top left; }
#brandingarea { background: transparent url(../images/BrandingBG.jpg) no-repeat top left; height: 79px; position: relative; }
#header ul { list-style:none; margin:0; padding:0; position: relative; display: block; }
#header li {display:inline;margin:0 5px;padding:0}

/* Logo Replacement */
#header h1 { margin: 0; padding: 0; border: none; position: absolute; top: 6px; left: 8px; z-index: 555; background: none; }
#header h1, #header h1 a { display: block; width: 240px; height: 64px; padding: 0; }
#header h1 a { background: transparent url(../images/LogoSlider.jpg) no-repeat top left; text-indent: -9999px; }
#header h1 a:hover { background-position: top right; }

/* MiniCart */
#minicart { background: transparent url(../images/MiniCartBG.jpg) no-repeat center center; text-align: left; padding: 3px 0; color: #369; font-size: 85%; width: 196px; height: 47px; line-height: 1.1em; position: absolute; top: 14px; right: 15px; }
#minicart a { color: #181A4F; text-decoration: none; font-size: 110%; line-height: 1em; font-weight: bold; display: block; padding: 10px 20px 0 35px; }
#minicart a:hover, body#CartPage #minicart a  { color: #f90; }
#minicart div { margin: 2px 20px 0 35px; }

/* Header Navigational Menu */
#headernavmenu { overflow: hidden; width: 400px; color: #eee; position: absolute; top: -26px; right: -2px; }
#headernavmenu li { float: right; margin: 0 0 0 2px; font-size: 11px; line-height: 24px; }
#headernavmenu a { float: left; padding: 0 10px; color: #fff; text-decoration: none; background: #2B2B3F url(../images/TabGradiantDark.png) repeat-x top left; }
#headernavmenu a:hover,
body#HomePage a.lnkHome,
body#AccountPages a.lnkAccount,
body#ServicePages a.lnkService,
body#SearchPage a.lnkSearch,
body#CheckoutPage a.lnkSignIn { color: #012; text-decoration: none; background: #fff url(../images/TabGradient.png) repeat-x top left; }

/* Header Category Menu */
#headercategorymenu { overflow: hidden; width: 100%; position: relative; border-top: 1px solid #fff; background: #2D2D73; }
#headercategorymenu ul { float: left; }
#headercategorymenu ul li {float:left;margin:0;font-size: 90%;}
#headercategorymenu a {color:#eee; padding: 5px 15px; text-decoration: none;float:left;background: #2D2D73;}
#headercategorymenu a:hover { color:#fff; font-weight: normal; text-decoration: none; background: #181A4F;}
#headercategorymenu .activemainmenuitem a,
#headercategorymenu .activemainmenuitem a:hover { color:#181A4F; font-weight: bold; text-decoration: none;background: #fff url(../images/TabGradient.png) repeat-x top left;}

/* Content */
#content { width: 929px; overflow: hidden; margin: 1px; }

/* Footer */
#footer { clear: both; text-align: center; padding: 10px 0; background: #2D2D73; color: #fff; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer ul {list-style:none;margin:0;padding:0;}
#footer li {display:inline;margin:0 5px;padding:0}
#footernavmenu { text-align: center; margin: 0px; padding: 5px 0; }
#footernavmenu a { font-weight: bold; text-decoration: none; }
#footercustmenu { font-size: 85%; padding: 5px 0; }
// .poweredby { text-align: center; margin: 10px; }
.poweredby {display: none;}

/* Columns */
// #homepagecolumn1, #navcolumn, #categoryleft {width:200px;float:left;}

#homepagecolumn1, #navcolumn, #categoryleft {width:200px;float:left;background:url('../images/Col1BG.gif');}

#homepagecolumn2 {width:510px; margin: 0; float:left;}
#homepagecolumn3 {width: 210px; float:right; margin-right 10px;}
#maincolumn, #categorymain {width:700px;float:right;margin-left: 10px;}


/* Home Page Center Column Blocks */
#homepagecolumn2 .decoratedblock { background: none; }
#homepagecolumn2 .blockcontent { padding: 0; }

/* Column Menu Lists DAVE */



/* Column Menus */



/*

// h4 { clear: both; } /* You'll want to find a better way to clear these floats */
.categorymenu, .categorymenu .decoratedblock { float: left; width: 100%; padding: 0;}
.categorymenu ul { padding: 0; margin: 0; list-style: none; float : left; width : 15.4em; }
.categorymenu ul li { position: relative; float: left; line-height: 1.5em; margin: 0 0 -1px 0; padding: ; width: 15.4em; }
.categorymenu ul li ul { position: absolute; left: -999em; margin: -1.5em 0 0 15.45em; background: #fff; border: 1px solid #222; }
.categorymenu ul li ul ul { left: -999em; }
//.categorymenu ul li a { width : 14.4em; display: block; color: black; font-weight: bold; text-decoration: none; padding: 0 0.5em; }
.categorymenu ul li a:hover { color: white; background-color: black; }
.categorymenu ul li:hover ul ul, 
.categorymenu ul li:hover ul ul ul, 
.categorymenu ul li.sfhover ul ul, 
.categorymenu ul li.sfhover ul ul ul { left: -999em; }
.categorymenu ul li:hover ul, 
.categorymenu ul li li:hover ul, 
.categorymenu ul li li li:hover ul, 
.categorymenu ul li.sfhover ul, 
.categorymenu ul li li.sfhover ul, 
.categorymenu ul li li li.sfhover ul { left: auto; }

*/


/* common styling */
.categorymenu {width:165px; height:300px; margin:0;}
.categorymenu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; font-weight: bold; width:165px; height:20px; border:1px solid #fff; border-width:1px 1px 0 0; background: transparent url(../images/NavBG2.gif) no-repeat left; line-height:19px; font-size:13px; padding:0 0 0 35px;}
.categorymenu ul {padding:0; margin:0;list-style-type: none; }
.categorymenu ul li {float:left; margin-right:0; position:relative;}
.categorymenu ul li ul {display: none;}

/* specific to non IE browsers */
.categorymenu ul li:hover a {color:#fff; background: transparent url(../images/NavBG2Hover.gif);}
.categorymenu ul li:hover ul {display:block; position:absolute; top:19px; left:0px; width:201px; border:1px solid #fff;}
.categorymenu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.categorymenu ul li:hover ul li:hover a.hide {width:165px;}
.categorymenu ul li:hover ul li ul {display: none;}
.categorymenu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:165px;}
.categorymenu ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}
.categorymenu ul li:hover ul li:hover ul {display:block; position:absolute; left:0px; top:18px; color:#000;}
.categorymenu ul li:hover ul li:hover ul li a {display:block; width:165px; background:#dfc184; color:#000;}
.categorymenu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}


/*

// h4 { clear: both; } /* You'll want to find a better way to clear these floats */
.sidemenu, .categorymenu .decoratedblock { float: left; width: 100%; padding: 0;}
.sidemenu ul { padding: 0; margin: 0; list-style: none; float : left; width : 15.4em; }
.sidemenu ul li { position: relative; float: left; line-height: 1.5em; margin: 0 0 -1px 0; padding: ; width: 15.4em; }
.sidemenu ul li ul { position: absolute; left: -999em; margin: -1.5em 0 0 15.45em; background: #fff; border: 1px solid #222; }
.sidemenu ul li ul ul { left: -999em; }
//.categorymenu ul li a { width : 14.4em; display: block; color: black; font-weight: bold; text-decoration: none; padding: 0 0.5em; }
.sidemenu ul li a:hover { color: white; background-color: black; }
.sidemenu ul li:hover ul ul, 
.sidemenu ul li:hover ul ul ul, 
.sidemenu ul li.sfhover ul ul, 
.sidemenu ul li.sfhover ul ul ul { left: -999em; }
.sidemenu ul li:hover ul, 
.sidemenu ul li li:hover ul, 
.sidemenu ul li li li:hover ul, 
.sidemenu ul li.sfhover ul, 
.sidemenu ul li li.sfhover ul, 
.sidemenu ul li li li.sfhover ul { left: auto; }

*/



/* common styling */
.sidemenu {width:165px; height:300px; margin:0;}
.sidemenu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; font-weight: bold; width:165px; height:20px; border:1px solid #fff; border-width:1px 1px 0 0; background: transparent url(../images/NavBG2.gif) no-repeat left; line-height:19px; font-size:13px; padding:0 0 0 35px;}
.sidemenu ul {padding:0; margin:0;list-style-type: none; }
.sidemenu ul li {float:left; margin-right:0; position:relative;}
.sidemenu ul li ul {display: none;}

/* specific to non IE browsers */
.sidemenu ul li:hover a {color:#fff; background: transparent url(../images/NavBG2Hover.gif);}
.sidemenu ul li:hover ul {display:block; position:absolute; top:19px; left:0px; width:201px; border:1px solid #fff;}
.sidemenu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.sidemenu ul li:hover ul li:hover a.hide {width:165px;}
.sidemenu ul li:hover ul li ul {display: none;}
.sidemenu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:165px;}
.sidemenu ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}
.sidemenu ul li:hover ul li:hover ul {display:block; position:absolute; left:0px; top:18px; color:#000;}
.sidemenu ul li:hover ul li:hover ul li a {display:block; width:165px; background:#dfc184; color:#000;}
.sidemenu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}



/* Column Blocks */
.decoratedblock { position: static; margin: 0 0 8px 0; background: #FFFFFF; padding: 0 0 0 0; position: relative; }
.blockcontent { padding: 0; }




/* Column Product Grids */
.productgrid { margin: 0 0 10px 0; font-size: 100%; font-weight: bold; clear: both; }
.productgrid td { vertical-align: top; text-align: center; padding: 5px; width: 33%; }
.productgrid a { text-decoration: none; line-height: 1.5em; }
.productgrid a img { border: 5px solid #eee !important; margin: 0 0 5px 0; }
.productgrid a:hover img { border: 5px solid #ddd  !important; }

/* Column Product Rotators */
.productrotator .decoratedblock { text-align: center; background: none; }
.productrotator a { text-decoration: none; line-height: 1.5em; }
.productrotator a img { border: 5px solid #eee !important; margin: 0 0 5px 0; }
.productrotator a:hover img { border: 5px solid #ddd !important; }

/* Bread Crumbs */
#container .breadcrumbs {margin:0;padding:0;font-size:85%;position:absolute;top:-28px;left:0;z-index:560;color:#eee;}
#container .breadcrumbs a {color:#eee;}
#container .breadcrumbs a:hover {color:#f90;}

/* Site Map Page Styles */
#SiteMapColumns { clear: both; overflow: hidden; width: 100%; }
#SiteMapColumns li { list-style: square inside; color: #ccc; }
.ColumnOne { width: 450px; float: left; border-right: 1px solid #eee; }
.ColumnTwo, .ColumnThree { width: 450px; float: right; margin-bottom: 15px; }

/* ------ Category Styles ------ */

/* Pager Control */
.pager { margin: 10px 0; padding: 5px 0; text-align: center; clear: both; }
.pager ul {list-style:none;margin:0;padding:0;}
.pager ul li {display:inline;margin:0 2px;padding:0;color:#ddd;font-size:85%;}
.pager a, .pager .disabled { color: #444; padding: 3px 6px; text-decoration: none;background:#EFF1FF; }
.pager .disabled { color: #ccc; }
.pager li.current a { color: #fff; font-weight: bold; background: #f90; }
.pager a:hover { background: #DEE3FF; color: #000; }

/* Category Product Display Defaults */
.recordsku a { font-size: 85%; color: #999; text-decoration: none; text-transform: uppercase; }
.recordname { font-size: 100%; font-weight: bold; }
.recordshortdescription a { text-decoration: none; }
.recordshortdescription { margin: 5px; }
.recordprice { font-size: 110%; font-weight: normal; }
//.recordprice { display: none; }

.recordprice a { text-decoration: none; }

.recordcontrols { margin: 10px; }
.recordimage { text-align: center;}

/* Category Grid Layout */
#categorygridtemplaterecords .record {width:165px;margin:5px auto;}
#categorygridtemplaterecords .recordname {text-align:center;font-size:90%;line-height:1.5em;}
#categorygridtemplaterecords .recordsku {text-align:center;margin: 3px 0;}
#categorygridtemplaterecords .recordprice {text-align:center;border:none;margin:0;padding:0;font-size:100%;line-height:1em;}

/* Sub Category Menu */
#subcategorymenu {margin:20px 0;}
#subcategorymenu .record {width:200px;margin:0 auto;text-align:left;}
#subcategorymenu .recordname {font-weight:bold;font-size:110%;text-align:center;}
#subcategorymenu .recordname a {font-size:inherit;text-decoration: none;}
#subcategorymenu ul {padding:5px;margin:5px 10px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
#subcategorymenu li {padding: 2px;list-style:none;}
#subcategorymenu li a {text-decoration:none;font-size:90%;}
#subcategorymenu li a:hover {text-decoration:underline;}

/* Sub Category Menu 2 */
#subcategorymenu2featured {width: 440px; float: left;}
#subcategorymenu2featured .featuredImage {display: block;text-align: center; }
#subcategorymenu2main {width: 440px; float: right;}
#subcategorymenu2 {margin:20px 0;}
#subcategorymenu2 .record {width:200px;margin:0 auto;}
#subcategorymenu2 .recordname {font-weight:bold;font-size:110%;text-align:center;}
#subcategorymenu2 .recordname a {font-size:inherit;text-decoration: none;}
#subcategorymenu2 ul {padding:5px;margin:5px 10px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
#subcategorymenu2 li {padding: 2px;list-style:none;}
#subcategorymenu2 li a {text-decoration:none;font-size:90%;}
#subcategorymenu2 li a:hover {text-decoration:underline;}

/* Simple & Bulk Order Lists */
#categorysimplelisttemplate, #categorybulkorderlisttemplate {margin:20px 0 0 0;}
#categorysimplelisttemplate .record {padding:2px 5px;float: left;margin: 0 0 20px 5px;}
#categorysimplelisttemplate .recordsku, #categorybulkorderlisttemplate .recordsku {clear:both;}
#categorysimplelisttemplate .recordname, #categorybulkorderlisttemplate .recordname {float:left;width:530px;margin:0 10px 0 0;}
#categorysimplelisttemplate .recordprice, #categorybulkorderlisttemplate .recordprice {font-size:100%;float:left;text-align:right;width:100px;margin:0;border:none;}

#categorybulkorderlisttemplate .record { padding: 0 0 10px 10px; margin: 0 0 8px 0; border-bottom: 1px solid #eee; float: left; }
#categorybulkorderlisttemplate table td { vertical-align: top; }
#categorybulkorderlisttemplate .checkbox { background: #eee; }
#categorybulkorderlisttemplate .addtocartcontrols {margin:20px 0 20px 3px;}

#categorybulkqtylisttemplate .record { padding: 0 0 15px 0; margin: 0 0 10px 5px; border-bottom: 1px solid #eee; float: left; }
#categorybulkqtylisttemplate table td { vertical-align: top; }
#categorybulkqtylisttemplate .addtocartcontrols {margin:20px 0 20px 3px;}
#categorybulkqtylisttemplate .recordname {float:left;width:615px;margin:0 10px 0 0;}
#categorybulkqtylisttemplate .recordprice {font-size:100%;float:left;text-align:right;width:100px;margin:0;border:none;}
#categorybulkqtylisttemplate .qtycell { background: #eee; padding: 5px;}
#categorybulkqtylisttemplate .quantityfield {margin: 0 auto;width:25px;border:1px solid #ccc;text-align: center;font-size: 110%;font-weight: bold; color: #666;}

/* Detailed List */
#categorydetailedlisttemplate {margin:20px 0 0 0;}
#categorydetailedlisttemplate .record {margin:0 0 10px 10px;padding-bottom:10px;width:675px;float:left;border-bottom: 1px solid #ddd;}
#categorydetailedlisttemplate .recordimage {float:right;width:120px;height:120px;margin:0;text-align: center;}

/* ------ Product Pages ------ */
#wait { position: absolute; top: 0; right: 0; font-weight: bold; font-size: 80%; padding: 0 10px; background: #c00; color: #fff; }

/* BVC 2004 Product Page Template */
#bvc2004productpage #menucolumn {float:left;width:200px; background:url('../images/Col1BG.gif');}
#bvc2004productpage #imagecolumn {float:left;width:300px;text-align:center;}
#bvc2004productpage #contentcolumn {float:left;width:400px;}

/* BVC 5 Product Page Template */
#bvc5productpage #contentcolumn {float:left;width:440px;}
#bvc5productpage #actioncolumn {float:right;width:440px;}
#bvc5productpage #ProductReviews {clear: both;}
.productimage { text-align: center; margin: 10px 0; }

/* Product Controls Box */
// #ProductControls { border: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #eee; padding: 10px; margin: 10px 0; position: relative; }
#ProductControls { border-top: 1px solid #006601; border-left: 1px solid #006601; border-right: 1px solid #006601; border-bottom: 1px solid #006601; background-color: #ddfcde; padding: 10px; margin: 10px 0; position: relative; }

.formlabel { text-align:right; }
.productpropertylabel { padding-right: 5px; text-decoration: none; }
.listprice, .ListPrice {text-decoration: line-through; color:#999;}
// .listprice, .ListPrice { display: none; }

.siteprice, .SitePrice {font-weight:bold;font-size: 120%;color:#000;}
// .siteprice, .SitePrice { display: none; }


.yousave, .YouSave {color:#666;}
#buttons { margin: 5px; }
#buttons input { margin: 5px; }
#wishlist { margin-top: 5px; }
// #wishlist { display: none; }

/* Product Reviews & Cross/Up Sells */
.ProductReviews, #CrossSells { clear: both; padding: 10px; margin: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.ProductReviewLinks { font-size: 90%; } 
.ProductReview { margin: 10px; padding: 0 0 0 5px; border-left: 5px solid #eee; }
.ProductReviewKarma { display: block; padding-top: 5px; font-size: 90%; color: #666; }
.WideSingleProductDisplayPanel { position: relative; width: 100%; float: left; border-bottom: 1px solid #eee; }
.SingleProductDisplayImage { float: left; width: 125px; margin: 5px 15px 5px 5px; }
.ProductBadge { position: absolute; top:-5px; left:-20px; }
.SingleProductDisplayName { margin: 10px; font-size: 110%; font-weight: bold; clear: right; }
.SingleProductDisplayDescription {  }
.SingleProductDisplayPrice { font-size: 100%; font-weight: bold; color: #666; }
// .SingleProductDisplayPrice { display: none; }

/* Cart Page */
.cartitemimage {float:left; margin: 0 10px 0 0;}
.cartitemdescription { margin: 5px;}
#cartcontainer tr td {border-bottom:solid 1px #2D2D73; padding: 6px; vertical-align:top;}
#cartcontainer, #cartactions, #cartcoupons {margin: 0;}
td.productquantitycolumn { background: #DEE3FF; text-align: center; width: 10%; }
td.producttotalcolumn, td.productpricecolumn { text-align: center; width: 10%; background: #EFF1FF; }
td.producttotalcolumn .lineitemnodiscounts { display: block; color: #999; text-decoration: line-through; }
td.producttotalcolumn .totallabel { display: block; font-weight: bold; }
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right;}
#carttotals table {float:right;}
#carttotals .formlabel, #carttotals .formfield { font-size:110%; font-weight: bold; color: #2D2D73; }
#cartupdates {width:350px;margin-bottom:10px;text-align:right;float:right;}
#cartactions {clear:both;text-align:right;padding-bottom:12px;margin-top: 20px;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
#cartcoupons {border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#eee;padding:10px;margin: 10px 0;}
.cartsku { font-size: 90%; }
.cartproductname { font-size: 110%; font-weight: bold; }

/* Closed Store Message */
#closedcontent {width:300px;height:200px;margin:50px auto;padding:10px;background-color:#ff9;color:#333;}
#closedcontent h1 {color:#000;}

/* Address Book */
.address { border: 1px solid #eee; padding: 5px 10px; margin: 0 5px 15px 0; }
.address .buttonrow { margin: 5px 0; padding: 0; text-align: left; }
table.alladdresses, table.primaryaddresses { margin: 5px 0; width: 100%; }
table.alladdresses td, table.primaryaddresses td { vertical-align: top; }

/* Search Page - NEED TO REVISIT SEARCH PAGE */
#SearchResultsPane { margin: 10px 0; }
.searchresultrecord { padding: 5px; margin: 5px 0; border: 1px solid #eee; border-left-width: 3px; border-right: none; background-color: #f5f5f5; }
/* EACH GRID CELL (ADJUSTED WIDTH FOR 4 ACROSS) */
#SearchResultsPane table td { text-align: center; width: 25%; padding: 5px; }
/* IMAGE LINK */
#SearchResultsPane table td a { padding: 5px; display: block; }
/* ISOLATE FOR PRODUCT NAME */
#SearchResultsPane table td a.searchanchor { border: none; padding: 0; }
/* PRICE */
#SearchResultsPane table td div { color: #222; font-weight: bold; font-size: 90%; line-height: 2em; }

/* Row Elements */
.Header, .rowheader, th { background: #181A4F; color: #fff; padding: 0; font-weight: bold; padding: 5px 0; text-align: center; }
.rowheader { font-size: 90%; }
.row { background: #f6f6f6; }
.altrow { background: #f4f4f4; }

/* Affiliate Form */
fieldset#affiliateform table { width: 600px; }
fieldset#affiliateform table table { margin: 0; padding: 0; width: 100%; }
fieldset#affiliateform td.formlabel { width: 150px; }

/* Returns Form */
.returnitems table { width: 100%; }
.returnitem .formlabel, .returnitem .formfield { padding: 3px; }
.returnitem { margin: 5px; }
.returncontrols { margin: 5px 0 0 0; padding: 5px; border: 1px solid #ddd; background: #eee; }
.returnitems td.qtycolumn { vertical-align: top; }
.returnitems .qtyfield { background: #eee; margin: 5px 0; padding: 5px;  }
.returnitems .qtyfield input { width: 25px; text-align: center; border: 1px solid #ccc; }
.rmaform { margin: 20px 0; }
.rmaform table tr td { padding: 3px; }
.rmaform .formtextarea { height: 100px; width: 400px; }

/* Messages */
.AddedToCartMessage, .messagebox { display: block; border: 1px solid #fe3; background: #ff9; border-left: none; border-right: none; margin: 10px 0; padding: 0 10px; }
.messagebox ul { margin: 0; padding: 0; display: block; width: 100%; }
.messagebox li { margin: 10px 0; padding: 0; overflow: hidden; width: 100%; }
.messagebox .icon { float: left; margin: 0 8px 0 0; }
.messagebox .errorline { color: #333; clear: both; list-style: none; }
.messagebox .message { margin: 0 5px 0 10px; font-size: 100%; line-height: 1.2em; }
.errormessage { color: #c00; line-height: 2em; padding: 0 5px; font-size: .8em; }
.errormessage li { color: #c00; list-style-type: circle; }
.AddedToCartMessage, .SuccessMessage { color: #0c6; }


/* HighSlide  */
.highslide {
	cursor: url(/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.searchboxform .forminput { width: 130px; }
