@charset "utf-8";
/* BeCompleat.css */
/**************************************************
reset
**************************************************/
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, sub, sup, 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;*/
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
tr {
vertical-align: top;
}
caption, th, td {
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
.clearit {
clear: both;
height: 0;
line-height: 0.0;
font-size: 0;
}
/**************************************************
body
**************************************************/
body {
margin:0;
padding:0;
background:#fff;
font:12px Arial, Helvetica, sans-serif;
line-height:1.6em;
color:#333;
text-align:center;
}
/**************************************************
wrappers
**************************************************/
#Header, #Content {
width: 980px;
}
/**************************************************
headings
**************************************************/
h1 {
font-size:18px;
font-weight:bold;
color:#421;
margin: .6em 0;
}
h2 {
font-size:16px;
font-weight:bold;
color:#421;
margin: .6em 0;
border-bottom: 1px solid #421;
padding-bottom: .1em;
}
h3 {
font-size:14px;
font-weight:bold;
color:#421;
margin: .6em 0;
}
/**************************************************
links
**************************************************/
a {
color:#09c;
}
a:visited {
color:#09c;
}
a:hover {
color:#c00;
}
/**************************************************
content
**************************************************/
#Home .Banner {
background: #eee url(../../HomeFence.jpg) no-repeat;
display: block;
height:262px;
margin: 0;
padding: 0;
text-align: right;
width: 735;
}
.feature td {
padding: 0 10px 0 0;
}
.feature a img {
height: 151px;
width: 102px;
}
.Grid {
}
.Grid th {
background-color: #eee;
border-bottom: 1px solid #ccc;
padding: 4px;
text-align: left;
}
.Grid .Hdr {
background-color: #eee;
border-bottom: 1px solid #ccc;
padding: 4px;
}
.Grid .Clr {
border-bottom: none;
}
.Grid td {
border-bottom: 1px solid #ddd;
padding: 4px;
}
.Grid .Currency {
padding-right: 1em;
text-align: right;
}
.Grid .Credit {
color:#c00;
padding-right: 1em;
text-align: right;
}
.SwatchDtl{
border-top:1px solid #ddd;
}
.SwatchDtl td{
border-bottom:1px solid #ddd;
padding:4px;
}
.SwatchDtl td p{
color: #777;
margin: .5em;
}
.SwatchThb {
}
/**************************************************
existing
**************************************************/
/* Custom font definitions
----------------------------------------------- */
p {
margin: .6em 0;
}
.headPrice {
font-weight:bold;
color:#990000
}
/* Custom form elements
----------------------------------------------- */
form {
padding:0px;
margin:0px;
}
.inputFormat {
height:19px;
font-size:12px;
padding:1px; color:#333;
vertical-align:middle;
}
#search input{
vertical-align:middle;
margin:0;
padding:0;
}
.btnSearch {
vertical-align:middle;
margin:0;
padding:0px;
color:#0060B1;
font-size:12px;
cursor:pointer;
}
/* Top Menu ----------------------------------------------- */
#cartInfo {
padding-top:5px;
font-size:12px;
line-height:3px;
}
#cartInfo a{
display:block;
}
#cartInfo a:hover {
background-color:#F1F1EB;
}
#cartInfo img {
border:0;
vertical-align:middle;
}
#myAccount,	#shoppingCart {
width:150px;
font-weight:100;
color:#666666;
}
.cartInfoHeadings {
color:#555555;
font-size:14px;
font-weight:bold;
}
#myAccountDL, #shoppingCartDL {
padding-left:18px;
}
/* Top NavBar
----------------------------------------------- */
.navBar {
background-color: #421;
padding: 5px 10px;
}
.navBarInner {
width:980px;
}
.navBarLeft {
float:left;
}
.navBarRight {
float:right;
padding-right:35px;
}
.navBarLeft a:link, .navBarLeft a:visited, navBarRight a:link, .navBarRight a:visited{
color: #fff;
display: inline-block;
font-weight: bold;
padding: .2em .3em;
}
.search {
width:150px;
margin-top:5px;
}
/* Left Navigtaion Column
----------------------------------------------- */
.leftColumn {
margin:5px 15px 5px 0px;
width:230px;
background-color:#f7f7f7;
}
.leftColumn h2 {
display:block; font-weight:bold; font-size:18px; color:#777;
margin:0 !important; padding:10px; background-color:#edecec;
background:url("/stores/b/becompleat/images/becompleat_v004/leftHeader_bg.gif") repeat-x top left;
border-bottom: none;
} .vertNav {
margin:0;
padding:0;
font-size:12px;
color:#fff;
background-color:#f7f7f7;
}
.vertNavLink {
padding:6px 4px 6px 25px;
line-height:normal;
display:block;
border-bottom:1px solid #dedcdc;
}
.vertNavLink a:link, .vertNavLink a:visited {
color:#777;
text-decoration:none;
}
.vertNavLink a:hover {
color:#333;
text-decoration:underline;
background-color:#edecec;
}
.vertNavLinkMisc {
margin:0;
padding:0;
background-color:#edecec;
}
.vertNavLinkMisc a{
padding:6px 4px 6px 25px;
line-height:normal;
display:block;
border-bottom:1px solid #dedcdc;
}
.vertNavLinkMisc a:link, .vertNavLinkMisc a:visited {
color:#777;
text-decoration:none;
}
.vertNavLinkMisc a:hover {
color:#333;
text-decoration:underline;
background-color:#edecec;
}
.viewMoreCat {
display:none;
}
.viewMoreCats {
/* padding:6px 4px 6px 25px; */
/* line-height:normal; */
/* display:block; */
border-bottom:1px solid #dedcdc;
font-weight:100;
}
.viewMoreCats a:link, .viewMoreCats a:visited {
padding:6px 6px 6px 25px;
display:block;
color:#888;
text-decoration:none;
}
.viewMoreCats a:hover {
color:#333;
text-decoration:underline;
background-color:#fff;
}
.leftSubCats a{
padding:2px 6px 2px 50px;
/* line-height:normal; */
display:block;
background-color:#fff;
/* font-weight:100; */
}
.leftSubCats a:link, .leftSubCats a:visited {
/* font-weight:100; */
}
.leftSubCats a:hover {
text-decoration:underline !important;
}
/* Content
----------------------------------------------- */
.Content {
padding: 10px 0;
width:100%;
}
/* Footer
----------------------------------------------- */
.Footer {
width:980px;
}
.FooterNav {
border-top:1px solid #421;
border-bottom:1px solid #421;
margin-bottom: 15px;
padding:15px 0;
text-align:center;
}
.FooterNav a {
padding:0 .5em;
}
.Footer p {
text-align: center;
}