﻿* {outline:none;}
body{font-size:0.563em;font-family:Verdana, Tahoma, sans-serif;margin:0;padding:0;color:#666;}
div, img, input, textarea{float:left;position:relative;padding:0;margin:0;font-size:1em;font-family:Verdana, Tahoma, sans-serif;}
img{border:0;vertical-align:middle;}
form{padding:0;margin:0;}
a{font-family:Verdana, Tahoma sans-serif;text-decoration:none;color:#3397CA;}

h1,h2,h3,h4{padding:0 0 10px 0;margin:0;font-family:Verdana, Tahoma, sans-serif;font-weight:bold;}
h1{font-size:1.333em;}
h2,h3{font-size:1.333em;font-weight:normal;}

h1 p:first-child, h2 p:first-child, h3 p:first-child, div > p:first-child, p{padding-top:0;margin-top:0;}

/* LAYOUT */
.wrap{width:900px;height:auto;margin:0 auto;padding:0;float:none;background:url(imgs/circles.gif) left top no-repeat;}
.header{width:860px;height:auto;margin:55px 20px 0 20px;}

/*MENU*/
.menuContainer{height:30px;margin:5px 0 0 0;float:right;}
.tabs{height:30px;margin:0 0 0 1px;}
a.cTab{text-align:center;font-size:1.444em;color:#fff;display:block;background:#3397CA;padding:0 20px;line-height:30px;float:left;}
a.cTab:hover, a.cTabHover{color:#fff;display:block;background:#66CA33;text-align:center;font-size:1.444em;display:block;padding:0 20px;line-height:30px;float:left;}
.lTab{background:url(imgs/lTab.gif) left top no-repeat;width:3px;height:30px;cursor:pointer;}
.lTabHover{background:url(imgs/lTabHover.gif) left top no-repeat;width:3px;height:30px;cursor:pointer;}
.rTab{background:url(imgs/rTab.gif) left top no-repeat;width:3px;height:30px;cursor:pointer;}
.rTabHover{background:url(imgs/rTabHover.gif) left top no-repeat;width:3px;height:30px;cursor:pointer;}

.bar{font-size:1.222em;color:#fff;background:#8a8a8a;line-height:31px;padding:0 10px;width:834px;}
.bar a{color:#fff;text-decoration:underline;}
.rBar{background:url(imgs/rBar.gif) left top no-repeat;width:3px;height:31px;font-size:0;}
.lBar{background:url(imgs/lBar.gif) left top no-repeat;width:3px;height:31px;font-size:0;}

/*FORMS*/
.kwd{width:142px;height:14px;border:none;margin:8px 0 0 4px;color:#999;padding:2px 0 0 4px}
.go{background:url(imgs/go.gif) left top no-repeat;width:16px;height:14px;display:block;margin:0 0 0 6px;color:#999;padding:2px 0 0 0;font-size:1em;}
.email{width:150px;height:14px;border:none;color:#999;padding:2px 0 0 4px;}
.login{width:174px;height:14px;border:none;color:#999;padding:2px 0 0 4px;}
a.loginBtn{padding:2px 10px;color:#fff;background:#3397CA;}
.longInput{width:428px;height:19px;border:1px solid #999;padding:6px 0 0 0;}
.longTextarea{width:428px;height:100px;border:1px solid #999;padding:6px 0 0 0;}
label{font-weight:bold;font-size:1.111em;}
.xlInput{width:566px;height:19px;border:1px solid #999;padding:6px 0 0 0;}
.mInput{width:270px;height:19px;border:1px solid #999;padding:6px 0 0 0;margin:5px 0 0 0;}
select.msInput{width:270px;line-height:25px;height:28px;border:1px solid #999;margin:5px 0 0 0;}
.grayAccountBoxBG label{line-height:14px;}
.grayAccountBoxBG input{width:20px;}


#errornewsletter, #errormessage{color:#3397CA;display:none;}
#errornewsletter ul, #errornewsletter li, #errormessage ul, #errormessage li{list-style:none;margin:0;padding:0;}
#errornewsletter li label, #errormessage li label{font-weight:normal;font-size:1em;}
input.error,textarea.error{background:#BFBFBF;color:#fff;}

/*HOME*/
.content{width:860px;height:auto;margin:0 20px 0 20px;}
.homePromo{width:200px;margin:0 0 15px 19px;}

.newsletterBox{background:url(imgs/newsletter_03.gif) left top no-repeat;width:180px;height:70px;color:#fff;font-size:1.333em;padding:5px 10px 5px 10px;}

.fLabel{background:url(imgs/fLabel.gif) left top no-repeat;width:274px;height:4px;padding:0;}
.mLabel{background:url(imgs/mLabel.gif) left top repeat-y;width:254px;height:auto;padding:10px;}
.mLabel a:hover{color:#333;}
.mLabel img{float:right;}
.label{width:274px;background:#fff;}
.label a, .msLabel a{width:180px;display:block;line-height:16px;margin:10px 0 0 0;font-size:1.111em;padding:0;}
.labelMiddle a{width:180px;display:block;line-height:16px;margin:10px 0 0 0;font-size:1.111em;}
.labelMiddle{margin:0 19px;}

.fsLabel{background:url(imgs/sflabel.gif) left top no-repeat;width:201px;height:4px;}
.msLabel{background:url(imgs/smlabel.gif) left top repeat-y;width:181px;height:auto;padding:10px;}
.sLabel{width:201px;margin:0 18px 0 0;}
.sLabelHA{background:url(imgs/sLabelA.gif) left top no-repeat;width:191px;height:21px;color:#fff;padding:0 5px;text-indent:5px;line-height:21px;}
.sLabelHB{background:url(imgs/sLabelB.gif) left top no-repeat;width:191px;height:21px;color:#fff;padding:0 5px;text-indent:5px;line-height:21px;}
.sLabelHC{background:url(imgs/sLabelC.gif) left top no-repeat;width:191px;height:21px;color:#fff;padding:0 5px;text-indent:5px;line-height:21px;}
.sLabelHD{background:url(imgs/sLabelD.gif) left top no-repeat;width:191px;height:21px;color:#fff;padding:0 5px;text-indent:5px;line-height:21px;}

.mainImage{width:641px;height:271px;background:url(imgs/loader.gif) center middle no-repeat #fff;}
.mainImage img{position:absolute;left:0;top:0;}
.thumbnails{position:absolute;left:12px;bottom:12px;}
.thumbnails a{width:16px;height:16px;background:#3397CA;float:left;margin:0 5px 0 0;}

/* GENERAL */
.floatRight{float:right;}
.clearAll{height:0;line-height:0;float:none;clear:both;font-size:0;}
.clear5h{height:5px;float:none;clear:both;font-size:0;line-height:0;}
.clear10h{height:10px;float:none;clear:both;font-size:0;line-height:0;}
.clear15h{height:15px;float:none;clear:both;font-size:0;line-height:0;}
.clear20h{height:20px;float:none;clear:both;font-size:0;line-height:0;}
.clear25h{height:22px;float:none;clear:both;font-size:0;line-height:0;}
.clear30h{height:30px;float:none;clear:both;font-size:0;line-height:0;}
.clear100h{height:100px;float:none;clear:both;font-size:0;line-height:0;}
.clear10hSep{height:10px;float:none;clear:both;font-size:0;background:url(imgs/line.gif) repeat-x left top;}

.margin4t{margin:4px 0 0 0;}
.margin20lr{margin:0 19px;}
.margin8t{margin:8px 0 0 0;}
.margin10t{margin:10px 0 0 0;}
.margin20t{margin:20px 0 0 0;}
.margin5l{margin:0 0 0 5px;}
.margin10l{margin:0 0 0 10px;}
.margin210l{margin:0 0 0 210px;}

.padding16l{padding:0 0 0 16px;}

.font10{font-size:1.111em;}
.font11{font-size:1.222em;}
.font12{font-size:1.333em;}

.blue{color:#3397CA;}
.green{color:#66CA33;}
.bgBlue{background:#3397CA !important;}
.bgGreen{background:#66CA33 !important;}
.bgCorp{background:#00CAFF !important;}
.bgOrg{background:#B0B0B0 !important;}


.tAlignCenter{text-align:center;}
.tAlignRight{text-align:right;}
.fontBold{font-weight:bold;}
.imgText img{margin:0 10px 10px 0;}
.italic{font-style:italic;}
.price{color:#3397CA;font-weight:bold;font-size:2em;}
.date{color:#3397CA;font-size:1.556em;}
.noparagraph p{padding:0;margin:0;}

.w100{width:100px;}
.w221{width:221px;}
.w240{width:240px;}
.w272{width:272px;}
.w400{width:400px;}
.w420{width:420px;}
.w430{width:430px;}
.w530{width:530px;}
.w568{width:568px;}
.w572{width:572px;}
.w640{width:640px;}

.breadcrumb{font-size:1em;float:left;}
.breadcrumb a{text-decoration:underline;color:#666;}
a.linkBG{background:url(imgs/linkBG.gif) left top no-repeat;width:80px;height:16px;display:block;color:#fff;text-align:center;line-height:16px;}
a.linkBG:hover{color:#333 !important;}

/*FAQ*/
.faq ul{list-style:none;margin:0;padding:0;}
.faq ul li a{color:#666;font-weight:bold;margin:0 0 0 5px;display:block;}

/*CATEGORIES*/
.catGrid{width:640px;}
.catGroup{width:640px;height:auto;margin:0 0 10px 0;}
.catGroupTitle{width:200px;padding:10px;}
.catGroupTitle a{font-weight:bold;font-size:1.222em;color:#fff;display:block;float:left;}
.catGroupList{width:420px;}
.catGroupListFirst{width:405px;padding:5px;display:block;float:left;font-size:1.222em;color:#fff;border-left:5px solid #fff;border-bottom:5px solid #fff;}
.catGroupListItem{width:405px;padding:5px;display:block;float:left;font-size:1.222em;color:#fff;border-left:5px solid #fff;border-bottom:5px solid #fff;}
.catGroupListLast{width:405px;padding:5px;display:block;float:left;font-size:1.222em;color:#fff;border-left:5px solid #fff;border-bottom:0px;}

.catBoxBlueTop{width:640px;height:auto;background:url(imgs/catBoxBlueTop.gif) left top no-repeat}
.catBoxBlueBottom{width:640px;height:auto;background:url(imgs/catBoxBlueBottom.gif) left bottom no-repeat}
.catBoxGreenTop{width:640px;height:auto;background:url(imgs/catBoxGreenTop.gif) left top no-repeat}
.catBoxGreenBottom{width:640px;height:auto;background:url(imgs/catBoxGreenBottom.gif) left bottom no-repeat}
.catBoxCorpTop{width:640px;height:auto;background:url(imgs/catBoxCorpTop.gif) left top no-repeat}
.catBoxCorpBottom{width:640px;height:auto;background:url(imgs/catBoxCorpBottom.gif) left bottom no-repeat}
.catBoxOrgTop{width:640px;height:auto;background:url(imgs/catBoxOrgTop.gif) left top no-repeat}
.catBoxOrgBottom{width:640px;height:auto;background:url(imgs/catBoxOrgBottom.gif) left bottom no-repeat}

/*PRODUCT*/
.productGallery{width:420px;margin:0 10px 0 0;}
.productGalleryMainImage{width:420px;height:420px;background:url(imgs/loader.gif) center middle no-repeat #fff;}
.productGalleryMainImage img{position:absolute;top:0;left:0;}
.text{width:430px;}
#cartMessage{display:none;color:#3397CA;font-weight:bold;}
.priceBox{height:96px;}

.thumbs a{display:block;float:left;width:105px;}
.thumbs a img{margin:0 5px;}

.title{width:90px;padding:0 7.5px;}
.title .blueShortBoxTop{background:url(imgs/blueShortBoxTop.gif) left top no-repeat;width:90px;height:3px;font-size:0}
.title .blueShortBox{background:#3397CA;width:70px;padding:0 10px;color:#fff;text-align:center;}
.title .blueShortBox a{color:#fff;font-size:1em;}
.title .blueShortBoxBottom{background:url(imgs/blueShortBoxBottom.gif) left top no-repeat;width:90px;height:3px;font-size:0}

/*BOXES*/
.lSingleC{width:200px;}
.rSingleC{width:640px;margin:0 0 0 20px;}
.singleC{width:860px;}

.blueBoxTop{background:url(imgs/blueBoxTop.gif) left top no-repeat;width:200px;height:2px;font-size:0}
.blueBox{background:#3397CA;width:180px;padding:5px 10px;color:#fff;font-size:1.333em;}
.blueBox a{color:#fff;}
.blueBoxBottom{background:url(imgs/blueBoxBottom.gif) left top no-repeat;width:200px;height:2px;font-size:0}

.blueLongBoxTop{background:url(imgs/blueLongBoxTop.gif) left top no-repeat;width:420px;height:3px;font-size:0}
.blueLongBox{background:#3397CA;width:400px;padding:5px 10px;color:#fff;font-size:1.333em;}
.blueLongBox a{color:#fff;}
.blueLongBoxBottom{background:url(imgs/blueLongBoxBottom.gif) left top no-repeat;width:420px;height:3px;font-size:0}

.blueItem .XLongBoxTop{background:url(imgs/blueXLongBoxTop.gif) left top no-repeat;width:640px;height:3px;font-size:0}
.blueItem .XLongBox{background:url(imgs/blueXLongBox.gif) left top repeat-y;width:620px;padding:5px 10px;color:#fff;font-size:1.222em;}
.blueItem .XLongBoxBottom{background:url(imgs/blueXLongBoxBottom.gif) left top no-repeat;width:640px;height:2px;font-size:0}

.greenItem .XLongBoxTop{background:url(imgs/greenXLongBoxTop.gif) left top no-repeat;width:640px;height:3px;font-size:0}
.greenItem .XLongBox{background:url(imgs/greenXLongBox.gif) left top repeat-y;width:620px;padding:5px 10px;color:#fff;font-size:1.222em;}
.greenItem .XLongBoxBottom{background:url(imgs/greenXLongBoxBottom.gif) left top no-repeat;width:640px;height:2px;font-size:0}

.blueItem  .grayCartBottom, .greenItem .grayCartBottom{background:url(imgs/grayCartBottom.gif) left top no-repeat;width:640px;height:3px;font-size:0}
.blueItem  .grayBGcart, .greenItem .grayBGcart{background:url(imgs/grayBGcart.gif) left top repeat-y transparent;width:635px;font-size:1.222em;padding:5px 0 0 5px;}
.blueItem  .grayBGcart a.deleteBG, .greenItem .grayBGcart a.deleteBG{width:115px;height:18px;display:block;color:#fff;background:url(imgs/deleteBG.gif) left top no-repeat;margin:20px 0 0 0;padding:4px 0 0 10px;}
.grayBGcart a.deleteBG:hover{color:#333;}
.blueItem  .middleContainer, .greenItem .middleContainer{padding:0 0 20px 10px;}
.blueItem .rightContainer, .greenItem .rightContainer{padding:0 0 0 10px;}
.blueItem  .grayBGcart select, .greenItem .grayBGcart select{border:1px solid #ccc;width:40px;line-height:14px;font-size:1em;}

.grayDeleteTop{background:url(imgs/grayDeleteTop.gif) left top no-repeat;width:129px;height:2px;position:absolute;left:0;top:0;}
.grayDeleteBG{background:url(imgs/grayDeleteBG.gif) left top repeat-y;width:128px;height:20px;position:absolute;left:0;top:0;}

.grayXLongBoxTop{background:url(imgs/grayXLongBoxTop.gif) left top no-repeat;width:640px;height:3px;font-size:0}
.grayXLongBox{background:#666;width:620px;padding:5px 10px;color:#fff;font-size:1.333em;}
.grayXLongBoxBottom{background:url(imgs/grayXLongBoxBottom.gif) left top no-repeat;width:640px;height:3px;font-size:0}

.grayLongBoxTop{background:url(imgs/grayLongBoxTop.gif) left top no-repeat;width:420px;height:3px;font-size:0}
.grayLongBox{background:#666;width:400px;padding:5px 10px;color:#fff;font-size:1.333em;}
.grayLongBoxBottom{background:url(imgs/grayLongBoxBottom.gif) left top no-repeat;width:420px;height:3px;font-size:0}

.grayBackTop{background:url(imgs/grayBackTop.gif) left top no-repeat;width:127px;height:3px;font-size:0}
.grayBack{background:#666;width:107px;padding:5px 10px;color:#fff;text-align:center;}
.grayBack a{color:#fff;width:107px;display:block;font-size:1.111em;}
.grayBackBottom{background:url(imgs/grayBackBottom.gif) left top no-repeat;width:127px;height:3px;font-size:0}

.lGrayBoxTop{background:url(imgs/lGrayBoxTop.gif) left top no-repeat;width:200px;height:2px;font-size:0}
.lGrayBox{background:#B0B0B0;width:180px;padding:5px 10px;color:#fff;font-size:1.333em;}
.lGrayBox a{color:#fff;width:180px;display:block;margin:2px 0;}
.lGrayBox a:hover, .grayBox a:hover{color:#333;}
.lGrayBoxBottom{background:url(imgs/lGrayBoxBottom.gif) left top no-repeat;width:200px;height:2px;font-size:0}

.grayBoxTop{background:url(imgs/grayBoxTop.gif) left top no-repeat;width:200px;height:4px;font-size:0}
.grayBox{background:#8a8a8a;width:180px;padding:2px 10px;color:#fff;font-size:1.333em;}
.grayBox a{color:#fff;width:180px;display:block;}
.grayBoxBottom{background:url(imgs/grayBoxBottom.gif) left top no-repeat;width:200px;height:4px;font-size:0}

.grayAccountBoxTop{background:url(imgs/grayAccountBoxTop.gif) left top no-repeat;width:568px;height:4px;font-size:0}
.grayAccountBox{background:#666;width:548px;padding:2px 10px 5px 10px;color:#fff;font-size:1.333em;}
.grayAccountBottom{background:url(imgs/grayXLongBoxBottom.gif) left top no-repeat;width:568px;height:3px;font-size:0}
.grayAccountBoxBG{background:url(imgs/grayAccountBoxBG.gif) left top repeat-y;width:548px;height:auto;padding:10px;}
.grayAccountBoxBGbottom{background:url(imgs/grayAccountBoxBGbottom.gif) left top no-repeat;width:568px;height:4px;padding:10px;}
.grayAccountBoxBG a:hover{color:#3397CA;}

.productDetailsBox{width:138px;margin:0;}
.productDetailsBoxTopA{background:url(imgs/productDetailsBoxTopA.gif) left top no-repeat;width:128px;height:3px;font-size:0}
.productDetailsBoxTopB{background:url(imgs/productDetailsBoxTopB.gif) left top no-repeat;width:128px;height:3px;font-size:0}
.productDetailsBoxWhite{background:url(imgs/productDetailsBoxWhite.gif) left top repeat-y;width:108px;height:auto;padding:5px 10px;color:#666;}
.productDetailsBoxBlue{background:url(imgs/productDetailsBoxBlue.gif) left top repeat-y;width:108px;height:auto;padding:5px 10px;color:#fff;}
.productDetailsBoxBlue a{width:108px;display:block;color:#fff;}
.productDetailsBoxBottomAB{background:url(imgs/productDetailsBoxBottomAB.gif) left top no-repeat;width:128px;height:4px;font-size:0}
.productDetailsBoxBottomABc{background:url(imgs/productDetailsBoxBottomABc.gif) left top no-repeat;width:128px;height:4px;font-size:0}

.newsListBoxTop{background:url(imgs/newsListBoxTop.gif) left top no-repeat;width:530px;height:2px;font-size:0}
.newsListBox{background:#8a8a8a;width:510px;padding:2px 10px;color:#fff;font-size:1.333em;}
.newsListBoxBottom{background:url(imgs/newsListBoxBottom.gif) left top no-repeat;width:530px;height:2px;font-size:0}

.addressBoxTop{background:url(imgs/addressBoxTop.gif) left top no-repeat;width:240px;height:4px;font-size:0}
.addressBoxBG{background:#3397ca;width:220px;padding:5px 10px;color:#fff;font-size:1.333em;}
.addressBoxBottom{background:url(imgs/addressBoxBottom.gif) left top no-repeat;width:240px;height:4px;font-size:0}

.checkoutTotalBoxTop{background:url(imgs/checkoutTotalBoxTop.gif) left top no-repeat;width:221px;height:2px;font-size:0}
.checkoutTotalBoxBG{background:url(imgs/checkoutTotalBoxBG.gif) left top repeat-y;width:201px;padding:5px 10px;font-weight:bold;font-size:1.111em;}
.checkoutTotalBlueBoxTop{background:url(imgs/checkoutTotalBlueBoxTop.gif) left top no-repeat;width:221px;font-size:0}
.checkoutTotalBlueBoxBG{background:url(imgs/checkoutTotalBlueBoxBG.gif) left top repeat-y;width:201px;padding:5px 10px;color:#fff;}
.checkoutTotalBlueBoxBG a{color:#fff;width:201px;display:block;}
.checkoutTotalBlueBoxBottom{background:url(imgs/checkoutTotalBlueBoxBottom.gif) left top no-repeat;width:221px;height:2px;font-size:0}

.loginBox{background:url(imgs/loginBox.gif) left top no-repeat;width:180px;height:100px;font-size:1.111em;color:#fff;padding:10px;}

.registerNoteTop{background:url(imgs/registerNoteTop.gif) left top no-repeat;width:272px;height:3px;}
.registerNoteBG{background:#8a8a8a;padding:5px 10px;width:252px;color:#fff;}
.registerNoteBottom{background:url(imgs/registerNoteBottom.gif) left top no-repeat;width:272px;height:73px;}
.registerNoteBG a{color:#fff;text-decoration:underline;}

.item{width:200px;height:auto;margin:0 20px 0 0;}
.itemNM{width:200px;height:auto;}
.selected{font-weight:bold;}

/*BUTTONS*/
a.blueBtn{width:127px;line-height:25px;display:block;background:url(imgs/blueBtn.gif) left top no-repeat;color:#fff;font-size:1.222em;text-align:center;}
a.greenBtn{width:127px;line-height:25px;display:block;background:url(imgs/greenBtn.gif) left top no-repeat;color:#fff;font-size:1.222em;text-align:center;}
a.grayBtn{width:127px;line-height:25px;display:block;background:url(imgs/grayBtn.gif) left top no-repeat;color:#fff;font-size:1.222em;text-align:center;}
a.grayBtn:hover{color:#333;}
.forgotLink{margin:8px 0 0 0;}
.forgotLink a{text-decoration:underline;}

/* FOOTER */
.footer{width:860px;height:auto;color:#666;padding:10px 0;margin:0 0 0 20px;border-top:1px solid #d7d7d7;}
.footer a{color:#666;font-size:100%;text-decoration:underline;}
.footer .fLinks{width:600px;text-align:center;}