/* Template Styles */

body {font-size:62.5%; font-family: Georgia, Times New Roman, Serif; background:url(../i/back.jpg) center top;}

#headerWrapper{height:368px; background:url(../i/header.jpg) no-repeat center top;}
#header{position:relative; width:940px; height:368px; margin:auto;}

#logo{position:absolute; left:35px; height:15px;}
#logo a{width:195px; height:220px;}
#btnFlags{position:absolute; left:437px;}
#btnFlags a{width:121px; height:39px; background:url(../i/btnFlags.jpg);}
#btnFlags a:hover{background-position:0px -39px;}
#btnLogin{position:absolute; left:279px; top:9px;}
#btnLogin a{width:43px; height:22px; background:url(../i/btnLogin.jpg);}
#btnLogin a:hover{background-position:0px -22px;}
#btnLogout{position:absolute; left:279px; top:9px;}
#btnLogout a{width:55px; height:22px; background:url(../i/btnLogout.jpg);}
#btnLogout a:hover{background-position:0px -22px;}
#btnRegister{position:absolute; left:334px; top:9px;}
#btnRegister a{width:63px; height:22px; background:url(../i/btnRegister.jpg);}
#btnRegister a:hover{background-position:0px -22px;}
.quickSearch{position:absolute; left:729px; top:11px; width:109px; height:16px; padding:0 2px; background:none; border:none; font-family:Georgia, Times New Roman, Serif; font-size:10px;}
.browserSafari .quickSearch{top:10px; font-size:11px;}
#btnQuickSearchGo{position:absolute; left:848px; top:10px;}
#btnQuickSearchGo a{width:21px; height:18px; background:url(../i/btnQuickSearchGo.jpg);}
#btnQuickSearchGo a:hover{background-position:0px -18px;}
.dog{position:absolute; width:190px; height:190px; top:38px;}
#dog1{left:311px;}
#dog2{left:510px;}
#dog3{left:704px;}

#book{position:relative; width:940px; margin:auto; background:url(../i/bookBack.jpg) 0px -168px;}
#mainColumns{width:940px;}
#mainColumnLeft{float:left; width:280px; padding:145px 0 30px 0;}
#mainColumnRight{float:left; width:660px;}

#mainMenu{position:absolute; left:30px; top:-28px; width:248px; height:173px; background:url(../i/mainMenuBack.jpg);}
#mainMenu #mainMenuHome{position:absolute; left:18px; top:16px;}
#mainMenu #mainMenuHome a{width:122px; height:46px; background:url(../i/btnMainMenuHome.jpg);}
#mainMenu #mainMenuHome a:hover{background-position:0px -46px;}
#mainMenu #mainMenuContact{position:absolute; left:0px; top:63px;}
#mainMenu #mainMenuContact a{width:135px; height:46px; background:url(../i/btnMainMenuContact.jpg);}
#mainMenu #mainMenuContact a:hover{background-position:0px -46px;}
#mainMenu #mainMenuBasket{position:absolute; left:14px; top:113px;}
#mainMenu #mainMenuBasket a{width:121px; height:56px; background:url(../i/btnMainMenuBasket.jpg);}
#mainMenu #mainMenuBasket a:hover{background-position:0px -56px;}
#mainMenu #mainMenuGallery{position:absolute; left:142px; top:24px;}
#mainMenu #mainMenuGallery a{width:103px; height:69px; background:url(../i/btnMainMenuGallery.jpg);}
#mainMenu #mainMenuGallery a:hover{background-position:0px -69px;}
#mainMenu #mainMenuWishList{position:absolute; left:137px; top:96px;}
#mainMenu #mainMenuWishList a{width:108px; height:66px; background:url(../i/btnMainMenuWishList.jpg);}
#mainMenu #mainMenuWishList a:hover{background-position:0px -66px;}

#informationMenuWrapper{margin:0 0 16px 48px;}
#informationMenuWrapper .top{width:220px; height:41px; background:url(../i/titleInformation.gif);}
#informationMenu{margin-left:10px;}
#informationMenu li{width:193px; height:20px; background:url(../i/informationMenuBack.jpg);}
#informationMenu li a{position:relative; top:3px; padding-left:30px; font-weight:bold; color:#865365; font-size:1.2em; text-decoration:none;}
#informationMenu .sub a{top:4px; color:#808C90; font-size:1em; margin-left:15px;}
#informationMenuWrapper .bottom{width:193px; height:15px; margin-left:10px; background:url(../i/informationMenuBottom.gif);}

#shopMenuOuterWrapper{width:200px; margin-left:55px; background:url(../i/shopMenuBack.jpg);}
#shopMenuOuterWrapper .top{height:32px; background:url(../i/shopMenuTop.gif);}
#shopMenuWrapper{background:url(../i/shopMenuBack2.jpg) no-repeat;}
#shopMenu{width:175px; margin:auto; margin-bottom:8px;}
#shopMenu li{height:20px; background:url(../i/shopMenuDivider.jpg) no-repeat left bottom;}
#shopMenu li a{position:relative; top:3px; font-size:1em; color:#4E1F1F; padding-right:5px; text-decoration:none; font-weight:bold;}
#shopMenu li a:hover{}
#shopMenu .sub a{padding-left:10px; font-weight:bold; color:#9E3F3F;}
#shopMenu .subsub a{padding-left:20px; color:#C08153; font-weight: normal; font-size:1em;}
#shopMenuOuterWrapper .bottom{width:200px; height:4px; background:url(../i/shopMenuBottom.gif);}

#footer{color:#AF9C7E; font-weight:bold; text-align:center; padding:15px;}
#footer a{color:#AF9C7E; font-weight:bold; text-decoration:none;}
#footer a:hover{text-decoration:underline;}


/* Common Styles */
.button a{display:block; background-position:0px 0px;}

.mainBox{width:600px; margin-bottom:20px;}
.mainBox .top{height:30px; background:url(../i/mainBoxTop.gif);}
.mainBox .inner{padding:8px 35px 8px 25px; background:url(../i/mainBoxBack.jpg) repeat-y;}
.mainBox .bottom{height:13px; background:url(../i/mainBoxBottom.gif);}

.text{color:#808C90; font-size:1.3em; line-height:1.5em; margin-bottom:10px;}
.basketSummary{float: right; margin-right:20px;}
.basketSummary .item .desc {font-weight: bold; float: left; margin-right: 60px;}
.basketSummary .item .value {float:right;}
.button a.right {margin-right: 40px; float: right;}
.separator {display: block; border-bottom: 1px solid #D9CEC4; height: 10px; margin-bottom: 10px; margin-right: 25px; }

h1{font-size:1.6em; color:#865365; margin-bottom:5px; font-weight: bold;}
h1 a{color:#865365; text-decoration: none;}
h1 a:hover{text-decoration: underline;}
h2{font-size:1.6em; color:#865365;}

a{color:#398C62; text-decoration: none; font-weight: bold;}
a:hover{text-decoration: underline;}

.infoPic{position:relative; left:20px; margin-left:-10px; float:right;}

.btnDownload{width:79px;}
.btnDownload a{display:block; height:15px; background:url(../i/btnDownload.gif) 0px 0px;}
.btnDownload a:hover{background-position:0px -15px;}

/* Shop Pages */

.products .item{float:left; width:198px; height:194px; background:url(../i/browseProductBack.gif);}
.products .pic{text-align:center; height:140px;}
.products .pic img{margin-top:26px;}
.products .name{height:20px;}
.products .name a{position:relative; top:7px; margin:0 12px; font-size:1.1em; font-weight:bold; color:#494850; text-decoration:none;}
.products .price{float:left; width:100px; margin:7px 0 0 12px; color:#494850;}
.products .salePrice{float:left; width:100px; margin:7px 0 0 12px; color:Red;}
.products .buy{float:right; margin:6px 10px;}
.products .buy a{display:block; width:41px; height:15px; background:url(../i/btnBrowseBuy.gif);}
.products .buy a:hover{background-position:0px -15px;}

.products .item{position:relative; margin-top:-2px;}


.pagingBar{height:20px; text-align:right; padding:0 70px 6px 0;}
.pagingBar, .pagingBar a{color:#865365; font-size:1.05em; text-decoration:none;}
.pagingBar a:hover{text-decoration:underline;}

/* Homepage */
#homepageIntro { width: 578px; padding: 0 10px; }
#homepageIntro .text { color: #7e6f5f; font-size: 1.4em; line-height: 1.3em; margin: 5px 0 5px 15px; }

#homepagePromos { width: 600px; display: inline-block; }
.promo { float: left; width: 300px; text-align: center; display: inline-block; }

/* Product Page */
.mainBox .inner .threeColumn { width: 100%; display: inline-block; }
.mainBox .inner .threeColumn .col1 { width: 30%; padding: 0 11px 0 0; float: left; border-right: 1px solid #d9cec4; }
.mainBox .inner .threeColumn .col2 { width: 30%; padding: 0 11px; float: left; border-right: 1px solid #d9cec4; }
.mainBox .inner .threeColumn .col3 { width: 30%; padding: 0 0 0 11px; float: left; }

.mainBox .price { font-size: 1.2em; color: #4a6186; margin: 0.2em 0; }
.mainBox .salePrice { font-size: 1.2em; color: #b01c50; margin: 0.2em 0; }
.mainBox .priceOff{text-decoration: line-through;}

.mainBox .variantSelect { font-size: 1.1em; font-weight: bold; margin: 15px 0 7px 0; color: #cdbb9d; border-bottom: 1px dashed #dfd7ce; }
.mainBox .variantSelect TD { padding-bottom: 15px; }

.mainBox .wishlist { margin: 5px 0; }
.mainBox .wishlist A { width: 121px; height: 23px; background: transparent url(../i/btnWishlist.gif) no-repeat 0 0; }
.mainBox .wishlist A:hover { background: transparent url(../i/btnWishlist.gif) no-repeat 0 -23px; }

.mainBox .emailFriend { margin: 5px 0; }
.mainBox .emailFriend A { width: 121px; height: 23px; background: transparent url(../i/btnEmailFriend.gif) no-repeat 0 0; }
.mainBox .emailFriend A:hover { background: transparent url(../i/btnEmailFriend.gif) no-repeat 0 -23px; }

.mainBox .productBuy { margin: 8px 0 0 0; }
.mainBox .productBuy A { width: 121px; height: 23px; background: transparent url(../i/btnProductBuy.gif) no-repeat 0 0; padding: 0 0 5px 0; }
.mainBox .productBuy A:hover { background: transparent url(../i/btnProductBuy.gif) no-repeat 0 -27px; }

.mainBox .productGallery .image { width: 164px; height: 164px; margin: 0 0 7px 0; background: transparent url(../i/bg_productGallery.jpg) no-repeat left top; }
.mainBox .productGallery .image IMG { padding: 30px; }
.mainBox .productGallery P { color: #4a6186; font-size: 1.2em; }
.mainBox .productGallery UL { margin: 7px 0; }
.mainBox .productGallery LI { display: inline; color: #4a6186; font-family: verdana, arial, sans-serif; font-size: 1.4em; font-weight: bold; }
.mainBox .productGallery LI A {text-align: center; width: 23px; height: 21px; padding: 2px 0 0 0; display: inline-block; background: transparent url(../i/bg_productGallerySelect.jpg) no-repeat 0 0; color: #4a6186; text-decoration: none; }
.mainBox .productGallery LI A.selected { color: #ffffff; background: transparent url(../i/bg_productGallerySelect.jpg) no-repeat 0 -23px; }

.mainBox .productGalleryBasket .image { width: 75px; height: 75px; margin: 0 0 7px 0; background: transparent url(../i/bg_productGalleryBasket.jpg) no-repeat left top; }
.mainBox .productGalleryBasket .image IMG { padding: 15px; }


.relatedProducts { width: 198px; height: 30px; background: transparent url(../i/titleRelatedInformation.gif) no-repeat left top; }
.relatedProducts .text { display: none; }

/* Gallery */
#gallerySearch { font-size: 1.6em; color: #623041; display: inline-block; width: 100%; margin: 20px 0 0 0; }
#gallerySearch .col { float: left; width: 28%; padding: 25px 0 0 20px; }
#gallerySearch .type { background: transparent url(../i/bg_type.gif) no-repeat left top; }
#gallerySearch .colour { background: transparent url(../i/bg_colour.gif) no-repeat left top; }
#gallerySearch .coat { background: transparent url(../i/bg_coat.gif) no-repeat left top; }
#gallerySearch .col LI { margin: 10px 0; }
#gallerySearch .unsure { text-align: right; float: right; margin: 8px 10px 0 0; }
#gallerySearch .unsure A { text-align: right; width: 251px; height: 13px; background: transparent url(../i/btn_unsure.gif) no-repeat right top; }
#gallerySearch INPUT[type=checkbox] { margin: 0 5px 0 0; }
#gallerySearch LABEL { margin: 0 0 0 0; }

#gallerySearch LABEL.unselected { background: transparent url(../i/bg_gallerycheckBox.gif) no-repeat left 50%; }
#gallerySearch LABEL.selected { background: transparent url(../i/bg_gallerycheckBox_checked.gif) no-repeat left 50%; }

#gallerySelect { width: 600px; }
#gallerySelect .col { width: 172px; float: left; margin: 0 27px 0 0; }
#gallerySelect .top { height: 40px; }
#gallerySelect .mini { background: transparent url(../i/bg_gallerySelect_mini.gif) no-repeat left top; }
#gallerySelect .medium { background: transparent url(../i/bg_gallerySelect_medium.gif) no-repeat left top; }
#gallerySelect .standard { background: transparent url(../i/bg_gallerySelect_standard.gif) no-repeat left top; }
#gallerySelect .inner { font-size: 1.4em; font-weight: bold; padding: 0 10px; background: transparent url(../i/bg_gallerySelect_r.gif) repeat-y left top; }
#gallerySelect .bottom { height: 13px; background: transparent url(../i/bg_gallerySelect_b.gif) no-repeat left top; }
#gallerySelect UL { padding: 5px 0; }
#gallerySelect LI { margin: 7px 0; }
#gallerySelect A { display: block; background: transparent url(../i/bg_paw_green.gif) no-repeat left center; padding: 0 0 1px 18px; color: #296146; text-decoration: none; }
#gallerySelect A:hover { background: transparent url(../i/bg_paw_brown.gif) no-repeat left center; color: #563c43; }

#dogFurtherInfo { display: none; width: 205px; height: 320px; margin: 0 20px; position: absolute; top: 0; left: 0; z-index: 2; background: transparent url(../i/dogFurtherInfo_pointer.gif) no-repeat right top; text-transform: capitalize; }
#dogFurtherInfoContainer { width: 186px; border: 2px solid #5e434a; background: transparent url(../i/dogFurtherInfo_bg.jpg) repeat-y left top; }
#dogFurtherInfo .image { width: 180px; height: 183px; margin: 0 auto; text-align: center; background: transparent url(../i/dogFurtherInfo_frame.jpg) no-repeat left top; }
#dogFurtherInfo .image IMG { margin: 8px 0; }
#dogFurtherInfo H3 { font-size: 1.7em; color: #e9e2d1; text-align: center; }
#dogFurtherInfo UL { border-top: 1px solid #73565e; border-bottom: 1px solid #73565e; margin: 3px 0 3px; padding: 3px 0; color: #dacbcf; font-size: 1.3em; }
#dogFurtherInfo LI { margin: 3px 0 3px 10px; background: transparent url(../i/dogFurtherInfo_paw.gif) no-repeat left 50%; padding: 0 0 0 19px; }
#dogFurtherInfo A { color: white; text-decoration: none; font-size: 1.1em; margin: 0 0 0 15px; padding: 0 0 5px 0; }

#preloadImages { display: none; }

.button A .text { display: none; }

/* DOG POPUP */
.dogPopup { width: 680px; padding: 25px 60px; margin: 0 auto; text-align: center; background: #F2E2C1 url(../i/bg_dogpopup.jpg) repeat-y 50% top; }
.dogPopup .masterContainer { text-align: left; }
.dogPopup H1 { color: #865365; font-size: 3.6em; font-weight: normal; }
.dogPopup .text { color: #7b5a4f; font-size: 1.3em; }
.dogPopup .intro { display: inline-block; }
.dogPopup .intro .col { width: 450px; float: left; margin: 0 40px 0 0; }
.dogPopup #dogInfo { width: 186px; height: 315px; float: left; border: 2px solid #5e434a; background: transparent url(../i/dogFurtherInfo_bg.jpg) repeat-y left top; }
.dogPopup #dogInfo .image { width: 180px; height: 183px; margin: 0 auto; text-align: center; background: transparent url(../i/dogFurtherInfo_frame.jpg) no-repeat left top; }
.dogPopup #dogInfo .image IMG { margin: 8px 0; }
.dogPopup #dogInfo H3 { font-size: 1.7em; color: #e9e2d1; text-align: center; }
.dogPopup #dogInfo UL { border-top: 1px solid #73565e; border-bottom: 1px solid #73565e; margin: 3px 0 3px; padding: 3px 0; color: #dacbcf; font-size: 1.3em; }
.dogPopup #dogInfo LI { margin: 3px 0 3px 10px; background: transparent url(../i/dogFurtherInfo_paw.gif) no-repeat left 50%; padding: 0 0 0 19px; }
.dogPopup #dogInfo A { color: #398c62; text-decoration: none; font-size: 1.1em; margin: 0 0 0 15px; padding: 0 0 5px 0; }
.dogPopup .gallery { clear: both; margin: 45px 0 0 0; }
.dogPopup .thumbnails { width: 180px; float: left; }
.dogPopup .thumbnails LI { float: left; margin: 0 10px 10px 0; border: 1px solid #ceb89f; padding: 5px; background: #eedbb7; }
.dogPopup .thumbnails LI IMG { cursor: pointer; }
.dogPopup .mainImg { float: left; background: #eedbb7; padding: 5px; border: 1px solid #ceb89f; }
.dogPopup .mainImg .preload { display: none; }
.dogPopup .galleryText { clear: both; margin: 15px 0 0 0 ; }

/* FORM */
.doodleForm .field { display: inline-block; padding: 5px 0; border-bottom: 1px solid #d9d1c1; }
.doodleForm .formLeft { float: left; width: 210px; padding: 8px 0 0 0; color: #865365; font-size: 1.4em; }
.doodleForm .formRight { float: left; width: 210px; font-size: 1.4em; }
.doodleForm .formLeftBasket { float: left; width: 80px; padding: 8px 0 0 0; color: #865365; }
.doodleForm .formRightBasket { float: left; width: 80px; }
.doodleForm .textBox INPUT { width: 210px; height: 23px; padding: 8px 0 0px 8px; vertical-align: top; color: #ffffff;  border: none; background: transparent url(../i/formText.gif) no-repeat left top; }
.doodleForm .formLeftBasket .textBox INPUT {font-size: 1.4em; height: 31px; padding: 5px 0 0px 8px; vertical-align: top; color: #ffffff;  border: none; background: transparent url(../i/formTextBasket.gif) no-repeat left top; }
.doodleForm .textBoxSmall INPUT {width: 25px; height: 31px; padding: 5px 8px 0px 5px; vertical-align: top; color: #ffffff;  border: none; background: transparent url(../i/formTextBasket.gif) no-repeat left top; }
.doodleForm .error INPUT { background: transparent url(../i/formErrorText.gif) no-repeat left top; }
.browserIE6 .doodleForm .error INPUT { position: relative; top: 1px; }
.doodleForm .formRight .errorMsg { display: none; padding: 2px 0 8px 8px; color: #8c0023; border: 1px solid #d88989; border-top: none; background: #e3acac; }
.doodleForm .error .errorMsg { display: block; }
.doodleForm .dropDownList .formRight { height: 31px; background: transparent url(../i/formText.gif) no-repeat left top; }
.doodleForm .dropDownList SELECT { height: 22px; width: 202px; margin: 4px 4px 0 4px; padding: 1px 0 0px 0; color: #ffffff; border: none; background: #cdbb9d; }
.doodleForm .textArea TEXTAREA { width: 196px; height: 87px; padding: 7px; color: #ffffff; border: none; overflow: auto; background: transparent url(../i/formTextarea.gif) no-repeat left top; }
.doodleForm .error TEXTAREA { background: transparent url(../i/formErrorTextarea.gif) no-repeat left top; }
.doodleForm .variantSelect { font-size: 1.4em; font-weight: normal; margin: 2px 0 0px 0; height: 27px; padding: 5px 0 0 0; color: #cdbb9d; border-bottom: none; }
.doodleForm .variantSelect LABEL { margin: 0 8px 0 0; }
.doodleForm #gallerySearch { font-size: 1.4em; height: 27px; width: 210px; margin: 0; padding: 5px 0 0 0; color: #cdbb9d; display: inline-block; }
.doodleForm #gallerySearch INPUT[type=checkbox] { margin: 0 5px 0 0; }
.doodleForm #gallerySearch LABEL { margin: 0 8px 0 0; }
.doodleForm .submit, .doodleForm .button { margin: 15px 15px 5px 5px; float: right; }
.doodleForm .submit A, .doodleForm .button A { padding: 0 0 0 18px; font-size: 1.3em; color: #4a6186; text-decoration: none; background: transparent url(../i/bg_paw_blue.gif) no-repeat left 50%; font-weight: normal;}
.doodleForm .errorMsg2 {padding: 2px 0 8px 8px; color: #8c0023; border-top: none; font-size:1.1em; line-height:1.5em; margin: 10px 0 10px 0}


/* Checkout */
.pageCheckout .form { margin-bottom:20px; font-size:1em;}
.pageCheckout #gallerySearch { margin: 0 0 0 0; font-size: 1em}
.pageCheckout p{ margin-bottom:10px;}
.pageCheckout .pageIntro { margin-bottom:10px; }
.pageCheckout ul.breadCrumb { display:block; margin-bottom:10px; }
.pageCheckout ul.breadCrumb li { display:inline; padding-right:10px; }
.pageCheckout ul.breadCrumb li strong { font-weight:bold; }
.pageCheckout .btn { margin-bottom:10px; }
.pageCheckout h2 { font-weight:bold; margin-bottom:10px; }
.pageCheckout .addresses { margin-bottom:10px; }
.pageCheckout .addressBar { margin-bottom:3px; height: 20px;}
.pageCheckout .addressBar input { vertical-align:middle; }
.pageCheckout .addressBar label { vertical-align:middle; padding-left:5px; }
.pageCheckout .confirmAddresses { margin-bottom:20px; }
.pageCheckout .confirmAddresses .confirmAddress { width:200px; float:left; }
.pageCheckout .confirmAddresses .confirmAddress a { display:block; width:30px; margin-top:5px; }
.pageCheckout .basket { font-size:1em; }
.pageCheckout .basket .items { margin-bottom:20px; }
.pageCheckout .summary { margin-bottom:20px; }
.pageCheckout .discount { margin-bottom:20px; }
.pageCheckout .discount .answer { width:150px; float:left; }
.pageCheckout .discount .answer input { width:120px; }
.pageCheckout .discountButton{float:left; position: relative; top: -5px;}
.pageCheckout .discountTextBox{float:left; }
.pageCheckout .doodleForm .discountRight {float: left; font-size: 1.4em;}

/* Order History */
.pageOrderHistory .pageIntro { font-size:1.2em; padding-top:10px; margin-bottom: 20px; }
.pageOrderHistory .Order {margin-bottom: 20px; font-size:1.2em;}
.pageOrderHistory .OrderTable {width:100%; border-collapse:collapse;}
.pageOrderHistory .OrderTable td{ padding:5px;}
.pageOrderHistory .OrderDetail td{ border-bottom:1px solid #B7DDF7;}

/* Slideshow */
.slideshowWrapper {padding-left:80px;}
.slideshow {background: url(../i/slideshow-back.gif) no-repeat top left; height: 446px; display: block;}
#slideshowPics a {display: none; margin-left: 14px; margin-top: 14px;}