/*CSS DOCUMENT*/
body {background:url(/images/bg_body.gif) top left; font-family:Verdana, Arial, Helvetica, sans-serif; behavior: url("/scripts/iepngfix.htc"); padding-top:20px;}
img { behavior: url("/scripts/iepngfix.htc"); border:none; }
h2 {font-size:16px; font-weight:bold; color:#333333;}

#homeCartLinks {margin:0px auto; font-size:10px; color:#ffffff; text-align:right; width:695px; padding:5px;}
#homeCartLinks a {color:#ffffff; text-decoration:none;}
#homeCartLinks a:hover {text-decoration:underline;}

#container {position:relative; background:url(/images/bg_copyBox.jpg) top left no-repeat #bbd43c; width:700px; margin: 0px auto; border:#ffffff solid 1px;}
#container #nav {background:#4188b4; font-size:10px; display:block; text-align:center; font-weight:bold; padding:7px;color:#ffffff; padding-left:70px;}
#container #nav a {color:#ffffff; text-decoration:none; padding-bottom:20px;}
#container #nav a:hover {color:#FF9900;}
#container #nav .nav2 { position:relative;padding-bottom:10px; z-index:10000;}
#container #nav .nav2 .subnav {position:absolute; top:2px; left:-45px; display:none;/*opacity:.00;*/ z-index:20000; background:#ffffff;  margin:10px;}
#container #nav .nav2 .subnav a { color:#333333; text-decoration:none; border:#ffffff solid 1px; padding:5px 5px; width:150px; display:block; background:#EBE56B;}
#container #nav .nav2 .subnav a:hover {background:#ffffff; color:#333; background:url(/images/nav_back.jpg) top left repeat-x; border:#ffffff solid 1px;}
#container #navheader {background:url(/images/nav_header.jpg) top left repeat-x; height:48px; width:100%;}

#container #ico_gas {position:absolute; top:175px; right:-42px; z-index:1000;}
#container #ico_coffee {position:absolute; top:269px; right:-42px; z-index:1001;}
#container #ico_food {position:absolute; top:363px; right:-42px; z-index:1002;}
#container .ico_DD {position:absolute; width:200px; height:100px;  background:/*url(/images/dd_grad.jpg) bottom left repeat-x */#EBE56B;overflow:visible;  filter: alpha(opacity=00); -moz-opacity:.00; opacity:.00; border:#ffffff solid 2px;display:none;}


#container #bodyBox {width:575px; border-bottom:#381a51 solid 2px;  margin:0px auto; margin-top:25px; padding:10px;}
#container #bodyBox #ico_logos {float:left; width:172px; text-align:center; padding-right:10px;}
#container #bodyBox #ico_logos #title{color:#4e2683;font-weight:bold;}
#container #bodyBox #ico_logos #border{position:relative;height:40px;margin-bottom:-35px;border-top:solid #4e2683 2px ;border-left:solid #4e2683 2px;}
#container #bodyBox #copyBox {float:left; width:355px; height:250px; background:url(/images/pic_home.jpg) bottom left no-repeat #dce999; padding-top:0px; border:#ffffff solid 2px;}
#container #bodyBox #copyBox #copy {color:#333333; font-size:12px; padding:10px; text-align:center;}
#container #bodyBox #copyBox #copy h2 {color:#e66b1f; font-size:16px; font-weight:bold;}

#boxes {text-align:center; padding:10px; margin:0px auto; width:550px; }
#boxes img {padding:2px;}
#boxes img:hover {background:url(/images/triangle.gif) bottom center no-repeat; padding-bottom:25px;}

#footer {width:680px; margin:0px auto; padding:10px; font-size:10px; color:#ffffff;}


/*Secondary Pages*/

#container #navSecheader {position:relative; background:url(/images/nav_header.jpg) top left repeat-x; height:48px; width:100%; z-index:9000;}
#container #navSecheader #navHeadLink {position:absolute; top:8px; left:105px; font-size:11px; font-weight:bold; color:#4e2683; text-align:center; }
#container #navSecheader #navHeadLink2 {position:absolute; top:5px; left:305px; font-size:11px; font-weight:bold; color:#4e2683; text-align:center;}
#container #navSecheader #navHeadLink3 {position:absolute; top:3px; left:525px; font-size:11px; font-weight:bold; color:#4e2683; text-align:center;}

#container #bodySecBox {width:550px; border-bottom:#381a51 solid 2px;  margin:0px auto; margin-top:25px; padding:10px;}
#container #bodySecBox #leftBar {float:left; width:225px; text-align:center; padding-right:10px;}
#container #bodySecBox #copyBox {float:left; width:100%; background: #dce999;}
#container #bodySecBox #copyBox #copy {color:#333333; font-size:12px; padding:10px; text-align:center;}
#container #bodySecBox #copyBox #copy h2 {color:#e66b1f; font-size:16px; font-weight:bold;}

/*Store Styles*/

#container #bodyStoreBox {width:590px; border-bottom:2px solid #381a51;  margin:0px auto; margin-top:25px;}
#container #bodyStoreBox select {margin:3px; color:#333333; font-size:11px; padding:3px; border:#333 solid 1px;}
#container #bodyStoreBox #catbody {position:relative; width:590px; background:url(/images/store_bckgrd.jpg) top left no-repeat; height:390px;}
#container #bodyStoreBox #catbody .storelogo {position:absolute; top:-5px; left:-20px; z-index:10000;}
#container #bodyStoreBox #catbody .giftcards {position:absolute; top:55px; left:90px; z-index:60000;}
#container #bodyStoreBox #catbody .giftideas {position:absolute; bottom:3px;  left:25px; z-index:20000;}
#container #bodyStoreBox #catbody .mugscups {position:absolute; bottom:10px;  right:5px; z-index:50000;}
#container #bodyStoreBox #catbody .foods {position:absolute; bottom:3px;  right:180px; z-index:40000;}
#container #bodyStoreBox #catbody .livegreen {position:absolute; top:-20px;  right:100px; z-index:30000;}

#container #bodyStoreBox #listbody {position:relative; width:530px; background:url(/images/store_list-_topheader.jpg) top left no-repeat #ffffff;  min-height:320px;  padding:100px 30px 30px 30px; }
#container #bodyStoreBox #listbody .storelistlogo {position:absolute; top:0px; left:-10px; z-index:20;} 
#container #bodyStoreBox #listbody .headernav {position:absolute; top:0px; left:0px; width:584px; background-color:#000000; padding:3px; color:#ffffff; margin-bottom:70px; font-size:10px; text-align:center; z-index:19;}
#container #bodyStoreBox #listbody .headernav a {color:#ffffff; text-decoration:none;}
#container #bodyStoreBox #listbody .headernav a:hover {color:#FFFF66;}
#container #bodyStoreBox #listbody .viewtitle {font-size:13px; text-align:center; font-weight:bold; color:#e66b1f; margin-bottom:10px;}
#container #bodyStoreBox #listbody .descrip {font-size:11px; color:#333333; width:450px; margin:0px auto; border-bottom:1px dotted #333333; padding-bottom:10px; margin-bottom:10px; text-align:center;}
#container #bodyStoreBox #listbody .listoneprod {height:90px;width:245px; font-size:10px; position:relative; border-top:1px dotted #333333;border-bottom:1px dotted #333333; padding:5px 0px; float:left;}
#container #bodyStoreBox #listbody .smTxt {font-size:10px; width:155px; margin-bottom:5px;}
#container #bodyStoreBox #listbody .smTxt b {font-size:12px; }
#container #bodyStoreBox #listbody .price {font-size:12px; font-weight:bold; color:#333333; float:left;}
#container #bodyStoreBox #listbody .addtoCart {font-size:10px; color:#e66b1f; float:left; padding:5px; }
#container #bodyStoreBox #listbody .addtoCartImg {float:left; }
#container #bodyStoreBox #listbody .smImage {position:absolute; top:0px; right:0px;}

#container #bodyStoreBox #viewbody {position:relative; width:530px; background:url(/images/store_list-_topheader.jpg) top left no-repeat #ffffff;  min-height:400px; padding:30px;}
#container #bodyStoreBox #viewbody .AuthorizeNetSeal{position:absolute;right:5px;bottom:5px;}
#container #bodyStoreBox #viewbody .storelistlogo {position:absolute; top:0px; left:-10px; z-index:20;} 
#container #bodyStoreBox #viewbody .headernav {position:absolute; top:0px; left:0px; width:584px; background-color:#000000; padding:3px; color:#ffffff; margin-bottom:70px; font-size:10px; text-align:center; z-index:19;}
#container #bodyStoreBox #viewbody .headernav a {color:#ffffff; text-decoration:none;}
#container #bodyStoreBox #viewbody .headernav a:hover {color:#FFFF66;}
#container #bodyStoreBox #viewbody .viewtitle {font-size:13px; text-align:center; font-weight:bold; color:#e66b1f; margin-top:40px;}
#container #bodyStoreBox #viewbody .descrip {font-size:11px; color:#333333; width:450px; margin:0px auto; border-bottom:1px dotted #333333; padding-bottom:10px; margin-bottom:10px; text-align:center;}
#container #bodyStoreBox #viewbody .viewinfo {float:left; width:250px; padding:10px; font-size:11px;}
#container #bodyStoreBox #viewbody .image {float:right; width:200px; padding:20px; border-left:1px dotted #333333;}
#container #bodyStoreBox #viewbody #OrderNowImg {float:right; padding:5px;}
#container #bodyStoreBox #viewbody #enterqty {float:right; padding:5px; text-align:right;}
#container #bodyStoreBox #viewbody #enterqty #price {font-weight:bold; color:#333333;width:150px; float:right; padding:4px;}
#container #bodyStoreBox #viewbody #enterqty #val {font-weight:bold; color:#e66b1f; font-size:14px;width:50px; float:right; padding:4px;}
#container #bodyStoreBox #viewbody #enterqty #qty {font-weight:bold; color:#333333;width:150px; float:right; padding:4px;}
#container #bodyStoreBox #viewbody #enterqty #val input {padding:3px; color:#333333; border:solid 1px #666666; background-color:#ffffff; width:50px; float:right; margin:4px;}
#container #bodyStoreBox #viewbody .addtoCart {font-size:10px; color:#e66b1f; float:right; padding:5px; }
#container #bodyStoreBox #viewbody .addtoCartImg {float:right; }
#container #bodyStoreBox #viewbody .image .enlargeimage {color:#999999; font-size:9px; padding:5px; text-align:center; margin:0px auto;}
#container #bodyStoreBox #viewbody .image .enlargeimage a {color:#999999; text-decoration:none;}
#container #bodyStoreBox #viewbody .image .enlargeimage span {padding:2px; border:1px solid #999999; margin:4px;}
#container #bodyStoreBox #viewbody .image .multipleimages {margin-top:10px;}
#container #bodyStoreBox #viewbody .image .multipleimages img {float:left; border:#999999 solid 1px; padding:3px;}

#container #bodyStoreBox #viewbody .carttable {font-size:11px; color:#ffffff; margin-top:20px;}
#container #bodyStoreBox #viewbody .gentable {font-size:11px; color:#333333; margin-top:20px;}
#container #bodyStoreBox #viewbody .gentable a {color:#333333; font-style:italic;  font-size:10px;}
#container #bodyStoreBox #viewbody .gentable .gentabletitle {color:#ffffff; height:20px;}
#container #bodyStoreBox #viewbody .gentable .gentabletitle a {color:#ffffff; font-style:italic;  font-size:10px;}
#container #bodyStoreBox #viewbody .stepimg {position:absolute; top:10px; right:10px;}

#drawline {width:100%; border-bottom:1px dotted #333333; height:2px; margin:3px 0px;}
.listTable, .listTable2 {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; }
.listTable .background {border:#ffffff solid 1px;}
.listTable .bottomborder {border-bottom:#ffffff solid 1px;}
.listTable input {border:#333333 solid 1px; font-size:9px; }
.listTable a {color:#333333; text-decoration:none; font-size:11px;}
.listTable a:hover {color:#FF9900;}
.listTable .header {background:#C2C4F1; padding:7px; margin:5px; }
.listTable2 td {border-bottom: #333333 solid 1px;}

.listTitle {font-weight:bold; font-size:12px; }
.listLink {font-size:10px; color:#333333;}
.listPrice {font-size:14px; font-weight:bold;}
.listHeading {font-size:10px; color:#333333; font-weight:bold;}
.listHeading a {color:#333333;}
.cartLinks a {color:#333333; text-decoration:none; font-size:11px;}
.cartLinks a:hover {color:#FF9900;}
#noImage {width:108px; height:93px; border:#999 solid 1px; font-size:11px; color:#999; padding-top:25px;}

.viewTitle {font-size:14px; display:block; background:#C2C4F1; color:#fff; font-weight:bold; padding:5px; text-align:center; border:#333 solid 1px;}
.viewPrice {font-size:12px; font-weight:bold; color:#333;}
.viewDescription {font-size:11px;}

#loginScreen {font-size:12px; color:#333333; text-align:center;}
#loginScreen a {color:#333333;  font-style:italic; }
#loginScreen a:hover {color:#FF9900; text-decoration:none;}
#loginScreen .title {font-weight:bold; }
#loginScreen input {border:#333333 solid 1px; font-size:9px; padding:3px;}

#cartBox {border:#333 solid 1px; padding:5px; width:100%; background:#fff; color:#333; /*height:145px;*/ background:url(/images/cartBack.png) bottom left repeat-x #cfd767; position:relative; font-size:11px; behavior: url("../scripts/iepngfix.htc");}
#cartBox img {border:#fff solid 2px; width:136px; height:155px;}
#cartBox #OrderNowImg {position:absolute; bottom:-20px; right:-30px; z-index:25;}

#cartLinks a {color:#333333; text-decoration:none; font-size:11px;}
#cartLinks a:hover {color:#FF9900;}

.cartSteps {color:#ffffff; font-size:18px; font-weight:bold; padding:5px; background:#EA7C2D;} /*step 1, step 2 etc. */


.storeBut {background:#C2C4F1; color:#333333; font-size:10px; border:#fff solid 2px; padding:5px; font-weight:bold; text-decoration:none; }

.alert {padding:20px 20px 20px 70px; font-size:1.2em; background:url(/images/alert.png) 10px 10px no-repeat; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.alertmissingfield {position:relative;border:#ff solid 1px;}
.alertcheckmark {position:absolute; top:0px; left:0px;  background:url(/images/ico_checkmark.png) top left no-repeat; width:30px; height:30px; border:#ff solid 1px;}
.price {font-size:18px; color:#ffffff; padding:5px; border:1px solid #fff;}