@import url(nav.css);

* {margin: 0; padding: 0;}

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight:normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	font-weight: normal;
	color:#005a84;
	background:#badcf7 url(../images/ri_bk_body.jpg) center top repeat-x;
	margin-left:0 !important; margin-left:1px;
}

.grid1colW, .grid1colW img, .grid2colA .column.first img, .list_covim li div, 
#p7PMnav .bn_end, #p7menubar li ul, #pagenavwrap { behavior:url(css/iepngfix.htc); }

/* BASIC LAYOUT */

#body_wrap {text-align: center; margin: 0; padding: 0;}

#content_wrap {
	position: relative;
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}


#col01_wrap {float: left; width: 225px; padding:0 20px 0 0;}

#site_logo {padding: 0 0 0 10px; margin:10px 0 5px 0;}

#col02_wrap {float:left; width:715px; padding:0; margin:0;}


/* Stores */
body.land.shop .grid2colB .column.first {width:200px;padding:0px 5px 0 45px;}
body.land.shop .grid2colB .column.last {width:440px; padding:55px 0px 0 0px;}
body.land.shop .grid2colB .last h2 {font-size:16px;padding:5px 0 4px 0;}

ul.ic_stores {padding:0 0 20px 0;}
ul.ic_stores li {display:inline; float:left; width:100px; height:65px; overflow:hidden; margin:0 5px 5px 0; padding:0;}
body.land.shop .grid2colB ul.ic_stores.online li { width:125px!important; height:80px!important; margin:0 10px 5px 0;}


/* PRESS */
#site_press {background: url(../images/ri_feature_b.gif) left bottom no-repeat; padding:0; margin:0 0 10px 0;}
#site_press li.headerA {
	background: url(../images/ri_feature_hd.gif) 0 0 no-repeat;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win */ 
	overflow: hidden; 
	padding-top: 30px;
}
#site_press ul {padding:0 0 17px 0;}
#site_press li {display:block; position:relative; width:220px; background:url(../images/ri_feature_s.gif) 0 0 repeat-y;}
#site_press dl {padding:0; margin:0 0 0 4px;}
#site_press dl dd {display:inline; float:left; width:58px; height:58px; overflow:hidden; margin:0 0 0 8px; padding:0; border:1px solid #fff; background-image:none; background-color: transparent;}
#site_press dl dd img {margin:-1px 0 0 -1px; padding:0; background-image:none; background-color: transparent;}


/* ADS */
#site_ads {margin: 0; padding: 0;}
#site_ads li {display:block; padding:0 0 2px 0;}

/* Facebook */
div.fb_fan { clear:both; margin:0; padding:2px 0 0 2px; background:url(../images/ri_bk_fb_fan.gif) 0 0 no-repeat;}


/* FLOAT CLEARS */
#body_wrap:after, #content_wrap:after, #footer_wrap:after, #browse_wrap:after, #p7PMnav:after, 
#site_press:after, #site_press dl:after, #site_ads:after, #site_ads li ul:after, #contentnav_wrap:after, #cat_wear:after, #cat_wear dl:after,
#headcontent:after, .pagecontent:after, #prodB_swatch ul:after, .pagelist_wrap:after, body.myfit #prodnav_wrap:after, ul.pagelist.styleD:after, 
.grid2colA:after, .grid2colB:after, ul.ic_stores:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#browse_wrap, p7PMnav, #site_press, #site_press li ul, #site_ads, #site_ads li ul, #contentnav_wrap, #cat_wear, #cat_wear li ul {clear: both;}


/* PAGE CONTENT LAYOUT GRIDS */
.column {float:left;}

.grid1colW { width:800px; margin:0 auto; padding-top:5px;}

.grid2colA .column.first { width:350px;}
.grid2colA .column.last {width:200px; padding:10px 0 0 0;}

body.home .grid2colA .column.first { width:340px; padding:0;}
body.home .grid2colA .column.last {width:375px; padding:0;}
body.home p.hom_seal, body.home div.hom_btn {padding:0!important;}
body.home p.hom_hd {padding:0 0 5px 0!important;}
body.home p.hom_tx {font-size: 12px;line-height:24px!important; letter-spacing:1px; text-align:center; padding:5px 15px 10px 15px!important;}


body.land.shop .grid2colA .column.first { width:415px;}
body.land.shop .grid2colA .column.last {width:250px; padding:115px 0 0 0;}
body.land.shop .grid2colA .column.last h2 {padding:10px 0 3px 0;}

body.myfit .grid2colA .column.last {width:350px; padding:65px 0 0 0;}
body.myfit.watch .grid2colA .column.last {width:350px; padding:20px 0 0 0!important;}

.grid2colA .column.last {width:250px; padding:80px 0 0 0;}
.grid2colA .column.last p {padding:0 0 8px 0; line-height:18px;}

.grid2colA #col02_videoplayer {width:520px; padding:0 0 0 38px!important; margin:0!important;}
#col02_videoplayer {width:520px; padding:10px 0 0 0; margin:0 auto;}




/* BASIC STYLES */
.error {font-weight: bold; color: #cc0000; text-transform:capitalize;}
.clearit {clear: both; height: 0; line-height: 0; font-size: 0;}
img {border:0;}


/* Heads */
h1 {padding:0 0 3px 0; color:#005a84; font-size:14px; line-height:18px; font-weight:bold;}
h2 {font-weight:bold;}
h3 {font-weight:bold;}/* pictformat sub link text */
h4 {font-weight:bold;}/* tabs and accordian */
h5 {font-weight:normal;}/* pictformat sub link text */
h6 {}/* nav heads */
em {color:#c43c81;}


/* Links */
a.linkA:link, a.linkA:visited, a.linkA:hover, a.linkA:active, a.linkA:focus,
.pagenav li a:link, .pagenav li a:visited, .pagenav li a:hover, .pagenav li a:active, .pagenav li a:focus, 
#col01_wrap a:link, #col01_wrap a:visited, #col01_wrap a:hover, #col01_wrap a:active, #col01_wrap a:focus,
td a:link, td a:visited, td a:hover, td a:active, td a:focus,
.pnav a:link, .pnav a:visited, .pnav a:hover, .pnav a:active, .pnav a:focus,
#pr_stores a:link, #pr_stores a:visited, #pr_stores a:hover, #pr_stores a:active, #pr_stores a:focus,
.hom_btn a:link, .hom_btn a:visited, .hom_btn a:hover, .hom_btn a:active, .hom_btn a:focus,
.hom_btn a
{border-bottom:none; }

a {text-decoration: none;}
a img {border-bottom:none; border-bottom-width:0;}

a:link, a:visited {color: #c43c81; border-bottom: 1px dotted #c43c81;}
a:hover, a:active, a:focus {color: #005a84; border-bottom: 1px dotted #fff;}

	
/* FOOTER */
.cal_tx {clear:both;
	font-size:9px;
	line-height:14px;
	font-weight:normal;
	text-align:left;
	padding:5px 0 10px 0; 
	margin: 0;
}
#footer_wrap {
	position: relative;
	clear:both;
	font-size:10px;
	line-height:14px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-style:italic;
	margin: 0;
	padding:0;
}		


/* Footer Nav had to float RSS image */
#footer_wrap ul.pagenav li, #footer_wrap ul.pagenav li a {float:left; white-space:nowrap;}
#footer_wrap ul.pagenav li a {padding:0 5px; border-left:1px solid #005a84;}
#footer_wrap ul.pagenav {padding: 7px 0 7px 0;margin:0 0 2px 0;}
#footer_wrap ul.pagenav li.firstBLOC {padding:0 5px 0 0;}
#footer_wrap ul.pagenav li img {float:left; padding:1px 4px 0 0; }

#footer_wrap ul.pagenav li.lastblock {padding:0; clear:right;}

#footer_wrap ul.pagenav li.ft_icon {margin:0!important;}
#footer_wrap ul.pagenav li.ft_icon a {display:block; width:16px; height:16px; padding:0; margin:0 3px 0 ; border-left:none!important; }
#footer_wrap ul.pagenav li.ft_icon a img {padding:0; margin:0; }




/* PAGEINATION */
#headcontent {position:relative;}
#pagenavwrap {float:right; width:545px; height:24px; overflow:hidden; padding:6px 0 5px 0; background: url(../images/ri_bk_blu80.png) top right no-repeat;}
/* Delete Express For Drop to work */
body.express #pagenavwrap, body.myfit #pagenavwrap, body.search #pagenavwrap {float:none; width:715px;}

#pagenavwrap ul.pagenav {width:600px; padding:0 10px; font-size:11px;}

.pagenav li, .pagenav li a {display:inline; padding:0; margin:0;}

.pagenav li.titleBLOC {font-size:14px; font-weight:bold;}
.pagenav li.titleBLOC, .pagenav li.firstBLOC a,
.pagenav li.star_off a, .pagenav li.star a {border-left:none; padding:0 4px 0 0;}

.pagenav li a {padding:0 4px 0 5px; border-left:1px solid #4f92b1;}

#bread .pagenav li span, .pagenav li span {padding:0 4px 0 0;}

.pagenav li.current a:link {font-weight:bold; color:#005a84;}

li.current a:link, li.current a:visited,
li.current a:hover, li.current a:active, li.current a:focus {color:#005a84!important; font-weight:bold;}

li.star_off a:link, li.star_off a:visited, li.star_off a:hover, li.star_off a:active, li.star_off a:focus,
li.prev_off a:link, li.prev_off a:visited, li.prev_off a:hover, li.prev_off a:active, li.prev_off a:focus,
li.next_off a:link, li.next_off a:visited, li.next_off a:hover, li.next_off a:active, li.next_off a:focus
{color: #4f92b1!important;}



/* FORMS */
input {padding:2px 0 2px 2px;}
input, textarea, select {font-size:10px; color:#005a84; background-color: #fff; border:1px solid #005a84;}
input.specformB {font-size:11px; padding:0; background-color:transparent; border:none;}
label {line-height:12px;}
form em {font-size:9px; font-weight: normal; font-style: normal; padding-left:2px;}


#form_wrapper {padding: 5px 0;}

form.formformatA input.buttonform, form.formformatB input.buttonform, input.buttonform 
{width:auto; padding:5px 5px 0 0; border:none; background-color:transparent;}

#findstore form.formformatA input.buttonform 
{padding:0 5px 0 0; margin:0;}
#findstore form.formformatA .lastBLOC 
{padding:0 0 1px 0; margin:0;}


form em {font-size:9px; font-weight: normal; font-style: normal; color: #c31230; padding-left:2px;}


/* Forms Page */	
form.formformatA fieldset { padding:0 0 5px 0;}
form.formformatA fieldset fieldset { padding:0;}
form.formformatA label {
	display: block;
	font-weight:bold;
	padding: 0 0 1px 0;
}

form.formformatA fieldset ol {margin: 0; padding: 0;}
form.formformatA fieldset li {
	display: block;
	line-height:1;
  	padding:4px 0 4px 0;
  	margin: 0;
}

form.formformatA input {width:140px;}
form.formformatA textarea {width:220px; height:100px; vertical-align:baseline;}
form.formformatA input#R_Birth_Year {width:50px;}

form.formformatA fieldset fieldset ol li, 
form.formformatB fieldset ol li {
	display: block;
	clear:both;
	text-align:left;
  	padding:2px 0 3px 0;
  	margin: 0;
}
form.formformatA fieldset fieldset ol li input, form.formformatB fieldset ol li input, ol.pic_quest input {width:auto; margin:0; padding:0;}
form.formformatA fieldset fieldset ol li p, form.formformatB fieldset ol li p {width:18px; float:left; margin:0 2px 0 0; padding:0;}
form.formformatA fieldset fieldset ol li label, form.formformatB fieldset ol li label {width:290px; float:left; clear:none; padding:1px 0 0 0; margin:0; line-height:14px;}

ol.pic_quest {clear:both; display:block; padding:0!important;}
ol.pic_quest li { display:block!important; padding:0 0 15px 0;}
ol.pic_quest img { display:block;}
ol.pic_quest p {width:18px; float:left; margin:5px 0; padding:0;}
ol.pic_quest label {width:70px; padding:0; margin:5px 0; line-height:14px;}