﻿
/*
    BVC5 THEME: Broward County OSP
    Styled by PromotionSickness.com
*/

/* 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 { padding-bottom: 20px;background: #112D6C url(../images/page-gradbg.jpg) repeat-x center top; font-family: Arial, Verdana, Sans-Serif; color: #000; font-size: 13px; line-height: 2em; }

/* Container */
form#aspnetForm { margin: 0 auto; padding: 0 0 8px 0; width: 780px; background: #fff; }
#container { margin: 0 8px; }

/* Shhhh, these are hiding. */
.hide, hr {display: none;}

/* Default Heading Styles */
h1 { font-size: 2em; line-height: 1em; margin-bottom: .5em; padding: 10px; background: #2F4D7D; color: #fff; }
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: 1.2em; line-height: 1.5em; background: #fff; font-weight: normal; color: #2F4D7D; }
h4 label { color: #2F4D7D; line-height: 1.5em; }

/* Paragraphs, Etc. */
p, ul, ol, blockquote, pre, td, th, label { margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: .5em; }
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: .5em; padding: 0; list-style: none; }
li { margin: 0 0 0 1em; padding: .2em 0; line-height: 1.5em; }

/* Links */
a { text-decoration: underline; }
a:link { color: #000; }
a:visited { color: #222; }
a:hover { color: #5684B5; }

/* - Forms & Form Elements - */
fieldset { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; }
legend { font-size: 1.2em; line-height: 1em; font-weight: bold; color: #222; margin: 0 5px; padding: 2px; }

/* (fix fieldsets in IE) */
html fieldset { position: relative; margin-top:1.5em; padding-top: .75em; }
html legend { position:absolute; top: -.5em; left: .5em; }

td.formlabel { text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
td.formfield { text-align: left; white-space: nowrap; }
td.paymentformlabel { text-align: left; white-space: nowrap; padding-right: 2px; }
td.paymentformfield { text-align: left; white-space: nowrap; }
table.paymentTable{background: #f5f5f5;}

input { vertical-align: middle; }
.forminput, .FormInput, input[type=text] { padding: 4px 0 0 6px; height: 20px; color: #444; vertical-align: middle; border: 1px solid #ddd; border-bottom-width: 2px; background: #fff url(../images/header-lightgrad.png) repeat-x left top; }
.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; }

/* Signin Page */
fieldset#CurrentUsers { width: 360px; float: left; }
fieldset#NewUsers { width: 360px; float: right; }
.forgot { background: #f5f5f5; padding: 5px; display: block; margin-top: 10px; font-size: .7em; }
.IfNotExist { padding: 5px; margin-top: 10px; font-size: .7em; }
/*.IfNotExist { 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 8px 0;position: relative; }
#brandingarea { position: relative;background: #ccc; height: 150px; }
#header > ul { position: relative; float: left; display: block; }
#header ul {list-style:none;margin:0;padding:0;}
#header li {display:inline;margin:0 5px;padding:0}

/* Logo Replacement */
#header h1 { position: absolute; top:0; left:-24px; display: block; width: 24px; height: 102px; margin: 0; padding: 0; background: transparent url(../images/logobox-left.jpg) no-repeat top left; }
#header h1 a { display: none; }

/* Header Category Menu */
#header #headernavmenu { background: #999; margin-top: 8px; padding: 0; overflow: hidden; width: 100%; }
#header #headernavmenu ul li {float:left;font-size:90%;margin:0;padding:0;border-right:1px solid #fff;}
#header #headernavmenu a {color:#fff; text-transform: uppercase; padding: 8px 16px; font-weight: bold; white-space: nowrap; text-decoration: none; float:left;}
#header #headernavmenu a:hover,
body#AccountPages .lnkAccount,
body#ServicePages .lnkService,
body#SearchPage .lnkSearch,
body#CartPage .lnkCart,
body#HomePage .lnkHome { color:#fff; text-decoration: none; background: #222 url(../images/menu-bg-slide.jpg) repeat-x 0 -10px;}

/* Footer */
#footer { color: #fff; clear: both; width: 100%; position: relative; text-align: right; margin-top: 10px; padding: 0 0 20px 0; background: #222; }
#footer a { text-decoration: none; color: #fff; }
#footer a:hover { text-decoration: underline; }
#footer ul {list-style:none;margin:0;padding:0;}
#footer li {display:inline;margin:0 5px;padding:0}
#footer #footernavmenu { margin: 0px; padding: 5px 0; background:#444; width: 100%; overflow: hidden; }
#footer #footernavmenu p { float: left; width: 48%; margin: 0; padding: 0 0 0 10px; text-align: left; font-size: 85%; }
#footer #footernavmenu ul { float: right; width: 48%; padding: 0 10px 0 0; text-align: right; font-size: 85%; }
#footer #footernavmenu li { margin: 0; }
#footer #footercustmenu { font-size: 85%; padding: 5px; }
#footer .poweredby { margin: 10px; }

/* Columns */
#homepagecolumn1, #navcolumn, #categoryleft {width:200px;float:left;}
#homepagecolumn2, #maincolumn, #categorymain {width:552px;float:left;margin: 0 0 10px 10px;}
#homepagecolumn3 {width:100%;clear:both;}

/* Column Blocks */
.decoratedblock { position: relative; margin: 0 0 15px 0; padding: 0; }
.decoratedblock h4 { margin: 0; }
.blockcontent { padding: 5px; }

/* Left Column Blocks */
#homepagecolumn1 .sidemenu, #homepagecolumn1 .categorymenu, 
#navcolumn .sidemenu, #navcolumn .categorymenu, 
#categoryleft .sidemenu, #categoryleft .categorymenu,
#menucolumn .sidemenu, #menucolumn .categorymenu
    { background: transparent url(../images/block-bg.jpg) repeat-y top left; }
#homepagecolumn1 .sidemenu .decoratedblock, #homepagecolumn1 .categorymenu .decoratedblock, 
#navcolumn .sidemenu .decoratedblock, #navcolumn .categorymenu .decoratedblock, 
#categoryleft .sidemenu .decoratedblock, #categoryleft .categorymenu .decoratedblock, 
#menucolumn .sidemenu .decoratedblock, #menucolumn .categorymenu .decoratedblock
    { background: transparent url(../images/block-bottom.jpg) no-repeat bottom left; padding-bottom: 10px; }
#homepagecolumn1 .sidemenu h4, #homepagecolumn1 .categorymenu h4, 
#navcolumn .sidemenu h4, #navcolumn .categorymenu h4, 
#categoryleft .sidemenu h4, #categoryleft .categorymenu h4, 
#menucolumn .sidemenu h4, #menucolumn .categorymenu h4
    { background: #fff url(../images/block-top.jpg) no-repeat bottom left; padding: 5px; width: 190px; margin:0; display: block; }

/* Column Menu Lists */
.sidemenu a, .sidemenu a:link, .sidemenu a:visited, .sidemenu a:active, .sidemenu a:hover,
.categorymenu a, .categorymenu a:link, .categorymenu a:visited, .categorymenu a:active, .categorymenu a:hover { color: #fff; }
.sidemenu ul, .categorymenu ul {background:#999;padding:0;margin:5px 9px 0 9px;width:182px;overflow:hidden;display:block;}
.sidemenu ul li, .categorymenu ul li {padding: 0;margin:0;list-style:none;float:left;display:block;width:100%;text-transform:uppercase;font-size: 85%;}
.sidemenu ul li a, .categorymenu ul li a {text-decoration:none;float:left;display:block;width:172px;padding:5px;}
.sidemenu ul li a:hover, .categorymenu ul li a:hover, .categorymenu ul li.current a {background: #2f4d7d url(../images/menu-bg-slide.jpg) repeat-x 0 -10px;text-decoration:none;}
.categorymenu ul li.current { background-color: #2f4d7d; }
.categorymenu ul li.current a { font-weight: bold; }
.categorymenu ul ul { background-color: #2f4d7d;display:block;overflow:visible;float:left;width: 90%;margin:0;padding:5px 5%; }
.categorymenu ul ul li { font-size:100%;text-transform: none; }
.categorymenu ul ul li.current a { background-image: none; }
.categorymenu ul li.current ul a { background-image: none; width: 98%; font-weight: normal; padding: 3px 1%; }
.categorymenu ul ul a:hover { background-image: none; text-decoration: underline; }

/* Column Search & Mailing List Boxes */
.searchboxform .forminput, .mailinglistsignupform input[type=text] { width: 110px; }
.decoratedblock input { vertical-align: middle; }

/* 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 */
.breadcrumbs {margin:0;padding:0 0 10px 0;font-size:85%;}

/* Site Map Page Styles */
#SiteMapColumns { clear: both; overflow: hidden; width: 100%; }
#SiteMapColumns ul ul { border-left: 2px solid #444; }
.ColumnOne { width: 350px; float: left; border-right: 1px solid #eee; }
.ColumnTwo, .ColumnThree { width: 350px; float: right; margin-bottom: 15px; }

/* ------ Category Styles ------ */

/* Pager Control */
.pager { margin: 10px 0; padding: 5px; text-align: right; clear: both; background: #eee; }
.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:#eee; }
.pager .disabled { color: #ccc; }
.pager li.current a { color: #fff; font-weight: bold; background: #222; }
.pager a:hover { background: #333; color: #fff; }

/* 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 a { text-decoration: none; }
.recordcontrols { margin: 10px; }
.recordimage {margin:0 auto;width:120px;text-align: center;}

/* Category Grid Layout */
#categorygridtemplaterecords .record {width:165px;margin:5px auto;}
#categorygridtemplaterecords .recordname {text-align:center;font-size: 90%;}
#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:160px;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: 350px; float: left;}
#subcategorymenu2featured .featuredImage {display: block;text-align: center; }
#subcategorymenu2main {width: 350px; float: left;margin: 0 0 0 20px;}
#subcategorymenu2 {margin:20px 0;}
#subcategorymenu2 .record {width:160px;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:380px;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:360px;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:542px;float:left;border-bottom: 1px solid #ddd;}
#categorydetailedlisttemplate .recordimage {float:right;width:120px;text-align: center;}

/* OSP Category List */
#ospcategorylist table { border-spacing: 1px; color: #333; }
#ospcategorylist th { font-weight: normal; width: 10%; padding: 3px; font-size: 85%; }
#ospcategorylist th.pname { width: 40%; }
#ospcategorylist th.pprice { text-align: right; }
#ospcategorylist td { text-align: center; padding: 3px; font-size: 90%; background: #EFF7FF; }
#ospcategorylist td.psku { color: #999; font-size: 80%; text-align: left; }
#ospcategorylist td.pname { font-weight: bold; text-align: left; }
#ospcategorylist td.psponsor { font-size: 85%; background: #CFE7FF; }
#ospcategorylist td.pgrade { font-size: 85%; background: #CFE7FF; }
#ospcategorylist td.pcourse { font-size: 85%; background: #CFE7FF; }
#ospcategorylist td.pactivity { font-size: 85%; background: #CFE7FF; }
#ospcategorylist td.pprice { font-size: 85%; background: #DFEFFF; text-align: right; }
#ospcategorylist td.pdesc { font-size: 90%; color: #666; text-align: left; }

/* ------ 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;}
#bvc2004productpage #contentcolumn {float:left; width:554px; margin:0 0 0 10px;}
#ProductInfo { width: 220px; float: left; }
#ProductControls { width: 300px; float: right; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #eee; padding: 10px; margin: 0 0 10px 0; position: relative; }
.formlabel { text-align:right; }
.productpropertylabel { padding-right: 5px; text-decoration: none; }
.listprice, .ListPrice {text-decoration: line-through; color:#999;}
.siteprice, .SitePrice {font-weight:bold;font-size: 120%;color:#000;}
.yousave, .YouSave {color:#666;}
#buttons { margin: 5px; }
#buttons input { margin: 5px; }
#wishlist { margin-top: 5px; }

/* 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; }

/* Cart Page */
.cartitemimage {width:140px;float:left; margin: 0 5px 0 0;}
.cartitemimage img {margin: 0 auto; }
.cartitemdescription { margin: 5px; float: left; width: 320px;}
#cartcontainer tr td {padding: 6px; vertical-align:top;}
#cartcontainer, #carttitle, #cartactions, #cartcoupons {margin: 0;}
td.productquantitycolumn { background: #f5f5f5; }
#cartcontainer {border-bottom:solid 3px #5786B4;}
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right; font-size: 110%; font-weight: bold;}
#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-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 */
#SearchResultsPane { margin: 10px 0; }
.searchresultrecord { padding: 5px; margin: 5px 0; border: 1px solid #eee; border-left-width: 3px; border-right: none; background-color: #f5f5f5; }

/* Row Elements */
.rowheader, th { vertical-align: middle; background: #5786B4; 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 */
.messagebox { border: 3px solid #eee; border-left: none; border-right: none; overflow: hidden; width: 100%; margin: 5px 0; }
.messagebox ul { margin: 0; padding: 0; }
.messagebox li { margin: 0; padding: 3px; }
.messagebox .icon { float: left; margin: 8px; }
.messagebox .errorline { color: #c00; }
.messagebox .message { margin: 15px 5px 5px 10px; font-size: 100%; line-height: 1em; }
.errormessage { color: #c00; line-height: 2em; padding: 0 5px; font-size: .8em; }
.errormessage li { color: #c00; list-style-type: circle; }
