/*  ------------------------------------------------------------------------
                               givemore.com
							 universal styles applied throughout entire site
    ------------------------------------------------------------------------  */

html, div, h1, h2, h3, h4, h5, h6, p, a, img, form, table, tr, td, fieldset {
  margin: 0;
  padding: 0;
  border: none;
	text-decoration: none;
	font-size: 100%; /* 100% = 16px */
	font-weight: normal; }
	
body {
	background: #fff;
  font: 12px helvetica, arial, sans-serif;
	line-height: 20px; 
	color: #666;
	text-align: left;
	margin: 0;
	padding: 0; }
	
a, a:visited {
	color: #68b1c7;}

a:hover, a:active {
	color: #3d8fb4 !important;}
	
.fakeLink{
	cursor: pointer;
	color:#68b1c7;}

.fakeLink-triangleleft {
	background:url(/images/icons/triangle-left.gif) no-repeat;
	background-position:left;
	padding: 0 0 0 8px;
	cursor: pointer;
	color:#68b1c7;}
		
.fakeLink-triangleright {
	background:url(/images/icons/triangle-right.gif) no-repeat;
	background-position:right;
	padding: 0 8px 0 0;
	cursor: pointer;
	color:#68b1c7;}


.fakeLink:hover, .fakeLink-triangleleft:hover, .fakeLink-triangleright:hover{
	color:#3d8fb4; }
	
.errMsg, .validationSummary {
	color: #c52a1c;
	line-height: 12px;
	font-size: 11px;}	
	
.errContainer {
	padding: 12px 0px 6px 6px; }	
	
.congratsMsg {
	background-color: #dcf3fa;
	border: 1px solid #eff7fa;
	position: absolute;
	top: 118px;
	width: 475px;
	color: #333;
	text-align: center;
	margin: 5px 50px;
	padding: 2px 0;
	font-size: 12px; }
	
.clrL {
	clear: left; }
/*  ----------------------------------------|  MAIN CONTAINER DIV  |-----  */

#container {
  width: 800px;
  margin: 0 auto; }
  
/*  ----------------------------------------|  HEADER DIV  |-----  */	

#header {
	width: 800px;
	margin: 15px 0 0 0;}

#logo {
	float:left;
	width:215px;
	margin:0 280px 5px 0;}
	
#search{
	float:left;
	width:303px;
	margin:0px 0px 0px 2px;}
	
	
/*  ----------------------------------------|  Main Navigation  |-----  */
#nav {
	width:800px;}

#nav-left {
	float:left;
	width: 515px;
	height: 24px;
	padding: 0;
	margin: 21px 0 0 0;}
	
	#nav-left ul {
		margin: 0;
		padding: 0; }

	#nav-left ul li {
		margin: 0 10px 0 0;
		padding: 0;
		float: left;
		list-style-type: none; }
		
	#nav-left ul li a,
	#nav-left ul li a:visited {
		height: 24px;
		border: none;
		padding: 0;
		display: block;
		cursor: pointer; }
		
	ul li#two-twelve a,
	ul li#two-twelve a:visited {
		width: 141px;
		background:url(/images/buttons/212-nav.jpg) no-repeat;}
		ul li#two-twelve a:hover,
		ul li#two-twelve a:active {
			background:url(/images/buttons/212-nav-hover.jpg) no-repeat;}
		ul li#two-twelve a.selected {
			background:url(/images/buttons/212-nav-hover.jpg) no-repeat;}
			
	ul li#salestough a,
	ul li#salestough a:visited {
		width: 86px;
		background:url(/images/buttons/salestough-nav.jpg) no-repeat;}
		ul li#salestough a:hover,
		ul li#salestough a:active {
			background:url(/images/buttons/salestough-nav-hover.jpg) no-repeat;}
		ul li#salestough a.selected {
			background:url(/images/buttons/salestough-nav-hover.jpg) no-repeat;}
			
	ul li#smileandmove a,
	ul li#smileandmove a:visited {
		width: 99px;
		background:url(/images/buttons/s&m-nav.jpg) no-repeat;}
		ul li#smileandmove a:hover,
		ul li#smileandmove a:active {
			background:url(/images/buttons/s&m-nav-hover.jpg) no-repeat;}
		ul li#smileandmove a.selected {
			background:url(/images/buttons/s&m-nav-hover.jpg) no-repeat;}
						
	ul li#lyp a,
	ul li#lyp a:visited {
		width: 122px;
		background:url(/images/buttons/lyp-nav.jpg) no-repeat;}
		ul li#lyp a:hover,
		ul li#lyp a:active {
			background:url(/images/buttons/lyp-nav-hover.jpg) no-repeat;}
		ul li#lyp a.selected {
			background:url(/images/buttons/lyp-nav-hover.jpg) no-repeat;}
						
		#nav-left ul li#two-twelve a span,
		#nav-left ul li#salestough a span,
		#nav-left ul li#smileandmove a span,
		#nav-left ul li#lyp a span{
			display: none; }
   
  #nav-right {
	float:left;
	width:285px;
	height: 21px;
	padding: 0;
	margin: 23px 0 0 0;
	text-align:right;
	position:relative;}
	
	#nav-right ul {
		margin: 0;
		padding: 0;}

	#nav-right ul li {
		margin: 0 5px 0 0;
		padding: 0;
		float: left;
		list-style-type: none;
		float:right;}
		
	#nav-right ul li a,
	#nav-right ul li a:visited {
		height: 24px;
		border: none;
		padding: 0;
		display: inline;
		cursor: pointer;
		font-size:12px; 
		text-align:right;
		color:#68b1c7;}
		
#nav-right ul li a:hover {
		height: 24px;
		border: none;
		padding: 0;
		display: inline;
		cursor: pointer;
		font-size:12px; 
		text-align:right;
		color:#3d8fb4;}


/*  ----------------------------------------|  SUB NAVIGATION  |-----  */	

#sub-nav, #account-nav {
	width: 165px;
	padding: 0 0 0 0;
	margin: 0 20px 0 0;
	float:left;}
	
#signin-nav {
	width: 189px;
	padding: 0 0 0 0;
	margin: 0 15px 0 0;
	float:left;}
	
#sub-nav a h3, #account-nav a h3{
	color: #68b1c7;}
	
#sub-nav a h3:hover, #account-nav a h3:hover{
	color: #3d8fb4;}
	
#sub-nav a, #account-nav a {
	/*padding:0;*/
	font-size:12px;
	color: #68b1c7;}
	
#sub-nav a:hover, #account-nav a:hover {
	/*padding:0;*/
	font-size:12px;
	color: #3d8fb4;}

#sub-nav ul, li, #account-nav ul, li, #signin-nav ul, li {
		padding: 0; 
		list-style-type: none; }
		
#sub-nav ul li a, #account-nav ul li a, #signin-nav ul li a{
	margin:0 0 0 12px;
	padding:0;
	font-size:11px;
	color: #68b1c7;}
	
#sub-nav ul li a:hover, #account-nav ul li a:hover, #signin-nav ul li a:hover{
	margin:0 0 0 12px;
	padding:0;
	font-size:11px;
	color: #3d8fb4;}
	
#sub-nav ul, #account-nav ul, #signin-nav ul {
		margin: 0;
		padding: 0; 
		list-style-type: none; }

	#sub-nav ul li, #account-nav ul li, #signin-nav ul li {
		margin: 0;
		padding: 0;
		list-style-type: none; }
		
#sub-nav ul li a.triangle, #account-nav ul li a.triangle{
	background:url(/images/icons/triangle-left.gif) no-repeat;
	background-position:left;
	padding: 0 0 0 10px;
	font-size:12px;
	color: #68b1c7;}
	
#sub-nav ul li a.triangle:hover, #account-nav ul li a.triangle:hover{
	background:url(/images/icons/triangle-left.gif) no-repeat;
	background-position:left;
	padding: 0 0 0 10px;
	font-size:12px;
	color: #3d8fb4;}

/*  ----------------------------------------|  BOTTOM NAVIGATION  |-----  */	

#bottom-nav {
	float:left;
	width: 800px;
	padding: 0;
	margin: 37px 0 20px 0;
	text-align:center;}
	
	#bottom-nav ul {
		margin: 0;
		padding: 0;
		display:inline;}

	#bottom-nav ul li {
		margin: 0px 21px 0px 0px;
		padding: 0;
		list-style-type: none; 
		display:inline;}
		
* html #bottom-nav ul li {
		margin: 0 1.875em 0 0;}
		
*:first-child+html #bottom-nav ul li {
	margin: 0 1.875em 0 0;}
		
		
	#bottom-nav ul li a,
		#bottom-nav ul li a:visited{
		padding:0;
		font-size:12px;
		color: #68b1c7;
		display:inline;}
		
	#bottom-nav ul li a:hover,
		#bottom-nav ul li a:active{
		padding:0;
		color: #3d8fb4;
		display:inline;}
	
/*  ----------------------------------------|  FONT FORMATTING  |-----  */	

sup{
	font-size:7px;}
	
sup.nine{
	font-size:9px;}
	
	
/* --| FONT, COLOR, STYLE FORMATTING CLASSES |-- */

.gray-62 {
	font: 62px helvetica, arial, sans-serif; 
	color: #d9d9d9;
	font-weight:bold;
	letter-spacing:-3px;
	margin:0 0 25px 0;}

.gray-44 {
	font: 44px helvetica, arial, sans-serif; 
	color: #d9d9d9;
	font-weight:bold;
	letter-spacing:-3px;
	margin:0 0 25px 0;}
	
.lightgray{
	color:#999999;}
	
.darkgray{
	color:#666666;}

.lightergray-10{
	color:#cccccc;
	font-size:10px;}
	
.lightgray-11{
	color:#999999;
	font-size:11px;}

.lightgray-12{
	color:#999999;
	font-size:12px;}

.lightgray-14{
	color:#999999;
	font-size:14px; }

.lightgray-17{
	color:#999999;
	font-size:17px; }

.gray-12-bold {
	color:#666666;
	font-weight:bold;
	font-size:12px; }
	
.gray-14{
	color:#666666;
	font-size:14px; }

.gray-14-bold {
	color:#666666;
	font-weight:bold;
	font-size:14px; }
	
.darkgray-11{
	color:#666666;
	font-size:11px; 
	line-height:14px;}
	
.darkgray-10{
	color:#808080;
	font-size:10px; 
	line-height:14px;}

.darkgray-14{
	color:#666666;
	font-size:14px; }
	
.darkgray-16{
	color:#666666;
	font-size:16px; }
	
.darkgray-17{
	color:#666666;
	font-size:17px; }
	
.darkgray-26{
	color:#808080;
	font-size:26px;
	font-weight:bold; }

.blue11 {
	font-size:11px;
	color:#68b1c7;
	font-weight:normal;}
	
.blue11b {
	font-size:11px;
	color:#68b1c7;
	font-weight:normal;
	line-height:13px;}
	
.blue12 {
	font-size:12px;
	color:#68b1c7;
	font-weight:normal;}

.blue12-header {
	font-size:12px;
	color: #68b1c7;
	font-weight:bold;}
	
.blue13 {
	font-size:13px;
	color:#68b1c7;
	font-weight:normal;}
	
.blue14 {
	font-size:14px;
	color: #68b1c7;}
	
.blue12-triangledown {
	background:url(/images/icons/triangle-down.jpg) no-repeat;
	background-position:right;
	padding: 0 10px 0 0;
	font-size:12px;
	color: #68b1c7;}
	
.blue13-triangledown {
	background:url(/images/icons/triangle-down.jpg) no-repeat;
	background-position:right;
	padding: 0 10px 0 0;
	font-size:13px;
	color: #68b1c7;}
	
.red {
	color:#bd2d36;}
	
.footer{
	color:#a6a6a6;
	font-size:11px; }

.apple {
	background:url(/images/icons/new-apple.jpg) no-repeat;
	background-position:left;
	padding: 8px 0 8px 32px;
	font-size:14px;
	color: #999999;}
	
.newapple {
	background:url(/images/icons/new-apple-small.jpg) no-repeat;
	background-position:left;
	padding: 5px 0 4px 14px;}	

.carrot {
	color:#999999;}
	
.email {	
	display:inline;}
	

	
	
	

/* --| UNIVERSAL LINKS |-- */
a, a:visited {
	color:#68b1c7;
	text-decoration: none;
	outline: none;
	font-size:11px; }
	
	a:hover, a:active {
		color: #3d8fb4;
		text-decoration:none; }
		
a.blue11 {
	padding:0;
	line-height:20px;
	font-size:11px;
	color: #68b1c7;}
		
a.blue12 {
	padding:0;
	font-size:12px;
	color: #68b1c7;}
	
a.blue12-triangleleft {
	background:url(/images/icons/triangle-left.gif) no-repeat;
	background-position:left;
	padding: 0 0 0 8px;
	font-size:12px;
	color: #68b1c7;}
	
a.blue12-triangleleft:hover {
	background:url(/images/icons/triangle-lefthover.gif) no-repeat;
	background-position:left;
	padding: 0 0 0 8px;
	font-size:12px;
	color: #3d8fb4;}
		
a.blue12-triangleright {
	background:url(/images/icons/triangle-right.gif) no-repeat;
	background-position:right;
	padding: 0 8px 0 0;
	font-size:12px;
	color: #68b1c7;}
	
a.blue12-triangleright:hover {
	background:url(/images/icons/triangle-righthover.gif) no-repeat;
	background-position:right;
	padding: 0 8px 0 0;
	font-size:12px;
	color: #3d8fb4;}
	
a.blue14 {
	padding:0;
	font-size:14px;
	color: #68b1c7;}

a.blue17 {
	padding:0;
	font-size:17px;
	color: #68b1c7;}
	
a.blue13,
a.blue13:visited {
	padding:0;
	font-size:13px;
	color: #68b1c7; }
	a.blue13:hover,
	a.blue13:active {
		color: #3d8fb4; }
	
a.lightgray-17 {
	padding:0;
	font-size:17px;
	color: #999999;}
	
/* -- VIEW LARGER TEXT LINKS -- */
a#prodMoreImg {
	color: #68b1c7;
	background:url(/images/icons/view-larger.jpg) no-repeat left center;
	padding-left:18px;
	}
	a#prodMoreImg:hover {
		color: #3d8fb4;}
		
/* -- ADD TO CART BUTTON ON PRODUCT PAGE -- */
input.submit{
	margin-bottom:5px;}
/* ---------------------------- */

/* -- ADD TO WISHLIST, EMAIL A FRIEND, VIEW CART TEXT LINKS -- */
div.product-description-links ul li a,
div.product-description-links ul li a:visited {
	color: #68b1c7; }
	div.product-description-links ul li a:hover,
	div.product-description-links ul li a:active {
		color: #3d8fb4; }
/* ----------------------------------------------------------- */

/* -- FORGOT PASSWORD TEXT LINK -- */
a#Login_ct100_ForgotPasswordButton,
a#Login_ct100_ForgotPasswordButton:visited {
	color: #68b1c7; }
	a#Login_ct100_ForgotPasswordButton:hover,
	a#Login_ct100_ForgotPasswordButton:active {
		color: #3d8fb4; }
/* ------------------------------- */

font a {
	color: #68b1c7; }
	font a:hover {
		color: #3d8fb4;}
		
/* -- CART PAGE, 'DELETE' TEXT LINK -- */
td.delete a,
td.delete a:visited {
	color: #68b1c7; }
	td.delete a:hover,
	td.delete a:active {
		color: #3d8fb4; }
/* ------------------------------------*/

/* -- CART PAGE, PRODUCT/CATEGORY LINKS UNDER 'KEEP SHOPPING' TEXT LINK == */
div.basket-bot-left a,
div.basket-bot-left a:visited {
	color: #68b1c7; }
	div.basket-bot-left a:hover,
	div.basket-bot-left a:active {
		color: #3d8fb4; }
/* ----------------------------------------------------------------------- */

/* -- NEED HELP? LINK ON SEARCH RESULTS PAGE -- */
div#SearchPage_ctl00_SearchResultsAjaxPanel a,
div#SearchPage_ctl00_SearchResultsAjaxPanel a:visited {
	color: #68b1c7; }
	div#SearchPage_ctl00_SearchResultsAjaxPanel a:hover,
	div#SearchPage_ctl00_SearchResultsAjaxPanel a:active {
		color: #3d8fb4; }




/* DEFAULT ELEMENT STYLES */

h1 {
	font: 62px helvetica, arial, sans-serif; /* 1.5 x 16 = 24px */
	color: #d9d9d9;
	font-weight:bold;
	letter-spacing:-2px;
	margin:0 0 20px 0;}
	
h2 {
	font: 17px helvetica, arial, sans-serif; /* 1.5 x 16 = 24px */
	color: #999999;
	margin:0 0 10px 0;}
	
h3 {
	font: 17px helvetica, arial, sans-serif; /* 1.5 x 16 = 24px */
	color: #68b1c7;
	margin:0 0 22px 0;}
	
h4 {
	font: 17px helvetica, arial, sans-serif; /* 1.5 x 16 = 24px */
	color: #999999;
	margin:0;}
	
		h4 a,h4 a:visited{
			font: 17px helvetica, arial, sans-serif; /* 1.5 x 16 = 24px */
			color: #999999;
		}

h5 {
	font: 17px helvetica, arial, sans-serif; /* 1.5 x 16 = 24px */
	color: #68b1c7;
	margin: 0;}
	
a h5{
	color:#68b1c7;
	font-size:17px;}
	
 a:hover h5{
	color:#3d8fb4;
	font-size:17px;}
	
h6 {
	font: 17px helvetica, arial, sans-serif; /* 1.5 x 16 = 24px */
	color: #666666;
	margin:0 0 0 0;}
	
/* UTILITY CLASSES */
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:right;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}
.top{vertical-align:top;}
	
	
/*  ----------------------------------------|  REUSABLE CLASSES  |-----  */	

table.top td, table.top th{
	vertical-align:top;
}
table.middle td, table.middle th{
	vertical-align:middle;
}
td.top, th.top{
	vertical-align:top;
}
td.middle, th.middle{
	vertical-align:middle;
}
	
/*  ----------------------------------------|  FOOTER DIV  |-----  */	

div#universal-footer {
	width: 800px;
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	color: #a6a6a6;
	font: 11px helvetica, arial, sans-serif;
	line-height: 14px;
	text-align: left; }
	/* html[xmlns*=""] body:last-child div#universal-footer {
		margin: 20px 0 0 0; }
	* html div#universal-footer {
		margin: 20px 0 0 0; } */
		
		div#universal-footer table {
			float: left; }
	
	div#universal-footer table tr td {
		vertical-align: top;
		font: 11px helvetica, arial, sans-serif;
		color: #a6a6a6; }

div#universal-footer table tr td#universal-logo {
	padding: 0 15px 0 0; }
	
div#universal-footer table tr td#universal-copyright {
	padding: 0 0 9px 0; }
	html[xmlns*=""] body:last-child div#universal-footer table tr td#universal-copyright {
		padding: 0 0 12px 0; }

	div#universal-footer table tr td#universal-copyright a,
	div#universal-footer table tr td#universal-copyright a:visited,
	div#universal-footer table tr td#universal-copyright a:hover,
	div#universal-footer table tr td#universal-copyright a:active,
	div#universal-footer table tr td#universal-phone-email a,
	div#universal-footer table tr td#universal-phone-email a:visited,
	div#universal-footer table tr td#universal-phone-email a:hover,
	div#universal-footer table tr td#universal-phone-email a:active {
		color: #a6a6a6;
		text-decoration: underline;
		font: 11px helvetica, arial, sans-serif; }
		
	
div#universal-footer table tr td#universal-address {
	padding: 0 20px 0 0; }
	
div#universal-footer table tr td#universal-phone-email img {
	margin: 0;
	padding: 0; }
	
div#universal-footer table tr td#universal-links {
	padding: 9px 0 0 0; }
		html[xmlns*=""] body:last-child div#universal-footer table tr td#universal-links {
		padding: 12px 0 0 0; }
div#universal-footer table tr td#universal-links a,
div#universal-footer table tr td#universal-links a:visited {
	color: #68b1c7;
	text-decoration: none;
	padding: 0 3px;
	font: 11px helvetica, arial, sans-serif; }
	div#universal-footer table tr td#universal-links a#universal-first-link {
		padding: 0 3px 0 0; }
	
	div#universal-footer table tr td#universal-links a:hover,
	div#universal-footer table tr td#universal-links a:active {
		color: #3d8fb4; }
		
	div#footer-ssl-logo {
		float: right; }
		* html div#footer-ssl-logo {
			margin: -88px 0 0 0; }

/*  ----------------------------------------|  FORMS & VALIDATION  |-----  */ 
/* Standard style for form fields in normal view */
.formfield-valid {
    border: 1px solid #666;
    font: 12px helvetica, arial, sans-serif;
    padding: 3px; }
    /* Style for form fields when users mouse clicks inside */
    .formfield-valid:focus {
         border: 1px solid #666; }
 
/* Style for form fields once user clicks inside, but fails to fill out required information, and navigates out of the field */  
.formfield-invalid {
     border: 2px solid #95d409 !important;  }
 
/* Style for the div that is placed beneath the form field if they do not fill out required information */ 
.formerrmsg-on {
     font: 11px helvetica, arial, sans-serif;
     color: #89c13e;
     margin: -10px 0 10px 100px; }
     /* Hide the div if they HAVE filled out correct information, or if they have not clicked inside of the field yet */
     .formerrmsg-off {
         display: none; }
 
/* Style for span tags to make the asterisks green */  
.green-error {
     color: #89c13e; }

.float-left {
	float:left; }