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




body {
	background-image: url(../images/Background/MainBG.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color:#F2F2F2;
	margin:0px;
}
/* LAYOUT */


#container {
	width:800px;
	margin:0 auto;
}
#header {
	width:800px;
	height:150px;
	position:relative;
}
#MainBody {
	width:800px;
	position:relative;
}


#MainCurveTop { width:805px; height:18px; background-image:url(../images/Background/MainCurveTop.png); background-repeat:no-repeat; margin-top:10px;}
#MainCurveMiddle { width:803px;background-image:url(../images/Background/MainCurveMiddle.png); background-repeat: repeat-y;}
#MainCurveBottom { width:805px; height:18px; background-image:url(../images/Background/MainCurveBottom.png); background-repeat:no-repeat;}


#HomeFeature {
	background-image:url(../images/Background/HomeFeatureBG.jpg);
	background-repeat:no-repeat;
	width:804px;
	height:354px;
	margin-top:15px;
	position:relative;
}
#menu {
	padding:20px 0px 0 0px;
}
ul#main_menu {
	list-style-type:none;
	position:relative;
	height:28px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-size:20px;
	margin:0;
	padding:8px 0 0 0;
}
ul#main_menu li {
	display:block;
	float:left;
	height:28px;
}
ul#main_menu li.left {
	margin:0;
}
ul#main_menu li a {
	background:url(../images/Nav/Nav_bg.gif);
	display:block;
	float:left;
	color: #ffffff;
	line-height:28px;
	text-decoration:none;
	height:28px;
	width:135px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	text-align:left;
}
ul#main_menu li a.right {
	padding-right:19px;
}
ul#main_menu li a:hover {
	background: url(../images/Nav/Nav_bg.gif);
	color:#0099FF;
}
#TLPosition {
	padding-left:20px;
	padding-top:20px;
}
.logo {
	width:125px;
	padding-top:30px;
}
.UnderLicence {
	width:128px;
	height:73px;
	position:absolute;
	left: 672px;
	top: 6px;
}
hr {
	border:0 none;
	margin: 0 auto 0 0;
	width: 495px;
	/*	height:1px; */ 	
  	color:#93897D;
	text-align:left;
	border-top: 1px solid;
	margin-top:10px;
}
#footer {
	background-color:#766B5E;
	height:200px;
	margin-top:30px;
	width:100%;
}
#FooterContainer {
	margin: 0 auto;
	width:800px;
	height:200px;
	position: relative;
}
#FooterText {
	float:right;
	width:500px;
	margin-top:10px;
	text-align:right;
}
.eighteenArialGrey {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#B4ABA0;
	letter-spacing:-1px;
}
.fourteenArialGrey {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#B4ABA0;
	letter-spacing:-1px;
}
.fourteenArialWhite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	letter-spacing:-1px;
}

.fourteenArialWhite a {
	color:#FFFFFF;
	text-decoration:none;
}

.fourteenArialWhite a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}


#SUL {
	position:absolute;
	width: 215px;
	left: 0px;
	top: 14px;
}
#RACFooter {
	width:103px;
	height:57px;
	float:left;
}
#PetbrandsLogoFooter {
	width:103px;
	height:57px;
	float:left;
}
.ViewRange {
	width:126px;
	height:30px;
	position:absolute;
	left: 86px;
	top: 104px;
}
.ThirtyPercentOffBadge {
	width:123px;
	height:120px;
	position:absolute;
	left: 713px;
	top: -39px;
	z-index: 1;
	[if !IE 6] background-image:url(../images/ThirtyOffPromo.png);
	[if IE 6] background-image:url(../images/ThirtyOffPromoIE.png);
}
#ContactUsBox {
	background-image:url(../images/Background/CaptionBorder.jpg);
	font-family: Helvetica, Arial, sans-serif;
	background-repeat:no-repeat;
	width:210px;
	height:75px;
	position:absolute;
	left: 240px;
	top: 122px;
	padding-left:16px;
	padding-top:16px;
}
#ContactUsBoxPP {
	background-image:url(../images/Background/CaptionBorder.jpg);
	font-family: Helvetica, Arial, sans-serif;
	background-repeat:no-repeat;
	width:210px;
	height:75px;
	position:absolute;
	left: 543px;
	top: 11px;
	padding-left:16px;
	padding-top:16px;
}
.IntroText {
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#766B5E;
	background-repeat:no-repeat;
	width:360px;
	position:absolute;
	left: 174px;
	top: 225px;
	line-height:14px;
}

.ProdIntroText{
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#766B5E;
	background-repeat:no-repeat;
	line-height:14px;
	padding: 20px;
}

.ContactUs {
	font-size:25px;
	color:#93897D;
	font-weight:bold;
	letter-spacing:-1px;
}
.ContactMethod {
	font-size:14px;
	color:#F68B1F;
	font-weight:bold;
	letter-spacing:-1px;
}


#ProdBox{ width:192px; height:200px; float:left; margin-left:5px; margin-top: 10px;}
#ProdBox a img {border:none; text-decoration:none;}
#ProdBox a:hover img {border:1px solid; color:#F68B1F;}


#ProdBox a {
	text-decoration:none;
}
#ProdBox a:hover {
	text-decoration: underline;
	color:#766B5E;
}


/* TEXT FORMATTING */


.PetsInTransitTitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 32px;
	color:#766B5E;
	letter-spacing:-2px;
}
.TravlAccForPetsTitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 26px;
	color:#EC7820;
	letter-spacing:-2px;
	line-height:20px;
	padding-left:20px;
}
.ElevenWhite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
/* SCROLLING MENU */



#scroller {
	width:804px;
	height:184px;
	background-image:url(../images/scroller/scrollerBG.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
}
#carousel_inner {
	float:left; /* important for inline positioning */
	width:768px; /* important (this width = width of list item(including margin) * items shown */
	overflow: hidden;  /* important (hide the items outside the div) */
	/* non-important styling bellow */

	margin-left:15px;
	position:relative;
	background-color:#FFFFFF
}
#carousel_ul {
	position:relative;
	left:-192px; /* important (this should be negative number of list items width(including margin) */
	list-style-type: none; /* removing the default styling for unordered list items */
	margin: 0px;
	padding: 0px;
	width:9999px; /* important */
	/* non-important styling bellow */
	padding-bottom:10px;
}
#carousel_ul li {
	float: left; /* important for inline positioning of the list items */
	width:192px;  /* fixed width, important */
	/* just styling bellow*/
	padding:0px;
	height:170px;
	background: #ffffff;/*margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; */
}
#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
	/* styling */
cursor:pointer;
	cursor: hand;
	border:0px;
}
#carousel_ul li a {
	text-decoration:none;
}
#carousel_ul li a:hover {
	text-decoration: underline;
	color:#766B5E;
}
#left_scroll, #right_scroll {
	float:left;
	height:130px;
	width:15px;
	background: #C0C0C0;
}
#left_scroll img, #right_scroll img {
	border:0; /* remove the default border of linked image */
	/*styling*/
cursor: pointer;
	cursor: hand;
}
.ScrollerLeftBut {
	width:24px;
	height:38px;
	position:absolute;
	left: -24px;
	top: 435px;
	border:none;
}
.ScrollerRightBut {
	width:24px;
	height:38px;
	position:absolute;
	left: 800px;
	top: 435px;
	border:none;
}
.ScrollerText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#93897D;
	letter-spacing:-1px;
	padding-left: 3px;
}

.ScrollerText h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#766B5E;
	margin:0px;
	letter-spacing:-1px;
}


.spacer { clear:both}