/*  Template Design by Coastal Stores https://www.coastalstores.com,  */
/*  the ecommerce division of Coastal Data Management https://www.cdmweb.com  */
/*  VPASP Shopping Cart and Template Customizations our specialty  */
/*  email: sales@cdmweb.com  tel: 800-291-6458 or 508-996-2039  */
/*  This template is designed for VPASP 6.0  */
/*  Web safe colors used in this style sheet are:  */
/*  #FFFFFF  #000000  #CC6699  #CCCC33  */
/*  Images are used for backgrounds as colors may not be web safe  */

/*  Manages the look and feel for overall site   */
* { 
-moz-box-sizing: border-box
} 
body{
margin: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-image: url(../images/template/headerbg.jpg);
background-repeat: no-repeat;
background-position: top;
}
form{
 margin: 0px 0px 0px 0px;
 color: #000000;
font-size: 11px;
}
ul{ 
list-style-image: url("/images/template/dot8.gif"); 
text-align: left;
}

h1{
font-size: 12px;
font-weight: bold;
}

h2{
font-size: 13px;
font-weight: bold;
}
hr{
color: #CC6699;
width: 100%;
height: 1px;
}
a:link{
color: #000000;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: underline;
}
a:visited{
color: #000000;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: underline;
}
a:hover{
color: #CC6699;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: underline;
}
a:active{
color: #000000;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: underline;
}

/*formats the top links in the banner area */
.login{
color: #000000;
font-weight: bold;
font-size: 12px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
text-decoration: none;
text-align: right;
}

.toplinks{
color: #000000;
font-weight: bold;
font-size: 12px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
text-decoration: none;
text-align: left;
}
.toplinks a:link{
color: #000000;
font-weight: bold;
font-size: 12px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
text-decoration: none;
text-align: left;
}
.toplinks a:visited{
color: #000000;
font-weight: bold;
font-size: 12px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
text-decoration: none;
text-align: left;
}
.toplinks a:hover{
color: #CC6699;
font-weight: bold;
font-size: 12px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
text-decoration: none;
text-align: left;
}
.toplinks a:active{
color: #000000;
font-weight: bold;
font-size: 12px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
text-decoration: none;
text-align: left;
}

.rtBoxHeader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #000000;
font-variant: normal;
text-transform: none;
line-height: normal;
text-decoration: none;
}

/*formats the breadcrumb links at the top of the content area*/
.breadcrumb a:link{
color: #000000;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: underline;
}
.breadcrumb a:visited{
color: #000000;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: underline;
}
.breadcrumb a:hover{
color: #CC6699;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: underline;
}
.breadcrumb a:active{
color: #000000;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: underline;
}

/*formats the display of the text boxes throughout the front end*/
.txtfield{
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
color: #000000;
font-size: 10px;
font-style: normal;
font-weight: normal;
}
.txtfielddropdown{
background-color: #FFFFFF;
color: #000000;
font-size: 11px;
font-style: normal;
font-weight: normal;
}
.menuhdr{
background-image: url(../images/template/pink_bg1.jpg);
color: #000000;
font-size: 12px;
font-weight: bold;
padding: 4px 0px 0px 0px;
text-align: center;
}
.menubdr{
background-color: #CC6699;
}
.searchhdr{
background-image:  url(../images/template/pink_bg1.jpg);
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
padding: 4px 0px 4px 2px;
text-align: left;
}

/*formats cell form sidebar items not using leftnav */

.menuhdrside{
background-image:  url(../images/template/pink_bg2.jpg);
color: #000000;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
padding: 4px 0px 4px 2px;
text-align: left;
}

.dashed{
background-image:  url(../images/template/pink_bg1.jpg);
}

.leftmenumain{
background-color:  #FFFFFF;
color: #000000;
font-size: 11px;
font-style: normal;
font-weight: bold;
text-align: center;
border: 1px solid #CC6699;
}
.leftmenumain a{
display: block;
border-top : 1px solid #CCCC33;
}
.leftmenumain a:link{
color: #000000;
background-color:  #FFFFFF;
font-size: 11px;
font-style: normal;
font-weight: bold;
padding-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
text-align: center;
text-decoration: none;
width: 100%;
border: 1px solid #CC6699;
}
.leftmenumain a:visited{
color: #000000;
background-color:  #FFFFFF;
font-size: 11px;
font-style: normal;
font-weight: bold;
padding-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
text-align: center;
text-decoration: none;
width: 100%;
border: 1px solid #CC6699;
}
.leftmenumain a:hover{
color: #CC6699;
background-color:  #FFFFFF;
font-size: 11px;
font-style: normal;
font-weight: bold;
padding-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
text-align: center;
text-decoration: none;
width: 100%;
border: 1px solid #CC6699;
}
.leftmenumain a:active{
color: #000000;
background-color:  #FFFFFF;
font-size: 11px;
font-style: normal;
font-weight: bold;
padding-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
text-align: center;
text-decoration: none;
width: 100%;
border: 1px solid #CC6699;
}

.leftmenumain{
background-color:  #FFFFFF;
color: #000000;
font-size: 11px;
font-style: normal;
font-weight: bold;
text-align: center;
border: 1px solid #CC6699;
}
.leftmenumain a{
display: block;
border-top : 1px solid #CCCC33;
}
.leftmenutop a:link{
color: #000000;
font-size: 12px;
font-style: normal;
font-weight: bold;
padding-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
text-align: left;
text-decoration: none;
width: 100%;
}
.leftmenutop a:visited{
color: #000000;
font-size: 12px;
font-style: normal;
font-weight: bold;
padding-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
text-align: left;
text-decoration: none;
width: 100%;
}
.leftmenutop a:hover{
color: #000000;
font-size: 12px;
font-style: normal;
font-weight: bold;
padding-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
text-align: left;
text-decoration: underline;
width: 100%;
}
.leftmenutop a:active{
color: #000000;
font-size: 12px;
font-style: normal;
font-weight: bold;
padding-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
text-align: left;
text-decoration: none;
width: 100%;
}

/*formats the header text throughout the site*/
.txtheader{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
}
.hdrproduct{
color: #000000;
font-size: 14px;
font-style: normal;
font-weight: bold;
}
.proddesc{
color: #000000;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.catdesc{
color: #000000;
font-size: 13px;
font-style: normal;
font-weight: normal;
}
.price{
color: #FF0000;
font-size: 12px;
font-style: normal;
font-weight: bold;
}
.retailprice{
color: #0000FF;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.hdrcontent{
color: #000000;
font-size: 14px;
font-style: normal;
font-weight: bold;
}

/*formats buttons throughout site */
.submitbtn {
color: #000000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
background-image:  url(../images/template/pink_bg1.jpg);
font-size: 11px;
font-weight: bold;
padding: 1px 0px 1px 0px;
border:1px solid #CC6699;
}

/*formats the links in the minicart*/
.cartminilinks{
color: #000000;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:link{
color: #000000;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:visited{
color: #000000;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:hover{
color: #CC6699;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:active{
color: #000000;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-align: left;
}

/*formats the mini cart subtotal in the right menu*/
.cartsubtotalminicart{
color: #000000;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-align: right;	
}

/*formats the text in the footer area*/
.footer{
background-image:  url(../images/template/pink_bg1.jpg);
color: #000000;
font-size: 11px;
text-align: center;
padding: 2px 0px 2px 0px;	
}
.footer a:link{
background-image:  url(../images/template/pink_bg1.jpg);
color: #000000;
font-size: 11px;
text-align: center;
text-decoration: underline;
padding: 2px 0px 2px 0px;	
}
.footer a:visited{
background-image:  url(../images/template/pink_bg1.jpg);
color: #000000;
font-size: 11px;
text-align: center;
text-decoration: underline;
padding: 2px 0px 2px 0px;
}
.footer a:hover{
background-image:  url(../images/template/pink_bg1.jpg);
color: #FFFFFF;
font-size: 11px;
text-align: center;
text-decoration: underline;
padding: 2px 0px 2px 0px;
}
.footer a:active{
background-image:  url(../images/template/pink_bg1.jpg);
color: #000000;
font-size: 11px;
text-align: center;
text-decoration: underline;
padding: 2px 0px 2px 0px;
}
.wholesale {
border:1px solid #FF99CC;
}