@charset "utf-8";

/* Original design work copyright © OCDesignsOnline, All Rights Reserved. Used with permission by Mammoth Pet Supplies. */

/* General page formatting
-------------------------------------------------- */
body				{ margin:0 2px !important; padding:0 !important; }
.x-bg				{ background-color:#FFF; padding:0; }
.x-bg *				{ margin:0; padding:0; }
.x-bg img				{ border:0; }
.x-bg, .x-content			{ margin:0 auto; text-align:center; vertical-align:top; }
.x-content			{ width:960px; background-color:#FFF; padding:0 0 10px !important; overflow:hidden; }
#CentralArea			{ padding:0 !important; }
#TopPromoArea			{ display:none !important; margin:0 !important; padding:0 !important; }

p, a, .x-bg, .x-bg p, .x-bg a		{ font:12px Tahoma, Geneva, Verdana, Sans-serif; color:#616161; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 		{ color:#70006C; text-decoration:none; }
a:hover, .x-bg a:hover		{ color:#0295D5; text-decoration:underline; }



/* Header formatting
-------------------------------------------------- */
#x-header			{ position:relative; width:960px; height:190px; background:transparent url(images/x-header.png) 0 0 no-repeat; margin:0 auto; padding:0; }
#x-logo				{ position:absolute; left:12px; top:0px; }
#x-logo, #x-logo img		{ width:148px; height:129px; border:0; }
#x-askvet				{ position:absolute; left:720px; top:96px; }
#x-askvet, #x-askvet img		{ width:158px; height:30px; border:0; }

#x-search			{ position:absolute; left:648px; top:55px; width:300px; height:24px; background:transparent url(images/x-search.png) 0 0 no-repeat; }
#x-search form			{ display:inline; }
#x-search #x-query			{ width:300px; height:24px; margin:0; overflow:hidden; }
#x-search #x-query .v4sbox		{ width:250px; height:14px; border:0 none; background-color:transparent; font:11px Tahoma, Geneva, Verdana, Sans-serif; color:#616161; line-height:14px; margin:0; padding:5px 8px; float:left; } 
#x-search #x-query .x-lookup	{ margin:0; padding:0 3px 0 0; float:right; }

#x-menu				{ position:absolute; left:0; top:135px; width:960px; }
#x-menu, x-menu ul li a span	{ height:41px; }
#x-menu ul			{ list-style-type:none; margin:0 5px; padding:0; }
#x-menu ul li			{ float:left; margin:0; }
#x-menu ul li a, #x-menu ul li a span	{ display:block; text-align:center; font:bold 14px Tahoma, Geneva, Verdana, Sans-serif; color:#FFF; line-height:41px; text-decoration:none; cursor:pointer; }
#x-menu ul li a			{ background:transparent url(images/x-menu-button-r.png) right top no-repeat; padding:0 2px 0 0; }
#x-menu ul li a.last			{ background-image:none; padding:0; }
#x-menu ul li a span		{ background:transparent url(images/x-menu-button.png) left top no-repeat; padding:0 12px; }
#x-menu ul li a:hover, 
#x-menu ul li a:hover span		{ color:#FFF; text-decoration:none; }
#x-menu ul li a:hover		{ background-position:right bottom; }
#x-menu ul li a:hover span		{ background-position:left bottom; }



/* Left nav bar formatting
-------------------------------------------------- */
#LeftPanel			{ margin:0 !important; padding:0 !important; vertical-align:top !important; float:left; }
#LeftPanel, #LeftPanel h4,
#x-cat, #x-news, .x-ln-ft, 
.x-ln-ft01, .x-ln-ft02, .x-ln-ft03, 
.x-ln-ft04, .x-ln-ft05, .x-ln-ft06		{ width:210px !important; text-align:left; }
#LeftPanel ul			{ list-style-type:none; margin:0; padding:0; }
#LeftPanel .ttl, #LeftPanel .cnt,
#LeftPanel .all_cats, #LeftPanel .link,
#LeftPanel .v4acpcont		{ display:none !important; }

#LeftPanel h4			{ height:44px; background:transparent url(images/x-ln-title.png) 0 0 no-repeat; display:block; margin:0; padding:0; }
#LeftPanel h4.dogs			{ background-image:url(images/x-ln-title-dogs.png); }
#LeftPanel h4.cats			{ background-image:url(images/x-ln-title-cats.png); }
#LeftPanel h4.birds			{ background-image:url(images/x-ln-title-birds.png); }
#LeftPanel h4.fish			{ background-image:url(images/x-ln-title-fish.png); }
#LeftPanel h4.horses		{ background-image:url(images/x-ln-title-horses.png); }
#LeftPanel h4.mammals		{ background-image:url(images/x-ln-title-mammals.png); }

.x-ln-ft				{ background:transparent url(images/x-ln-ft.png) 0 0 no-repeat; height:6px; margin:0 0 12px; }
.x-ln-ft01				{ background-image:url(images/x-ln-ft01.png); }
.x-ln-ft02				{ background-image:url(images/x-ln-ft02.png); }
.x-ln-ft03				{ background-image:url(images/x-ln-ft03.png); }
.x-ln-ft04				{ background-image:url(images/x-ln-ft04.png); }
.x-ln-ft05				{ background-image:url(images/x-ln-ft05.png); }
.x-ln-ft06				{ background-image:url(images/x-ln-ft06.png); }


#x-dogs ul li			{ background:transparent url(images/x-ln-dv01.png) 0 0 no-repeat; padding:2px 0 0; }
#x-dogs ul li a			{ background:transparent url(images/x-ln-btn01.png) left top no-repeat; display:block; margin:0; padding:0 10px;
				  color:#0295D5; font:normal 13px Tahoma, Geneva, Verdana, Sans-serif; text-decoration:none; line-height:23px; }
#x-dogs ul li a:hover		{ color:#0295D5; text-decoration:none; background-position:left bottom; }

#x-cats ul li			{ background:transparent url(images/x-ln-dv02.png) 0 0 no-repeat; padding:2px 0 0; }
#x-cats ul li a			{ background:transparent url(images/x-ln-btn02.png) left top no-repeat; display:block; margin:0; padding:0 10px;
				  color:#00AA6F; font:normal 13px Tahoma, Geneva, Verdana, Sans-serif; text-decoration:none; line-height:23px; }
#x-cats ul li a:hover		{ color:#00AA6F; text-decoration:none; background-position:left bottom; }

#x-birds ul li			{ background:transparent url(images/x-ln-dv03.png) 0 0 no-repeat; padding:2px 0 0; }
#x-birds ul li a			{ background:transparent url(images/x-ln-btn03.png) left top no-repeat; display:block; margin:0; padding:0 10px;
				  color:#F4AC0E; font:normal 13px Tahoma, Geneva, Verdana, Sans-serif; text-decoration:none; line-height:23px; }
#x-birds ul li a:hover		{ color:#F4AC0E; text-decoration:none; background-position:left bottom; }

#x-fish ul li			{ background:transparent url(images/x-ln-dv04.png) 0 0 no-repeat; padding:2px 0 0; }
#x-fish ul li a			{ background:transparent url(images/x-ln-btn04.png) left top no-repeat; display:block; margin:0; padding:0 10px;
				  color:#C80206; font:normal 13px Tahoma, Geneva, Verdana, Sans-serif; text-decoration:none; line-height:23px; }
#x-fish ul li a:hover			{ color:#C80206; text-decoration:none; background-position:left bottom; }

#x-horses ul li			{ background:transparent url(images/x-ln-dv05.png) 0 0 no-repeat; padding:2px 0 0; }
#x-horses ul li a			{ background:transparent url(images/x-ln-btn05.png) left top no-repeat; display:block; margin:0; padding:0 10px;
				  color:#00962F; font:normal 13px Tahoma, Geneva, Verdana, Sans-serif; text-decoration:none; line-height:23px; }
#x-horses ul li a:hover		{ color:#00962F; text-decoration:none; background-position:left bottom; }

#x-mamm ul li			{ background:transparent url(images/x-ln-dv06.png) 0 0 no-repeat; padding:2px 0 0; }
#x-mamm ul li a			{ background:transparent url(images/x-ln-btn06.png) left top no-repeat; display:block; margin:0; padding:0 10px;
				  color:#73026F; font:normal 13px Tahoma, Geneva, Verdana, Sans-serif; text-decoration:none; line-height:23px; }
#x-mamm ul li a:hover		{ color:#73026F; text-decoration:none; background-position:left bottom; }



/* Homepage formatting
-------------------------------------------------- */
#x-home				{ width:736px; margin:0 auto; padding:0; float:right; }
.x-tb-title h4			{ text-align:left; font:normal 15px Trebuchet MS, Arial, Sans-serif; color:#131212; line-height:35px; margin:0; padding:0 20px; }

#x-cam				{ position:relative; width:736px; height:284px; margin:0 0 12px; }
#x-cam-dog			{ position:absolute; left:0; top:0; }
#x-cam-cat			{ position:absolute; left:245px; top:0; }
#x-cam-bird			{ position:absolute; left:491px; top:0; }
#x-cam-dog, #x-cam-dog img	{ width:245px; height:284px; }
#x-cam-cat, #x-cam-cat img		{ width:246px; height:284px; }
#x-cam-bird, #x-cam-bird img	{ width:245px; height:284px; }

#x-wel				{ width:736px; height:168px; background:transparent url(images/x-welcome.png) 0 0 no-repeat; margin:0 0 12px; }
#x-wel p				{ text-align:left; font:normal 12px Tahoma, Geneva, Verdana, Sans-serif; color:#616161; line-height:18px; padding:44px 10px 0; }
#x-wel p a, #x-wel p a:visited,
#x-wel p a:active, #x-wel p a:link	{ color:#705B6F; text-decoration:underline; }
#x-wel p a:hover			{ color:#70006C; text-decoration:underline; }

#x-ban				{ width:736px; height:238px; margin:0 0 12px; }
#slider				{ position:relative; overflow:hidden; }
#slider, #slider img			{ width:736px; height:238px; }
#slider li				{ position:absolute; top:0; left:0; }
.prev-link, .next-link		{ display:block; width:24px; height:24px; background-repeat:no-repeat; background-position: left top; position:absolute; bottom:10px; z-index:300; }
.prev-link				{ left:10px; background-image:url(images/prev.png ); }
.next-link				{ left:40px; background-image:url(images/next.png ); }
.circle				{ display:block; width:16px; height:16px; background:url(images/circle-empty.png ) 0 0 no-repeat; position:absolute; bottom:10px; z-index: 300; }
.circle-current			{ background-image:url(images/circle-full.png ); }

.x-title, .x-title img			{ width:736px; height:30px; }

.x-sc, .x-sc a			{ width:224px; height:270px; }
.x-sc				{ background:transparent url(images/x-sc-bg.png) 0 0 no-repeat; margin:12px 0 0 32px; float:left; }
.x-sc-first				{ margin:12px 0 0; }
.x-sc a, .x-sc a:visited,
.x-sc a:active, .x-sc a:link		{ color:#FFF; text-decoration:none; text-align:center; font:normal 15px Tahoma, Geneva, Verdana, Sans-serif; display:block; }
.x-sc a:hover			{ color:#F4D65C; text-decoration:none; }
.x-sc img				{ width:174px; height:174px; display:block; margin:26px 25px 22px; }



/* Subpage formatting
-------------------------------------------------- */
#x-sub				{ width:736px; margin:0 auto; padding:0; float:right; }

img.x-about-banner			{ width:736px; height:238px; margin:6px 0 12px; }

.x-atb-title-01, .x-atb-title-02,
.x-atb-mid-01, .x-atb-mid-02		{ width:736px; } /* section text box */
.x-atb-title-01			{ background:transparent url(images/x-atb-title-01.png) 0 0 no-repeat; height:50px; }
.x-atb-title-02			{ background:transparent url(images/x-atb-title-02.png) 0 0 no-repeat; height:50px; }
.x-atb-mid-01			{ background:transparent url(images/x-atb-bg-01.png) left bottom no-repeat; margin:0 0 12px; padding:0 0 10px; overflow:hidden; }
.x-atb-mid-02			{ background:transparent url(images/x-atb-bg-02.png) left bottom no-repeat; margin:0 0 12px; padding:0 0 10px; overflow:hidden; }
.x-atb-ins				{ padding:0 15px 0; } /* inset */
.x-atb-mid-01, .x-atb-mid-01 p, 
.x-atb-mid-01 a, .x-atb-mid-01 li	{ text-align:left; font:12px Tahoma, Geneva, Verdana Sans-serif; color:#616161; line-height:18px; }
.x-atb-mid-02, .x-atb-mid-02 p, 
.x-atb-mid-02 a, .x-atb-mid-02 li	{ text-align:left; font:12px Tahoma, Geneva, Verdana Sans-serif; color:#C28700; line-height:18px; }
.x-atb-mid-01 p, .x-atb-mid-02 p,
.x-atb-mid-01 ul, .x-atb-mid-02 ul	{ padding:0 0 15px; list-style-type:none; }
.x-atb-mid-01 li, .x-atb-mid-02 li	{ background:transparent url(images/x-bullet.png) 0 0 no-repeat; padding:0 0 5px 15px; line-height:18px; } /* bullet img w10px h15px */
.x-atb-mid-01 a, .x-atb-mid-01 a:visited,
.x-atb-mid-01 a:active, .x-atb-mid-01 a:link { color:#616161; text-decoration:underline; }
.x-atb-mid-01 a:hover		{ color:#191919; text-decoration:underline; }
.x-tb-mid-02 a, .x-tb-mid-02 a:visited,
.x-tb-mid-02 a:active, .x-tb-mid-02 a:link { color:#C28700; text-decoration:underline; }
.x-tb-mid-02 a:hover		{ color:#A47201; text-decoration:underline; }



/* Footer formatting
-------------------------------------------------- */
#x-footer				{ width:100%; height:54px; margin:0 auto; background:transparent url(images/x-footer.png) 0 0 repeat-x; }
#x-footer .x-ftinset			{ width:940px; height:54px; margin:0 auto; }
#x-footer, #x-footer a		{ text-align:left; font:normal 11px Tahoma, Geneva, Verdana, Sans-serif; color:#FFF; letter-spacing:0.04em; padding:0; line-height:54px; }
#x-footer a, #x-footer a:link,
#x-footer a:active			{ color:#E5E4E4; text-decoration:none; }
#x-footer a:hover			{ color:#FFF; text-decoration:underline; }