/* Default LF CSS */

body {  font-family: Calibri, Arial, Trebuchet MS; font-size:83%; background:#ffffff url(/images/topBg.png) top right no-repeat;  }

/* Clear styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
br.clear { clear:both; height:0; margin:0; font-size: 1px; line-height:0px;} 
hr.sep {background-color:#dad9d9; color:#b9b6b6; border:0px; line-height:1; height:1px; width:94%; float:left;}


/*      Default Form Styles      */
input, select, label, textarea { font-size:100%; padding:4px; margin:2px 0 4px 0; display:block; background:white; border:1px solid #d5d4d4;}
label {border:0;}
input.submit { margin:10px 0 15px 0; padding:3px 20px 3px 20px; font-size:120%; color:#003300;float:right;}
textarea { width:300px; height:116px;}
.a {width:120px;}
input[type=hidden] { border:0; margin:-1px; display:none;}


/*      Error Handling      */
.success { font-size:105%; color:#006600; margin:10px 0; font-weight:bolder;}
.error, .alert { border-top:1px solid #FF0000; border-bottom:1px solid #FF0000; padding:0px 15px; text-align:left; font-style:italic; color:#FF0000; font-size:105%; font-weight:bolder;}
#flash_notice { width:350px; left:50%; margin:0 0 0 200px; text-align:center; font-size:100%;}


/*      Link Styles      */
a {  cursor:pointer; outline-style:none;}
a, a:link, a:visited { color:#5a5b5c; text-decoration:none;}
a:hover { color:#990000 !important}
a.delete { color:#CC0000 !important}
a.delete:hover { color:#333333;}

div#nav2 ul li { color:#333333 !important }

/*      Header Styles      */
h1 { font-size:150%; font-weight:normal; margin:0px 0 0 0; color:#333333; text-transform:capitalize;}
	#cart h1 { width:30%; clear:both;}
	#cart #checkOut h1 { width:100%; }
h2 { font-size:120%; font-weight:normal; margin:0 0 5px 0px; color:#666666;}
  h2 em { font-style:normal; color:#000000; font-weight:bolder;}
h3 { font-size:130%; font-weight:normal; margin:0px 0 5px 0px; color:#2d539c;}
h4 { font-size:110%; font-weight:normal; margin:0px 0 5px 0px; color:#999999;}


/*      Base Layout CSS         */
#active_featured {clear:both;display:inline-block;margin: 0 0 10px 0;width:100%;}
.date {display:inline;}
.email {display:inline;}
#active_featured .owner {display:inline;width:120px;}
.dogname {display:inline;width:120px;}
.red {display:inline;}
.red a {color:red !important}
.date_submitted {width:50px;float:left;padding: 0 30px 0 0; display: block;}
.location {width:140px; float:left;display: block; overflow: hidden;}
.name_person {width:160px;float:left;display: block;}
.name_dog {float:left; width:90px;display: block;}
.featured {float:left; width:60px;padding: 0 14px 0 0;display: block;}
/*.active {float:left; width:90px;padding: 0 14px 0 0;display: block;}*/
.career { margin: 0 0 0 10px;}
#hold {width: 200px;float:left;}
#holdL {float:left; padding: 0 0 0 120px; }
.text {line-height:20px;}
	.text p { margin:0 0 10px 0;}
.btn {margin: 20px 0 10px 0;}

.price {margin: 20px 0 0; font-size:130%;}
    .price h2 {display:inline; font-size:110%;}


#box1 {width:300px; height:auto;  float:left; }
    #box1 .text {font-size:92%; border-right:1px solid #dcdada; padding: 10px 50px 23px 0;  height:auto; color:#5c5c5c;}
	#box1 h1 {margin:-4px 0 0; text-transform:capitalize;}   
	
#box2 {width:370px; height:auto; float:left; padding: 0 0 0 30px;}
    #box2 h1 {margin:-4px 0 20px;} 
    #box2 .read {float:right;padding: 0 0 16px 0;}

#box3 {height:auto; width: 100%; float:left; margin: 26px 0 20px 0px; clear:both; border-top: 1px solid #b9b6b6; padding: 26px 0 0;}
    #box3 .text {color:#a09f9f; font-size:80%; width:100%; font-style:italic;line-height:normal;}
    #box3 a:link {color:#a09f9f; text-decoration:underline;}
    #box3 .des {width: auto; padding: 0 20px 0 8px; font-size:100%; float:left;}
    #box3 h2 {color:#3172b9; font-weight:bold; font-size:98%; margin:0 0 4px; }
    #box3 h3 {color:#707171;  margin:0; padding:0;font-size:80%; display:inline;}
    .adPit {clear:both; padding:12px 0 0;}

#adoptPit { clear:both; padding: 20px 0 0;}
	#adoptPit p { text-align:left; width:122px; margin:0 60px 0 0; float:left;}
	#adoptPit p font b { font-weight:normal; color:#666 !important }
	#adoptPit p font b i { color:#CCCCCC; }
	#adoptPit p font a:link, #adoptPit p font a:visited { color:#3173b9; }
	#adoptPit input { padding: 0; }
	
.leftp {float:left;}

#productholder {border-right:1px solid #dcdada; width:auto; height:100%; padding: 0 0 20px 0;}

.productS {width:147px; float:left; margin:45px 30px 0 0; height:auto; }
    .productS img {clear:both;}

.prdes {width:150px; height:31px; margin:23px 0 0;}
.des {width:105px; float:left; height:auto;}
    .des h1 {color:#435d2b; font-size:80%;margin:0;}
    .des h2 {color:#435d2b; font-size:80%;margin:0;}
.pr {width:45px;float:left; background:#e5e4e4;padding:3px 0 3px; text-align:center; font-size:120%;}

#signup {width:167px; height:auto; margin: 37px 0 0; text-align:left; padding: 0 0 0 32px;}
    #signup h1 { color:#3f403f; font-size:130%; width:70%;}
    #signup .text {color:#a09f9f; font-size:80%; width:90%; margin:0 0 10px;line-height:normal;}
    #signup .btn {margin: 0 0 0 74px; border:0;}
	
#header { height:166px; width:100%; background:url(/images/topBg.png) top left repeat-x;}

#container { width:956px; text-align:left;}
#navside {width:206px; float:left;}
#flashside { margin:80px 0 0 0; width:750px; float:left;}

#flash {margin:0 0 10px 25px; float:left; width:725px;}

.topPic { margin:0 0 0 25px; }


#logo { position:absolute; top:18px; left:414px; margin:0;}


#box2 img.calBtn2 { float:left; clear:both; margin:14px 0 0 30px; }

#topFlash {background:url(/images/topflash.png) no-repeat; padding:0; height:5px; width:100%;}
#btmFlash {background:url(/images/btmFlash.png) no-repeat; padding:0; height:5px; width:100%;}
#flashHolder {background:url(/images/bgFlash.png) repeat-y; padding:0 0 2px 6px;}
    #flashside h5 {color:#3172b9; font-weight:bold; font-size:150%; margin:0px; }
    #flashside .texts {color:#a09f9f; padding: 10px 0 20px 3px;}

#nav2 {width:110px; height:44px; border-top:1px solid #ebebea; border-bottom:1px solid #ebebea;  margin: 85px 0 60px 45px;}
	#nav2 li {padding: 0px 0 0 0;}

#nav { width:123px; clear:both; margin: 98px 0 0 45px; font-family: Cambria, "Times New Roman", serif;}
	#nav ul {border-top:1px solid #ebebea;}
	#nav li {border-bottom:1px solid #ebebea; }
	#nav li a { display: block; color: #434343; line-height: 26px; text-decoration: none; font-size: 12px;}
	#nav li a:hover { color: #111; }
	#nav li.active a { font-style: italic; color: #111 !important; }

.sneak {clear:both; padding: 50px 0 0 0px; width:58%;}

#getCal { width:206px; float:left; height:auto; padding: 0px 28px 0 0; margin: 0px 0 ;}
#content { width:700px; float:left; padding:20px 0 0 42px;}
	#content .left {padding: 0 0px 0px 0px; width:33%; float:left;}
   		#content .left .text {font-size:90%; margin: 2px 0 0; color:#5c5c5c;}
	#content .right {float:left; margin: 0 54px 0px;}
    #content .left2 {padding: 0 40px 10px 0px; width:54%; float:left;border-right:1px solid #dcdada; }
   		#content .left2 .text {font-size:90%; margin: 2px 0 10px; color:#5c5c5c;}
        #content .left2 h1 {margin: 0px 0 0;}
    #content .right2 {float:left; width:30%; padding: 0 0 0 40px;}
    	#content .right2 .text {color:#a09f9f; font-size:80%; width:100%; font-style:italic; padding: 0 0 0px;line-height:normal;}
    	#content .right2 a:link, #content .right2 a:visited {color:#3172B9; text-decoration:underline;}
    	#content .right2 .des {width: 156px; font-size:100%; float:left;}
   	 	#content .right2 h2 {color:#3172b9; font-weight:bold; font-size:98%; margin:0 0 2px; }
    	#content .right2 h3 {color:#707171;  margin:0; padding:0;font-size:80%;}
    #content #productholder {border:0; width:auto; height:100%; padding: 0 0 20px 30px;}
    #content .productS {width:147px; float:left; margin:45px 70px 0 0; height:auto; }
	
#mid { width:25%; float:left; margin:20px 0 0 0;}
#footer { height:193px; width:100%; font-size:90%; color:#666666; background:url(/images/btmBg.png) bottom left repeat-x; clear:both; }
    #footer .left { padding: 40px 0 0 40px;}
    #footer h1 { font-weight:normal; margin:0px 0 0 0; color:#333333; }
    #footer .right {padding:40px 60px 0 0;}



.calPic { background:url(/images/calPic.png) bottom left  no-repeat; padding:7px 9px 9px 6px;margin: 0px 6px 4px;}


/*      List styles         */
.move li {cursor:move !important}
ul.list, ul.feed { margin:0 0 30px 0; padding:0 0 0 0; border-top:1px solid #e6e5e5;}
  ul.list li a:link, ul.list li a:visited { display:block; padding:3px 5px; border-bottom:1px solid #e6e5e5; font-size:1.3em; text-decoration:none !important}
  ul.list li.active a:link, ul.list li.active a:visited { color:#000000;}
  ul.list li a:hover { background:#f9f9f9;}
  ul.list li.active { margin:0 0 0 -5px; color:#000000; font-weight:bolder;}
ul.feed li { padding:3px 5px 5px 3px; border-bottom:1px solid #e6e5e5; font-size:95%; width:auto; clear:both; color:#666666;}
  ul.feed li span.right { font-size:90%; color:#999999; margin:-1.5em 0 0 0;}
  ul.feed li div.right { font-size:95%; color:#999999; margin:5px 0 0 0;}
  ul.feed li:hover { background:#f9f9f9;}
  ul.feed li a:link, ul.feed li a:visited { display:inline; padding:0; color:#13539a; border-bottom:0;}
  ul.feed li a:hover { color:#000;}

ul.move li { background:url(../images/move.png) center left no-repeat; padding:3px 5px 5px 0px; cursor:move !important }


ul.cartList { width:66%; border-top:1px solid #CCCCCC; margin:20px 0 0 0;}
ul.cartList li { width:100%; border-bottom:1px solid #CCCCCC; padding:5px 0; }
div.cartItem { width:40%; float:left; font-size:1.4em; font-weight:bolder; }
div.cartPrice { width:15%; float:left; font-size:1.1em; margin:15px 0 0 40px; font-style:italic;}
div.cartQuan { width:15%; float:right; }


.storyBtn { margin:0 0 15px 0;}


div.highlight table { width:94%; padding:3%; border-collapse:collapse; font-size:1.3em;}
	div.highlight table thead { text-transform:capitalize; font-size:.8em;}
	div.highlight table tr td { padding:4px 0; width:50%; text-align:center; border-bottom:1px solid #CCC;}


/*      Repeating styles         */
.info { color:#666666; background:none; font-size:86%; margin:0; padding:0 !important}
.highlight { background:#f8f8f8; padding:3px 6px; margin:6px 0; color:#333333 !important}
.right { float:right !important}
.left { float:left !important}
.em { font-style:italic !important}
.read { margin: 0 0 0 120px;font-style:italic; color:#5a5b5c; font-size:80% !important}
.unread { color:#999999; font-size:90% !important}
.small { font-size:85% !important}
.big { font-size:130% !important}
.huge { font-size:200% !important}
.tiny { font-size:70% !important}
.thin { line-height:70% !important}
.center { text-align:center !important}
.sitRight { float:left; margin:-38px 0 0 150px;}
.fontN { font-weight:500; font-style:normal !important}
.half { width:49% !important}
b { font-weight:bold !important}
.black { color:#000000 !important}
.grey { color:#999999 !important}
center.white { background-color:#FFFFFF !important}
.drag { cursor:move;}


div.highlight p { margin:0 0 10px 0; }
div.storySub { font-size:1.2em; display:block; clear:both; padding:10px; }
ul.gallery li { float:left; padding:10px; }


.story { border-bottom:1px solid #e6e5e5; padding:0 0 10px 0; width:100%; float:left; }
.story .pic { float:left; margin:0 10px 6px 0; }
#content .story span.right { margin:10px 0 0 0; float:right;}

/*      Site Specific styles         */



div.totals a { float:right; margin:23px 271px 0 0; }

div.totals div { width:183px; float:left; font-style:italic; color:#FF0000; font-size:.9em; margin:0 20px;  }
div.totals form { margin:24px 0 0 300px; position: relative; }
div.totals input { border:none !important }

#update_total { position: absolute; top: -41px; left: 107px;}

dl.totalsList {
	font-size:111%;
	width:136px;
	float:left;
	margin:0x 25px 0 144px;
}
#checkOut dl.totalsList {
	width:136px;
	margin:24px 0 0 0px;;
}
dl.totalsList dt {
	clear:left;
	color:#666666;
	float:left;
	padding:0pt 5px 4px 0pt;
	text-align:left;
}
dl.totalsList dd {
	color:#000000;
	float:right;
	font-weight:bolder;
	padding:0pt 0pt 4px 4px;
}


/* form#checkOut styles */

form#checkOut {
	width: 360px;
	text-align: left;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

legend {
	display: none;
}

form#checkOut h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form#checkOut div {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}
form#checkOut label.line {
	padding: 0px;
	width:100%;
}

form#checkOut input {
	display: block;
	margin-top: 3px;
}

form#checkOut select {
	float: left;
	display: block;
	font-size:12px;
	width:100%;
}

form#checkOut label.field-first,
form#checkOut label.field-address,
form#checkOut label.field-city,
form#checkOut label.field-email {
	clear: left;
}


form#checkOut label.field-first,
form#checkOut label.field-last,
form#checkOut label.field-city,
form#checkOut label.field-email,
form#checkOut label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

form#checkOut label.field-first input,
form#checkOut label.field-last input,
form#checkOut label.field-email input,
form#checkOut label.field-city input,
form#checkOut label.field-phone input {
	float: left;
	width: 150px;
	padding: 2px 2px 3px 2px;
}

form#checkOut label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form#checkOut label.field-state select, form#checkOut label.field-state input {
	width: 60px;
	float: left;
	margin-top: 3px;
	padding: 2px 2px 3px 2px;
}

form#checkOut label.field-zip {
	float: left;
	width: 80px;
}
form#checkOut label.field-cvv {
	float: left;
	width: 80px;
	margin:0 0 0 17px;
	padding:0;
}

form#checkOut label.field-zip input {
	float: left;
	width: 80px;
	padding: 2px 2px 3px 2px;
}

form#checkOut label.field-address {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}

form#checkOut label.field-address input {
	float: left;
	width: 310px;
	padding: 2px 2px 3px 2px;
}

form#checkOut input.checkbox, form#checkOut input[type=checkbox] {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 4px 0px 0px;
}

form#checkOut label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
}

form#checkOut input#checkbox_1,
form#checkOut input#checkbox_2,
form#checkOut input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form#checkOut label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}
form#checkOut label.field-bday select {
	width:auto;
}
form#checkOut textarea {
	margin-top: 3px;
}

form#checkOut label.field-gender {
	margin:3px 0 0 0;
}
form#checkOut label.field-gender input {
	float: left;
	display:inline;
	margin:0px 6px 0 0;
}

form#checkOut label.field-describe {
  display:block;
	clear:both;
}

div.fieldWithErrors input {
  display:inline;
	width:inherit;
  border:1px solid #FF0000;
}


form#checkOut label.field-ccMonth {
	float: left;
	margin-right: 10px;
	width: 120px;
}
form#checkOut label.field-ccMonth select {
	width: 110px;
	float:none;
	margin-top: 3px;
}
form#checkOut label.field-ccYear {
	float: left;
	width: 80px;
}
form#checkOut label.field-ccYear select {
	width: 80px;
	float: left;
	margin-top: 3px;
}
form#checkOut label.field-ccDay {
	float: left;
	width: 80px;
}
form#checkOut label.field-ccDay select {
	float: left;
	width:auto;
	margin-top: 3px;
}

.checkoutBtn {
	margin:10px 15px 5px 0;
}

img.ccPic {
  float:left;
	padding:4px;
}


#admin_stories #container { width:1100px; }
	#admin_stories #flashside, #admin_stories #flashside #content { width:894px;}

form#checkOut input.submit { margin:39px 0 0 0; }

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:21px;
}



div.slider_holder { display: inline-block; width: 750px; height: 250px; margin: 0 0 10px 0; position: relative; }
  div.slide_content { display: inline-block; width: 250px; position: absolute; top: 20px; left: 438px; background-color: #f1f1f1; padding: 10px; height: auto; overflow: hidden; background: url('/images/slide_bg.png') top left repeat; }
  div.slide_content a { color: f1f1f1; text-decoration: underline;}
  div.slide_content strong { font-size: 120%;}
  div.slide_image { display: inline-block; width: 100%; height: 250px; position: absolute; overflow: hidden; background-repeat: no-repeat; background-position: center; }
  ul.slide_nav { display: none; }
	div#slider_holder_2, div#slider_holder_2 div.slide_image { height: 175px;}
	div#slider_holder_3, div#slider_holder_3 div.slide_image { height: 100px;}