/*

------------------------------------------------------

Copyright Mark Weber, some rights reserved

http://www.coastalpet.com/

------------------------------------------------------



*/

/*-----------------------------------------------------------------Utilities----*/

.clear		{ clear:both; }

.floatLeft	{ float:left; }

.floatRight	{ float:right; }



/*-----------------------------------------------------------------Global----*/

html, body {

	background-color: #2D3C26;

	margin: 0;

	padding: 0;

	color: #5e572a;

	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;

	font-size: 87%;

	line-height: 1.6em;

	text-align: center;

	}

html {overflow-y: scroll;} /*fixes horizontal shifting in FireFox by adding a scrollbar*/

/*-------------------------------------------------------------general styles--*/



a {

	color: #3e5c2c;

}



a:visited {

	color: #4e6f3a;

}

a:hover {

	color: #e48f28;

}



h1{

	font-family: "Arial", Helvetica, Tahoma, Geneva, sans-serif;

	font-size: 2.65em;

	color: #39592F;

	margin: 15px 0 15px 0;

	padding-left: 15px; 

}



h2 {

	font-family: "Arial", Helvetica, Tahoma, Geneva, sans-serif;

	font-size: 2em;

	color: 	#39592F;

	line-height: 1.4em;

	

}



h3 {

	font-family: "Arial", Helvetica, Tahoma, Geneva, sans-serif;

	font-size: 1.6em;

	color: 	#39592F;

	padding-left: 15px;

}



h4 {

	font-family: "Arial", Helvetica, Tahoma, Geneva, sans-serif;

	font-size: 1.35em;

	color: #39592F;

	margin: 15px;

}



p {

	margin: 10px 15px 5px 15px;

}



ul {

	list-style-image:url(/images/bullet.png);

	}







/*---------------------------------------------------------------Page Container----*/

#container {

	position: relative;

	width: 766px;

	text-align: left;

	margin: 0 auto;

	background: #FFFFFF;

	padding: 0;

}



/*---------------------------------------------------------------------Branding----*/

#branding {

	background-color: #FFFFFF;

	background-image: url(images/branding3.jpg);

	/*background-image: url(images/branding.jpg);*/

	background-position: bottom;

	background-repeat: no-repeat;

	padding-top: 3px;

	height: 136px;

}



#branding2 {

	background-color: #FFFFFF;

	background-image: url(images/branding4.jpg);

	background-position: bottom;

	background-repeat: no-repeat;

	padding-top: 3px;

	height: 138px;

}





/*--------------------------------------------------------------------------main nav--*/



#nav-main {

	position: absolute;

	left: 200px;

	top: 50px;

}



#nav-main ul {

	margin: 0;

	padding: 0;

}



#nav-main li {

	list-style-type: none;

	float: left;

	width: auto;

	margin: 7px 2px 0 2px;

}

#nav-main li .r1 {

	font-size: .8em;

	display: block;

	line-height: 17px;

	text-align: center;

	text-transform: capitalize;

	

}



#nav-main a:link, #nav-main a:visited {

	display: block;

	color: #DFDDD1;

	font-family: "Impact", Stencil, sans-serif;

	font-size: 1.777em;

	text-decoration: none;

	padding: 5px 15px 5px 15px;

	text-transform: uppercase;

}



#nav-main a:hover, #nav-main a:visited:hover {

	text-decoration: none;

	padding: 5px 15px 5px 15px;

	color: #F99007;

}



#home {

	position: absolute;

	left: 20px;

	top: 27px;

	background: none;

	width: 200px;

	height: 78px;

}







/*-----------------------------------------------------------------------Search Box----*/



#search {

	background-image: url(http://www.remingtonsportingdog.com/images/search_bg.png);

	background-repeat: no-repeat;

	color: #FFFFFF;

	width: 241px;

	height: 41px;

	padding-left: 24px;

	padding-top: 5px;

	position: absolute;

	left: 495px;

	top: 0;

}

#index #search {

	left: 435px;

}

#search #searchBox {

	float: left;

	margin: 5px 0 0 3px;

	background: none;

	border:0;

	color: #455848;

	}

#search #go {

	float: left;

	margin: 3px 0 0 5px;

	}





.nav-meta {

	background: transparent url('../images/bg_login.jpg') no-repeat left top; 

	float: right; 

	margin-right: 22px; 

	margin-top: 4px; 

	padding: 2px 12px; 

	font-size: 11px;

}

#index .nav-meta { margin-top: 2px; }



.nav-meta a {

	padding-left: 15px; 

	color: #FFFFFF;

}

.nav-meta a#login {

	background: url('../images/lock.gif') no-repeat left 2px; 

}

/*------------------------------------------------------------------------Breadcrumbs----*/

#breadcrumbs {

	height: 59px;

	background-image: url(images/breadcrumb_bg.png);

	background-repeat: repeat-x;

	padding-left: 15px;

	position: relative;

	}

#breadcrumbs h3 {

	color: #39592F;

	padding: 0;

	margin: 0;

	font-weight: normal;

	}

#breadcrumbs img {

	vertical-align: middle;

	padding-right: 3px;

	padding-bottom: 2px;

	}

#breadcrumbs a:link, #breadcrumbs a:visited {

	text-decoration: none;

	color: #767677;

	font-weight: bold;

	word-spacing: -.1em;

	}





	

	

/*--------------------------------------------------------------------------contact form--*/

#content {

	min-height: 275px;

}



#cform label, #cform legend {

	float: left;

	font-weight: bold;

	margin-right: 10px;

	text-align: right;

	width: 150px;

}

#cform label span.optional {

	font-weight: normal;

}

#cform input, #cform select {

	width: 150px;

}

#cform form {

	margin-top: 20px;

}

#cform label.error {

	color: red;

	display: block;

	float: none;

	font-weight: normal;

	margin-bottom: 10px;

	margin-left: 120px;

}

#cform .submit {

	margin-left: 160px;

	margin-top: 10px;

}

#cform #cquestion {

	width: 225px;

}

#cform legend {

	margin-left: 15px;

}

#cform .referred-label {

	float: left;

	font-weight: normal;

	display: block;

	text-align: left;



}

#cform input[type=radio] {

	width: 15px;



}

#cform span.radio-wrapper {

	width: 200px;

	float: left;

}





#cform .referred-label label.error  { 

	display:block;

	float:right;

	text-align:left; 

}

form#cform label.radioerror { 

	display: none; 

	margin-left: 150px;

}

#cform-thanks {

	width: 400px;

}

/*------------------------------------------------------------------------------Footer----*/

#site-info {

	background-color: #3e5d2c;

	height: 82px;

	padding-top: 5px;
	padding-left: 5px;

	clear:both;

}



#site-info p {

	color:white; 

	padding:0; 

	margin:5px 20px 0 0;

}



#site-info img {

	margin: 15px 0 0 31px;

	float: left;

}



#site-info a {

	color:white; 

}

#site-info a:hover {

	color: #e48f28;

}

.countrystoreFooter:{
	float:right;
	margin: 0 px;
	padding: 0 px;





}

/*---------------------------------------------------------------------Home Page Content----*/

#tag {

	position: relative;

	width: 675px;

	height: 41px;

	background: #DFDDD1;

	margin: 0 auto;

	padding: 0;

	text-transform: uppercase;



}

#tag h3 {

	font-family: "Georgia";

	color: #333333;

	padding-top: 10px;

	font-weight: bold;

	font-size: .867em;

}

#feature {

	margin: 0 auto;

	width: 675px;

	padding: 10px 0;

}

#feature-img {

	width: 360px;

	height: 273px;

}

#feature-desc {

	background: url(images/bg_feature.png) repeat-x left top;

	width: 315px;

	height: 153px;

	text-align: center;

	margin: auto 0;

	padding-top: 120px;

}

#feature-desc a, #feature-desc p {

	font-size: 16px;

	font-weight: bold;

	color:#879973;

}

#feature-desc a:hover {

	color:#DFDDD1;

	text-decoration: none;

}

#feature-desc h2 {

	font-family: "Georgia", Impact, sans-serif;

	text-transform: uppercase;

	color:#DFDDD1;

	font-weight: bold;

}
#storelink{
	width: 600px;
	height: 90px;
	padding: 0 45px;
}

#main-menu {

	width: 661px;

	height: 175px;

	border: 7px solid #DFDDD1;

	background: url(images/bg_menu.jpg) repeat left bottom;

	margin: 0 auto;

	padding: 10px 0 0;

}

#main-menu p {

	font-size: 12px;

	text-align: center;

	width: 90px;

	float: right;

	margin: 0;

	color: #d4d9c1;

	line-height: 15px;

	font-family: "Georgia";

}

#main-menu #mlocator p {

	text-align: center;

	width: 150px;

	float: none;





}

#main-menu h3 {	

	text-align: center;

	font-weight: bold;

	font-size: 12px;

	padding-left: 0;

	margin-bottom: 5px;

	font-family: "Arial Black", Helvetica, Tahoma, Geneva, sans-serif;

	text-transform: uppercase;

}

#main-menu h3 a {

	color: #1c4520;

	text-decoration: underline;

	color: #1c4520;

}

#main-menu h3 a:hover {

	text-decoration: none;

	color: #d4d9c1;



}

#mpet {

	width: 200px;

	height: 175px;

	padding: 0 9px;

	background: url(images/ptrain.png) no-repeat left bottom;

	border-right: 2px solid #748561;

}

#msport {

	width: 200px;

	height: 175px;

	padding: 0 8px;

	background: url(images/sdog.png) no-repeat left bottom;

	border-right: 2px solid #748561;

}	

#mlocator {

	width: 200px;

	height: 175px;

	padding: 0 9px;

	background: url(images/slocator.png) no-repeat center bottom;

}



#wrapper {

	background: url(images/grass.jpg) no-repeat center bottom;

	padding-bottom: 250px;

}





/*----------------------------------------------------------Product Page Content----*/



/*---Sport Products---*/

#content-products #countrystore {

	margin-top: 10px;

}



.sport #wrapper {

	background-image: url(images/bg_sportfooter.jpg);

}

#content-products h5 {

	margin-top: 15px;

}





/*---Pet Products---*/

.pet #wrapper {

	background-image: url(images/bg_petfooter.jpg);

}



/*---Both Products---*/

.both #wrapper {

	background-image: url(images/grass.jpg);

}



/*---Product Images---*/

#content-products {

	background-color: #FFFFFF;

	float: left;

	width: 469px;

	margin: 10px 10px 0 10px;

	padding: 0 0 0 10px;

	font-family: "Arial", Helvetica, Tahoma, Geneva, sans-serif;

}



* html #content-products {

	margin-left: 5px;

}



#content-products h2 {

	margin-bottom: 10px;

}



/*--Product Navigation--*/

#nav-products {

	float: left;

	width: 267px;

	min-height: 381px;

	background-repeat: no-repeat;

	margin: 10px 0 0 0;

	padding: 0;

	color: #787878;

}

.sport #nav-products {

	background-image: url(images/product-categories-bg.jpg);

}

.pet #nav-products {

	background-image: url(images/petproduct-categories-bg.jpg);

}

#nav-products h3 {

	margin: 15px 0 0 43px;

}



#nav-products ul {

	position: relative;

	left: 43px;

	top: 100px;

	font-size: 1.33em;

	font-weight: bold;	

}

#nav-products a:link, #nav-products a:visited

{

	padding-left: 20px;

	color: #53453d;

	text-decoration: none;

	

}

#nav-products h3.productslink a {

	font-family: "Impact", Stencil, sans-serif;

	color: #4a6d4d;

	padding-left: 5px;

	background-image: none;

	text-decoration: underline;

}

#nav-products h3.productslink a:hover {

	color: #ffa836;

	text-decoration: none;

}

#nav-products a:hover {

	color: #ffa836;

	padding-left: 20px;

	background-image: url(images/paw.png);

	background-position: 0;

	background-repeat: no-repeat;

	text-decoration: none;

	background-color: #FFFFFF;

}



body#collars #nav-products li.collars a,

body#electronics #nav-products li.electronics a,

body#leads #nav-products li.leads a,

body#harnesses #nav-products li.harnesses a,

body#whistles #nav-products li.whistles a,

body#training #nav-products li.training a,

body#chain #nav-products li.chain a,

body#bowls #nav-products li.bowls a,

body#bandanas #nav-products li.bandanas a,

body#safety #nav-products li.safety a,

body#toys #nav-products li.toys a,

body#grooming #nav-products li.grooming a,

body#health #nav-products li.health a

 {

	color: #ffa836;

	padding-left: 20px;

	background-image: url(images/paw.png);

	background-position: 0;

	background-repeat: no-repeat;

	text-decoration: none;

	background-color:#FFFFFF;



	

}



/*--Product Thumbnails--*/



#content-products span.dsizes {

	font-size: 10px;

	font-weight: normal;

}



.products-thumbnails {

	float: left;

	height: 175px;

	width: 119px;

	padding:0 12px;

	line-height: 1.3em;

	text-align: center;

	/*border-right: 2px dotted #D4DAC0;*/

	margin-bottom: 20px;

	}

a.thumbnails-link1  {

	background: #39592f url(images/border-top.gif) no-repeat top left;

	cursor: pointer;

	display: block;

	float: left;

	height: 92px;

	overflow: hidden;

	padding-top: 8px;

	position: relative;

	width: 119px;

}



a:hover.thumbnails-link1  { 

	background-color: #ffa836;

	background-position: top right;

}



a.thumbnails-link1  span.bottomHover {

	background: url(images/border-bottom.gif) no-repeat bottom left;

	bottom: 0;

	display: block;

	height: 8px;

	left: 0;

	position: absolute;

	width: 119px;

}



a:hover.thumbnails-link1  span.bottomHover { background-position: bottom right; }



#content-products span.imgWrapper, #pet-products span.imgWrapper {

	background: #FFFFFF;

	display: block;

	margin: 0 8px;

	width: 103px;

	height: 92px;

	line-height: 70px;

	font-size: 70px;

}

*>#content-products span.imgWrapper div, *>#pet-products  span.imgWrapper div{

	font-size:12px;

}

#content-products img, #pet-products img {

	border: none;

	margin: 0 auto;

	vertical-align: middle; /*This works because I added line-height & font-size to container (imgWrapper) and set them to 70px.*/

}





/*Product Category Headings*/

.category-headings {

	clear:both;

	border-top: 1px solid #91908B;

	border-bottom: 1px solid #91908B;

	margin-top: 0;

	margin-bottom: 10px;

	font-weight: bold;

	text-transform: uppercase;

	background: #D4DAC0 url(images/bg_extras.png) repeat-x;

	padding-left: 5px;

}





/*---------------------------------------------------------Item Page Content----*/



/*--Big Product Image--*/

#products-image {

	background-color: #FFFFFF;

	float: left;

	width: 389px;

	margin: 10px auto 0;

	padding: 0 24px 0 19px;

	font-family: "Arial", Helvetica, Tahoma, Geneva, sans-serif;

}

* html #products-image {

	margin-left: 5px;

}

#products-image img {

	display: block;

	margin: 0 auto;

	}

#products-image h2 {

	font-family: "Georgia";

	color: #39582e;

	text-align: center;

	font-weight: bold;

	width: 330px;

	margin: 0 auto;

	

}



	

#image-wrap {

	padding: 0 15px;

	margin: 0;

	width: 330px;

	margin: 0 auto;

  

}

#swatch-wrap {

	margin: 30px 0 0 11px;

	width: 330px;



  

}

.product-sport {

	background: url(images/sportlogo.png) no-repeat bottom left;

}

.product-pet {

	background: url(images/petlogo.png) no-repeat bottom left;

}



/*--Product Swatches--*/

#products-swatches {

	width: 400px;

	margin: 25px auto;

	}

#products-swatches img {

	margin: 0 auto;

	}

div.swatch {

	float: left;

	width: 110px;

	height: 60px;

	padding: 10px 10px 10px 0;

	font-size: .84em;

	line-height: 1.3em;

	text-align: center;

	}

	



	

/*--Product Extras --*/

#products-extras {

	width: 301px;

	height: 48px;

	height: auto !important;

	height: 48px;

	background: #dfddd1 url(images/bg_extras.png) repeat-x;

}

#products-extras ul, #products-extras li {

	font-size: 14px;

	text-transform: uppercase;

}

#products-extras ul {

	margin: 10px 0 0 18px;

}

#products-extras li {

	margin-right: 10px;

	line-height: 30px;

}

#products-extras li a {

	padding: 5px 0 5px 25px;

}

#manual a {

	background: url(images/pdficon_small.gif) no-repeat center left;

	}

#extras-faqs a {

	background: url(images/faqicon.gif) no-repeat center left;

	}

/*--Product Information --*/



#products-information {

	float: left;

	width: 301px;

	position: relative;

	margin: 0;

	padding-right: 29px;

	

}



#description {

	background: url(images/bg_description.png) repeat;

	padding: 20px 10px;

	border: 7px solid #DFDDD1;

	position: relative;

}

#description h3 {

	font-family: "Arial", Helvetica, Tahoma, Geneva, sans-serif;

	color: #29441f;

	width: 260px;

	position: relative;

	padding: 0;

	margin: 0;

	font-size: 14px;

	font-weight: bold;

	}

#description p {

	font-family: "Arial", Helvetica, Tahoma, Geneva, sans-serif;

	color: #000000;

	width: 250px;

	margin: 0;

	padding: 3px 0 15px;

}



#guide li {

	margin: 5px 0 0 12px;

	}

#warning p { font-size: 10px; }

#warning h3, #description h3  { width: 260px; color: #fff; background: #39582e; padding-left: 5px; }

    

	

#buynow-image {

float:right;

padding: 10px 20px 0 0;

}

/*----------------------------------------------------------Dealer Locator Page Content----*/

#content-locator {

	background-color: #FFFFFF;

	background-image:url(images/stores/rotate.php);

	background-position:right;

	background-repeat:no-repeat;

	padding: 0 0 0 10px;

	font-family: "Arial", Helvetica, Tahoma, Geneva, sans-serif;

	width:728px;

	height:299px;

}

#content-locator TABLE {

	position: relative;

	left: 15px;

	}



#content-locatorResults TABLE {

	position: relative;

	left: 15px;

	}







/*----------------------------------------------------------Site Map----*/

#sitemap {

width: 700px;

margin:0 auto;

}

#sitemap-list1 li {

list-style-type:none;

margin: 0 0 0 50px;

}

#sitemap-list2 li {

list-style-type:circle;

margin: 0 0 0 100px;

}

#sitemap h3 {

	margin-top: 50px;

	font-size:3em;

	padding: 8px;

	}

#sitemap p{

	font-size: 1.5em;

}

#sitemap-links {

width: 300px;

position:relative;

margin:0 auto;

top: 20px;

background-image:url(images/sitemap_bg.jpg); 

background-repeat:repeat-y;

}

/*nifty corners*/

b.rtop, b.rbottom{display:block;background: #FFF;}

b.rtop b, b.rbottom b{display:block;height: 1px;

    overflow: hidden; background: #39582e;}

b.r1{margin: 0 5px;}

b.r2{margin: 0 3px;}

b.r3{margin: 0 2px;}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px;}







/* RockIt CCSTheme */

#content-locator TABLE, #content-locator TH, #content-locator TR, #content-locator TD, #content-locator UL, #content-locator OL, #content-locator LI, #content-locator P, #content-locator FONT, #content-locator A, #content-locator BLOCKQUOTE, #content-locator LABEL { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 13px; }

.RockItPageBODY{ font-family: "Arial", Helvetica, Tahoma, Geneva, sans-serif; font-size: 13px; }

.RockItFormTABLE{ border: solid 1px #000000; }

.RockItFormHeaderFont{ color: #948E6B; font-size: 16px; font-weight: bold; }

.RockItFieldCaptionTD{ border-left: solid 1px #FFFFFF; border-right: solid 1px #AAA587; background-color: #E7E7D6; color: #000000; font-size: 13px; }

.RockItAltDataTD{ border-left: solid 1px #FFFFFF; border-right: solid 1px #AAA587; background-color: #E7E7D6; color: #000000; font-size: 13px; }

.RockItColumnTD{ border-left: solid 1px #E7E7D6; border-top: solid 1px #E7E7D6; border-right: solid 1px #635D39; background-color: #948E6B; color: #FFFFFF; font-size: 13px; }

.RockItDataTD{ border-left: solid 1px #FFFFFF; border-right: solid 1px #AAA587; background-color: #C6C6B3; color: #000000; font-size: 13px; }

.RockItErrorDataTD{ border-left: solid 1px #FFFFFF; border-right: solid 1px #AAA587; background-color: #C6C6B3; color: #FF0000; font-size: 13px; }

.RockItSeparatorTD{ height: 2px; background-color: #FFFFFF; }

.RockItFooterTD{ border-left: solid 1px #E7E7D6; border-right: solid 1px #635D39; background-color: #948E6B; color: #FFFFFF; font-size: 13px; }

a.RockItSorterLink:link,a.RockItSorterLink:visited{ color: #FFFFFF; font-size: 13px; text-decoration: underline; }

a.RockItSorterLink:hover,a.RockItSorterLink:active{ color: #FFFFFF; font-size: 13px; text-decoration: none; }

a.RockItDataLink:link,a.RockItDataLink:visited{ color: #000084; font-size: 13px; text-decoration: underline; }

a.RockItDataLink:hover,a.RockItDataLink:active{ color: #000084; font-size: 13px; text-decoration: none; }

a.RockItNavigatorLink:link,a.RockItNavigatorLink:visited{ color: #FFFFFF; font-size: 13px; text-decoration: underline; }

a.RockItNavigatorLink:hover,a.RockItNavigatorLink:active{ color: #FFFFFF; font-size: 13px; text-decoration: none; }

.RockItButton { border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; background-color: #E7E7D6; font-size: 13px; font-family: Tahoma, Verdana, Arial, Helvetica; font-weight: bold; }

.RockItInput { border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; font-size: 13px; font-family: Tahoma, Verdana, Arial, Helvetica; }

.RockItTextarea { border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; font-size: 13px; font-family: Tahoma, Verdana, Arial, Helvetica; }

.RockItSelect { font-size: 13px; font-family: Tahoma, Verdana, Arial, Helvetica; }

/* Calendar */

a.today:link,a.today:visited{ color: #FF0000; font-weight: bold; text-decoration: none; }

a.today:hover,a.today:active{ color: #000000; font-weight: bold; text-decoration: none; }

a.selectedDay:link,a.selectedDay:visited{ color: #FFFFFF; font-weight: bold; text-decoration: none; }

a.selectedDay:hover,a.selectedDay:active{ color: #FF0000; font-weight: bold; text-decoration: none; }

a.weekDay:link,a.weekDay:visited{ color: #000084; text-decoration: none; }

a.weekDay:hover,a.weekDay:active{ color: #FF0000; text-decoration: none; }

TD.selectedDay { margin: 1px; border-left: solid 1px #E7E7D6; border-top: solid 1px #E7E7D6; border-right: solid 1px #635D39; background-color: #948E6B; color: #FFFFFF; font-size: 13px; }

TD.today { border-top: 1px solid #FF0000; border-left: 1px solid #FF0000; border-bottom: 1px solid #FF0000; border-right: 1px solid #FF0000; background-color: #E7E7D6; color: #000000; font-size: 13px; }

TD.workday { border-left: solid 1px #FFFFFF; border-right: solid 1px #AAA587; background-color: #E7E7D6; color: #000000; font-size: 13px; }

TD.weekend { border-left: solid 1px #FFFFFF; border-right: solid 1px #AAA587; background-color: #C6C6B3; color: #000000; font-size: 13px; }

TH.calendar { margin: 1px; border-left: solid 1px #E7E7D6; border-top: solid 1px #E7E7D6; border-right: solid 1px #635D39; background-color: #948E6B; color: #FFFFFF; font-size: 13px; }

.CalendarButtons { margin: 1px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; background-color: #E7E7D6; font-size: 13px; font-family: Tahoma, Verdana, Arial, Helvetica; font-weight: bold; }

.CalendarControls { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 13px; }

.Table { border: solid 1px #000000; }