@charset "utf-8";
/* CSS Document */

body{padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(../img/bgrd.jpg); background-repeat:repeat-x;}
p{padding:0; margin:8px 0 0 0;}
.topBar{width:100%; height:35px; background-image:url(../img/topBar.jpg); background-repeat:repeat-x;}
.topBar .inner{width:970px; padding-top:7px; margin:0 auto;} 
.topBar .home{float:left; margin-top:3px;}
.topBar .changeText{float:left;}
.topBar .divider{float:left;}

.wrapper{width:980px; margin:0 auto; } 
.content{width:980px; float:left;}
.menu{padding-left:35px; float:left; height:61px;}
.menu ul{padding:13px 0 6px 0; margin:0; float:left;}
.menu li {display:inline;list-style-type:none;text-transform:uppercase;}
.menu a{float:left; display:block; text-decoration:none; color:#FFFFFF; font-weight:bold; margin-right:1px; background-repeat:no-repeat;} 
.menuSmall{width:145px;background-image:url(../img/menuSmall.jpg); text-align:center; padding:11px 0 16px 0; height:15px;}
.menuSmall:hover{background-position:bottom;}
.menuBig{background-image:url(../img/menuBig.jpg); width:184px; text-align:center; padding:11px 0 16px 0; height:15px;}
.menuBig:hover{background-position:bottom;}
.menuBasket{background-image:url(../img/menuBasket.jpg); width:121px; padding:11px 0 16px 20px; height:15px;}
.menuBasket:hover{background-position:bottom;}



.shareold{height:16px; width:980px; float:left;}
.shareBtnold{width:125px; float:right; margin-right:35px; }

.dogegifts{float:left; margin:10px 0 0 35px;} 
.logo{clear:right; float:right; margin:22px 0 0 35px;} 
.mainContent{width:725px; float:left; margin-top:10px; }
.ecard{width:970px; float:left; margin-top:10px;}
.rightCol{float:left; width:210px; margin:10px 35px 0 8px;}
.dogebag{float:left; margin-bottom:10px;}

.categoryMenu{float:left; background-image:url(../img/categoryMenu.jpg); background-repeat:no-repeat; width:180px; padding:15px 15px 0 15px; margin-bottom:10px; border-bottom:1px solid #e1e1e1;}
.categoryTitle{font-size:22px; letter-spacing:-1px; font-weight:bold;}
.categoryMenu ul{float:left; list-style-type:none; margin:10px 0 10px 0; padding:0; width:180px;}
.categoryMenu a{text-decoration:none; color:#000000; font-size:16px; padding:4px 0 4px 0; float:left; width:180px; border-bottom:1px dotted #9fc2db;}
.categoryMenu a:hover{color:#0764a5;}
.search{float:left; width:210px; height:40px; background-image:url(../img/search.jpg); background-repeat:no-repeat;}
form{margin:0; padding:0;}
.searchText{color:#0764a5; font-size:13px; float:left; margin:0 0 3px 5px; font-weight:bold;}
.searchbox{float:left; width:140px; height:14px; margin:6px 3px 0 8px; font-size:11px;}
.goBtn{float:left; margin:6px 3px 0 5px; font-size:11px;}

h1{font-size:24px; font-weight:normal; margin:10px 0 5px 0;}
h2{font-size:18px; letter-spacing:-1px; font-weight:bold; margin:0px 0 5px 0;}
h3{font-size:16px; letter-spacing:-1px; font-weight:bold; margin:0px 0 5px 0;}
h4{font-size:19px; letter-spacing:-1px; font-weight:bold; margin:5px 0 5px 0; color:#0764a5;}
.paddingLeft{padding-left:35px;}

.homeFlash{width:726px; height:342px; margin-top:15px;}
.howItWorks{float:left; font-size:12px;  min-height:100px;  color:#353535; margin:0 11px 0 37px; background-color:#ffd51f; background-image:url(../img/how-it-worksBottom.jpg); background-position:bottom; background-repeat:no-repeat; width:306px; padding:0 14px 14px 14px;}
.howItWorks a,.howYoullBeHelping a{color:#000000; text-decoration:none;}
.howItWorks a:hover,.howYoullBeHelping a:hover{text-decoration:underline;}
.howYoullBeHelping{float:left; min-height:100px; font-size:12px; color:#353535; background-color:#ffd51f; background-image:url(../img/howyoullhelpBottom.jpg); background-position:bottom; background-repeat:no-repeat; width:309px; padding:0 10px 14px 12px;}
.favourites a,.special a{color:#000000; text-decoration:none;}
.favourites a:hover,.special a:hover{text-decoration:underline;}
.blueLink{color:#0764A5;font-weight:bold;}

.favourites{margin:10px 0 0 37px; width:334px; float:left;}
.favourites .top{background-image:url(../img/favourites-top.jpg); color:#353535; background-repeat:no-repeat; padding:8px 0 0 10px; height:47px;}
.favourites .middle, .special .middle{float:left; width:314px; min-height:100px; background-image:url(../img/favourites-middle.jpg); background-repeat:repeat-y; padding:0 10px 0px 10px;}
.special{margin:10px 0 0 10px; width:334px; float:left;}
.special .top{background-image:url(../img/special-top.jpg); color:#353535; background-repeat:no-repeat; padding:8px 0 0 10px; height:47px;}
.blueText{color:#0764a5;}

.productText{font-size:16px; letter-spacing:-1px; font-weight:bold; margin:5px 0;}
.priceText{font-size:19px; letter-spacing:-1px; font-weight:bold; margin:5px 0 5px 0; color:#0764a5;}

.footer{font-size:11px; float:left; width:980px; margin:10px 0 10px 0;}
.footer a{color:#0764a5; text-decoration:none;}
.footer a:hover{text-decoration:underline;}

.currentlyShowing{width:675px; float:left; padding:5px; text-align:center; background-color:#e8f5f9; color:#0764a5; font-weight:bold; border:1px dotted #cee4eb; margin:10px 0 10px 0;}
.prodList{width:227px; float:left; margin-right:2px; margin-top:8px;}
.prodList .middle{background-image:url(../img/product-bgrd.jpg); background-repeat:repeat-y; min-height:140px; width:197px; padding:0 15px 0 15px;}
.prodList a{color:#0764a5; font-weight:bold;}
.prodList .image {height:130px;}
.productRow {clear:both; }


.howRight{float:right; width:400px; padding-right:10px;}
.mainContent a{color:#0764a5; }
.mainContent p{line-height:16px;}
.fact{background-image:url(../img/fact.jpg); width:370px; margin-top:15px; font-weight:bold; padding:10px 15px 15px 15px; background-repeat:no-repeat; border-bottom:1px solid #e1e1e1;}
.prodImage{float:left; width:335px; margin:20px 30px 0 0;}
.prodContent{float:left; width:300px; padding:10px 10px 0 0;}

.paymentOptions{float:left; width:209px; margin-bottom:5px;}
.dogebagLeft{width:692px; float:left;}
.dogebagLeft .header{width:662px; padding:25px 15px 13px 15px; float:left; background-image:url(../img/dogebag-leftcol.jpg); background-repeat:no-repeat;}
.dogebagLeft .middle{width:660px; padding:15px; clear:left; background-color:#f3fafe; border:1px solid #e7e7e7; border-top:none;}
.dogebagLeft .total{width:692px; height:68px; padding-top:37px; margin-top:5px; text-align:center; background-image:url(../img/total.jpg); background-repeat:no-repeat;}
.basketTable{text-align:left;}
.basketTable th{color:#0764a5; padding-bottom:10px;}
.basketTable td{padding-top:20px; padding-right:10px; vertical-align:top;}
.basketTable .desc{width:280px;}
.basketTable .price, .basketTable .subtotal{width:80px; color:#0764a5; font-weight:bold;}
.basketTable .quantity{width:120px;}
.basketTable .quantity input{width:25px; height:18px; font-size:12px; float:left; margin-right:5px;}
.dogebagLeft .continue{float:left; width:249px; margin-right:5px;}
.dogebagLeft .proceed{float:right; width:251px;}

.checkoutTitle{width:692px; text-align:center; background-image:url(../img/checkoutTitle.jpg); height:65px; padding-top:17px;}
.checkoutHeader{width:682px; height:64px; padding-left:10px; margin-top:5px; background-image:url(../img/checkoutHead.jpg); background-repeat:no-repeat;}
.checkoutHeader a{color:#444444; font-size:16px; font-weight:bold; text-decoration:none; display:block; float:left; height:39px; padding:23px 28px 0 28px; margin:1px 0 0 0px;}
.checkoutHeader a:hover,.checkoutOn{background-color:#add0ee;}
.checkoutMain{width:650px; float:left; border:1px solid #e7e7e7; border-top:none; background-color:#f3fafe; background-image:url(../img/bgrdDog.jpg); background-repeat:no-repeat; background-position:bottom right; padding:20px;}
.mandatory{color:#FF0000;font-weight:bold;font-size:20px;}
.checkoutMain table{margin-top:25px;}
.checkoutMain td{padding:0 30px 20px 0; vertical-align:top;}
.checkoutMain .left{font-weight:bold; width:130px;}
.checkoutMain input,.checkoutMain textarea{float:left; margin-right:10px; width:250px;}
.checkoutMain textarea{height:80px;}
.checkoutMain a{float:left; margin-right:10px;}
.nextStep{width:390px; border:1px solid #e7e7e7; margin:5px 5px 0 0; background-color:#f3fafe; padding:3px 20px 3px 20px; float:left;}
.continue{float:left; width:254px; margin-top:5px;}
.cardtype{float:left; margin-right:18px;}
.removeGift{width:82px; float:right;}

.delivery{clear:left; width:470px; padding:20px; color:#fff; border:5px solid #e7e7e7; background-color:#0362a4; background-image:url(../img/blueGrad.jpg); background-repeat:repeat-x; margin-top:20px; float:left;}
.delivery td{padding-bottom:12px;}
.delivery .col1{float:left; width:230px;}

.summary{background-color:#d8ebf6; padding:20px; color:#444444; margin-top:20px; float:left;}
.summary .leftCol{float:left; width:300px;}
.summary .right{float:left; width:300px;}
.summaryCard{border:5px solid white;}

.lightblue{color:#a2e8ff;}
.thanks{width:100%; background-color:#d8ebf6; text-align:center; padding-top:15px;}

.ecardMain{width:660px; float:left; margin:40px 0 0px 100px; min-height:430px; background-image:url(../img/ecard.jpg); background-repeat:no-repeat;}
.ecardMain .text{width:300px; float:left; padding:25px 0 0 320px;}
.ecardGift{background-color:#fff; background-image:url(../img/ecardBgrd.jpg); background-repeat:no-repeat; width:489px; padding:0px; margin:40px 0 0 50px; float:left; color:#444444;}
.ecardGift .text{float:left; padding:20px;}
.ecardImage{float:right; border:10px solid white;}
.viewmore{clear:both; float:left; margin:10px 0 0 300px;}

.giftDog{width:725px;}
.errorMessage{width:100%; background-color:#d2232a; color:#FFF; font-weight:bold; text-align:center; padding:10px 0 10px 0; margin:10px 0 10px 0;}
.errorField{background-color:#f7bdbf;}
.errorFieldLabel{color:#d2232a;}

.screenReader{
position: absolute;
left: -9000px;
}