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

Website design by ink. 
www.inkdesign.ca

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

/* Colors

Blue #0f8fcc;
Pink #eb008b;
Green #91bf2a;

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


a img {
	border: none;
}

a:link {
	color: #878681;
	text-decoration: underline;	
}

a:visited {
	color: #eb008b;	
	text-decoration: underline;	
}

a:hover, a:active, a:focus { 
	color: #0f8fcc;
	text-decoration:underline;	
}

body {
	font: 11px Verdana, Geneva, sans-serif;
	padding: 0;
	margin:0;

}

#BKG-index {
	background-image: url(../images/BKG-index.gif);
	background-repeat: repeat-x;
}

#BKG-inner{
	background-image: url(../images/BKG-inner.gif);
	background-repeat: repeat-x;
}

#container {
	width: 100%;
	margin: 0 auto; 
	position: relative;
	
}

#wrapper {
	clear:both;
	margin: 0 auto; 
	position: relative;
	width: 1045px;	
}

#wrapper-credits {
	clear:both;
	margin: 0 auto; 
	position: relative;
	width: 1045px;	
}


#logo {
	float:left;
	position:relative;
	width: 225px;
}

#payment{
	float: right;
	width: 315px;
	text-align: center;
	font: 11px Verdana, Geneva, sans-serif;
}

#BKG-shipping {
	clear:both;
	width: 100%;
	float:left;
	position:relative;
	background-color: #eb008b;	
}

#freeshipping {
	clear:both;
	margin: 0 auto; 
	position: relative;
	width: 1045px;
	line-height: 17px;

}

/* ~~ body ~~ */

#content {
	float:left;
	position:relative;
	width: 100%;
	font: 13px Verdana, Arial, Geneva, sans-serif;	
	color: #333;	
	padding: 20px 0 30px 0;		
	line-height: 19px;	
	background: url(../images/BKG-drips.gif) top right no-repeat;	
}

#content p{
	padding:0px;
	margin-top:0px;
}

#content  h1 {
	font: 36px Tahoma, Verdana, Geneva, sans-serif;
	color: #6d6d6d;
}

h2 {
	font: 16px "Arial", Helvetica, sans-serif;
	color: #e5118a;

}
h2  a:link, h2  a:visited {

	color: #9bc439;	
	text-decoration: none;
}

h2  a:hover, h2  a:active {
	color: #e5118a;
	text-decoration: none;
}

#creditsR {
	color: #333;	
	font: 11px Tahoma, Geneva, sans-serif;
	text-align: right;
	line-height: 16px;
	float: right;
	width: 522px;
}

#creditsR a:link, #creditsR a:visited {
	color: #878681;	
	text-decoration: none;
}

#creditsR a:hover, #creditsR a:active {
	color: #e5118a;
	text-decoration: none;
}

#creditsL {
	color: #e5118a;
	font: 11px Tahoma, Geneva, sans-serif;
	text-align: left;
	line-height: 16px;
	float: left;
	width: 522px;
}

#creditsL a:link, #creditsL a:visited {
	color: #878681;	
	text-decoration: underline;
}

#creditsL a:hover, #creditsL a:active {
	color: #e5118a;
	text-decoration: none;
}
/* ~~ layout ~~ */

#columnR {
	width: 250px;
	float: right;
	margin-top: 30px;
	margin-left: 60px;
	margin-bottom: 60px;
    clear: right; 
	border: 1px dashed #eb008b;
	padding: 20px;
		
}
#columnR a:link, #columnR a:visited {
	color: #878681;	
	text-decoration: none;
}

#columnR a:hover, #columnR a:active {
	color: #e5118a;
	text-decoration: none;
}

.columnA{
	width: 450px;
	float: left;
	padding-right: 30px;
}

.columnB{
	width: 450px;
	float: right;	
	padding-left: 30px;	
}

.column1{
	width: 170px;
	float: left;
	padding-right: 10px;
	color: #eb008b;
	font: 12px Verdana, Geneva, sans-serif;
	line-height: 19px;
}

.column1 a:link, .column1 a:visited { 
	color: #333;
	text-decoration:none;
}

.column1 a:hover, .column1 a:active { 
	color: #eb008b;
	text-decoration:none;
}

hr{
	width: 100%;
	height: 1px;
	color: #514A48;
}


/* ~~ fonts and features ~~ */

.border {
	border: 1px solid #858681;
}

#crumb{
	float: left;
	font: 13px Tahoma, Arial, Geneva, sans-serif;	
	color: #eb008b;
	text-align: left;

}	

#crumb a:link, #crumb a:visited { 
	color: #1a1b2d;
	text-decoration:none;	

}

#crumb a:hover, #crumb a:active { 
	color: #eb008b;
	text-decoration:none;
}


.smtxt{
	font: 10px Arial, Arial, Helvetica, sans-serif;
}

.smtxt a:link, .smtxt a:visited { 
	color: #636161;
	text-decoration:none;
}

.smtxt a:hover, .smtxt a:active { 
	color: #18bcb7;
	text-decoration:none;
}

.txtPNK{
	color: #eb008b;
}

.txtBLU{
	color: #0f8fcc;
}

.txtGRN{
	color: #91bf2a;
}

.txtBLK{
	color: #000;
}

.txtLITEGREY{
	color: #d3d3cc;
}

.txtWH{
	color: #fff;
}

.LRGtxt {
	font-size: 16px;

}
.smCAPS {
 font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #606163;
}

.smCAPSPNK {
 font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #e5118a;
}

.LRGtitleGRY {
	font: 32px Puritan, Tahoma, Verdana, Geneva, sans-serif;
	color: #636161;
}

.titlesubnav{
	color: #75af47;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	line-height: 18px;
}

#tagline{
	font: 14px Tahoma, Arial, Verdana, Geneva, sans-serif;	
	line-height: 19px;
	color: #000;
	float: right;
	width: 315px;
	text-align:center;
	padding: 20px 0 10px 0;	
	background: #eb008b;
	height: 102px;
}

#tagline a:link, #tagline a:visited { 
	color: #000;
	text-decoration:none;
}

#tagline a:hover, #tagline a:active { 
	color: #fff;
	text-decoration:none;
}

/* ~~ nav ~~ */

#BKG-nav{
	background: url(../images/BKG-nav.gif) right no-repeat;
	height: 29px;
}

#nav{
	color: #000;
	font: 14px Tahoma, Verdana, Geneva, sans-serif;
	padding-top: 5px;
}

#nav a:link, #nav a:visited { 
	color: #fff;
	text-decoration:none;
}

#nav a:hover, #nav a:active { 
	color: #000;
	text-decoration:none;
}

#carttop{
	float:right;
	position:relative;
	width: 113px;
}

#feature{
	float:left;
	position:relative;
	width: 730px;
	padding-top: 18px;
}

#slide{
	float:right;
	position:relative;
	width: 315px;
}

.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
	font: normal 13px Verdana;
	margin-top: 8px;
	padding: 1px;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	background: #eb008b;

	border-bottom-width: 0;
	visibility: hidden;
	display: none; /*collapse all sub menus to begin with*/
	box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 3px 3px 8px #818181;
	-moz-box-shadow: 3px 3px 8px #818181;
}

.flexdropdownmenu li{
	position: relative;
}

.flexdropdownmenu li a{
	display: block;
	width: 190px; /*width of menu (not including side paddings)*/

		background: #333;
	color: #fff;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	padding: 5px 5px;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 130px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected a{
	color: #fff;
	background: #eb008b;
}

.rightarrowclass{
	position: absolute;
	top: 9px;
	right: 5px;
}

/* ~~ subnav ~~ */


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding-left: 16px;
	margin: 0;

}
.products{
	font: 12px Tahoma, "Arial", Helvetica, sans-serif;
	color: #fff;
	background: #333;
	text-align: center;
	padding-bottom: 10px;

}

/* ~~ footer ~~ */



#footer {
	clear:both;
	margin: 0 auto; 
	position: relative;
	width: 1045px;
	line-height: 17px;
}

.footertitle{
	font: bold 13px Tahoma, Verdana, Verdana, Geneva, sans-serif;
	color: #eb008b;
}

.footercolumn{
	width: 172px;
	float: left;
	padding-right: 10px;
	color: #eb008b;
	font: 11px Verdana, Geneva, sans-serif;
	line-height: 19px;
		
}

.footercolumn a:link, .footercolumn a:visited { 	
	color: #333;
	text-decoration:none;
}

.footercolumn a:hover, .footercolumn a:active { 
	color: #eb008b;
	text-decoration:none;
}


/* ~~ Miscellaneous ~~ */

div.clear { clear: both; }

ul{
	line-height: 1.5em;
	list-style: square;		

}

ol, li{
	line-height: 1.5em;

}

/* ~~ Float/clear classes ~~ */
.fltrt {  
	float: right;
	margin-left: 20px;
    clear: right; 	

}
.fltlft { 
	float: left;
	margin-right: 8px;
    clear: left; 	
}

.fltlft-nopad  {  
	float: left;
}

/* ~~ Form ~~ */


input, select, textarea {
	border: 1px solid #858681;
	font: 12px Arial, Verdana, Geneva, sans-serif;
	color: #5d5e62;
	background: #e8e8e0;
	padding: 1px;	
}

label {
	display: block;
	float: left;
	margin-right: 0.5em;
	text-align: right;
	width: 20em;
}

fieldset {
	border: 0px solid #333;

}

legend {
	background-color: #fff;
	font: 22px Tahoma, Arial, Geneva, sans-serif;	
	color: #6d6d6d;
    padding: 2px 10px;
}

.inputbutton{
	background: #0f8fcc;
	color: #fff;
	padding: 6px 12px 6px 12px;
	font: 12px Verdana, Geneva, sans-serif;
	border: 3px double #fff;	
}

.inputbutton:hover {
	color: #FFF;
	background: #0db0e1;
}

.inputbutton:hover {
	cursor: pointer; /* cursor: hand; for IE5 */
}

.confirmation-field { 
	display: none; 
}