/* ------- COLORS ----------

    #369 - HCG blue

    #036 - darker blue

    #CCF - palest blue

    #696 - green

   -------------------------  */







/* ------- PAGE DEFAULTS -------------  */



body {

 margin:0; padding:0;

 font-size: 85%;

 line-height:130%;

 color: #666;

 background:#369 url(http://highcountrygifts.com.whsites.net/images/design/tile_bg.png) repeat;

 font-family:'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,'Century Gothic',sans-serif;

 text-align:center;

}



a { text-decoration:none; }

a:link ,a:visited  { color: #036; }

a:hover ,a:active { color: #696; }


p {margin:0; padding:.5em 0 1em 0;}


img { border: none; }





h2,h3,h4 { 

  color: #369;

	font-family:Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif;

}

h2 {  font-size:120%; }

h3 {  font-size:115%; }

h4 {  font-size:100%; }



h5 {  font-size:90%;

      font-family:'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,'Century Gothic',sans-serif;

			color: red; }





/* -------------

   LAYOUT

	 pagewrapper.........width 825 - tile shadow edge bg

	   header............width 810 

		    h1.............logo  width 374

        ul.............cart nav width 400

     topnav............width 818 - ul list

     announcement......width 818

		 

	   primary...........width 818 - tile sidebar line bg img 170px wide

		    sidebar........width 160

          form.........search

          h3...........headline

          ul...........side nav

					

        content........width 465 - margin 11px to left

					breadcrumb...text links

          h2...........headline

					

        featurebar.....width 156 + margins



        gallery........width 621 - margin 11px to left

					multipage...text links

          h2...........headline

					

          rowblock.....width 143 - displays prod img-caption in rows

					

          detailphoto..width 40% - displays img-caption on detail page

          detailtext...width 55% - displays description on detail page

          detailoptions...width 600



	   bottombar.........width 815

	   footer............width 815

		    form...........subscriber

        ul.............footer nav

        p..............copyright

				img............PS credit

				

   -------------  */

	 

			

			

#pagewrapper { 

   /* bg img is 825 wide: white with shadow edge  */

   width: 825px;

   margin: 10px auto;

   background: #FFF url(http://highcountrygifts.com.whsites.net/images/design/tile_edge.png) repeat-y;

   padding: 0;

   text-align: left;

 }

 

 /* --- HEADER RULES --- */



 #header {

   position: relative;

   margin: 0; padding: 0;

   height: 56px;

   width: 810px;

 }



 #header h1 {

   margin: 0 0 0 4px;

   padding: 0;

   height: 48px;

   width: 374px;

   background: url(http://highcountrygifts.com.whsites.net/images/design/logo.png) no-repeat 0 100%;

 }



 #header h1 span {

   position: absolute;

   left: -5000px;

   width: 4000px;

 }



 #header ul {

   position: absolute;

   top: 27px;

	 right:0px;

   width: 400px;

   margin: 0;

   padding: 0;

   list-style-type: none;

   text-align: right;

   font-size: 85%;

 }



 #header li {

   display: inline;

   margin: 0;

   padding: 0 4px;

   border-right: 1px solid #333; 

 }



 #header li.last {

   border: none; 

 }

 

 

 /* --- TOPNAV RULES --- */



 #topnav {

   position: relative;

   margin: 0;

   width: 818px;

   padding: 0;

   text-align: center;

   background-color: #696;

   color: #036;

   letter-spacing: .15em;

 }



 #topnav ul {

   margin: 0;

   padding: 5px 0 4px 0;

   list-style-type: none;

   font-size: 85%;

 }



 #topnav li {

   display: inline;

   margin: 0;

   padding: 0 4px;

   border-right: 1px solid #036; 

 }

 

 #topnav li.last {

   border: none; 

 } 



 #topnav li a {

   color:#036;

 }

 

 

 /* --- ANNOUNCEMENT RULES --- */



 #announcement {

   position: relative;

   margin: 0;

   width: 818px;

   padding: 3px 0;

   background: #CCF;

   color: #333;

   text-align: center;

   font-style:italic;

   font-family:Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif;

 }



 #announcement p {

   margin:0; padding:0;

 }

 

 /* --- PRIMARY CONTAINER RULES

        bg img is the faux column divider

        sidebar(163-4)  content(11-465) features(156)

    --- */

 #primary {

   width: 818px;

   margin: 1em 4px;

   background-image: url(http://highcountrygifts.com.whsites.net/images/design/tile_sidebar.png);

   background-repeat: repeat-y;

 }





 /* --- SIDEBAR RULES --- */



 #sidebar {
   float: left;
   width: 160px;
   margin: 1em 0 1em 4px;
   display: inline;
   padding: 0;
 } 



 #sidebar form {
   margin: .5em 3px 1em 3px;
   padding: 0;
 }

 

 #sidebar label {
   font-weight: bold;
   color: #000;
   font-size: 85%;
 }



 #sidebar input#s { width: 100%; }

 



 #sidebar h3 {
    font-weight: bold;
    padding: 0;
    margin: 3px 2px 8px 0;
 }



 #sidebar ul {
    margin: 0 2px 23px 0;
    padding: 0;
    list-style-type: none;
 }



 #sidebar li {
    padding: 0; margin: 0 0 0 .5em;
    border-bottom: #ccc 1px solid;
    font-size: 90%;
    line-height: 190%;
 }



 #sidebar li a {
   color:#036;
 }
 
 
 #sidebar_boxholder {
		   margin:0; padding:35px 0;
       width:138px;
       text-align:center;
    }
    
    .sidebar_box {
		   margin:15px 0; padding:0;
       border: 1px solid #369;
       font-size: 90%; 
    }



 /* --- FEATURES COLUMN RULES --- */



 #featurebar {

    float: right; width: 156px;

		margin:1.5em 3px;

		text-align:center;

  }

	

    .feature_item {

		   margin:0 8px 15px 0; padding:0;

       border-top: 2px solid #555;

       border-right: 1px solid #999;

       border-bottom: 1px solid #999;

       border-left: 2px solid #555;

       font-style:italic;

       font-size: 90%; 

    }

	

    .feature_item img {

		   margin-top:3px; padding:0;

    }

  

 

 /* --- CONTENT RULES: pages with extras column --- */



 #content {

	  float: left; 

    width: 465px;

	  margin: 0 0 2px 11px;

		color: #333;

 }



 #content a {

		text-decoration:underline;

 }

	

 #content .imagefloat {

    /* -----

		   aligns to right of text 

		   <img src=" " class="imgfloat">

			 ----- */

	  float: right;

	  margin: 0 0 1em 1em;  /* top rt bttm lft */

 }



 #breadcrumb {  

	  margin: 5px 0 11px 0;  

 }	

		

 #breadcrumb a {  

	  text-decoration:underline;

	  font-weight:bold;  

 }	

  

 

 /* --- PRODUCTS IN ROWS RULES --- */



 #gallery {

 	 float: right; 

   width: 621px;

	 margin: 0 18px 2px 11px;

 } 



 #gallery .multipage {

 	 margin: 0 0 0 0;

 	 padding: 5px 10px;

 	 text-align: right;

 }



 #gallery .multipage a:link {color:#000;text-decoration:underline;}

 #gallery .multipage a:visited  {color:#000;text-decoration:underline;}

 #gallery .multipage a:hover {font-weight:bold; color:#369; }

 #gallery .multipage a:active {font-weight:bold; color:#369;}

 

 #gallery .rowblock {
 	 float: left; width: 143px; 
 	 margin: 0 5px 15px 0;
 	 border: solid 1px #999;
 	 padding: 2px;
 	 height: 300px;
 	 text-align:center;
 }

#gallery .rowblockitem {
 	 float: left; width: 143px; 
 	 margin: 0 5px 15px 0;
 	 border: solid 1px #999;
 	 padding: 2px;
 	 height: 225px;
 	 text-align:center;
 }

 #gallery .detailphoto {

 	 /*  thumbnail - caption */

 	 float: left; width: 40%;

 	 margin-left:11px; padding: 0;

 }



 #gallery .detailtext {

   float: right; width: 55%; 
 }

 

 #gallery .detailoptions {
    clear: both;
    float: left; width: 600px;
    margin: 8px 0;
 }

 #gallery .row_stylesblock {
 	 float: left; width: 143px; 
 	 margin: 0 5px 15px 0;
 	 border: solid 1px #999;
 	 padding: 2px;
 	 height: 100px;
 	 text-align:center;
 }

		 

 /* --- BOTTOM TEXT BAR RULES --- */



 #bottombar {

   clear: both;

   width: 818px;

   margin:0;

   text-align: center;

   background-color: #696;

   color: #036;

   padding: 4px 0px 2px 0px;

 }



 #bottombar p {

   margin:0; padding:0;

 }

 

 /* --- FOOTER RULES --- */



 #footer {

   width: 818px;

   margin:0;

   padding: 0;

 } 



 #footer form {

   margin: 1em 11px 1.5em 3px;

   padding: 0;

   text-align:right;

 }

 

 #footer label {

   font-weight: bold;

   color: #000;

   font-size: 85%;

 }		

   

 #footer ul {

   margin: 0;

   padding: 5px 0 4px 0;

   background-color: #CCF;

   list-style-type: none;

   font-size: 85%;

   text-align:center;

 }



 #footer li {

   display: inline;

   margin: 0;

   padding: 0 4px;

   border-right: 1px solid #036; 

 }

 

 #footer li.last {

   border: none; 

 } 



 #footer li a {

   color:#333;

 }



 #footer p {

   /*  copyright */

   font-size: 85%;  

   margin: 0 0 10px 4px;

 }

 

 #footer img {

   /*  PS credit */ 

   margin: 0 0 10px 4px;

 }

 

 

 /* --- CLASS RULES: can be repeated on same page --- */


 .dropbelow {
 	 /* clears any float blocks */
 	 clear: both;
 	 font-size:xx-small;
   color: #FFF;
 	 text-align:center;
 }

 .coupon {
	margin: .75em 0;
	padding: 0;
  border: 0;
 }