* {padding : 0; margin : 0}

@font-face {
	font-family: 'ElegantIcons';
	src:url('../fonts/ElegantIcons.eot');
	src:url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ElegantIcons.woff') format('woff'),
		url('../fonts/ElegantIcons.ttf') format('truetype'),
		url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

p {
margin-bottom:12px;
}

#bignote p {
color:#333;
font-size:120%;
font-weight:bold;
background-color:#FFC;
padding:4px;
	
}

html {
min-height: 100.2%;

}

img {
	margin: 0;
	border:none;
	
	}
	
	body {
	margin: 0px;
	margin-left: 0px;
	background-color:#e3eff4;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	color: #808285;
	
	
	
	}
	
	h1	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #808285;
	color:#555;
	padding-top: 0px;
	margin-bottom: 12px;
	margin-top: 0px;
	font-weight:bold;
	}
	
	h2	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #808285;
	line-height: 120%;
	margin: 0;
	margin-top:0px;
	margin-bottom:0px;
	}
	
	h3	{
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:bold;
	color: #6d6e71;
	margin-bottom:4px;
	
	}
	
	
	  
	  
	  
	  label, textarea, input, select {
	  margin-left: 10px;
	  padding:0;
	  }
	  
option {
padding-right:10px;
}
	  
	   
	
  #left-col-2-in label  {
	  clear:left; 
	  float:left; 
	  width:120px; 
	  margin-bottom:4px;
	  margin-left:0px;
	 
	  }
	  
#special, #orderitems, #shipdetail, #paydetail {
width:725px;
}
	  
#left-col-2-in  textarea,  #left-col-2-in  input, #left-col-2-in  select {
float:left; 
margin-bottom:4px; 
margin-left:10px;
}


#left-col-2-in  h2 {
font-size:110%;
margin-bottom:10px;
background-color:#eee;
padding:2px;
}


#news-area {
margin-left:4px; 
margin-bottom:4px; 
width:180px; 
padding: 10px 5px 3px 5px; 
border: 1px solid #ccc;
background-image:url(../images/newpaper.jpg);
background-repeat:no-repeat;
font-size:85%;
font-weight:normal;


}

#news-area h2 {
font-weight:bold;
color: #666;
font-size:140%;
margin-bottom:14px;

}

#news-area a {
font-weight:bold;
font-size:90%; 
color:#666;
}

.all {
float:left; 
font-size:100%; 
margin-top:20px; 
font-weight:bold;

}

.rss {
float:right; 
margin-top:20px;

}

#mid-section #news-area ul {
padding:0;
margin:0;
list-style-type:none;
list-style-position:outside;


}

#news-area.rss {
margin-top:10px;
}
 
  
  
  
   .odd {
  background-color: #C5E8D6;
  }
  .even {
  background-color: #ADD8E6;
  }	
  
    #mid-section ul {
padding: 10px 0px 8px 25px;
list-style-position:outside;
}

 #mid-section ol {
padding: 10px 0px 8px 25px;
list-style-position:outside;
}

#outofdate {
    position: absolute;
    top: 0;
    left: 5px;
	z-index:100;
    width: 170px;
    height: 64px;
    background: transparent url(http://www.blotdesign.com/images/outofdate.jpg) center center no-repeat;
}
#outofdate a {
    display: block;
    width: 170px;
    height: 64px;
    text-decoration: none;
    text-indent: -9999px;
    font-size: 0.1em;
}
  
	
#container {
   
	position: relative;
    height: auto;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
	margin-top:35px;
	margin-bottom:0px;
	border: none;
    width: 949px;
	font-size:100%;
	background-color:#fff;
	padding-left:0px;
	padding-right: 0px;
	color:#808285;
	color:#444;
	
	
	
    
}


	#top-section {
  position:relative;
  left:0;
  top:0;
  margin-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	font-weight:bold;
	font-size:85%;
	background:url(../upfiles/banner.jpg) no-repeat;
	background-size:cover;
	  }

#social {
 display:inline-block;
 padding-right:8em;
}

#social img {
 width:22px; padding-right:.25em;
}
  
  #logobanner {
  height:130px;
 
  }
  
 #logo {
 float:left;
 width:262px;
 }
 
 #logo img {
 
 }
 
 
 
  #banner {
 float:left;
 width:687px;

 }
 
 #mainnav {
 width:929px; 
 height:36px; 
 padding:6px 10px 4px 10px; 
 overflow:hidden;
 
 }
 
 #bread {
 float:left; 
 padding-left:0px;
 margin-top:0px;
 }
 
 #mainmenu {
 float:right; 
 padding-right:0px;
 }
 
 #search {
 display:inline; 
 margin-top:-3px; 
 float:right;
 }
 
 #search form {
 display:inline; 
 float:left;
 }
 
 #search input.stext {
 border-top:2px solid #aaa; 
 border-left:2px solid #aaa; 
 border-bottom: 2px solid #eee; 
 border-right: 2px solid #eee; 
 margin:0px; 
 padding:0px; 
 margin-left:4px; 
 width:120px; 
 background-color:#d1d2d4; 
 height:16px; 
 color:#fff; 
 font-size:12px;
 }
 
 #search input.butt {
 float:left; 
 padding-top:2px;
  }
  
#menuitems {
 float:right; 
 display:inline;

  }
  
#menuitems ul {
 float:right; 
 display:inline;
 }
 
 #menuitems ul li {
  display:inline;
  padding:0px 5px 0px 5px;
 }
    
  #menu-section {
 position:relative;

    }
#prodnav {
clear:both;
margin:2px 0px 3px 0px; 
padding-left:3px; 
background-color:#231f20; 
height:28px;
width:946px;




}

#prodsubnav {
clear:both;
margin:0px 0px 3px 0px; 
padding-left:0px; 
background-color:#231f20; 
width:746px;
float:left;



}
  
   
  
  #mid-section {
  clear:both;
  position:relative;
  width:949px;
 
  
 



	 
    }
	
#left-col-1 {
position:relative;
float:left; 
width:197px;
padding:0px 7px 0px 0px; 

}

.leftcol-cont {
margin-bottom:4px;
width:197px;
}

#left-col-2 {
position:relative;
float:left; 
width:745px;
margin-top:0px;
padding-right:0px; 
padding-top: 0px; 
font-weight:normal; 
font-size:85%;

}

.symb:before {
content: attr(data-char) "\00a0";
font-family: ElegantIcons;
speak: none;
line-height:4em;
font-size: 1.5em;
font-weight: normal;
color: #7A003C;
font-style:normal;
vertical-align:middle;
}

#left-col-2-cart {
position:relative;
float:left; 
width:725px;
margin-top:0px;
padding-left:10px; 
padding-right:10px; 
padding-top: 10px; 
font-weight:normal; 
font-size:85%;
padding-bottom:20px; 
background-image:url(../images/pagecurl.png); 
background-repeat:no-repeat;

}

#left-col-2-in {
position:relative;
float:left; 
width:726px;
margin-top:0px;
padding-left:8px; 
padding-right:8px; 
padding-top: 10px; 
font-weight:normal; 
font-size:85%;
padding-bottom:20px; 


}

.prodsumm {
width:180px; 
margin-top:3px; 
padding-right:5px; 
float:left;
}

.swatchinfo {
padding-top:2px;
padding-left:4px;
padding-right:4px;
padding-bottom:4px;
}

.cathead {
background-color:#6d6e71; 
color:#fff; 
width:735px; 
height:18px; 
padding:3px 0px 3px 10px;
}

#tnails {
border-bottom-color:#6d6e71; 
height:84px; 
width:745px; 
background-image:url(../images/tnails.png);
background-repeat:no-repeat;
overflow:hidden;
position:relative;
}

#tnailpics {
padding:7px 0px 0px 28px;
}

.tns ul {
list-style:none;
padding:0px !important;
margin:0px !important;
}

.tns ul li {
display:inline;
padding:0px !important;
margin:0px !important;
list-style:none;
}

#textapic {
	position:relative;
	margin-top:3px;
	width:745px;
background-color:#fff;

	
	
	
}

#ptext {
	width:auto;
	padding-left:2px;
	padding-right:8px;
	margin-top:14px;
	font-size:115%;
	line-height:135%;

}


#bparea {
	float:right;
	width:500px;
	position:relative;
	background-color:#fff;
	padding-left:10px;
	padding-bottom:8px;

}

#bigimg {
width:500px;
float:left; 
}

#bigimg img {
max-width:100%;
}

#bignote {
padding:6px 14px; 
width:472px;
height:20px;
font-size:11px;
float:left;
position:relative;


}



.address {
color: #e5dd8e;
font-weight:bold;
}

  #bottom-section {
  clear:both;
  background-color:#231f20;
  color:#d1d2d4;
  padding:4px 10px 6px 14px;
  
  
  margin:0;
  
 
  }
  #bottom-section2 {
   text-align:center;
   margin-left:auto;
   margin-right:auto;
   position:relative;
   width:942px;
  left:0;
  top:0px;
  
  margin-top:0px;
  padding-top:5px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom:8px;
  background-color:transparent;

  }

  
 
 
  
  
  
  #bottom-col-1 {
  position:relative;
  left:0px;
  font-size: 1em;
  text-align: center;
  }
  
 table.res {
 	margin:0px;
	width: 680px;
	border: 1px solid #ccc;
	background: #eee;
	}
	
	table.res th, table.res td {
	margin:0;
	padding: 4px 8px;
	text-align: left;
	background: #FFFBEB;
	
	}  
	  table.res th {
	background: #aaa;
	color:#fff;
	} 
	
 .sbox {
  height: 280px; 
  overflow: auto; 
  visibility:visible; 
  padding-right:10px;

  }
		
.ileft {
  float: left;
  padding: 0px 12px 10px 0px;
  }
  
 .iright {
  float: right;
  padding: 0px 0px 10px 12px;
  }
	      
  .left {
  float: left;
  text-align: left;
   
  }

.right {
  float: right;
  text-align: right;
 
 
  
  }

 
 .lege {
 margin-bottom:20px; 
 font-size: 130%; 
 padding-left:5px; 
 padding-right:10px;
 color: #777;
 border-color:#777;
 }
 
 fieldset {
 border :  1px solid #777;
 }
 
.teaser {
padding-left:20px;
width:150px;
}

 .tease-top {
  margin:0; 
  padding:0; 
  background-image:url(../images/teaser.jpg); 
  background-position: top left; 
  background-repeat:no-repeat;
  }
  
  .tease-mid {
  font-size:85%; 
  font-weight:normal; 
  background-image:url(../images/teaser-mid.jpg);  
  background-repeat:repeat-y; 
  padding:5px 5px 5px 10px;
  }
  
  .tease-bottom {
  background-image:url(../images/teaser.jpg); 
  background-position: bottom left; 
  background-repeat:no-repeat;
  }

 .legaltext {
  font-size:70%; 
  color:#aaa; 
  font-family:Arial, Helvetica, sans-serif;
  }
  
.cleardiv {
  height:0px; 
  overflow:hidden; 
  clear:both;
  }

.forminput {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

.ccard1 {
width:100px; 
float:left;
font-weight:bold;
}

.ccard2 {

float:left;

}

body.mceContentBody {
   background: #FFF;
}

body.mceContentBody {
   color: #333;
}

tr.odd {
background-color: #EDFFE3;
}

tr.even {
background-color: #BFFF9F;
}

 #nav1{
margin-top: 0px;
margin-bottom: 0px;
padding-top:0px;
width:946px;

}

#nav1 ul {


margin:0;
padding:0;
display:inline;

}

#nav1 li {
list-style-type: none;
padding: 0px;
display:inline;




}

#prodsubnav {
width:745px;
}


 #nav2{
margin-top: 0px;
margin-bottom: 0px;
padding-top:0px;
width:745px;
float:left;
background-image:url(../images/subnavback.png);
background-repeat:repeat;



}

#nav2 ul {


margin:0;
padding:0;
display:inline;
float:left;



}

#nav2 li {
list-style-type: none;
padding: 0px;
display:inline;
float:left;
width:auto;
border-bottom:1px solid #fff;
white-space:nowrap;





}


div.optinfo {
padding:15px;
}


div.optinfo p  a {
color:#000066;
}

div.sp-unit {
padding:6px 0px 6px 0px; 
border-bottom:1px solid #ccc;
}

div.sp-unit img {
width:93px;
float:left;
}

div.sptext {
	padding:0px 4px 4px 4px;
	float:left;
	width:86px;


}
	

.sptext h3 {
font-size:11px;
padding:0px;
margin:0px;
}

.sptext h3 a {
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#555;
padding:0px;
margin:0px;
}

.sptext p {
font-size:11px;
padding:0px;
margin:0px;
}

	



a:link,  a:visited, a:active   { color:#999; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; font-size: 100%;  font-weight: normal;} 
a:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: normal;} 

.prodsumm a:link,  .prodsumm a:visited, .prodsumm a:active   { color: #6d6e71; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; text-decoration: none; font-size: 100%;  font-weight: bold;} 
.prodsumm a:hover     { color: #aaa; } 


a.legal:link, a.legal:visited, a.legal:active      { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 70%;  line-height: 140%; font-weight: normal} 
a.legal:hover     { color: #888; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:70%; line-height: 140%; font-weight: normal} 

#bottom-section A:link, #bottom-section A:visited, #bottom-section A:active    { color:#d1d2d4; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 80%;  font-weight: bold} 
#bottom-section A:hover     { color: #eee;} 

#top-section a:link, #top-section a:visited, #top-section a:active    { color:#808285; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
#top-section a:hover     { color: #333;} 

#nav1 a:link, #nav1 a:visited, #nav1 a:active {float:left; height:24px; padding: 4px 19px 0px 19px; color:#fff;	font-size:125%;	}
	
#nav1 a:hover,  #nav1 a.selected {height:24px; background-color: #ed2c39; 		}
	
#nav1 a.selected     {  cursor: default !important; } 

#nav2 a:link, #nav2 a:visited, #nav2 a:active {float:left; height:20px; padding: 4px 11px 0px 11px;   color:#fff; background-image:url(../images/subnavsep.png); background-position:right top; background-repeat:no-repeat;	font-size:110%; font-weight:bold; text-decoration:none; background-color:#231f20; }
	
#nav2 a:hover,  #nav2 a.selected {height:20px; background-color: #ed2c39; 		}
	
#nav2 a.selected     {  cursor: default !important;  } 
	



a.tlinkm:link, a.tlinkm:visited, a.tlinkm:active    { color: #555; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
a.tlinkm:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: bold} 


A.more:link, A.more:visited, A.more:active      { color: #ed293b; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
A.more:hover     { color: #999; text-decoration: underline; font-family:  Arial, Helvetica, sans-serif;font-size: 100%; font-weight: bold} 

A.sb:link      { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal} 
A.sb:visited   { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal; } 
A.sb:active    { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal;  } 
A.sb:hover     { color: #000000; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:1em; font-weight: normal}