/***** GLOBAL *****/
body {margin: 0 auto; padding: 0; background-color: #FFF;}
body, td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
p, li {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px;}
h1, h2 {font-family: Verdana, Arial, Helvetica, Verdana, "Lucida Grande", "Lucida Sans", sans-serif;}
input {border: solid #666 1px; }

/* a:link, a:visited {color: #003366;}
a:hover {color: #990000; text-decoration: none} */
a {outline: none;}

.none  {display:none}
.block {display:block}
.inline {display:inline}
.portletHandle a:link, .portletHandle a:visited {text-decoration: none; }


/* widths and backgrounds */
body.handheld #outerwrapper {}
#innerwrapper {margin: 0px auto 0px auto; width: 996px; height: auto}
#div__header, #div__body, #div__title, #div__label {background-image: url(/img/bk-body.gif); background-repeat: repeat-y; background-position: center top;}
#div__header {width: 996px; text-align: left; margin: 0px auto; padding: 0px}
#div__body {width: 996px; text-align: left; margin: 0px auto;  padding: 0px}
#div__footer {width: 996px; margin: 0px auto; }

/* fixes gap between top and body for Firefox and IE7 */
iframe#server_commands {display: none}
#div__title, #div__label {height: 0px; width: 996px;}


/********** HEADER **********/
/* Header Elements  */
#hdrLogo {margin: 0px 0px 0px 13px; }
#hdrTag {color: #003366; font-size: 14px; font-style: italic; font-weight: bold; }
#hdrLinks {margin: 10px 0 0 0 ; font-size: 12px; }
#hdrLinks a {padding: 2px 6px; margin:0px; color: #003366; text-decoration: none }
#hdrLinks a:hover {color: #990000; text-decoration: underline} 

	/* shopping cart portlet */
#cartPort {}
#cartPort {color: #003366; font-size: 12px; text-align: right; padding: 5px 5px 2px;}
#cartPort img {margin: 4px 6px 3px 1px; }
#cartPort span {padding-left: 25px}
#cartPort a {text-decoration: none; color: #003366; }
#cartPort a:hover {text-decoration: none; color: #990000;}


#hdrNav {border: solid #E6B53C 1px; border-width: 2px 0px 3px 0px; height: 31px; margin: 0px auto 0px 3px; padding: 0px; width: 990px;}
#hdrNav td {text-align: center; border: solid #003366 1px;}
#hdrNav a {display: block; text-decoration: none; color: #003366; font-size: 12px; line-height: 12px; font-weight: bold; padding: 8px 0px 7px; background-image: url(/img/bk-hdrLink.jpg); background-repeat: no-repeat; background-position: left top;}
#hdrNav a:hover { text-decoration: none; color: #990000; background-position: left bottom;}
#hdrNav a.current {background-position: left bottom;}
#hdrLine {background-color: #003366; height: 2px; }




/***** CONTENT - LEFT SIDE *****/
#leftSide {width: 183px; padding: 5px 2px 5px 8px; background-image: url(/img/bk-leftSide.jpg); background-repeat: no-repeat; background-position: left top;}
#leftSide h2 {font-size: 12px; font-weight: bold; color: #003366; margin: 3px 0px 1px 2px; }

#leftNSnav {}
#leftNSnav .smalltext a {color: #003366; font-size: 11px; line-height: 13px; text-decoration: none; letter-spacing: .4px}
#leftNSnav .smalltext a:hover {color: #003366; font-size: 11px; line-height: 13px;  text-decoration: underline}
#leftNSnav .textboldnolink a.textboldnolink {color: #111111; font-size: 11px; line-height: 13px; font-weight: bold; text-decoration: none}
#leftNSnav .textboldnolink a.textboldnolink:hover {color: #111111; font-size: 11px; line-height: 13px; font-weight: bold; text-decoration: none}


#srchPort {background-image: url(/img/bk-searchport.jpg); background-repeat: no-repeat; background-position: left top; height: 90px; width: 185px; margin: 4px 0px 5px 10px;  }
#srchPort table {width: 175px; }
#srchPort .smalltextnolink {padding: 6px 0px 15px 3px;text-align: center; color: #666666; font-size: 12px; line-height: 12px; font-weight: bold; }
#srchPort .input {margin: 0px 0px 0px 10px; padding: 3px 1px; border: solid #CCCCCC 2px; width: 106px; }
#srchPort #go{background-image: url(/img/bk-go.jpg); background-repeat: no-repeat; background-position: left top;
border: solid #fff 0px; width: 39px; height: 24px; color: #003366; font-size: 12px; margin-right: 2px; letter-spacing: 1px;}





/************** CONTENT - MAIN ****************/
.contentTD {width: 595px text-align: left; padding-left: 10px;}
#contentt {margin: 0px; padding: 0px; position:relative}
#addedBox {position: absolute; width: 200px;  background-color: #EDF0F6; z-index: 1100; font-size: 12px; 
border: solid #AAA 2px; border-width: 0 1px 1px 1px; top: 14px; left: 160px; color: #545454; padding: 20px; text-align: center}
body.itmTempl #addedBox {top: 17px}
#addedBag, #addedBag a, #addedBag a:hover {font-size: 15px; font-weight: bold; color: #111111; text-decoration: none}


#cntRit {width: 198px;}
#cntTop {height: 40px; }
#loggIn {margin: 10px 0px 10px 10px; font-size: 11px; font-weight: bold; color: #336699; }

/* user info */
#loggIn a {font-size: 11px; line-height: 20px; color: #E6B63A; text-decoration: none;}
#loggIn a:hover {color: #990000; text-decoration: underline;}

/* bread-crumb  */
#crumText {display:none;}
#crumTrl {color: #336699; font-size: 11px; line-height: 16px; margin: 0px;}
#crumTrl a:link, #crumTrl a:visited, #crumTrl a.crumb {color: #666666;  font-size: 11px;  line-height: 20px; text-decoration: underline}
#crumTrl a:hover, #crumTrl a.crumbover  {color: #333333; font-size: 11px; line-height: 20px; text-decoration: none}


/* sort by... */
.sortBy {color: #336699; }
#contentt.catTempl .sortBy {display: none}

/* WELCOME template */



/* CATEGORY template */
#catTempl {}
#catBack {text-align: left; padding: 12px 18px 10px 18px; background-image: url(/img/bk-greyfade.jpg); background-repeat: no-repeat; background-position: left top;}
#catDiv {background-color: #FFFFFF; padding: 8px; font-size: 11px; }
#catTempl h1 {color: #003366; margin: 0px; font-weight: bold; font-size: 13px; line-height: 18px; text-shadow: #999999 2px 2px 2px;}
#catText {text-align: justify; color: #545454; }
#catText p {text-align: justify; font-size: 11px; margin: 0px auto 10px 0px}
#catCells {}
.catCelltd {}
.catCell a:link, .catCell a:visited {color: #336699; font-size: 12px; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.catCell a:hover, .catCelltd .over a:link, .catCelltd .over a:visited, .catCelltd .over a:hover { color: #336699; font-size: 12px; text-decoration: none; 
font-weight: bold; letter-spacing: 1px;}
.catCell div {width: 150px; border: solid #CCC 1px;  padding: 5px; text-align: center; margin: 5px;}
.catCelltd .over div {width: 150px; border: solid #666 1px;  padding: 5px; text-align: center;  margin: 5px;}






/* ITEM LIST template */
#lstTempl {}
#lstBack {width: 550px; text-align: left; padding: 12px 18px 10px 18px; background-image: url(/img/bk-greyfade.jpg); background-repeat: no-repeat; background-position: left top;}
#lstTempl.catTempla #lstBack {background-image: url(/img/spacer.gif); border-top: dashed #999999 1px;}
#lstDiv {background-color: #FFFFFF; padding: 8px; font-size: 11px; }
#lstTempl h1 {color: #003366; margin: 0px; font-weight: bold; font-size: 13px; line-height: 18px; text-shadow: #999999 2px 2px 2px;}
#lstText {text-align: justify; color: #545454; }
#lstText p {text-align: justify; font-size: 11px; margin: 0px auto 10px 0px}
#lstCells {}
.lstCell {padding: 0px 0px 0px 0px; margin: 0; text-align: left; }
.lstCell h2, .lstCell h2 a {color: #003366; font-size: 13px; margin: 10px 0px 5px 0px; text-decoration: none }
.lstCell h2 a:hover {color: #990000;  text-decoration: underline}
.lstDesc {font-size: 11px; line-height: 16px; color: #111}
.lstImg {margin: 10px 5px 0px 5px;}
.lstAddCart {margin: 5px 0px 0px 0px; width: 250px; }
.lstAddCart a {color: #333333; text-decoration: underline; font-size: 11px}
.lstAddCart a:hover {color: #990000; text-decoration: none;}
.lstPrc {width: 125px; }
body.lstTempl .shwItm {display: none}
body.lstTempl .addCartDiv {display: inline; width: 50px;}
body.lstTempl .addCartDiv table.addCartbtn {}
body.lstTempl .addCartbtn input {display: none; }
.lstBotm {height: 3px; margin: 10px 0px 0px ; background-image: url(/img/bk-dots.gif); background-repeat: no-repeat; background-position: left top;}
#lstCells .addQty {}








/* ITEM DRILLdown template */
#itmDetail {text-align: left; position:relative; padding: 12px 18px 10px 18px; background-image: url(/img/bk-greyfade.jpg); background-repeat: no-repeat; background-position: left top;}
#itmDetl { padding: 15px 5px 5px 5px; font-size: 11px; line-height: 18px;  text-align: left; background-color: #FFFFFF; }
#itmDetl h1 {color: #111111; font-size: 14px; margin: 0px; padding: 0px}
#itmDetl h2 {color: #111111; font-size: 12px; margin: 10px 0px 0px 0px; padding: 0px}
#itmImg {width: 270px;}
#itmRit {}

#itmImg img {margin: 10px auto 0 0;}
#viewLrgr {width: 240px; text-align: right; margin: 0px; padding: 0px;}
#itmPrice {width: 253px; height: 88px; background-image: url(/img/bk-pricing.jpg); background-repeat: no-repeat; background-position: left top; font-size: 12px; margin: 15px 0px 0px 5px; padding: 35px 0px 0px 25px; }
#itmPrice span {color: #003366; line-height: 13px; font-size: 12px; font-weight: bold; }
#itmPrice em {font-size: 11px; font-style: normal;  line-height: 13px; }
body.itmTempl .shwLst {display: none}
body.itmTempl .addCartDiv {margin: 5px auto 10px 0px; width: 205px;}
body.itmTempl .addCartDiv table.addCartbtn {margin: 1px auto 1px 0px;}
body.itmTempl .addCartbtn input {border: solid #666 2px; text-align: center; font-size: 12px;  margin: 4px 4px 0px 4px; width: 20px; }

#itmDesc {margin: 0px; font-size: 12px;}
#itmDesc p {margin: 2px 0px 12px 0px; font-size: 12px; }

itmFeatures {margin-top: 20px; }
itmFeature {width: 108px; margin: 4px 2px 2px 0px; float: left; font-size: 11px; line-height: 13px; color: #4478D4;}
itmFeature span {color: #222; display: block; margin: 2px 0px 4px 5px;  font-size: 10px; line-height: 12px;}

#lrgImgDiv {position: absolute; padding-bottom: 15px; text-align: center; font-size: 11px; top: 0px; left: 0px; background-color: #FFFFFF; 
width: 580px; min-height: 320px; border: solid #999999 1px;}
#lrgImgDiv h3 {font-size: 14px; padding: 5px 0px 2px 0px; margin: 0px; line-height: 14px;  color: #111111;}
#lrgImgDiv img {margin: 3px auto; }

#itmDownloads {}
#itmDownloads a {color: #333; line-height: 36px }
#itmDownloads a:hover {color: #990000; text-decoration: underline}
#itmDownloads img {margin: -8px 0px 0px 5px}


/* RELATED items template */
#relItmDiv {margin: 15px 0px 10px 5px; clear: both}
#relTitl {font-size: 12px; font-weight: bold}
#relDiv {background-color: #FFFFFF; padding: 8px; font-size: 11px; }
#relTempl h1 {color: #003366; margin: 0px; font-weight: bold; font-size: 13px; line-height: 18px; text-shadow: #999999 2px 2px 2px;}
#relText {text-align: justify; color: #545454; }
#relText p {text-align: justify; font-size: 11px; margin: 0px auto 10px 0px}
#relCells {}
.relCell {padding: 0px 0px 0px 0px; margin: 0; text-align: left; }
.relCell h2, .relCell h2 a {color: #003366; font-size: 13px; margin: 10px 0px 5px 0px; text-decoration: none }
.relCell h2 a:hover {color: #990000;  text-decoration: underline}
.relDesc {font-size: 11px; line-height: 16px; color: #111}
.relImg {margin: 10px 5px 0px 5px;}
.relAddCart {margin: 5px 0px 0px 0px; width: 250px; }
.relAddCart a {color: #333333; text-decoration: underline; font-size: 11px}
.relAddCart a:hover {color: #990000; text-decoration: none;}
.relPrc {width: 125px; }

#relItmDiv .shwItm {display: none}
#relItmDiv .shwLst {display: inline}
#relItmDiv .addCartDiv {display: inline; width: 50px;}
#relItmDiv .addCartDiv table.addCartbtn {}
#relItmDiv .addCartbtn input {display: none; }

.relBotm {height: 3px; margin: 10px 0px 0px ; background-image: url(/img/bk-dots.gif); background-repeat: no-repeat; background-position: left top;}
#relCells .addQty {}




/* INFORMATION ITEM template */
#infoTempl {width: 585px; }
#infoBack {width: 550px; text-align: left; padding: 12px 18px 10px 18px; background-image: url(/img/bk-greyfade.jpg); background-repeat: no-repeat; background-position: left top;}
#infoDiv {background-color: #FFFFFF; padding: 8px; font-size: 11px; }
#infoTempl h1 {color: #003366; margin: 0px; font-weight: bold; font-size: 13px; line-height: 18px; text-shadow: #999999 2px 2px 2px;}
#infoCells {}
.infoCelltd {width: 150px; }
.infoCell a:link, .infoCell a:visited {color: #336699; font-size: 13px; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.infoCell a:hover, .infoCelltd .over a:link, .infoCelltd .over a:visited, .infoCelltd .over a:hover { color: #336699; font-size: 13px; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.infoCell div {font-size: 11px; width: 150px; border: solid #FFF 1px;  padding: 5px; text-align: center; margin: 5px;}
.infoCelltd .over div {font-size: 11px; width: 150px; border: solid #666666 1px;  padding: 5px; text-align: center;  margin: 5px;}

#infoDetail {text-align: left; position:relative; padding: 12px 18px 10px 18px; background-image: url(/img/bk-greyfade.jpg); background-repeat: no-repeat; background-position: left top;}
#infoDetl { padding: 15px 5px 5px 5px; font-size: 11px; line-height: 18px;  text-align: left; background-color: #FFFFFF; }
#infoDetl h1 {color: #111111; font-size: 14px; margin: 0px; padding: 0px}
.infoItm {}
.infoTitl {}
#infoImg {float: left; margin: 0px 15px 15px 0px; }
#infoDesc, infoDesc p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;}
#infoDesc u {font-weight: bold;}


/* for shopping cart  */
body.cart #carttitle {height: 30px; margin-left: 80px}
body.cart #carttable {width: 840px; margin-left: 80px;border: solid #666 1px;}
body.cart .listheadernosort {padding: 4px 2px; background-color: #FFF; border-bottom: solid #666 1px; font-weight: bold; font-size: 11px; }
body.cart #carttable a {color: #333; text-decoration: none}
body.cart #carttable a:hover {color: #990000; text-decoration: underline}
body.cart input {padding: 3px; margin: 2px 0px 2px 4px}
body.cart #checkout {background-color: #104EA4; color: #FFF; padding: 4px; letter-spacing: 1px;}


/* for login and checkout */
body.checkout #leftNSnav {}
body.checkout .chekcouttable {width: 600px;}
body.checkout table {width: 100%}
body.checkout .portletHandle {width: 600px;}
.checkoutprogresstext {font-size: 13px; width: 650px; color: #104EA4; padding-top: 10px}
.checkoutprogresstext b {font-size: 14px; }

body.checkout #leftNSnav {margin: 10px 0px 10px 35px}
body.checkout #leftNSnav .smalltext, body.checkout #leftNSnav .smallgraytext, body.checkout #leftNSnav  .textboldnolink {font-size: 12px; line-height: 16px; }
body.checkout #leftNSnav .smalltext a, body.checkout #leftNSnav .smallgraytext a {text-decoration: none; color: #333}
body.checkout #leftNSnav .smalltext a:hover {text-decoration: underline; color: #990000 }
body.checkout #leftNSnav a.textboldnolink {text-decoration: none; color: #333}
body.checkout #leftNSnav a.textboldnolink:hover {color: #333}
body.checkout input {padding: 3px; margin: 2px 0px 2px 4px}
body.checkout #submitter {background-color: #104EA4; color: #FFF; padding: 4px; letter-spacing: 1px;}
.texttable {text-align: left}


/* for my account */

body.myacct #leftNSnav {}



/***** FOOTER *****/
#footer {padding: 0; margin: 0px; }
#footlogo {margin: 0px 4px 5px 190px}