/* Custom CSS Document for Pinnacle Tech.
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* IE 6 PNG Fix
--------------------------------------------------------*/
img, div {behavior:url(iepngfix.htc);}

/* Global styles
--------------------------------------------------------*/
body {background:#736b66 url(images/body-bg.gif) repeat-x top; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:100%;}
#PageSubTable {width:760px; margin:0 auto;}
#Form2 {margin:0; padding:0}
#ContentCell {background:#fff; margin:0; padding:10px;}

/* Instructions */
.Instructions {color:#000;}
#Instruction1_InstructCell {background:#f3f3f3; border:1px solid #ccc; padding:7px; font-size:12px;}
#Instruction1_InstructCell a {color:#000; text-decoration:underline;}
#Instruction1_InstructCell a:hover {text-decoration:none;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:12px; padding:7px; color:#000;}
#BreadCrumbs1_BreadCrumbs1 a {color:#000; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {background:#f3f3f3; border:1px solid #ccc; padding:7px;} /* Search Result Menu*/

/* Errors & Messages */
.Messages, 
.ErrorMessages {font-size:12px; font-weight:bold; color:#c00;}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {color:#000;}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {font-size:14px; font-weight:bold; color:#fff; background:#999;}

/* Buttons */
td.button img {margin:4px 0;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:18px; font-weight:bold; color:#de0000; margin:5px 0 10px 0; padding:5px 0; width:100%; }
#ContentCell h2 {font-size:16px; font-weight:bold; color:#484340; margin:5px 0; padding:5px 0; border-bottom:1px solid #ccc;}
#ContentCell h3 {font-size:14px; font-weight:bold; color:#000; margin:0; padding:0;}
.Content {line-height:18px; font-size:12px; color:#000; text-align:left;}
.Content a {color:#000; text-decoration:underline;}
.Content a:hover {text-decoration:none; color:#de0000;}
#ContentCell p {font-size:12px; margin:0 0 15px 0;}
#ContentCell p.top {text-align:right;}
#ContentCell p.top a {padding-left:20px; background:url(images/design/c-top.gif) no-repeat 0 50%;}

/* Common Styles
--------------------------------------------------------*/
a {outline:none}
a img {border:none;}
.center {text-align:center;}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.img-left {float:left; margin:4px 10px 4px 0;}
.img-right {float:right; margin:4px 0 4px 10px;}

/* Common Control/List Reset
--------------------------------------------------------*/
#TopBannerCell ul, #TopBannerCell p,
#TopSubBannerCell ul, #TopSubBannerCell p,
#LeftColumnCell ul, #LeftColumnCell p,
#RightColumnCell ul, #RightColumnCell p,
#FooterCell ul, #FooterCell p,
.search ul, .search p,
.cart ul, .cart p {margin:0; padding:0;}

#TopBannerCell ul li,
#TopSubBannerCell ul li,
#LeftColumnCell ul li,
#FooterCell ul li {list-style:none; float:left;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {margin:0; padding:0; height:40px; line-height:40px; text-align:right; font-size:11px; font-weight:bold; color:#fff;}
#TopBannerCell a {color:#fff; text-decoration:none;}
#TopBannerCell a:hover {text-decoration:underline;}

/* Cart Styles */
ul.cartnav {float:right;}
ul.cartnav li {}
ul.cartnav li a {padding:0 7px;}
ul.cartnav li.account {}
ul.cartnav li.viewcart {}
ul.cartnav li.checkout {margin: 0 18px 0 0;}
ul.cartnav li.head {}
ul.cartnav li.items {}
ul.cartnav li.total {}
ul.cartnav li.pipe {padding:0 7px;}

/* Search Styles */
.search {width:128px; float:right; margin:0 11px 0 0;} /* set width */
ul.searchWrap {line-height:100%;} /* for IE/FireFox consistency */
ul.searchWrap li {padding:12px 0 0 0; margin:0;} /* set height of list items */
ul.searchWrap li a {}
ul.searchWrap li.button img {vertical-align:top; margin:2px 0 0 5px;} /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
ul.searchWrap li.button {}
ul.searchWrap li.textbox .searchbox{ font:normal 11px Arial, Helvetica, sans-serif; color:#494949; width:100px; height:18px; border:1px solid #919396;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {height:106px;}
#TopSubBannerCell .wrap {float:left; width:760px; height:106px;}
#TopSubBannerCell .sub-wrap {float:left; width:760px; height:106px; background:#f20303 url(images/bn-bg.gif) no-repeat left;}
#TopSubBannerCell .float-left {}
#TopSubBannerCell .float-left img {margin:14px 0 0 19px;}
#TopSubBannerCell ul {height:44px; line-height:44px; width:auto; font-size:14px; font-weight:bold; margin:62px 0 0 0; background:url(images/bn-corner-int.gif) no-repeat bottom right;}
#PageSubTable.default #TopSubBannerCell ul {height:44px; line-height:44px; width:auto; font-size:14px; font-weight:bold; margin:62px 0 0 0; background:url(images/bn-corner.gif) no-repeat bottom right;}
#TopSubBannerCell ul li {}
#TopSubBannerCell ul li a {color:#fff; text-decoration:none; padding:0 12px;}
#TopSubBannerCell ul li a:hover {color:#d6d4d4;}

/* RightColumnNav Styles
--------------------------------------------------------*/

/* LeftColumnNav Styles
--------------------------------------------------------*/
#PageSubTable #LeftColumnCell {display:none; width:20%; vertical-align:top; background:#FFF; border-right:1px #ededed solid;}
#PageSubTable.lc-nav #LeftColumnCell {display:table-cell !important; display:block;}
#LeftColumnNav1_custommenu {width:150px;}


/* NavControl Styles */
.navigator {cursor:hand; cursor:pointer; margin:15px 16px; width:118px; font-weight:bold; font-size:12px;}
.navigator a {line-height:18px;}

.categorybox {}
.selectedcategorybox {}

.overselectedcategorybox,
.overcategorybox {}

.subcategorybox,
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {}

.categorybox a,
.selectedcategorybox a {color:#f20303; text-decoration:none;}
.categorybox a:hover,
.selectedcategorybox a:hover {text-decoration:underline;}

.overcategorybox a, 
.overselectedcategorybox a {color:#f20303; text-decoration:none;}
.overcategorybox a:hover, 
.overselectedcategorybox a:hover {text-decoration:underline;}

.subcategorybox a,
.selectedsubcategorybox a {color:#000; text-decoration:none;}
.subcategorybox a:hover,
.selectedsubcategorybox a:hover {text-decoration:underline;}

.oversubcategorybox a,
.overselectedsubcategorybox a {color:#666; text-decoration:none;}
.oversubcategorybox a:hover,
.overselectedsubcategorybox a:hover {text-decoration:underline;}


/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {padding:0;}
#ContentCell.default .main {background:url(images/df-main.jpg) no-repeat; height:238px; width:760px; color:#fff;}
#ContentCell.default .main a {color:#fff; text-decoration:none;}
#ContentCell.default .main a:hover {text-decoration:underline;}
#ContentCell.default .main h1 {font-size:18px; font-weight:bold; color:#fff;}
#ContentCell.default .main .float {float:left; height:auto; width:auto; margin:55px 0 0 430px; padding:0; display:inline;}
#ContentCell.default .main ul {margin-bottom:0; margin-top:10px;}
#ContentCell.default .main ul li {list-style-image:url(images/df-arrow.png);}
#ContentCell.default .main .button {clear:both; float:left; height:29px; width:100%; text-align:right; margin:39px 0 0 0; padding:0;}

#ContentCell.default .sub {height:160px;}
#ContentCell.default .sub .pad {margin:43px 0 0 26px;}
#ContentCell.default .sub .sub-sect1 {float:left; height:160px; width:525px; background:url(images/main-wshadow.gif) repeat-x top;}
#ContentCell.default .sub .sub-sect2 {float:right; height:160px; width:235px; background:#e7e7e7 url(images/main-gshadow.gif) repeat-x top;}

#ContentCell.default .sub .sub-sect2 ul {margin:0; padding:0;}
#ContentCell.default .sub .sub-sect2 ul li {list-style:none; margin:0; padding:0;}
#ContentCell.default .sub .sub-sect2 ul li strong {color:#de0000;}
#ContentCell.default .sub .sub-sect2 ul li a {text-decoration:none;}
#ContentCell.default .sub .sub-sect2 ul li a:hover {color:#de0000; text-decoration:none;}

#ContentCell.default .sub .head {font-size:18px; color:#de0000; font-weight:bold;}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell .ft-sub {background:url(images/ft-int.png) no-repeat bottom right; height:23px;}
#PageSubTable.default #FooterCell .ft-sub {background:url(images/ft-df.png) no-repeat bottom right;}
#FooterCell {font-size:11px; color:#f0f0f0; text-align:center;}
#FooterCell p {line-height:25px;}
#FooterCell a {color:#f0f0f0; font-size:12px; font-weight:bold; text-decoration:none; padding:0 7px;}
#FooterCell a.email {font-weight:normal; padding:0;}
#FooterCell a:hover {text-decoration:underline;}