/***********************************/
/*          DESIGN ELEMENTS        */
/***********************************/

 


html, body {
  margin:0px auto 0px auto;
  padding:0px;

}
/*body:: Controls Page Background Color, Layout and any other fonts not defined below*/ 
body {
  font-family:Century Gothic, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#321002;
  text-align:center;
  line-height: 1.8em;
  background-color:#7ee4d2;
  background-image:url(/assets/images/v700/pagetop.gif);
  background-position:top center;
  background-repeat:no-repeat;
  
}

#bodyback {
  background-image:url(/assets/images/v700/pagebackbottom.gif);
  background-position:bottom center;
  background-repeat:no-repeat;

}

#header {
  width:957px;
  height: 250px;
  text-align:center;
  color:black;
  vertical-align:middle;
  margin-left:auto;
  margin-right: auto;

}

img {
  border:0px;

}

/*data:: Controls body default fonts and colors*/

.data {

font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #321002;

}

/*frame:: Controls the  Color of the Store's Frame*/		
.frame	
{background-color: #ffffff;
  
}


#wrapper {
  width:957px;
  margin:0px auto 0px auto;
  padding:0px;
  text-align:left;
  border:solid 0px white;
  background-color:transparent; 
  
}

#container {
  width:100%;
  height:auto;
  margin:0px;
  padding:2px 0px;
  background-image: url(/assets/images/v700/middleback.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
	

}
#left {
  width: 210px;
  height: auto;
  float: left;
  padding: 0px 5px 20px 12px;
  margin: 0px;
  overflow: hidden
}

#left img {
  max-width:195px;
} 



#maincontent {
  width:675px;
  height: auto;
  float: left;
  padding: 20px 20px 20px 27px;
  margin: 0px;
  overflow: hidden

}

#maincontent img {
max-width:700px;
} 



.clearer {
  font-size: 0px;
  height: 0px;
  width: 100%;
  display: block;
  clear: both;
}

#index-wrapper {
padding: 0px 40px 0px 0px;

}

.leftnavhd {

width:170px;
padding:10px;
color:#e66e19;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;

}

#topnav {
  width:957px;
  background-color: #8b1f53;
  text-align:center;
  color:black;
  vertical-align:middle;
  padding:16px 0px 16px 0px;
  margin:0px auto;
  color: white;
  height: 25px;
 background-image:url(/assets/images/v700/topnavback.png);
 
}
/***********************************/
/*         HEADERS & TITLES         */
/***********************************/

/*menu-headers:: Controls the way the menu headers look*/ 


#topleft {
float:left;
width:235px;
text-align:left;
padding-left: 12px;

}

#topright {
float:right;
width:688px;
text-align:left;
padding:0px 15px 0px 0px;

}

/*menu-headers:: Controls the way the menu headers look*/ 
.shoppingcart{
	
}

.menu-headers {
font-weight: bold;

}

.menu {

padding: 5px;

}
/*page_headers:: Controls the page's titles*/

.page_headers {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;

}

/*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers
{font-size: 12pt;
	
	
}

/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/ 
.titles, td {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size: 8pt;

}


/*titles2:: Controls the titles on the view cart page*/ 
.titles2{
	
} 

/*options-titles:: Controls the way the titles on the product options display*/
.options-titles{

}


/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title{
	
} 

/***********************************/
/*          GENERAL FONTS          */
/***********************************/


/*font1:: Primary Screen Font */ 
.font1
{
font-family:Century Gothic, Arial, Helvetica, sans-serif;

}
 
/*font2:: Secondary Screen Font */ 
.font2
{
font-family:Century Gothic, Arial, Helvetica, sans-serif;
 
}
/*font3:: Third Screen Font */
.font3
{
font-family:Century Gothic, Arial, Helvetica, sans-serif;
 
}
.font4
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
  
}

/*icon:: Controls the way the menu icons display*/ 
.icon
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}

/*store-name:: Store Name*/		 
.store-name
{



}

/*store-slogan:: Store Slogan*/		 
.store-slogan
{
	
	
}	 	 

/*menu-text:: Controls the way the menu (mailing list) text look*/ 
.menu-text
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

/*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color*/ 

.item, A:link.item, A:visited.item, A:active.item {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;

}

A:hover.item {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
color: #1bc4a5;
text-decoration: none;
}


/*price-info:: controls the way the prices display on the product page*/ 
.price-info {font-family:Century Gothic, Arial, Helvetica, sans-serif;

}

/*price:: Controls the way the product's prices display*/ 
.price, .price-info {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 8pt;

}


/*cart-text:: Controls the way the text inside the shopping cart looks*/ 
.cart-text
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	

}


/*steps:: Controls the way the steps on the checkout pages display*/
.steps
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}

/*steps_on:: Controls the way the steps on the checkout [ages display*/
.steps_on
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}

/*error:: Controls the error messages*/ 
.error
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #e10e04;
	text-decoration: none;
}

/***********************************/
/*      FORM FIELDS & BUTTONS      */
/***********************************/


/*btn:: Controls the buttons*/ 
.btn
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	font-weight: bold;
	font-size: 11px;    
	color: #881f53;
	cursor: pointer;
	margin:1px;
} 

/*btn_over:: Controls the buttons*/ 
.btn_over
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	font-weight: bold;
	font-size: 11px;    
	color: #1bc4a5;
	cursor: pointer;
	margin:1px;
} 	

 /*btn2:: Controls the buttons*/
.btn2
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 12px;    
	color: #000000;
	cursor: pointer;
} 	
	
/*txtBoxStyle:: Controls the text boxes*/  	
.txtBoxStyle
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	border-top: 1px solid #b3b4b5;
	border-bottom: 1px solid #b3b4b5;
	border-left: 1px solid #b3b4b5;
	border-right: 1px solid #b3b4b5;
	background-color: #f5f4f2;
	font-weight: normal;
	font-size: 11px;    
	color: #38393a;
} 
	
/*txtareaStyle:: Controls the text areas*/ 	
.txtareaStyle
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	border-top: 1px solid #C7D5E0;
	border-bottom: 1px solid #C7D5E0;
	border-left: 1px solid #C7D5E0;
	border-right: 1px solid #C7D5E0;
	background-color: #FBFBFB;
	font-weight: normal;;
	font-size: 11px;    
	color: #343333;
	height: 80px;
	width: 250px;
}


/***********************************/
/*              LINKS              */
/***********************************/


/*A:: Controls the way the  Links look before a user clicks  or mouse overs on them*/ 	 
A {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	color: #8b1f53;
	text-decoration: none;
	
	}
	
/*A:visited:: Controls the way the  Links look after a user has visited that section*/ 
	
A:visited {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
color: #8b1f53; 

}

/*A:hover:: Controls the way the  Links look when a user passes  their mouse over a them*/ 	 
A:hover{
font-family:Century Gothic, Arial, Helvetica, sans-serif;
color: #1bc4a5;

}

/*A.menu:: Controls the way the  Links on the top and bottom menu look before a user clicks  or mouse overs on them*/ 	 
	
A.menu {

font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: Bold;
text-decoration: none;
color: #fff;

}
/*A.menu:hover:: Controls the way the  Links on the top and bottom menu look when a user passes  their mouse over a them*/ 	
A.menu:hover {

font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: Bold;
text-decoration: underline;
color: #fff;

}
/*A.menu:visited:: Controls the way the  Links on the top and bottom menu look after a user has visited that section*/ 	
A.menu:visited {

font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: Bold;
text-decoration: none;
color: #fff;

}
	

/*A.cat:: Controls the way the  Links on the left bar look before a user clicks  or mouse overs on them*/ 	 
A.cat
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
	
}
	
/*A.cat:hover:: Controls the way the  Links on the left bar look  when a user passes  their mouse over a them*/ 	
A.cat:hover
{
	 font-family:Century Gothic, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight:  normal;
	font-style: normal;
	text-decoration:underline;
}

/*A.cat:visited:: Controls the way the  Links on the left bar look after a user has visited that section*/ 
A.cat:visited
{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
}
	
/*A.cat:visited:hover:: Controls the way the  Links on the left bar look when a user hovers over a section they have visited*/ 	 
A.cat:visited:hover
{
	 font-family:Century Gothic, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:underline;
} 

.link2:link {
	color: #FFFFFF;
	text-decoration: none;
}
.link2:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.link2:hover {
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: underline;
}
.link2:active {
	text-decoration: none;
	color: #FFFFFF;
}


.white{
color: #ffffff;
}



#nav {
  margin: 0px;
  padding: 0px 0px 0px 15px;
  list-style: none;
  list-style-image: none;
}
#nav li {
  margin: 0px;
  padding: 0px;
  display: inline;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
    color:#d40055;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 160px;
font-weight:bold;
}
#nav li a:hover {
  color: #1bc4a5;
  text-decoration: none;
font-weight:bold;
}





#nav2 {
  margin: 0px;
  padding: 0px 0px 0px 15px;
  list-style: none;
  list-style-image: none;
}
#nav2 li {
  margin: 0px;
  padding: 0px;
  display: inline;
}
#nav2 li a:link, #nav2 li a:visited, #nav2 li a:active {
    color:#d40055;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 160px;
font-weight:bold;
}
#nav2 li a:hover {
  color: #1bc4a5;
  text-decoration: none;
font-weight:bold;
}

/*footer:: Displays at the very bottom of your online store,  copyright and desgined by notices*/	
#footer, .footer {
  font-family:Century Gothic, Arial, Helvetica, sans-serif;
  padding: 50px 0px 0px 40px;
  margin: 0px;
  border-top: solid 0px black;
  text-align: left;
background-color:transparent;
color:#321002;
height:45px;
font-weight:bold;
}
#footer p {
  margin: 0px auto 0px auto;
  padding: 10px 0px 10px 0px;
  color: white;
}
#footer a:link, #footer a:visited, #footer a:active {
  font-family:Century Gothic, Arial, Helvetica, sans-serif;
  color: white;
  text-decoration: none;
}
#footer a:hover {
  font-family:Century Gothic, Arial, Helvetica, sans-serif;
  color: white;
  text-decoration: underline;
} 



#footnav {
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  border-top: solid 0px black;
  text-align: center;
	background-color:#1bc4a5;
  color: #ffffff;
width:100%;
margin-left: auto;
margin-right:auto;
}
#footnav p {
  margin: 0px auto 0px auto;
  padding: 10px 0px 10px 0px;
  color: #ffffff;
}
#footnav a:link, #footnav a:visited, #footnav a:active {
  color: #ffffff;
  text-decoration: none;
}
#footnav a:hover {
  color: #ffffff;
  text-decoration: underline;
}