body {
	background: #4e4e4e;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0
}

/* ============== [ UNIVERSAL ] ============== */

img { border: none}
.clearboth { clear: both }

/* ============== [ COLOURS ] ============== 
Black: 313131, 4E4E4E, 717171
Blue: C1E9E6, 95DAD5, 2E6B66
White and Cream: FFF, F3F2F1
Orange: f58235
Pink: F7B0BE
Purple: 9C9ECA
Green: A4CE64
Yellow: E6D55C
Red: E84D4D
*/

/* ============== [ MAIN STRUCTURE AND LAYOUT ] ============== */

#container {
	text-align: center;
	width: 970px;
	margin: 0 auto;
	position: relative
}

#headerWrapper {
	height: 106px;
	position: relative;
	width: 100%;
	z-index: 999 /*need z-index for ie */
}

#header {
	margin: 0 auto;
position: relative;
	width: 970px;
}

#mainBody {
	float: right;
	padding: 5px;
	width: 770px
}

#mainSide {
	background: #FFF;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 188px
}

body#productPage #contentBox {
	background: #fff;
	height: auto;
	margin: 0 auto;
	position: relative;
	width: 970px
}

body#kippygocontempo #contentBox {
	background: #95DAD5;;
	height: auto;
	margin: 0 auto;
	overflow: auto; 
	position: relative;
	width: 970px
}

#contentBoxTop {
background: #313131;
	height: 30px
}

#contentBoxBottom {
	background: url(/img/comp5_07.gif) no-repeat;
	background-position: top center;
	height: 13px
}

#footer {
	color:#FFF;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
	width: 970px
}

/* ============== [ TYPOGRAPHY ] ============== */

@font-face {
  font-family: FontinSans;
  src: url(/Fontin_Sans_B_45b.otf);
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: FontinSans;
  src: url(/Fontin_Sans_R_45b.otf);
  font-weight: none;
  font-style:normal
}

@font-face {
  font-family: Fontin;
  src: url(/Fontin-Bold.otf);
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: Fontin;
  src: url(/Fontin-Regular.otf);
  font-weight: none;
  font-style: normal
}


#subNav1 a {
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none
}
#subNav1 a:hover  { 
	color: #95DAD5
}

#subNav2 a { color: #FFF; font-size: 12px; text-decoration: none; }

#subNav2 a:hover { color: #F58235; }

h1, #productCaption h1, #contentBox h2, .sectionThumbsGrid a, .productThumbText, .thumbnail a  { 
	font-family:Fontin, Georgia, "Times New Roman", serif;
}

h1 {
	color:#2E6B66;
	font-size:20px;
	letter-spacing:-1px;
	margin:0;
	padding:0 15px 2px 0;
	text-align:left
}
	#productCaption h1 {
		background: none;
		border: none;
		color: #f58235;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: -.4px;
		margin: 20px 0
	}

#contentBox h2 {
	color: #D4F7F5;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -1px;
	margin: 0;
	padding: 0 0 2px 0;
	text-align: left
}

h3 {
	color: #D4F7F5;
	font-size: 14px;
	font-style: italic;
	margin: 0;
	padding: 0 5px
}
	#mainSide h3 {
		color: #313131;
		font-style: normal;
		text-align: left;
		text-transform: uppercase
	}
	
#mainSide h4 {
	border-bottom: 2px solid #717171;
	color: #313131;
	font-size: 14px;
	padding: 0 5px;
	margin: 20px 0 5px 0;
	text-transform:uppercase
}

p {
	clear: left;
	font-size: 13px;
	margin: 0;
	padding: 7px 0;
	text-align: left
}
	
	p.cpshopbreadcrumb {
		font-size: 11px;
		margin: 0;
		padding: 6px 5px 6px 10px
	}

	p.cpshopbreadcrumb a {
		color: #FFF
	}


#sellPriceId { font-size: 18px }

li.top_level a { font-weight: 700; }

ul#nav li ul li a{  font-weight: normal; text-transform: none; letter-spacing: 0; font-size: 12px }

#coupon {
	font: bold 18px FontinSans, Arial, Verdana, sans-serif;
	letter-spacing: 1px
}

#about { background: #EBFAF9; padding: 10px }

/* ============== [ HEADER AND BRANDING ] ============== */

#branding {
	background: url(/img/branding.jpg) no-repeat;
	float:left;
	height:106px;
	width:190px
}
#branding a {
	display:block;
	height:106px;
	text-indent:-9999px;
	width:190px
}
#tag { 
	left: 182px;
		top: 3px;

	position: absolute; 
}

#subNav1 { 
	width: 705px;
	float: right;
	height: 30px;
}

#subNav2 {
	float: right; 
	height: 46px;
	
}

#subNav2 ul { 
	float: left;
	margin:0;
	padding: 1px;
}

#subNav3 {
	background: transparent;
	float: right;
	height: 30px;
	width: 780px;
}

#subNav1 ul {
	float: right;
	margin:0;
	padding: 0
}

#subNav1 ul li , #subNav2 ul li{
	float: left;
	list-style-type: none;
	padding: 5px 10px
}

#topSearch {
	float: left;
	margin: 5px 10px 0 10px
}

form#cpSnippetSearchForm input { border: #FFF 1px solid; }
#searchBoxLabel {
	color: #919191;
	font-weight: bold;
	padding: 0 4px 	
}
#submitSearch { background: #F58235; color: #FFF;  } 

ul#nav li ul {
	padding-top: 5px
}

#topNav {
	float: left;
	width: 780px;
}

/* ============== [ LEFT SIDEBAR ] ============== */

.sideContainer {
	padding: 20px 0 5px 0;
	text-align: center
}

/* http://www.i-marco.nl/weblog/jquery-accordion-menu-redux/*/

/* Accordion Menu */
a.topLevel {
	font-weight: 700;
	text-transform: uppercase
}
ul#menu1{
	padding-top: 15px
}

ul.menu, ul.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

ul.menu a {
	display: block;
	text-decoration: none
}

ul.menu li {
	margin:0;
}

ul.menu li a {
	background: url(/img/sideMenuBg.jpg) no-repeat;
	color: #fff;	
	padding: .4em
}

ul.menu li a:hover {
background: url(/img/sideMenuHoverBg.jpg) no-repeat
}

ul.menu li ul li a {
	background: #FFF;
	color: #000;
	font-size: 12px;
	padding-left: 15px
}

ul.menu li ul li a:hover {
  background: #EBFAF9;
  padding-left: 15px
}

ul#tagCloud a {
	font-weight: 700;
	font-size: 16px;
}

ul#tagCloud li a {
	padding: 5px 0 2px 15px
}

ul#tagCloud li a:hover {
	background:#313131
}
	
	#tagCloud  .tag1 a {color: #e84d4d;}
	#tagCloud  .tag2 a {color: #F58235;}
	#tagCloud  .tag3 a {color: #E6D55C;}
	#tagCloud  .tag4 a {color: #A4CE64;}
	#tagCloud  .tag5 a {color: #95DAD5;}
	#tagCloud  .tag6 a {color: #9C9ECA;}
	#tagCloud  .tag7 a {color: #F7B0BE;}
	#tagCloud  .tag8 a {color: #717171;}
	#tagCloud  .tag9 a {color: #F7B0BE;}

/* ============== [ FOOTER ] ============== */

#footer ul {
	float: left;
	list-style-type: none;
	margin: 0 10px 15px
}

#footer ul li {
	font-size: 12px;
	line-height: 20px
}

#footer .title1 {
	border-bottom: 1px solid #C1E9E6;
}

#footer a {
	color: #FFF;
	text-decoration: none
}

#footer a:hover {
	border-bottom: 1px solid gray
}

.title1 {
	color: #C1E9E6;
	font-weight: 700;
	font-size: 14px;
}	
	
/* ============== [ CPSHOP CONTENT ] ============== */
	
#productAreaWidth{ background: #CCC }
table#productPageContent { text-align:left }

#contentBox table table td {

padding:2px 7px
}

*:first-child+html  #contentBox table table td {padding:2px 15px} /* An IE7-only hack to deal with padding out on product page image */

td.xsmallText {
text-align:center
}

.container {
	color: #939393;
	background: #FFF;
	padding: 0 20px;
	width: 450px
}

.container p {
	margin: 10px 0
}

#breadcrumb {
	color:#FFF;
	text-align:left
}

#availabilityMessage {
	color: #313131;
	font-weight: 700;
	margin: 4px 0
}

.productInfo {
	font-size: 13px
}

.productThumbPrice {
	color: #FFF;
	float: left;
	padding: 15px 15px 0 0
}

.addCart {
	padding: 10px 0
}

.productThumbsInfo {
	background: url(/img/productThumbnailBg.jpg) no-repeat;
	height: 110px;
	line-height: 115%;
	padding: 12px
}

.productThumbsGrid {
	font-weight: 700;
	text-align: left;
	width: 154px
}

.productThumbsGrid a {
	color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none
}

.sectionThumbsGrid {
	margin: 5px 0;
	text-align: left;
	width: 154px
}

.thumbText {
	background: url(/img/thumbnailBg.jpg) no-repeat;
	height: 72px;
	padding: 0 5px
}

.teaser {
	font-size: 11px
}

.sectionThumbsGrid a {
	color: #4e4e4e;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.5px;
	text-decoration: none
}

.productThumb,.thumb {
	background: #FFF;
	border: 2px solid #FFF;
	text-align: center;
}

.productThumbText {
	font-size: 14px;
	letter-spacing: -.5px
}

table#productPageContent {
	border-bottom: 1px solid #717171
}

#coupon {
	background-color:#C1E9E6;
	border: 2px solid #2E6B66;
	margin: 10px 0;
	padding : 10px;
	padding-bottom: 5px;
	width: 650px
}

.thumbnail {
	float: left;
	margin: 10px;
	width: 150px
}

.thumbnail a { 
	color: #4e4e4e;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
}
 
#mainimg {
	border: none
}
#mainBody ul { text-align: left; }
#mainBody table table table { background: #FFF; text-align: left } /* aligns customer service page correctly */
#mainBody table table table a { color: #454545 }
#mainBody table table table li { padding: 2px 0; }

#searchInStoreTotalResults { background: none; padding-left: 15px; }
#searchCategoryContainer { background: #FFF; margin: 0 15px}
h3#narrowResultsTitle { color: #454545;  }

#shopSearchResults .resultItem { margin:0; }
#shopSearchResults #searchResultsContainer { margin-left: 10px }

#shopSearchResults a { font-weight: bold; font-size: 13px; color: #2E6B66; }

#shopSearchResults a:hover { color: #313131; }
#sellPriceId { font-weight: bold; font-size: 13px; color: #313131}