﻿/* Custom Theme For PhonyDiploma.com by Resposio LLC www.resposio.com 2/09 */
body {background:#fff;margin: 0;padding: 0;font-size: 13px;font-family: Arial, Times New Roman, Serif; color: #666; letter-spacing: normal;}
table { width: 100%; }

/* Misc */
img { border: none; }
.hide, hr {display: none;}
input { vertical-align: middle; }

/* Headings */
h1 {font-size:128%;line-height:normal;margin:0;padding:0;color: #333;}
h2 {font-size:140%;margin:0;padding:0;}
h3 {font-size:130%;line-height: 2em;margin:0;padding:0; color: #666;}
h4 {font-size:110%;margin:0;padding:0;}
h5 {font-size:100%;margin:0;padding:0;}
h6 {font-size:90%;margin:0;padding:0;}

/* Paragraphs */
p { padding: .2em; margin: 0 0 .5em 0; line-height: 1.2em; }

/* Lists */
ol, ul { margin: .5em 1em; padding: 0; }
li { margin: 0 0 0 1em; padding: .2em 0; }

/* Links */
a { text-decoration: underline; }
a:link { color: #333; }
a:visited { color: #333; }
a:hover { color: #f00; }

/* Clearing Floats */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table; }
* html .clear { height: 1%; }
.clear { display: block; }

/* Content */
#maincontent {margin:0 auto;width:980px;background: #fff;}
.maincontentwrapper {width:980px;margin:0;padding:0;}
.widecontentwrapper {width:980px;margin:0;padding:0; }
#maincontentfooter {margin:0 auto;width:980px;height:20px;}
#popup {background-color:#fff;margin:5px;padding:5px;}

/* Admin Panel */
#adminpanel {font-size:85%;background-color:#444;color:#fff;border-bottom: 1px solid #000;padding:5px;}
#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 */
#header {margin:0;padding:0;position: relative;width: 980px;  padding: 0; margin: 0; height: 120px;}
#brandingarea {display: block;position: absolute; top: 0px; left: 5px;width: 393px;height: 117px;}
#header h1 {display: block;position: absolute; top: 0; left: 1px;width: 393px;height: 117px;background: #fff url(../images/phony-diploma-logo.jpg) no-repeat; text-indent: -9999px;}
#header h1 a {display: block;position: absolute; top: 0; left: 1px;width: 393px;height: 117px;}
#header h1 a:hover {}
#header ul {list-style:none;margin:0;padding:0;}
#header ul li {display:inline;margin:0;padding:0}
#header a {color:#333;margin:0 15px 0 0;}

/*Header Account Menu*/
#headernavmenu {position:absolute;top:15px;left:500px;text-align:left; font-size: 100%; width: 250px;}
#headernavmenu a {text-decoration: none;padding:0;margin:0;}
#headernavmenu a:hover {text-decoration: underline; color: #f00;}
#wait{ background: #f00; position: fixed; top: 15px; right: 15px; width: 100px; }

/* MiniCart */
#minicart { position: relative; top: 2px;left: 738px;text-align: left; padding: 3px 0; color: #666; font-size: 85%; width: 250px; }
#minicart img {float: left; margin: 0 15px 0 0;}
#minicart h4 {color: #aa200d;}
#minicart div { display: inline; }
#minicart a { color: #333; text-decoration: underline; }
#minicart a:hover { color: #f00; }

/* Header Search */
#HeaderSearch {position: absolute; top:42px;left: 790px;width: 170px; text-align: left;}

/*Header Category Menu */
#headermainmenu {position: absolute; top: 95px; left: 400px;font-size:120%;padding: 0;margin: 0;text-align: center;width: 600px;}
#headermainmenu a { position: relative;margin: 0;color:#666; text-decoration: none;padding: 0 10px;font-weight: bold;}
#headermainmenu a:hover { color:#aa200d; text-decoration: none;}
#headermainmenu .activemainmenuitem a { font-weight: bold;}

/* Footer */
#footer {clear: both;margin: 5px 0 0 0;padding: 0; width:980px; text-align: center;}
#FooterBanner {width:950px; height: 110px; margin: 0; text-align: right;}
#footernavmenu {text-align:center;margin:0px;padding:5px 0 10px 0;font-size:85%;}
#footernavmenu p {margin: 10px 0 0 0;}
#footer ul {list-style:none;margin:0;padding:0;}
#footer ul li {display:inline;margin:0 4px;padding:0}
#footer a {color:#333;margin:0; padding: 0;}

/* Columns */
#homepagecolumn1 {float:left; position: relative; top: 0; left: 8px;width:220px;margin: 0;}
#homepagecolumn1 #MenuBanner {width: 217px; height: 167px; background: url(../images/menu-banner.jpg) no-repeat top left;}
#homepagecolumn1 #MenuBanner p {color: #fff; font-weight: bold;font-size: 110%; margin: 0 0 0 15px; padding: 10px 0 0 0; font-family: Georgia;}
#homepagecolumn1 #MenuBanner .muchmore {color:#000;}
#homepagecolumn1 #MenuBanner ul {margin:5px 0 0 35px;padding:0;list-style-type: square;}
#homepagecolumn1 #MenuBanner li {margin:0;padding:2px 0;color: #fff; font-size: 110%;font-weight: bold;}
#homepagecolumn1 h4 {color: #333;padding: 0 0 0 5px;width: 219px; height: 30px;line-height: 30px;background: url(../images/cat-menu-top.jpg) no-repeat top left;}
#homepagecolumn1 .menubtm {width: 219px; height: 8px;background: url(../images/cat-menu-btm.jpg) no-repeat top left;}
#homepagecolumn1 #Secure {width: 220px; text-align: center;}
#homepagecolumn1 #ChatWrap {width: 200px;text-align: center; margin: 5px 0;}

/* Free diploma side banner */
#homepagesidebanner1 {width: 217px; height: 167px; background:url(/Images/Banners/freediplomabanner.jpg) no-repeat top left;}
#homepagesidebanner1 h1 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 124%; color: #FFF; padding-top: 5px;}
#homepagesidebanner1 h2 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 77%; color: #FFF; padding-top: 124px;}

/* Ship Worldwide side banner */
#homepagesidebanner2 {width: 217px; height: 167px; background:url(/images/banners/SideBanners/side-banner-box-international-shipping.jpg) no-repeat top left;}
#homepagesidebanner2 h1 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 125%; color: #245c6c; padding-top: 12px;}
#homepagesidebanner2 h2 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 185%; color: #245c6c; padding-top: 12px;}

/* Safe and Secure side banner */
#homepagesidebanner3 {width: 217px; height: 167px; background:url(/Images/banners/sidebanners/side-banner-box-secure.jpg) no-repeat top left;}
#homepagesidebanner3 h1 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 146%; color:#FF0000; padding-top: 12px;}
#homepagesidebanner3 h2 {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 135%; color:#245c6c; padding-left: 12px; padding-top: 9px; line-height:122%;}

/* Need Help side banner */
#homepagesidebanner4 {width: 217px; height: 167px; background:url(/images/banners/SideBanners/side-banner-box-need-help.jpg) no-repeat top left;}
#homepagesidebanner4 h1 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 195%; color:#e8bb2c; padding-top: 12px;}
#homepagesidebanner4 h3 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 125%; color:#245c6c; padding-top: 9px; line-height:122%;}
#homepagesidebanner4 h2 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 116%; color:#FFFFFF; padding-top: 27px;}

/* FAKE SAMPLES side banner */
#homepagesidebanner5 {width: 217px; height: 32px; background:url(/images/banners/BodyBanners/MainThinBannerSideAd-Samples.jpg) no-repeat top left;}
#homepagesidebanner5 h1 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:italic; font-size: 110%; color:#931b1c; padding-top: 10px;}

/* Email us your sample side banner */
#homepagesidebanner6 {width: 217px; height: 167px; background:url(/images/banners/SideBanners/side-banner-box-email-sample.jpg) no-repeat top left;}
#homepagesidebanner6 h1 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 195%; color:#e8bb2c; padding-top: 20px;}
#homepagesidebanner6 h2 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 156%; color:#e8bb2c; padding-top: 5px;}
#homepagesidebanner6 h3 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 113%; color:#245c6c; padding-top: 57px; line-height:122%;}

#homepagecolumn2 {float:left; position: relative; top: 0; left: 2px;width:740px; margin: 0; padding: 0;}
#homepagecolumn2 #Column2Banner {position: relative; top: 0; left: 16px;width: 720px; height: 167px;font-family: Georgia; display: block;}
#homepagecolumn2 #Column2Banner #TextWrap {float:left;position: absolute; top: 2px; left: 5px;height: 150px;}
#homepagecolumn2 #Column2Banner p {color: #fff; font-weight: bold; font-size: 120%; margin: 0 0 0 10px; padding: 5px 0 0 0;width: 600px;}
#homepagecolumn2 #Column2Banner p .match {color: #f00; font-weight: bold;font-size: 130%;}
#homepagecolumn2 #Column2Banner ul {margin:0 0 0 35px;padding:0;list-style-type: square;}
#homepagecolumn2 #Column2Banner li {margin:0;padding:1px 0;color: #000; font-size: 110%;font-weight: bold;}

#homepagecolumn2 h4 {float:left;position: relative;width: 740px; height: 30px;color: #333;background: url(../images/h4-bg.jpg) no-repeat top left; line-height: 30px; padding: 0 0 0 5px;margin: 5px 0 10px 5px;}
#homepagecolumn2 #GridWrap {float:left;position: relative; width: 720px; margin: 0 0 0 10px;}
#homepagecolumn2 .gridwrap {float: left;width: 350px; border: 2px solid #ccc; margin: 5px; text-align: center; background: #e1e1e1;}
#homepagecolumn2 .gridwrap .productgridlink {width: 350px;padding: 5px 0 0 0; }
#homepagecolumn2 .gridwrap .productgridlink a {font-weight: bold;color: #286675; font-size: 140%;text-decoration: none; margin: 0; padding: 0; text-transform: uppercase;}
#homepagecolumn2 .gridwrap .productgridshort {width: 350px;padding: 5px 0 0 0; }
#homepagecolumn2 .gridwrap .productgridshort a {font-weight: bold;color: #286675; font-size: 100%;text-decoration: none; margin: 0; padding: 0;}
#homepagecolumn2 .gridwrap .productgridimage {}
#homepagecolumn2 .gridwrap .productgridimage img { margin: 5px;}
#homepagecolumn2 .gridwrap .productgridprice {float:left;text-align: center; width: 175px;margin: 5px 0 10px 15px; padding: 0 0 5px 0;} 
#homepagecolumn2 .gridwrap .productgridprice a {font-weight:bold;color: #333333; text-align: center; text-decoration: none; font-size: 120%;}
#homepagecolumn2 .gridwrap .productmoredetails {float:left; position: relative; margin: 5px 0 10px 10px; width: 120px; text-align: center;}
#homepagecolumn2 .gridwrap .productmoredetails .moredetails {display: block; width: 120px; height: 20px; background: url(../images/buttons/details2.jpg) no-repeat top left; text-indent: -9999px;}

#homepagecolumn3 {float:left;position: relative; top: 0; left: 20px;width:710px;margin: 10px 0 0 0; text-align: left;}
#homepagecolumn3 ul { margin: 5px 0 5px 20px; padding: 0;}
#homepagecolumn3 ul li { margin: 3px 0; padding: 0;}

#navcolumn {float:left; position: relative; top: 0; left: 10px;width:220px;margin: 0;}
#navcolumn h4 {color: #333;padding: 0 0 0 5px;width: 219px; height: 30px;line-height: 30px;background: url(../images/cat-menu-top.jpg) no-repeat top left;}
#navcolumn .menubtm {float:left;position: relative;width: 219px; height: 8px;background: url(../images/cat-menu-btm.jpg) no-repeat top left;}
#maincolumn {float:left; position: relative; top: 0; left: 20px;width: 740px;margin: 0;}

/* Column Blocks */
.decoratedblock { margin: 0; padding: 0; }
.decoratedblock h4 { display: block; padding: 0;}
.decoratedblock ul, .decoratedblock ol { margin: 0; padding: 0; }
.decoratedblock li { margin: 0; padding: 0; }
.blockcontent { padding: 0; margin: 0; }


/* Column Menus */
.sidemenu {background: url(../images/cat-menu-mid.jpg) repeat-y;padding:0;margin:5px 0 0 0;}
.sidemenu .decoratedblock .mentbtm {float:left;position: relative;width: 219px; height: 8px;background: url(../images/cat-menu-btm.jpg) no-repeat top left;}
.sidemenu ul {padding:0;margin:0 0 0 5px;}
.sidemenu li {padding:0 0 0 3px;margin:0;list-style-type: circle; list-style-position:inside;}
.sidemenu li a {color: #666;text-decoration: underline; padding: 0;margin:0;}
.sidemenu li a:hover {color: #aa200d;padding: 0;margin:0;}

.categorymenu {background: url(../images/cat-menu-mid.jpg) repeat-y;padding:0;margin: 5px 0 0 0;}
.categorymenu ul {padding:0;margin:0 0 0 5px;}
.categorymenu ul li {padding:0 0 0 3px;margin:0;list-style-type: circle; list-style-position:inside;}
.categorymenu ul li a {color: #666;text-decoration:underline; padding: 0;margin:0;}
.categorymenu ul li a:hover {color: #aa200d;padding: 0;margin:0;}

/* Column Search Box */
.searchboxform .forminput { width: 130px; }
.searchboxform input { vertical-align: middle; }
    
/* Bread Crumbs */
.breadcrumbs {margin:0 0 10px 10px;padding:10px;font-size:90%; color: #333; border-bottom: 1px solid #eee;}
.breadcrumbs .links {}

/* Site Map Page */
#SiteMapColumns { clear: both; }
.ColumnOne { width: 300px; float: left; border-right: 1px solid #eee; }
.ColumnTwo { width: 250px; float: left; margin: 0 0 0 10px;border-right: 1px solid #eee; }
.ColumnThree { width: 300px; float: left; margin: 0 0 0 10px }

/* Custom Wrappers*/
#LoginWrap, #SearchWrap, #AdditionalWrap, #CustomWrap, #SiteMapWrap { width: 940px; float: left; position: relative; top: 0; left: 20px; margin: 0;padding:0;}
#CartWrap, #ArticleWrap {width: 940px; float: left; position: relative; top: 0; left: 20px; margin: 0 0 10px 0;padding:0; background: #fff;}
#CheckoutWrap, #ReceiptWrap {width: 935px; float: left; position: relative; top: 0; left: 12px; margin: 0;padding:5px; background: #fff; border: 2px solid #ccc;}
#ShippingWrap, #PrivacyWrap {background: #fff; margin:0 0 10px 0; padding: 5px;}
#ArticleWrap h1 {width: 740px; height: 30px;color: #333;background: url(../images/h4-bg.jpg) no-repeat top left; line-height: 30px; padding: 0 0 0 5px;margin: 5px 0 5px 5px;}

/* Category Styles */
#categoryleft {float:left; position: relative; top: 0; left: 10px;width:220px;margin: 0;padding: 0;}
#categoryleft h4 {color: #333;padding: 0 0 0 5px;width: 219px; height: 30px;line-height: 30px;background: url(../images/cat-menu-top.jpg) no-repeat top left;}
#categoryleft .menubtm {width: 219px; height: 8px;background: url(../images/cat-menu-btm.jpg) no-repeat top left;}
#categoryleft #Secure {width: 220px; text-align: center;}

#categorymain { float:left; position: relative; top: 5px; left: 10px;width: 740px;margin: 0; padding: 0;}
#categorymain h1 {width: 740px; height: 30px;color: #333;background: url(../images/h4-bg.jpg) no-repeat top left; line-height: 30px; padding: 0 0 0 5px;margin: 5px 0 5px 10px;}
#categorymain #categorybanner { margin: 0 0 0 10px;}
#categorymain #categorydescription {margin: 5px 0 0 10px;}
#categorymain #categorydescription h4 {color: #39c;}
#categorymain #CustomContent {margin: 0 0 0 10px;}
#categorymain2 { float:left; position: relative; top: 5px; left: 20px;width: 730px;margin: 0; padding: 0;}
#categorymain2 h1 {width: 740px; height: 30px;color: #333;background: url(../images/h4-bg.jpg) no-repeat top left; line-height: 30px; padding: 0 0 0 5px;margin: 5px 0 5px 10px;}
#categorymain2 #lblContent {margin: 0 0 0 10px;}
#categorymain2 h4 {color: #39c;}
#LowerInformation {margin: 10px;}

.recordsku a { font-size: 80%; color: #999; text-decoration: none; text-transform: uppercase; }
.recordname { font-size: 100%; font-weight: bold; }
.recordshortdescription a { text-decoration: none; color: #000; }
.recordshortdescription { margin: 5px; }
.recordprice { font-size: 110%; font-weight: normal; }
.recordprice a { text-decoration: none; }
.recordcontrols { margin: 5px; }

.recordimage {margin:0;}
.recordimage img {margin:0;}

/* Grid */
#categorygridtemplate {}
#categorygridtemplaterecords .record {float:left;position: relative;width:340px;margin:5px 5px 5px 10px; padding:5px;border: 2px solid #ccc; text-align: center; background: #e1e1e1;}
#categorygridtemplaterecords .record a {color: #222;}
#categorygridtemplaterecords .recordimage { width: 340px; text-align: center;padding: 0; margin: 0;}
#categorygridtemplaterecords .recordimage img { margin: 0; padding: 0;}
#categorygridtemplaterecords .recordname {width: 340px;margin:10px 0 0 0; padding: 0; }
#categorygridtemplaterecords .recordname a {margin: 0; padding: 0; text-decoration: none; font-size: 140%; font-weight: bold; color: #286675;}
#categorygridtemplaterecords .recordprice {float:left;width: 175px;text-align:center;margin:5px 0;padding:0 0 10px 0;font-weight:bold;}
#categorygridtemplaterecords .recordprice a {font-weight:bold;color: #333333; text-decoration: none; font-size: 120%;}
#categorygridtemplaterecords .recorddetails {float:left;position: relative;margin: 0 0 10px 10px;width: 150px;text-align: center;}
#categorygridtemplaterecords .recorddetails .ordernow {display: block; width: 120px; height: 20px; margin: 4px 0 0 0; background: url(../images/buttons/OrderNow2.jpg) no-repeat top left; text-indent: -9999px;}

/* Grid with Subs*/
#categorygridsubtemplate {width: 750px;padding: 0; margin: 0 0 0 10px;}
#categorygridsubtemplate .record {float: left; position: relative; clear: none; width: 340px;text-align: center;padding:5px;margin:6px 0;border: 2px solid #ccc;background: #e1e1e1;}
#categorygridsubtemplate .record .recordimage {float:left;position: relative;width: 340px; margin: 0; padding: 0;}
#categorygridsubtemplate .record .recordimage img {margin: 0; padding: 0;}
#categorygridsubtemplate .record .recordname {float:left;position: relative;width: 340px;margin:10px 0 0 0; padding: 0;}
#categorygridsubtemplate .record .recordname a {margin: 0; padding: 0; text-decoration: none; font-size: 140%; font-weight: bold; color: #286675; }
#categorygridsubtemplate .record .recordbutton {float:left;position: relative;left:95px;width: 155px;margin:0; padding: 0;text-align: left;}
#categorygridsubtemplate .record .recordbutton a {text-indent: -9999px; display: block;width: 155px; height: 20px;margin: 0; padding: 0; background: none; }
#categorygridsubtemplate .record .recordbuttonview {float:left;position: relative;left:95px;width: 155px;margin:0; padding: 0;text-align: left;}
#categorygridsubtemplate .record .recordbuttonview a {text-indent: -9999px; display: block;width: 155px; height: 20px;margin: 0; padding: 0; background: url(../images/buttons/viewmoresamples.jpg) no-repeat top left; }
#categorygridsubtemplate .record .recordsimilarview {float:left;position: relative;left:95px;width: 155px;margin:0; padding: 0;text-align: left;}
#categorygridsubtemplate .record .recordsimilarview a {text-indent: -9999px; display: block;width: 155px; height: 20px;margin: 0; padding: 0; background: url(../images/buttons/viewsimilar.jpg) no-repeat top left; }
#categorygridsubtemplate .record a.readmore {display: block; width: 120px; height: 20px; margin: 4px 0 0 0; background: url(../images/buttons/OrderNow2.jpg) no-repeat top left; text-indent: -9999px;}


/* Sub Category Menu */
#subcategorymenu {margin:20px 0;}
#subcategorymenu .record {width:170px;margin:0  10px 10px 0;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: 345px; float: left;}
#subcategorymenu2featured .featuredImage {display: block;text-align: center; }
#subcategorymenu2main {width: 345px; float: left;margin: 0 0 0 20px;}
#subcategorymenu2 {margin:20px 0;}
#subcategorymenu2 .record {width:170px;margin:0 10px 10px 0;}
#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:390px;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:370px;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 url(../images/lilarrow.gif) no-repeat center right; padding: 5px;}
#categorybulkqtylisttemplate .quantityfield {margin: 0;width:25px;border:1px solid #ccc;text-align: center;font-size: 110%;font-weight: bold; color: #666;}

/* Detailed List */
#categorydetailedlisttemplate {margin:10px 0 0 0;}
#categorydetailedlisttemplate .record {width:720px;float:left;border: 2px solid #ccc; margin: 5px; padding: 5px;}
#categorydetailedlisttemplate .recordname {}
#categorydetailedlisttemplate .recordname a { text-decoration: none; color: #690; font-weight: bold; font-size: 130%;}
#categorydetailedlisttemplate .recordimage {float:right;width:110px;height:110px;margin:0;}

/* 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:80%;}
.pager a, .pager .disabled { color: #444; padding: 3px 6px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-decoration: none; }
.pager .disabled { color: #ccc; }
.pager li.current a { color: #444; font-weight: bold; border-color: #E0EAC8; background: #E0EAC8; }
.pager a:hover { border-color: #6D8E44; }

/* BVC 2004 Product Page Template */
#bvc2004productpage #menucolumn {float:left; position: relative; top: 0; left: 10px; width: 220px;margin: 0; background: url(../images/menu-mid.jpg) repeat-y;}
#bvc2004productpage #menucolumn h4 {color: #333;padding: 0 0 0 5px;width: 219px; height: 30px;line-height: 30px;background: url(../images/cat-menu-top.jpg) no-repeat top left;}
#bvc2004productpage #menucolumn .menubtm {width: 219px; height: 8px;background: url(../images/cat-menu-btm.jpg) no-repeat top left;}
#bvc2004productpage #menucolumn #Secure {width: 220px; text-align: center;}

#bvc2004productpage #ProductWrap {float:left; position: relative; top: 5px; left: 15px;width:740px; margin: 0 0 10px 0px; padding: 0; border: 0px solid #ccc;}
#bvc2004productpage #ProductWrap #ExtraItems {float:left; clear: both; position: relative; width: 740px;}
#bvc2004productpage #ProductWrap #ExtraItems .productgrid {padding: 10px; margin: 10px; border: 1px solid #eee;}
#bvc2004productpage #ProductWrap #ExtraItems .productgrid h4 {color: #690;}
#bvc2004productpage #ProductWrap #ExtraItems .productgrid .suggesteditem {float: left; position: relative; width: 315px; margin: 5px; padding: 5px; border: 2px solid #ccc;}
#bvc2004productpage #ProductWrap #ExtraItems .productgrid .suggesteditem img {float: left; position: relative; margin: 5px; padding: 0px;}

#bvc2004productpage #ProductWrap h1 {width: 740px; height: 30px;color: #333;background: url(../images/h4-bg.jpg) no-repeat top left; line-height: 30px; padding: 0 0 0 5px;margin: 5px 0 5px 5px;}
#bvc2004productpage #imagecolumn {float:left;width:360px;text-align:center;}
#bvc2004productpage #imagecolumn #productimage {margin: 0px 0px 0px 20px;}
#bvc2004productpage #contentcolumn {float:left; position: relative; left: 0; width:350px; margin: 0px 0px 0px 20px;}
#bvc2004productpage #contentcolumn #ProductSKU { color: #000; font-size: 90%; font-weight: bold;}
#bvc2004productpage #contentcolumn #ProductDescription {margin: 5px 0;}
#bvc2004productpage #ProductWrap #Options {float:left;clear: both; position: relative; width: 740px;}

/* BVC 5 Product Page Template */
#bvc5productpage #contentcolumn {float:left;width:350px; margin: 0 0 0 10px;text-align:left;}
#bvc5productpage #actioncolumn {float:left; width:350px; margin:0 0 0 10px;text-align:left;}
#bvc5productpage #ProductReviews {clear: both;}
.productimage { text-align: center; margin: 10px 0; }

/* Product Controls Box */
#ProductControls { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; margin: 10px 0; position: relative; }
.formlabel { text-align:right; color: #444; }
.productpropertylabel { padding-right: 5px; text-decoration: none; color: #666; }
.listprice {text-decoration: line-through; color:#999;}
.siteprice {font-weight:bold;font-size: 120%;color:#444;}
.yousave {color:#999;}
#buttons { margin: 5px; }

/* Product Reviews & Cross/Up Sells */
.ProductReviews { clear: both; padding: 10px; margin: 10px; border: 1px solid #eee; }
#crosssells { padding: 10px; margin: 10px; border: 0px; width: 400px; }
#crosssells h2 { margin: 5px; color: #333;}
.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; }
#CrossSells table { width: 100%; }
.WideSingleProductDisplayPanel {float: left; margin:5px;border: 2px solid #ccc; width:350px;}
.SingleProductDisplayImage { float: left; width: 350px; margin: 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; padding: 0 0 0 10px; }
.SingleProductDisplayQuantity { font-size: 100%; font-weight: bold; color: #666; padding: 0 0 0 10px; }


/* Cart Page */
.cartitemimage {width:340px;height:275px;float:left; margin: 0 5px 5px 0;}
.cartitemimage img {margin:0; padding: 0;}
.cartitemdescription { margin: 5px; float: left; width: 320px;}
#cartcontainer tr td {border-top:solid 1px #ccc; padding: 5px 5px 0 0;}
#cartcontainer, #carttitle, #cartactions, #cartcoupons {margin: 0 20px;}
#cartcontainer {border-bottom:solid 1px #ccc;}
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right;}
#carttotals table {float:right;}
#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:solid 1px #ccc;background-color:#F0F0F0;padding:10px;}
.cartsku { visibility: hidden;}
.cartproductname { font-size: 120%; font-weight: bold; color: #690; }
.lineitemnodiscounts {text-decoration: line-through; display: block;}
.totallabel { display: block; }
.productpricecolumn { vertical-align: top; text-align: right; }
.productquantitycolumn { vertical-align: top; text-align: right; }
.producttotalcolumn { vertical-align: top; text-align: right; }
.productdeletecolumn { vertical-align: top; text-align: center; }
.productquantitycolumn div { width: 60px; float: right; }

/* Checkout */
.creditcardinput {border:solid 1px #ff9; background-color:#ffc;padding:5px;}
.shippingdiscount { text-decoration: line-through; }
.radiobuttoncol {width: 20px;}

/* Checkout Addresses */
.addressbookpanel { border: 1px solid #eee; padding: 5px; }
.addressbookpanel table { width: 100%; }
.addressbookpanel ul { margin: 0; }
.addressbookpanel li { list-style: none; }
.addressbookpanel table { border-collapse: collapse; border: solid 1px #fff; }
.addressbookpanel td { border: none; padding: 5px;}
.addressbookpanel .alt { background-color: #eee; }

/* Closed Store Message */
#closedcontent {width:300px;height:200px;margin:50px auto;padding:10px;background-color:#ff9;color:#333;}
#closedcontent h1 {color:#000;}

/* Address Book */
.addressbooktitle h1 { float: left; }
.addressbooktitle .newaddress { float: right; margin: 15px; }
.address { border: 1px solid #ddd; 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 */
fieldset#SearchForm {}
fieldset#SearchForm .forminput { border-color: #ccc; }
#SearchResultsPane { margin: 10px 0; }
.searchresultrecord { padding: 5px; margin: 5px; border-left: 5px solid #ccc; background-color: #f5f5f5; }

/* Notes */
.BVSmallText { font-size: 85%; }

/* Row Elements */
.rowheader, th { background: transparent; color: #808080; padding: 0; font-weight: bold; padding: 5px 0; text-align: center; }
.rowheader { font-size: 90%; }
.row { background: #f6f6f6; }
.altrow { background: #f4f4f4; }

/* Form Fields */
fieldset { border: 1px solid #eee; margin: 0; padding: 0; }
fieldset table { margin: 15px auto; }
fieldset#CurrentUsers { width: 340px; float: right; }
fieldset#NewUsers { width: 380px; float: left; }
fieldset#NewUsers legend {color: #f00;}
fieldset.contactform table { width: 510px; }
legend { font-size: 1.3em; line-height: 1em; font-weight: bold; color: #444; margin: 0 5px; padding: 2px; }

/* Form Elements */
td.formlabel { text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
td.formfield { text-align: left; white-space: nowrap; }
.forminput { padding: 4px 0 0 6px; height: 20px; width: 190px; color: #444; vertical-align: middle; border: 1px solid #ccc; }
.formtextarea { padding: 4px 0 0 6px; border: 1px solid #ccc; width: 90%; }
.short { width: 25%; }
.medium { width: 50%; }
label { color: #666; font-size: 90%; }
label.required { font-weight: bold; }
select { border: 1px solid #ccc; color: #444; vertical-align: middle; }
div.errormessage { color: #c00; line-height: 2em; padding: 0 5px; font-size: .8em; }
span.errormessage { color: #fff; background: #c00; display: inline; line-height: 2em; padding: 0 5px; font-size: .8em; }
.forgot { background: #f5f5f5; padding: 5px; display: block; margin-top: 10px; font-size: .7em; }
.aligntop { vertical-align: top; }
.buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 10px 0; }

/* Affiliate Form */
fieldset#affiliateform table { width: 510px; }
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 url(../images/lilarrow.gif) no-repeat center right; 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; }

/* Message */
.messagebox { border: 1px solid #ccc; width: 100%; margin: 5px 0; }
.messagebox ul { list-style: none; }
.messagebox .icon { float: left; margin: 5px; }
.messagebox .message { margin: 5px 5px 5px 30px; font-size: 100%; line-height: 1em; padding: 5px; }
.messagebox .errorline { clear: both; }

/* BV Commerce Button */
.poweredby { text-align: center; margin: 5px; }

/* Choices And Inputs */
td.choicelabel { vertical-align: top; width: 250px; color: #333; font-weight: bold;}
td.choicefield { width: 100px;}
span.choicelabel { display: block; margin: 9px 0 0 0; float: left; }

.radiobuttonnormallist ul {margin:0;}
.radiobuttonnormallist li {display: inline; list-style: none;}
.radiobuttonnormallist ul ul {padding:0; margin: 5px 0px; font-size: 11px; }
.radiobuttonnormallist ul .rblist {margin-left: 7px;} 

.MarkDownPrice {text-decoration:line-through;}

/*Lightbox CSS */
#lightbox {position: absolute; top: 0;left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox a img {border: none; }
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute; top: 40%;	left: 0%; height: 25%;	width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute;	top: 0;	left: 0; height: 100%;	width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;  background: url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(../images/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em; overflow: auto; width: 100%;}
#imageData {padding:0 10px; color: #666;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; height: 25px; float: right;  padding-bottom: 0.7em;}
#bottomNavClose {display:block; margin:3px auto 0 auto; width: 66px;}
#bottomNavClose a {display:block; margin:0; width: 26px; height: 26px; background: url(../images/close.gif) no-repeat top left;}
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background: #333;}

/* Fixes IE Glitches*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}

/* Hide from IE/MAC */
* html .clearfix {height: 1%;}	
.additionalimages { width: 360px; margin: 0; padding: 0;}
.additionalimages a span { width: 360px;}
.additionalimages a { width: 360px;}
.additionalimages a#Product-1 {display: block; width: 360px; height: 25px;margin: 0; padding: 0;text-align: center; background:  url(../images/buttons/morepictures.jpg) no-repeat top center;text-indent: -9999px}