
/***** GLOBAL *****/
body {margin: 0 auto; padding: 0; text-align: center; background-repeat: repeat-x; background-position: left top;}
body {background-image: url(/img/bk-body-blu.jpg); background-color: #D2EBF4;}	
body, td {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
p, li {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #333;}
h1, h2, input, select {font-family: Arial, Helvetica, Arial, sans-serif;}

a {outline: none; text-decoration: underline; color: #003399;}
a:hover {text-decoration: none; color: #A00000;}
a:active {text-decoration: none; color: #FFCC00;}

textarea {font-size: 12px; border: solid #999 1px;}
input {border: solid #999 1px;}
.bgbutton, .nlbutton {padding: 4px 8px; border-width: 1px;} 
.none  {display:none}
.block {display:block}
.inline {display:inline}
.comprssed {letter-spacing: -.02em !important; letter-spacing: -.05em;}


/* widths and backgrounds */
#outerwrapper {margin: 0px auto 0px auto; padding: 0px; width: 933px; text-align: left;}
#innerwrapper {margin: 0px auto 0px auto; padding: 0px; width: 933px; text-align: left;}
#div__header {margin: 0px auto 20px auto; padding: 0px; width: 933px;}
#div__body {margin: 0px auto 0px auto; padding: 0px; width: 933px;}
#div__footer {margin: 0px auto 0px auto; padding: 0px; width: 933px;}

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



/********** HEADER **********/
/* Header  */
#heder {position: relative; margin: 0px; padding: 0px; background-image: url(/img/bk-hdr.png); background-repeat: no-repeat; background-position: top left; height: 114px; width: 933px}
#heder a#logo img {float:left; margin: 3px 0px 0px 10px;  background-image: url(/img/sun_logo_med.jpg); background-repeat: no-repeat; background-position: left top;}

#heder #sbTagln {background-repeat: no-repeat; background-position: 20px 0px; padding: 63px 0px 0px 0px; text-align: center; font: normal 13px "Lucida Grande", "Lucida Sans", Verdana, sans-serif;	
color: #006699;	 position: absolute; width: 390px; left: 160px; top: 0px;}

#hdrTopp {text-align: right; padding: 0px; margin: 0px; width: 380px; position: absolute; right: 0px; top: 0px }
#hdrTopp table {width: 360px; margin: 0px 10px 0px auto}
.hdrNavv a {
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	 border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;	
	-moz-border-radius-bottomright: 8px;
	 border-bottom-right-radius: 8px;
	}
.hdrNavv a {padding: 4px 5px 4px 5px; font-size: 12px; text-decoration: none; background-color: #4094BC; color: #FFF; border: solid #CCC 1px; line-height: 20px}
.hdrNavv a:hover {text-decoration: none; background-color: #990000; color: #FFF}

#hdrInf {padding-top: 10px;}
#usrInf {color: #111; font-size: 12px; line-height: 16px; font-weight: normal; padding-top: 4px}
#usrInf a.headbarsub {font-size: 11px; }
#usrInf a {color: #111; text-decoration: none; line-height: 16px; padding: 2px; }
#usrInf a:hover {color: #990000; text-decoration: underline; }

#hdrCart {color: #111; font-size: 12px; line-height: 16px; padding-top: 10px}
#hdrCart a {color: #111; text-decoration: none; line-height: 16px; padding: 2px; }
#hdrCart a:hover {color: #990000; text-decoration: underline; }
#hdrCart a:hover img {text-decoration: none}
#hdrCart i {font-style: normal;}
#hdrCart .crtMT, #hdrCart.zero .crtFL, #hdrCart.one i {display: none}
#hdrCart.zero .crtMT {font-weight: normal; display: inline}

/* search box */
#hdrSrch {margin: 0px; height: 30px; width: 210px; position: absolute;  top: 65px; right: 12px; }
#hdrSrch table {margin: 0px;}
#hdrSrch a img {background-image: url(/img/bk-srch-blu.gif); background-repeat: no-repeat; background-position: center top;}
#hdrSrch a:hover img {background-position: center bottom;}
#hdrSrch input {width: 170px; padding: 5px 1px 4px 5px; font-size: 12px; line-height: 12px; color: #666; margin: 0px 5px 0px 0px; border: solid #90B0D0 1px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}








/******** HTML HOME PAGE  ********/
#hmCont {display: none }

#tollFree {float: right; font-size: 16px; margin: 5px 7px 0px 0px;  text-align: right;  z-index: 200; width: 300px; }
#div__home {}
#hmCat { margin: 5px auto 5px 25px; height: 390px;}
#hmCat div.cell, #hmCat div.cellover {width: 213px; height: 185px; background-image: url(/img/bk-hmCat.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
#hmCat div.cell, #hmCat div.cellover {padding: 3px; text-align: center; float: left; margin: 3px;}
#hmCat div.cellover {background-position: 0px -210px;}
#hmCat div a {text-decoration: none; color: #333; font-size: 20px; font-weight: bold; }
#hmCat div a:hover {color: #900;}

#hmCat2 { margin: 10px auto 5px 33px; height: 130px;}
#hmCat2 div.cell, #hmCat2 div.cellover {width: 145px; height: 120px; background-image: url(/img/bk-hmCat2.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
#hmCat2 div.cell, #hmCat2 div.cellover {padding: 3px; text-align: center; float: left; margin: 3px 6px;}
#hmCat2 div.cellover {background-position: 0px -130px;}
#hmCat2 div a {text-decoration: none; color: #333; font-size: 16px; line-height: 20px; font-weight: bold; }
#hmCat2 div a:hover {color: #900;}

#hmCont2 {font-size: 12px; line-height: 16px; letter-spacing: 1px; margin: 15px 45px 10px; }
#hmCont2 strong {font-size: 14px; line-height: 16px;}



	

/******** LEFT SIDE  ********/
#leftSide {width:200px; margin: 0px auto 0px 0px; }	
#left-cont { }


/* Leftside portlets */
.lftPortTop {width: 195px; background-image: url(/img/bk-port-top-blu.png); background-repeat: no-repeat; background-position: 0px 0px;  height: 36px; position: relative;}
.lftPortTop h2 {text-align: center; position: absolute; top: 8px; width: 195px;color: #FFF; margin: 0px; z-index: 10; font-size: 18px; line-height: 18px; }
.lftPortTop h3 {text-align: center; position: absolute; top: 10px; width: 193px; color: #999; margin: 0px; z-index: 8; font-size: 18px; line-height: 18px; margin-left: 2px; }

.lftPort {width: 195px; background-image: url(/img/bk-port-ctr-blu.png); background-repeat: repeat-y; background-position: 0px 0px;}
.lftPort .lftLnks {margin: 0px 9px 0px 8px; }
.lftPortBot {width: 195px; background-image: url(/img/bk-port-btm-blu.png); background-repeat: no-repeat; background-position: 0px 0px; height: 24px; margin-bottom: 20px;}



/* Left Navigation */
#leftSide .lftLnks a {display: block; text-decoration: none; color: #3F658C;}
#leftSide .lftLnks a.tabCat {font-size: 13px; padding: 5px 0px 5px 5px; border-bottom: solid #CCCCCC 1px;  margin: 0px;  font-weight: bold;}
#leftSide .lftLnks a:hover.tabCat {background-color: #F0F0F0; color: #CC0000; }
#leftSide .lftLnks div {background-color: #F0F0F0; border-bottom: solid #CCCCCC 1px; padding-bottom: 5px; }
#leftSide .lftLnks div a {font-size: 12px; padding: 3px 2px 3px 11px; }
#leftSide .lftLnks div a:hover {background-color:#FFFFFF; color: #CC0000; }

#leftSide .lftLnks a.current {display: block; border-bottom: solid #E0E0E0 0px; background-color: #F0F0F0;  border-bottom: solid #CCCCCC 1px; }
#leftSide .lftLnks a.current {border-bottom: solid #CCCCCC 0px; color: #990000; }
#leftSide .lftLnks a:hover.current {background-color:#FFFFFF; }

#leftSide .lftLnks div a.actv {color: #990000}

#leftSide .lftLnks a#alumBot.current, #leftSide .lftLnks a#alumBot.actv, #leftSide .lftLnks a#lookThis.current, #leftSide .lftLnks a#newItems.current, #leftSide .lftLnks a#sampCont .current, #leftSide .lftLnks a#speCials.current, #leftSide .lftLnks a#bookStore.current {font-size: 13px; padding: 5px 0px 5px 5px;  margin: 0px;  font-weight: bold; color: #990000; display: block;  background-color: #F0F0F0;  border-bottom: solid #CCCCCC 1px; }
#leftSide .lftLnks a#alumBot.current:hover, #leftSide .lftLnks a#alumBot.actv:hover, #leftSide .lftLnks a#lookThis.current:hover, #leftSide .lftLnks a#newItems.current:hover, #leftSide .lftLnks a#sampCont .current:hover, #leftSide .lftLnks a#speCials.current:hover, #leftSide .lftLnks a#bookStore.current:hover {background-color: #F0F0F0; color: #CC0000; }

#lookThis img {margin-left: 5px}

#lftNavv {}
#lftCustServ {}
#lftScan {padding: 12px 8px 8px 8px; text-align: center;  background-color: #FFF; width: 110px; border: solid #CCC 1px; margin: 10px auto 10px 40px;  border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;}

#lftRcl { background-color: inherit; margin: 10px auto 10px 40px; }
#rclMsg {display: none;  position: absolute; top: -70px; left: 130px; width: 250px; background: #FFF; padding: 0px 20px 0px 15px; border: solid #CCC 1px;  border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; cursor: pointer; }
#rclMsg p {font-size: 11px; }
#lftThems {font-size: 10px; color: #999; margin: 20px auto; text-align: center}

#lftInfus {position: absolute; display: none;  left: 195px; top: -280px;  z-index: 99; width: 0px; height: 0px; overflow: hidden; }
#lftInfus {padding: 10px;  background-color: #FFF;  -webkit-box-shadow: 3px 3px 3px #999; box-shadow: 3px 3px 3px #999;}
#lftInfus {border: solid #CCC 1px;  border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }

#leftSide .lftLnks a#signForm.tabCat {color: #990000;}
#leftSide .lftLnks a#signForm.tabCat:hover {color: #CC0000;}










/******** CONTENT AREA ********/
#contentTd {padding: 0px 0px 0px 5px}


/* bread-crumb  */
#crumText {display:none}
.crumb {color: #333; font-size: 11px; line-height: 16px; }
#crumbTxt {float: right; margin: 0px 10px 0px 0px; text-align: right; font-size: 12px; line-height: 12px; font-weight: normal; color: #111; padding: 0px; position: relative; z-index: 200}
#crumbTxt a, #crumbTxt a.crumbover {font-size: 12px; line-height: 16px; color: #111; text-decoration: none}
#crumbTxt a:hover, #crumbTxt a.crumbover:hover {font-size: 12px; line-height: 16px; text-decoration: underline}



/* content sections  */
#contTitl {color: #990000; margin: 0px 0px -3px 1px; padding: 0px; height: 29px; position: relative; z-index: 100; width: 380px; }
#contTitl h1 {color: #990000; font-size: 16px;  display: inline; background-image: url(/img/bk-titl-rit.png); 
background-repeat: no-repeat; background-position: right top;
margin: 0px; position: relative; z-index: 100; 
padding: 5px 18px 6px 0px; line-height: 29px; 
}
#contTitlLft {width: 13px; height: 29px; background-image: url(/img/bk-titl-lft.png); 
background-repeat: no-repeat; position: relative; z-index: 100;
 background-position: 0px 1px !important;  background-position: 0px 0px;}
#contTitlRit {height: 29px; }



#contTopp {width: 729px; height: 9px; background-image: url(/img/bk-cont-topp.png); background-repeat: no-repeat; background-position: 0px 0px; }
#contDiv {width: 729px; background-image: url(/img/bk-cont-ctr.png); background-repeat: repeat-y; background-position: 0px 0px;}
#contentTbl {}
#disclaimer {color: #545454; padding: 5px 0px 5px; text-align: center; margin: 15px auto 0px;}
#disclaimer a {color: #333333; text-decoration: none;}
#disclaimer a:hover {text-decoration: underline;}
#disclaimer p {margin: 0px 0px 1em 0px; color: #545454;}

#contBotm {width: 729px; height: 9px; background-image: url(/img/bk-cont-btm.png); background-repeat: no-repeat; background-position: 0px 0px;}

.lsiCont {text-align: center; margin: 30px 10px 0px 10px; color: #545454; }









/* CATEGORY LIST TEMPLATE */
#catTempl {}
#catTitl {display: none; }
#catDesc {margin: 0px 20px 5px 10px; }
#catCells {margin: 0px auto 10px; width: 98%}
.catCell {width: 33%}
.catDiv {margin: 0px 0px; padding: 5px; text-align: center; border: solid #3F658C 1px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.catDiv h2 {font-size: 13px; color: #3F658C; font-weight: bold;}
.catDiv p {margin: 2px auto 0px auto}
.catDiv a {text-decoration: none; }
.catDiv a:hover, .over a, .over a:hover, .over h2 {color: #CC0000;}
.over {border: solid #CC0000 1px; cursor: pointer}






/**** Generic add to cart button ****/
.btnTbl { }
.btnTbl .btnQty {padding-top: 3px; width: 37px; height: 27px; text-align: center; background-image: url(/img/bk-qty-input.jpg); background-repeat: no-repeat; background-position: left top}
.btnTbl .btnQty input {border: solid #FFF 0px; width: 33px; text-align: center; background: none; font-size: 13px; }
.btnTbl .btnImg {margin: 0px 0px 0px 8px; }
.btnTbl .btnImg a img {width: 114px; height: 27px; background-image: url(/img/addtocart-blu.jpg); background-repeat: no-repeat; background-position: left top}
.btnTbl .btnImg a:hover img {background-position: left bottom}




/* ITEM LIST TEMPLATE */
#lstTempl {}
#lstTitl {}
#lstDesc {margin: 0px 20px 5px 10px; }
#lstCells {padding: 0px 15px; }

.lstTD {padding: 5px 0px 5px 0px; border-bottom: solid #990000 1px; }
.lstCell {margin: 10px 0px 5px; }
.lftTD {text-align: center}
.lftTD img { margin: 0px auto 3px auto; }
.lftTD  a {font-size: 10px; color: #333; text-decoration: none}
.lftTD  a:hover {text-decoration: underline}
.ritTD {}
.lstLabl {float: right; width: 82px;}
.lstLabl img {margin-top: -4px; }
.lstCell h2 {margin: 0px auto 5px 0px;}
.lstCell h2 a {text-decoration: none; color: #1E607E; font-weight: bold; font-size: 16px; line-height: 16px;}
.lstCell h2 a:hover {text-decoration: underline; color: #A00; font-weight: bold; }
.lstCell p {margin: 0px auto 10px 0px; font-size: 11px; line-height: 13px; }

.lstPrc {margin: 5px auto 5px 0px; font-size: 12px; }
.lstPrc table {border: solid #333 1px; border-width: 1px 0px 1px 1px; font-size: 11px; line-height: 13px;}
.lstPrc table td {padding: 2px 5px; border-right: solid #333 1px; font-size: 11px; line-height: 13px;}
.lstPrc table strong {font-size: 12px; line-height: 14px;}
.lstQtyTr {background-color: #CCC; }
.lstPrcTr {}
.lstPrc table .lstPrcTr td {color: #990000; font-weight: bold; font-size: 12px; line-height: 14px;}
.lstPrcTr strong, .lstQtyTr strong {color: #000; font-weight: normal}

.lstToCart {}
.lstToCart .btnTbl {margin: 0px 0px 0px 7px; }

.lstLargView {border: solid #999 1px; border-color: #CCC #999 #999 #CCC; padding: 0px; width: 345px; background-color: #FFF; position: absolute; top: 0px; left: 0px; display: none; text-align: center; cursor: pointer}
.lrgClose {float: right; width: 15px; height: 15px; margin: 10px 10px 0px auto;}
.lrgName {text-align: left; color: #1E607E; font-weight: bold; font-size: 16px; line-height: 15px; font-family: Arial, Helvetica, sans-serif ; margin: 10px auto 4px 10px; }
.lrgDesc {font-size: 12px; margin: 0px auto; }
.lrgImgImg {margin: 5px auto; }








/* ITEM DETAIL TEMPLATE */
#itmTempl {}
#itmDiv {padding: 0px 20px 0px 0px;}
#itmDiv h1 {color: #1E607E; font-weight: bold; font-size: 22px; line-height: 22px; margin: 10px auto 6px 0px; padding: 0px}
#itmTabl {width: 100%;}
#itmLft {width: 180px; text-align: center;}
#itmImg {}

#itmRit {padding-right: 40px}
#itmDesc {margin: 5px 0px 15px 0px; }
#itmCart {border: solid #999 2px; border-color: #CCC #666 #666 #CCC; width: 280px; padding: 10px;}
#itmInfo {font-size: 12px; line-height: 18px; }
#itmPrc {margin: 8px 0px; }

.lstPrc {margin: 5px auto 5px 0px; font-size: 12px; }
.prcTabl {border: solid #333 1px; border-width: 1px 0px 1px 1px; font-size: 11px; line-height: 13px;}
.prcTabl td {padding: 2px 6px; border-right: solid #333 1px; font-size: 11px; line-height: 13px;}
.prcTabl strong {font-size: 12px; line-height: 14px;}
.lstQtyTr {background-color: #CCC; }
.lstPrcTr {}
.prcTabl .lstPrcTr td {color: #990000; font-weight: bold; font-size: 12px; line-height: 14px;}
.lstPrcTr strong, .lstQtyTr strong {color: #000; font-weight: normal}

#itmToCart {margin: 5px auto 5px auto; }
.btnTbl {margin: 5px auto 5px auto; }






/* RELATED ITEMS TEMPLATE */
#relItmDiv {margin: 50px 20px 10px 20px; }
#relItmTbl {}

#relTitl {border-bottom: dotted #990000 1px;}
#relTitl h4 {color: #1E607E; font-weight: bold; font-size: 16px; line-height: 16px; margin: 10px auto 3px 0px; padding: 0px}
#relItmTbl {background: #FCFCFC}
#relItmTR {}
#relTempl {}
#relCells {}

.relTD {padding: 5px 0px 5px 0px; border-bottom: solid #990000 1px; }




.infocell {padding-left: 15px}




/**** FOOTER  ****/
#footerSB {width: 729px; background-image: url(/img/bk-cont-ctr.png); background-repeat: repeat-y; background-position: 0px 0px; text-align:center;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0px 0px 0px 0px; 
	padding: 10px 0 10px 0;
}
	
#footerSB strong {	font-size: 12px; font-weight: bold;}
#footerSB h1 {	font-size: 14px; font-weight: bold; margin: 0px; padding: 2px 2px;	color: #993300;}
#footerSB a {color: #333333; text-decoration: none;}
#footerSB a:hover {text-decoration: underline;}
#footerSB p {margin: 0px 0px 0px 0px;}

#footerSBTop {width: 729px; height: 9px; background-image: url(/img/bk-cont-topp.png); background-repeat: no-repeat; background-position: 0px 0px; margin: 10px 0px 0px 0px;}
#footerSBot {width: 729px; height: 9px; background-image: url(/img/bk-cont-btm.png); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px 0px 20px 0px; }














/***** CART AND CHECKOUT PAGES *****/
/* checkout process buttons */
body.cart input.bgbutton, body.cart input.nlbutton,
body.checkout input.bgbutton, body.checkout input.nlbutton {margin: 5px 0px 0px 5px; padding: 4px 10px 5px 10px; color: #000; border: solid #CCC 1px; }
body.cart input.bgbutton, body.cart input.nlbutton,
body.checkout input.bgbutton, body.checkout input.nlbutton {
background: -webkit-gradient(linear, 
                             left bottom, 
                             left top, 
                             color-stop(0.39, #D6D6D6), 
                             color-stop(0.7, #EDEDED)
                            ); 
}
body.cart input.bgbutton:hover, body.cart input.nlbutton:hover,
body.checkout input.bgbutton:hover, body.checkout input.nlbutton:hover {color: red; }


/* checkout process text */
.greytitle {font-size: 20px; font-weight: bold; color: #999; letter-spacing: 1px; padding: 3px 0px 3px 0px; }
.checkoutprogresstext {font-size: 12px;  font-weight: normal; color: #333;}
.checkoutprogresstext a {text-decoration: none; color: #333}
.checkoutprogresstext a:hover {text-decoration: underline; color: #333}
.checkoutprogresstext b {font-size: 13px;  color: #990000;}
.checkoutthankstext {font-size: 14px; color: #333333; margin: 0px auto; padding: 0px;}





/* cart / review table */
#carttable {margin: 0px 0px 0px 0px; border: solid #CDCDCD 1px; clear: both; }
#carttable td {padding: 0px 0px 6px; border-color: #FFF; color: #333}
#carttable .texttable, #carttable .texttablert, #carttable .texttablectr, #carttable .bglttext, #carttable .listtexthl{color: #333; background-color: white; padding: 3px 0px; }
#carttable td.smalltext {padding: 0px 0px; }
#carttable .listheadernosort { font-size: 120%; line-height: 120%; color: #333; font-weight: normal; border: solid white 0px; margin: -3px 0px 0px 0px; padding: 2px 0px 2px 1px; background-color: #DDD; }
#carttable .texttable a {color: #000}
#carttable .texttable a:hover { text-decoration: none}
#carttable .texttablert b {font-size: 140%}
#carttable .texttablectr img {}
#carttable .texttable input.input {text-align: center; width: 25px; }
#cartEstm {margin-top: 20px; }



/***** FOR CART CUSTOM BODY CLASSES *****/
/* for shopping cart  */
body.cart #innerwrapper {}
body.cart #div__body { }
body.cart #contentTd {}
body.cart #contDiv {}
body.cart #contentTbl {margin: 0px auto 0px 10px; width: 700px;}
body.cart #contTitl, body.cart #crumbTxt {display: none;}
body.cart #carttable { }

body.cart .bgbutton, body.cart .nlbutton {margin: 10px -3px 10px 3px; }

body.cart #checkout { background-color: #CC0000; border: solid #DDD 1px; height: 29px; margin: 9px 0px 0px 5px; color: #FFF; font-size: 12px; letter-spacing: 1px;}
body.cart #checkout {
background-image: -webkit-gradient(
                             linear, 
                             left bottom, 
                             left top, 
                             color-stop(0.39, #CC0000), 
                             color-stop(0.7, #E35554)
                             ); 
background-image: gradient(
                             linear, 
                             left bottom, 
                             left top, 
                             color-stop(0.39, #CC0000), 
                             color-stop(0.7, #E35554)
                             ); 
background-image: -moz-linear-gradient(top, #E35554, #CC0000); /* Firefox 3.6 */
}
body.cart #checkout:hover {color: #DEDEDE}
body.cart #cancel, body.cart #recalc {margin: 11px 0px 0px 5px; padding: 4px 10px 5px 10px; }





/* for login and checkout */
body.checkout #div__body {}
body.checkout #contDiv {}
body.checkout #bodyCont {}
body.checkout #contTitl, body.checkout #crumbTxt {display: none;}
body.checkout #contentTbl {margin: 0px 15px 10px 10px; width: 700px; }
body.checkout #contentTbl a.smalltextnolink {text-decoration: none; font-size: 12px;}
body.checkout #contentTbl .smalltext, body.checkout #contTbl .smalltext p, body.checkout #contTbl .smalltextnolink {}
body.checkout .text {}
body.checkout input.text {}
body.checkout #lftNavv .lftLnks {padding: 0px 0px 0px 0px; margin: 0px 0px 0px -20px; ; }
body.checkout #lftNavv .lftLnks a {display: block; text-decoration: none; color: #3F658C;}
body.checkout #lftNavv .lftLnks a {font-size: 13px; padding: 5px 0px 5px 5px; border-bottom: solid #CCCCCC 1px;  margin: 0px;  font-weight: bold;}
body.checkout #lftNavv .lftLnks a:hover {background-color: #F0F0F0; color: #CC0000; }

body.checkout #lftNavv .smallgraytext  {text-decoration: none; color: #3F658C;font-size: 12px; line-height: 
18px; text-align: left; border-bottom: solid #CCCCCC 0px; 
  font-weight: bold; text-align: left; margin: 0px 0px 0px 5px; padding: 4px 0px 4px 8px;  }


body.checkout #lftNavv .lftLnks td.smalltext {}
body.checkout .smalltext b {font-size: 1.2em}
body.checkout .noCnkot, .forChkot {display: none} 
body.checkout .forChkot {display: inline}
body.checkout #carttable {width: 690px; }
body.checkout #carttable td.texttablert {padding-right: 3px; }
body.checkout input.bgbutton, body.checkout input.nlbutton {margin-top: 5px;}
body.checkout input.input { }

body.checkout #tbl_submit input.nlbutton
{ background-color: #CC0000; border: solid #DDD 1px; height: 29px; margin: 5px 0px 0px 5px; color: #FFF; 
font-size: 12px; letter-spacing: 1px; }
body.checkout #tbl_submit input.nlbutton { 
background-image: -webkit-gradient(
                             linear, 
                             left bottom, 
                             left top, 
                             color-stop(0.39, #CC0000), 
                             color-stop(0.7, #E35554)
                             ); 
background-image: gradient(
                             linear, 
                             left bottom, 
                             left top, 
                             color-stop(0.39, #CC0000), 
                             color-stop(0.7, #E35554)
                             ); 
background-image: -moz-linear-gradient(top, #E35554, #CC0000); /* Firefox 3.6 */
}
body.checkout #tbl_submit input.nlbutton:hover {color: #DEDEDE}


/* order confirmation */
.checkoutthankstext {color: #000; font-size: 30px; font-weight: bold}
.confText {color: #000; font-size: 12px;}
#confNumb {color: #54701C; font-size: 28px; margin-top: 10px; font-weight: normal}










/* my account area */
body.myacct #contentTd {padding: 0px 0px 0px 5px; }
body.myacct #contDiv { margin-left: 0px;}
body.myacct #bodyCont {}
body.myacct #contentTbl { }
body.myacct #crumbTxt, body.myacct #contTitl {display: none}
body.myacct td.portletlabel {color: #222; padding: 4px; font-size: 12px; font-weight: normal; line-height: 18px; }
body.myacct td.portletlabel a.portletlabel {color: #222; font-size: 12px; font-weight: normal}
body.myacct #lftNSnavv {width: 150px; background: white; margin: 0px 0px 0px 1px; }
body.myacct div#servercontentneg517_splits {margin: 0px; padding: 0px; }

body.myacct #servercontentneg519_splits {margin: 10px auto 10px 15px; width: 690px; }
body.myacct #servercontentneg519_splits table.bglt {width: 690px; }
body.myacct #servercontentneg519_splits td.bgmd, body.myacct #servercontentneg519_splits table.bglt {background: white}
body.myacct #servercontentneg519_splits td.textboldnolink {color: #111; font-size: 18px; padding: 10px 0px 10px 0px; }
body.myacct #servercontentneg519_splits td.smalltextbnolink {font-size: 12px; }

body.myacct table.bglt a {color: #000; font-size: 11px; }
body.myacct table.bglt a:hover {color: #990000; text-decoration: none; }
body.myacct td.greytitle {padding: 0 0 0 10px; }
body.myacct table#shippingaddress, body.myacct table #shippingmethodtable, body.myacct table #paymethhider, body.myacct input#submitter.bgbutton {margin: 0 0 0 10px; }
body.myacct #featItem, body.myacct #weekSpc, body.myacct .noCnkot, body.myacct #ritSide {display: none;}
body.myacct #rightNSnav { position: relative; z-index: 100; width: 160px; margin-left: 20px !important; margin-left: -180px;}

body.myacct #lftNavv .lftLnks { }
body.myacct #lftNavv .lftLnks a {}
body.myacct #lftNavv .lftLnks a {}
body.myacct #lftNavv .lftLnks a:hover { }

body.myacct #lftNavv .smallgraytext  {text-decoration: none; color: #3F658C;font-size: 12px; line-height: 
18px; text-align: left; border-bottom: solid #CCCCCC 0px; 
  font-weight: bold; text-align: left; margin: 0px 0px 0px 5px; padding: 4px 0px 4px 8px;  }
body.myacct td.smalltext div.sepr  {display: none; }


body.myacct #leftNSNavv #servercontentneg517_splits {background: none;  border: none;  }
body.myacct #leftNSNavv td.sw_portlet_title {font-size: 14px; font-weight: bold; color: #666; }
body.myacct #handle_portlet_-520 {display: none}


body.myacct #div__body form#main_form,
body.myacct2 #div__body form#main_form {background-color: white; }
body.myacct2 div#div__body { margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; width: 928px}

body.salesorders #innerwrapper {width: 928px;   background: white}
body.salesorders td.tasktitlemed {background: #990000; width: 900px}
body.salesorders table#__tab {margin: 25px 0px 0px 0px; width: 928px}
body.salesorders div#div__footer {margin: 0px 0px 10px 0px; padding: 0px 0px 15px 0px; width: 928px}
body.salesorders .titlebar  {background: none; }
body.salesorders  .pt_container { width: 99% }







/* calculator */
#sunConvrt {padding-left: 20px; width: 550px; }

#calContainer { width:375px; margin: 0px auto; }

#calculator { }
#calculator { width:340px; background:url(/img/bk-cal.gif) no-repeat; padding:20px 0px 0px 35px }
#calculator form, #calculator input, #calculator select { padding:0px; margin:0px }
#calculator h4 { margin:0px; padding:10px 0px; font:normal 12px Arial, Helvetica, sans-serif }

#calSearch { width:298px; height:33px; background:url(/img/bk-calSearch.gif) no-repeat; padding:5px }
#calSearch input { width:280px; height:22px; border:none; background:#e9e9e9; padding:0px; margin:0px; font-size:16px; }
#calSelect { width:298px; padding:5px }
#calSelect select { width:295px; height:22px; padding:0px; margin:0px; }
#calitemSelect { width:298px; height:147px; padding:5px 5px 10px 5px; background:url(/img/bk-calSelect.gif) no-repeat; overflow: scroll }
#calitemSelect select { border: 0; width:700px; min-width: 300px; overflow: hidden; height:1400px; border:none; background:#e9e9e9; overflow-y: hidden; }
#calQtyInput { float:left; width:100px; height:33px; background:url("/img//bk-calBtnn.png") no-repeat 0 -102px; padding:5px }
#calQtyInput input { width:95px; height:22px; border:none; background:#e9e9e9; padding:0px; margin:0px; font-size:16px; }
#calQuantityDrop { float:left; width:195px }
#calQuantityDrop select { width:80px; margin:10px 2px; font-size:10px; }
#calResults { position:relative; left:-10px; width:307px; height:85px; background:url(/img/bk-calResults.gif) no-repeat; padding:0px 10px; text-align:right; color:#FFFFFF }
#calResults h4 { color:#FFFFFF; margin:0px; padding:5px 0px; }
#calResults input { width:300px; height:25px; border:none; background:#424242; padding:0px; margin:0px; font-size:18px; color:#FFFFFF; text-align:right }

#calQuantitySelect { height: 45px}

#calButtons {margin: 0px 0px 0px -35px; ; }

#calButtons { z-index:100; width:315px; height:32px; background:url(/img/bk-calBtn.gif) no-repeat; padding:20px 30px; }
#calConvertBtn { z-index:200; width:103px; padding-left:100px; position:relative; top:48px }
#calConvertBtn .submit input { width:103px; height:28px; background:url(/img/bk-calSearch2.gif) no-repeat; padding:5px 0px; border:none; margin:0px; font:11px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#FFFFFF; cursor:pointer }
#calSearchBtn { z-index:201; float:right; width:103px; }
#calSearchBtn .submit input { width:103px; height:28px; background:url("/img/bk-calBtnn.png") no-repeat 0 0; padding:5px 0px; border:none; margin:0px; font:11px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#FFFFFF; cursor:pointer }









