@import "reset.css";

/* FOUNDATIONS
****************************************************/
html {
	margin: 0; padding: 0;
	font-family: Arial, Verdana, Sans-Serif;
	text-align: center;
  background: url(../images/backgrounds/main-rpt.gif) top center repeat-y;
}

body {
	margin: 0; padding: 0;
	text-align: center;
  background: url(../images/backgrounds/main-gradiant-body.jpg) top center no-repeat;
}

#comfort-zone {
	width: 950px;
	min-height: 400px;
	padding: 0; margin: 0 auto;
	text-align: left;
  position: relative;
  font-size:12px;
}
*html #comfort-zone { height: 400px; }

a { color: #b82c8f; text-decoration: underline; }
a:hover { text-decoration: none; }

small {
  font-size: 10px;
  line-height: 12px;
}

/* HEADER
****************************************************/
#header {
  width: 950px; 
  height: 100px;
  margin-left: 0;
  background: url(../images/backgrounds/header.jpg) no-repeat;
}
*html #header { margin-left: 0px; }

#header h1 {
  float: left;
  height: 100px; width: 111px;
}
*html #header h1 { width: 104px;}
#header h1 a {
  display: block;
  height: 100px; width: 100px;
}
#header h1 a span { display: none; }
#header h2 { display: none; }


/* HEADER: SEARCH
****************************************************/
#header .search_form {
  float: right;
  margin: 12px 5px 0 0;
  padding: 8px 0 0 0;
  width: 300px; height: 41px;
  border-top: 1px solid #b079b2;
}
#header .search_form label {
  display: block;
  float: left;
  height: 18px; width: 70px;
  margin-right: 8px; margin-left: 3px;
  background: url(../images/search-label.gif) bottom no-repeat;
}
#header .search_form label span { display: none; }
#header .search_form input.text {
  font-size: 12px;
	color:#fff;
  background: #533368;
  height: 16px; width: 167px;
  border-top: 1px solid #211429;
  border-left: 1px solid #342042;
  border-bottom: 1px solid #9c89a8;
  border-right: 1px solid #775e88;
}
#header .search_form input.submit {
  border: 0;
  position: absolute;
  margin: -1px 0 0 8px;
  font-size: 0px;
  cursor: pointer;
  height: 21px; width: 36px;
  background: url(../images/find.gif) 0 0 no-repeat;
}
#header .search_form input.submit:hover {
  background: url(../images/find.gif) 0 -21px no-repeat;
}

/* HEADER: NAVIGATION
****************************************************/
#nav-bar { 
  clear: right; 
  height: 39px;
}

/* HEADER: NAVIGATION: Main
****************************************************/
#main-nav span { display: none; }
#main-nav li {
  height: 38px;
  float: left;
}
#main-nav li a {
  display: block;
  height: 38px;
}
#main-nav li.home {
  width: 26px;
  background: url(../images/main-nav.gif) 0 0 no-repeat;
}
body.home #main-nav li.home {
  background: url(../images/main-nav.gif) 0 -38px no-repeat;
}
#main-nav li.home a:hover {
  background: url(../images/main-nav.gif) 0 -77px no-repeat;
}
#main-nav li.play-with-u {
  width: 103px;
  background: url(../images/main-nav.gif) -26px 0 no-repeat;
}
body.play-with-u #main-nav li.play-with-u {
  background: url(../images/main-nav.gif) -26px -38px no-repeat;
}
#main-nav li.play-with-u a:hover {
  background: url(../images/main-nav.gif) -26px -77px no-repeat;
}
#main-nav li.u-health {
  width: 102px;
  background: url(../images/main-nav.gif) -129px 0 no-repeat;
}
body.u-health #main-nav li.u-health {
  background: url(../images/main-nav.gif) -129px -38px no-repeat;
}
#main-nav li.u-health a:hover {
  background: url(../images/main-nav.gif) -129px -77px no-repeat;
}
#main-nav li.u-privileges {
  width: 102px;
  background: url(../images/main-nav.gif) -231px 0 no-repeat;
}
body.u-privileges #main-nav li.u-privileges {
  background: url(../images/main-nav.gif) -231px -38px no-repeat;
}
#main-nav li.u-privileges a:hover {
  background: url(../images/main-nav.gif) -231px -77px no-repeat;
}
#main-nav li.why-u {
  width: 102px;
  background: url(../images/main-nav.gif) -333px 0 no-repeat;
}
body.why-u #main-nav li.why-u {
  background: url(../images/main-nav.gif) -333px -38px no-repeat;
}
#main-nav li.why-u a:hover {
  background: url(../images/main-nav.gif) -333px -77px no-repeat;
}
#main-nav li.u-products {
  width: 103px;
  background: url(../images/main-nav.gif) -435px 0 no-repeat;
}
body.u-products #main-nav li.u-products {
  background: url(../images/main-nav.gif) -435px -38px no-repeat;
}
#main-nav li.u-products a:hover {
  background: url(../images/main-nav.gif) -435px -77px no-repeat;
}

/* HEADER: NAVIGATION: Sub Nav
****************************************************/
#main-nav .sub-nav {
  position: absolute;
  background: #d5d0d4;
  border-right: 1px solid #939393;
  border-bottom: 1px solid #939393;
  border-left: 1px solid #dadcdb;
  padding: 5px 5px 0 5px;
  display: none;
}
#main-nav .sub-nav h4 {
  display: block;
  color: #35a6d0;
  font-weight: bold;
  font-size: 13px;
  margin: 0 0 5px 0;
}
#main-nav .sub-nav ul {
  padding-bottom: 10px;
}
#main-nav .sub-nav li {
  display: block;
  float: none;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0 0 5px 10px;
  border-bottom: 1px dashed #abaaaf;
  background: url(../images/backgrounds/products-bullet.gif) 0 4px no-repeat;
}
#main-nav .sub-nav li.last { border: none; }
#main-nav .sub-nav li a { 
  display: block;
  height: auto; width: 100%;
  background: none;
  color: #621f92;
  text-decoration: none;
}
#main-nav .sub-nav li a:hover {
  background: none;
  color: #be2c91;
}

#subnav-products {
  left: 452px;
  width: 185px;
}
#subnav-why-u {
  width: 180px;
}
#subnav-u-health {
  width: 195px;
}
#subnav-play-with-u {
  width: 195px;
}

/* HEADER: NAVIGATION: Secondary
****************************************************/
#secondary-nav {
  float: left;
  text-align: right;
  height: 26px; width: 280px;
  padding: 12px 10px 0 10px;
  margin: 0 0 0 1px;
  background: url(../images/backgrounds/secondary-nav.gif) repeat-x;
}
*html #secondary-nav {
  right: 0;
  width: 284px;
}
#secondary-nav li {
  display: inline;
  font-size: 12px;
}
#secondary-nav li a {
  color: #ad77af;
  font-size: 12px;
  text-decoration: underline;
}
#secondary-nav li a:hover {
  text-decoration: none;
}


/* CONTENT
****************************************************/
#content {
  width: 950px; 
}

#content h2 {
	color:#64228e;
	font-size:16px;
	text-transform:lowercase;
	font-weight:bold;
	margin:0 0 9px 0;
}

#content h3 {
	color:#64228e;
	font-size:16px;
	text-transform:lowercase;
	font-weight:bold;
	margin: 9px 0 9px 0;
}

#content h3 a { text-decoration: none; }
#content h3 a:hover { text-decoration: underline; }

#content p {
	font-size:12px;
	line-height:15px;
}

/* CONTENT: BREADCRUMBS
****************************************************/
#breadcrumbs {
  position: absolute;
  top: 100px; left: 2px;
  height: 10px; width: 645px; 
  padding: 8px 0 8px 2px; 
	background: url(../images/backgrounds/breadcrumb-background.gif) right top no-repeat;
}
*html #breadcrumbs { width: 643px; }
#breadcrumbs li {
	color:#60238B;
	display: inline;
	font-size:11px;
	background: url(../images/backgrounds/breadcrumb-divider.gif) right no-repeat;
	padding-right:8px; margin-left:2px;
}
#breadcrumbs a { color:#60238b; }
#breadcrumbs a:hover { text-decoration: none; }

/* CONTENT: MAIN-CONTENT
****************************************************/
#main-content {
  float: left;
  width: 647px;
  margin: 26px 0 0 3px;
  background: url(../images/backgrounds/content-gradient.gif) right top no-repeat;
	min-height:560px;
}
*html #main-content {
  margin-left: 0;
}

#main-content h4 { 
  margin: 10px 0 10px 0; 
  font-weight: bold;
}
#main-content p { margin: 10px 0 10px 0; }
#main-content ol,
#main-content ul {
  margin:10px 0 10px 0;
}
#main-content ol li {
  list-style: decimal;
  margin-left: 18px;
}

/* CONTENT: MAIN-CONTENT: FEATURE
****************************************************/
#feature {
	margin: 0 0 3px -1px;
	width:630px;
}

/* CONTENT: MAIN-CONTENT: COLUMNS
****************************************************/
#left-column {
	width: 320px;
	float: left;
	margin-left: 7px;
	display: block;
}
*html #left-column { margin-left: 5px; }
#left-column a { color:#b7298f; }

#right-column {
	float: left;
	display: block;
	padding: 0px 0 0 10px;
	width: 284px; overflow: hidden;
	margin-left: 14px;
	border-left: 1px dashed #C1BACC;
}

#columns .item {
	clear:both;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
	border-bottom: solid 1px #eceaf0;
}
#columns .item .info-box {
  float:left; width:170px
}
#columns .item .brand-box {
  float:left; width:209px
}
#columns .item .prod-img {
  float: right;
}
#columns .item .left-img {
  float: left;
}
#columns ul li {
  background: url(../images/backgrounds/products-bullet.gif) 0 4px no-repeat;
	padding: 0 0 0 10px;
	line-height: 15px
}
.last {
	border-bottom:none;
}
#columns .what-you-will-find {
  background: url(/images/content/what-you-will-find.jpg) no-repeat;
}
#columns .beaver {
  padding-right: 100px;
  margin-right: 3px;
  background: url(/images/content/beaver.jpg) no-repeat ;
}

#columns .link-lists p {
  color: #62228c;
  margin-bottom: 0;
}
#columns .link-lists ul {
  color: #62228c;
  margin-top: 0;
  margin-bottom: 10px;
}


/* CONTENT: MAIN-CONTENT: CONTENT-BOX
****************************************************/
#content-box {
  float: left;
	margin-left: 5px;
	width: 415px;
  padding-right: 11px;
  border-right: 1px dashed #c1bacc;
}
#content-box.full {
  border: none;
  width: 610px;
}

#content-box .item {
  border-bottom: 1px dashed #c1bacc;
  margin-bottom: 10px;
}
#content-box .last { border: none; }

#content-box cite { color: #c273c2; }

#content-box .imagebox {
  float: right;
  padding: 0 0 5px 10px;
}
#content-box .imagebox .source {
  color: #62228c;
  border-top: 1px solid #eceaf0;
  font-size: 11px;
  line-height: 13px;
  margin: 0;
  padding: 3px 3px 3px 3px;
  background: url(../images/backgrounds/img-src.gif) top center no-repeat;
}
#content-box ul li {
  background: url(../images/backgrounds/products-bullet.gif) 0 4px no-repeat;
	padding: 0 0 0 10px;
	line-height: 15px
}
#content-box .item ul li {
  margin-bottom: 8px !important;
}
#content-box ol {
  margin: 10px 0 10px 0 !important;
  list-style: decimal; 
  padding: 0 1em 0 2.5em;
}
#content-box ol li {
  margin: 0;
  padding: 5px 0 5px 0 !important;
}

#article-navigatior { text-align: right; }

/* CONTENT: MAIN-CONTENT: CONTENT-SUPP
****************************************************/
#content-supp {
 margin-left: 442px;
 width: 185px;
}

/* CONTENT: MAIN-CONTENT: ARTICLE LIST
****************************************************/
#article-list {
  background: #f7e0f7;
  padding: 5px 5px 5px 5px;
}
#article-list .group {
  margin: 0 0 5px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dashed #c273c2;;
}
#article-list .last { 
  border: none;
  padding: 0;
}
#article-list h3 {
  margin-bottom: 5px;
}
#article-list ul li {
  background: url(../images/backgrounds/products-bullet.gif) 0 4px no-repeat;
	padding: 0 0 0 10px;
	line-height: 15px
}

/* CONTENT: MAIN-CONTENT: LOOK ELSEWHERE
****************************************************/
#look-elsewhere {
  margin-top: 10px;
}
#look-elsewhere p {
  margin: 10px 0 0 0;
  color: #62228c;
}

#look-elsewhere ul{
	margin-top: 0;
	padding-top: 0;
}
#look-elsewhere ul li {
  background: url(../images/backgrounds/products-bullet.gif) no-repeat left center;
	padding: 0 0 0 10px;
	margin:0;
	line-height: 15px
}

/* PRODUCT LIST
****************************************************/
#product-list .product {
  border-bottom: 1px dashed #c1bacc;
	padding: 8px 0 8px 0;
	margin: 0 0 0 0;
	clear: left;
	min-height: 93px;
}
*html #product-list .product { 
  height: 93px;
}
#product-list .first { margin:0 0 0 0; }
#product-list .last{ border-bottom:none; }
#product-list .product img {
	width: 90px;
	height: 93px;
	float:left;
}
#product-list .product .content {
  margin-left: 90px;
}
#product-list .content h3 {
	color: #b82c8f;
	margin: 8px 0;
}
#product-list .content p {
  margin: 0;
}
#product-list ul.sizes {
  margin: 0 0 0 0 !important;
	padding: 5px 0 0 0 !important;
	list-style: none;
}
#product-list ul.sizes li {
  float: left; 
	font-size: 10px;
	display: block;
	width: 89px;
	padding: 0 0 0 8px !important;
	margin: 0 0 4px 0 !important;
	background:url(../images/backgrounds/products-bullet.gif) 0px 3px no-repeat;
}
#product-list .content li a { text-decoration: none; color:#6b3093; }
#product-list .content li a:hover { text-decoration: underline }

#availablein ul li {
  background: none !important;
  float: left;
  margin: 0; padding: 0 !important;
}

/* WINNERS LIST 
****************************************************/
/*#winners-list{
	margin-left:10px;
}
#winners-list th{
	font-weight:bold;
	padding:5px 5px 20px 5px;
	font-size:1.1em;
}
#winners-list td{ 
	padding:5px 5px 10px 5px;
}
#winners-list th.last, #winners-list td.last{ 
	padding-left:50px ;
	text-align:right;
}*/


/* TAG CLOUD
****************************************************/
#tag-cloud ul {
	color: #b82c8f;
	font-size: 8px;
	list-style: none;
	padding: 0 0 15px 20px !important;
  margin-left: -15px;
}
#tag-cloud li {
  float: left;
  background: none !important;
  padding: 0 10px 10px 0 !important;
}
#tag-cloud a {
	text-decoration: none;
	color: #b82c8f;
}
#tag-cloud a:hover { text-decoration: underline }

/* CONTENT: SIDEBAR
****************************************************/
#sidebar {
  float: left;
  margin-left: -1px;
  width: 300px;
  overflow-x: hidden;
  padding-bottom: 14px;
  background: #fff url(../images/backgrounds/sbgradbtmw.gif) bottom repeat-x;
  
}
*html #sidebar {
  position: absolute;
  width: 303px;
	margin-left:-1px;
}
#sidebar .item {
  padding: 0 0 3px 0;
  border-bottom: 1px solid #b079b2;
}

/* CONTENT: SIDEBAR: UPRIVILEGES
****************************************************/
#uprivileges {
	width: 300px;
	height: 86px;
  background: url(../images/uprivileges/sidebar-bg.gif) no-repeat;
	display: block;
}
#uprivileges h4 span {
	display: none;
}
#uprivileges p {
	float: left;
	margin: 29px 10px 0 84px;
	font-size: 12px;
	line-height: 14px;
	display: inline;
}


/* FOOTER
****************************************************/
#footer-wrap {
  clear: both;
  padding-top: 20px;
  margin: 0 10px 0 10px;
}
#footer {
  padding: 0 0 15px 0;
  background: #fbf9fd;
  border-top: 1px solid #eceaf0;
  border-bottom: 2px solid #ffffff;
  color: #855da2;
  font-size: 12px;
  font-family: arial;
  background: #fbf9fd url(../images/backgrounds/footer-top-gradient.gif) top repeat-x;
}

/* FOOTER: LEGAL
****************************************************/
#legal {
  clear: both;
  margin: 0;
  padding: 0 5px 30px 5px;
  background:#fbf9fd;
  color:#68368c;
  font-size:11px;
  font-family: arial;
  text-align:center;
  background:url(../images/backgrounds/footer-bottom-gradient.gif) top repeat-x;
}
#legal ul{
	margin:0 0 0 0;
	padding:10px 0 0 0;
	list-style:none;
}
#legal li{
	display:block;
	float:left;
	background:url(../images/backgrounds/legal-seperator.gif) right top repeat-y;
	padding:0 15px 0 0;
	margin:0 0 0 15px;
}
#legal li.last {
	background:0;
}
#legal li a { color:#68368c; }


/*	Main footer divs
***********************/
.footer-map {
	display:inline;
	float:left;
	border-left:dashed 1px #bfb7cb;
	margin:10px 10px 0 0;
	padding:0 0 4px 10px;
}
/*	Footer element style
***********************/
#footer h4 {
	color:#68368c;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	margin:0 0 9px 0;
	padding:0 0 0 0;
}
#footer a {
	text-decoration:none;
	color:#855da2;
	font-size:12px;
	font-family: arial;
}
#footer .first {
	border-left:0;
	margin:10px 10px 0 100px;
}
/*	Footer List
************************/
#footer ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}
#footer li {
	background:url(../images/buttons/footer-bullet.gif) no-repeat left center;
	padding:0 0 0 10px;
	margin:0 0 0 0;
	line-height:15px;
}
#footer li a {
	text-decoration:none;
	color:#855da2;
}
#footer .clear {
	clear:both;
}


/* MISC CLASSES
***********************/	
.clear {
	clear:both;
}

.video {
  width: 325px;
  height: 206px;
}
.no-transform{
	text-transform:none !important;
}