/*<<<<<<<<<<<   global   >>>>>>>>>>>>*/

body {
margin:0;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
color:#d2d2d2;
background:#8b9a93;
}




a{
color:#ffffff;
text-decoration:none;
outline:none;
}

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



a.smalltext10{
color:#333333;
text-decoration:none;
}

a.smalltext10:hover{
color:#f7941d;
text-decoration:none;
}



p {
line-height:15px;
padding:7px 20px 0 27px;
/*text-align:justify;*/
color:#FFFFFF;
}

.rags{
text-align:left;
}

.smalltext{
font-size:9px;
}

.smalltext10{
font-size:10px;
color:#ffffff;
}

.darkgrey{
color:#cccccc;
}

.deepgrey{
color:#666666;
}

.black{
color:#333333;
}

.white{
color:#ffffff;
}

.white3px{
color:#ffffff;
margin:0 0 14px 0;
}

.orange{
/*color:#f7941d;*/
color:#f4a42a;
}



img {
border:0;
}

h1 {
font-weight:normal;	
}


/*<<<<<<<<<<<   layout   >>>>>>>>>>>>*/

#cart {
text-align:right;
position:relative;
top:-5px;
right:4px;
padding:5px 0 0 0;
/*border:solid 1px #FF0000;*/
}

#centercontainter{
width:995px;
margin:25px auto 0 auto;
padding:0;
}

#container {
width:955px;
_width:960px;
background:#ffffff;
padding:22px 15px 0 20px;
border:solid 1px #333333;
}

#nav {
width:158px;
height:458px;
float:left;
margin:0 0 0 0;
padding:0;
background:#8b9a93;
border:solid 1px #666666;
position:relative;
z-index:90;
}

#nav img {
	padding:0 0 0 15px;
}



ul.navlist, ul.navlist ul {
  width: 80px; 
  margin:10px 0 0 15px;
  padding:0;/* sets the size of the menu blocks */
          /* Opera 7 final's margin and margin-box model cause problems */
}
ul.navlist li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #fff;                 /* sets the default font colour to white */
  padding:0 0 10px 0;
}
ul.navlist li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: -10px;                    /* position slightly lower than the parent menu item */
  left: 112px;  
  background:#8b9a93;
  border-left:solid 1px #fff;
  border-top:solid 1px #fff;
  width:100px;
  z-index:50;
  opacity:0.93;
  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}
ul.navlist li > ul li { 
border-bottom:solid 1px #fff;
padding:10px 30px 0 10px;
position:relative;
top:0;

}

ul.navlist li > ul li:hover { 
background:#f7941d;
color:#fff;
  z-index:100;
  position:relative;

}

/*ul.navlist li > ul li a { 
position:relative;
left:-10px;
top:0;
padding:5px 0 0 10px;
height:19px;
}*/
ul.navlist li > ul li a { 
height:16px;
left:-10px;
padding:5px 0 0 10px;
position:relative;
top:-5px;
}

ul.navlist li > ul li a:hover { 
color:#fff;

}

ul.navlist li a {
	background-position:top left ;
	width:128px;
	height:22px;
	display:block;
}

ul.navlist li a:hover {
	background-position:bottom left ;	
}

ul.navlist li a.navMens {text-indent:-5000px;background-image:url(https://www.wareyoufitin.com/global/img/navMens.gif)}
ul.navlist li a.navWomens {text-indent:-5000px;background-image:url(https://www.wareyoufitin.com/global/img/navWomens.gif)}
ul.navlist li a.navViewDesigns {text-indent:-5000px;background-image:url(https://www.wareyoufitin.com/global/img/navViewDesigns.gif)}
ul.navlist li a.navAbout {text-indent:-5000px;background-image:url(https://www.wareyoufitin.com/global/img/navAbout.gif)}
ul.navlist li a.navNews {text-indent:-5000px;background-image:url(https://www.wareyoufitin.com/global/img/navNews.gif)}
ul.navlist li a.navSubmitIdeas {text-indent:-5000px;background-image:url(https://www.wareyoufitin.com/global/img/navSubmitIdeas.gif)}
ul.navlist li a.navContact {text-indent:-5000px;background-image:url(https://www.wareyoufitin.com/global/img/navContact.gif)}
ul.navlist li a.navPolicies {text-indent:-5000px;background-image:url(https://www.wareyoufitin.com/global/img/navPolicies.gif)}
ul.navlist li a.navLinks {text-indent:-5000px;background-image:url(https://www.wareyoufitin.com/global/img/navLinks.gif)}

ul.navlist li:hover, ul.navlist li.CSStoHighlight {
	/* gives the active menu items a yellow background */
  color: #000;                 /* makes the active menu item text black */ 
}
ul.navlist ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.navlist li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}







.secondarynav{
margin:10px 0 0 12px;
padding:150px 0 0 0;
*padding:0 0 0 0;
_padding:0 0 0 0;
}

#spacer{
width:10px;
float:left;
}

#content {
width:777px;
_width:776px;
*width:777px;
height:458px;
float:left;
border:solid 1px #666666;
background:#8b9a93;
margin:0 0 10px 10px;
_margin:0 0 10px 5px;
padding:0;

}

#contenthome {
width:776px;
_width:776px;
*width:777px;
height:458px;
float:left;
border:solid 1px #666666;
background:#8b9a93;
margin:0 0 10px 10px;
_margin:0 0 10px 5px;
padding:0;

}

#content-white {
width:777px;
_width:800px;
float:left;
border:solid 1px #666666;
background:#ffffff url(https://www.wareyoufitin.com/global/img/content-white-bg.gif) bottom left repeat-x;
margin:0 0 10px 10px;
}

#content-white p{
color:#333333;
}

#content-left {
width:388px;
float:left;
position:relative;
}

#content-right {
position:relative;
width:388px;
float:left;
_left:-23px;
border-left:solid 1px #666666;
}

#productimageoverlay{
position:absolute;
bottom:10px;
right:10px;
}

#footer {
position:relative;
width:955px;
clear:both;
padding:1px 0 0 0;
font-size:9px;
color:#ffffff;

}


#footertext, #footertext2{
left:-18px;
position:absolute;
top:6px;
width:955px;
}

#footertext img{
	position:relative;
	right:-43px;
	float:right;
}

#footertext2 img{
	position:relative;
	right:-34px;
top:12px;
	float:right;
}

/*<<<<<<<<<<<   nav   >>>>>>>>>>>>*/

.logoimage {
	width:129px;
	height:96px;
margin:15px 0 10px 0;
_margin:15px 0 10px 15px;
}



/*<<<<<<<<<<<   fx   >>>>>>>>>>>>*/

#fximagesleft {  
height:  458px;  
width:   388px;   
float:left;
}
 
#fximagesleft img{    
height:  458px;  
width:   388px;  
top:  0; 
left: 0;
} 

#fximagesright {  
height:  458px;  
width:   387px;  
float:left;
border-left:solid 1px #666666;
} 
 
#fximagesright img{     
height:  458px;  
width:   388px;  
top:  0; 
left: 0;
} 

#fximages img{
position:relative;
	
}

#fximagesX {
position:relative;
width:776px;
height:458px;	
}

#homeLoader {
position:absolute;
top:350px;
left:280px;
}

.fade {
position:relative;
top:0;
left:0;
width:35px;
_z-index:1;
margin:0 15px 0 0;
_margin:0 5px 0 0;
}

.fade div {
position:absolute;
z-index:9000;
top:20px;
left:127px;
_left:127px;
*left:127px;
display:none;
width:120px;
border-left:solid 1px #ffffff;
border-top:solid 1px #ffffff;
background:#8b9a93;
}
.fade div a{
display:block;
height:10px;
border-bottom:solid 1px #ffffff;
padding:10px;
color:#ffffff;
}

.fade div a:hover{
background:#f7941d;
color:#333333;
}

.menswomensnavbuttonover{
position:absolute;
top:-21px;
left:-128px;
}

.fadenavbtn {

position:relative;

top:0;

left:0;

width:35px;

float:left;

_z-index:1;

margin:0 45px 0 0;

_margin:0 5px 0 0;

}



.fadenavbtn div {
position:absolute;
z-index:9000;
top:0;
left:0;
display:none;
}


/*<<<<<<<<<<<   content   >>>>>>>>>>>>*/

.content-mid-header{
margin:15px 0 0 0;
}

.paragraphHeighFix{
	line-height:7px;	
	*line-height:0;
	*margin:-10px 0 0 0;
}



#thumbnailslider{
width:857px;
background:#8b9a93;
padding:5px 15px 5px 75px;
margin:0 0 6px 0;
border:solid 1px #333333;
clear:both;
text-align:right;
height:172px;
}

.thumbdetailWomens{
width:113px;
margin:0 15px 0 0;
float:left;
color:#fff;
}

.thumbdetailWomens a{
		display:block;
		height:108px;
		width:108px;
		background-position:top left;
		background-repeat:no-repeat;
		text-indent:-5000px;
		border:solid 2px #fff;
		margin:5px 10px 0 -0;
	}

.thumbdetail{
width:112px;
margin:0 15px 0 0;
float:left;
color:#fff;
}



.thumbdetail a{
		display:block;
		height:54px;
		width:108px;
		background-position:top left;
		background-repeat:no-repeat;
		text-indent:-5000px;
	}

.thumbdetail a.thumbTop{
margin:5px 0 5px 0;
border-top:solid 2px #fff;
border-left:solid 2px #fff;
border-right:solid 2px #fff;
}

.thumbdetail a.thumbBottom{
margin:-5px 0 0 0;	
border-bottom:solid 2px #fff;
border-left:solid 2px #fff;
border-right:solid 2px #fff;
}

.thumbdetail a:hover{background-position:bottom left;}
.thumbdetailWomens a:hover{background-position:bottom left;}
	
.thumbdetailWomens a#thumbActivistW{background-image:url(../img/thumbActivistW.gif);}

.thumbdetail a#thumbAllergicM{background-image:url(https://www.wareyoufitin.com/global/img/thumbAllergicM.gif);}
.thumbdetail a#thumbAllergicW{background-image:url(../img/thumbAllergicW.gif);}

.thumbdetail a#thumbAnalyticalM{background-image:url(../img/thumbAnalyticalM.gif);}
.thumbdetail a#thumbAnalyticalW{background-image:url(../img/thumbAnalyticalW.gif);}

.thumbdetail a#thumbBookwormM{background-image:url(../img/thumbBookwormM.gif);}
.thumbdetail a#thumbBookwormW{background-image:url(../img/thumbBookwormW.gif);}

.thumbdetail a#thumbConcernedM{background-image:url(../img/thumbConcernedM.gif);}
.thumbdetail a#thumbConcernedW{background-image:url(../img/thumbConcernedW.gif);}

.thumbdetail a#thumbCreativedM{background-image:url(../img/thumbCreativeM.gif);}
.thumbdetail a#thumbCreativeW{background-image:url(../img/thumbCreativeW.gif);}

.thumbdetail a#thumbIndependentW{background-image:url(../img/thumbIndependentW.jpg);}
.thumbdetail a#thumbIndependentM{background-image:url(../img/thumbIndependentM.jpg);}

.thumbdetail a#thumbMusicologistM{background-image:url(../img/thumbMusicologistM.gif);}
.thumbdetail a#thumbMusicologistW{background-image:url(../img/thumbMusicologistW.gif);}

.thumbdetail a#thumbPassionateM{background-image:url(../img/thumbPassionateM.gif);}
.thumbdetail a#thumbPassionateW{background-image:url(../img/thumbPassionateW.gif);}

.thumbdetail a#thumbSuperstitiousM{background-image:url(../img/thumbSuperstitiousM.gif);}
.thumbdetail a#thumbSuperstitiousW{background-image:url(../img/thumbSuperstitiousW.gif);}

.thumbdetail a#thumbSurvivorM{background-image:url(../img/thumbSurvivorM.gif);}
.thumbdetail a#thumbSurvivorW{background-image:url(../img/thumbSurvivorW.gif);}

.thumbdetail a#thumbVegetarianM{background-image:url(../img/thumbVegetarianM.gif);}
.thumbdetail a#thumbVegetarianW{background-image:url(../img/thumbVegetarianW.gif);}

.thumbdetail a#thumbWorldtravelerM{background-image:url(../img/thumbWorldtravelerM.gif);}
.thumbdetail a#thumbWorldtravelerW{background-image:url(../img/thumbWorldtravelerW.gif);}

#newsthumb{
float:right;
margin:15px 15px 15px 28px;
border:solid 1px #333333;
}
.newsitem {
margin:20px 0 15px 0;
padding:0 0 20px 0;
border-bottom:solid 1px #666;
}

.whitenews{
color:#ffffff;
text-transform:uppercase;
}

#linkslist {
	margin:25px 0 0 37px;	/*40px 0 0 60px*/
}

#linkslist ul {
	list-style:square;	
}

#linkslist ul li{
	margin:0 0 10px 0;	
}
.barborder{
border-bottom:solid 1px #333333;
margin:0 0 10px 0;
}

#scrolldiv {
overflow-x: hidden; 
overflow-y:auto; 
height:412px;
position:relative;
top:-10px;
padding:10px 0 10px 0;
}

#contactcontentdiv{
margin:10px 0 0 0; /*101px 0 0 30*/
font-size:14px;
}

#alldesigngrid{
padding:29px 0 0 40px;
height:403px;
}

#alldesigngrid img{
padding:0 25px 0 25px;
}

#addToCart{
	margin:10px 0 0 0;
	*margin:6px 0 0 0;
	padding:0 25px 0 0;
}
#addToCart2{
margin:5px 0 0;
padding:0;
}

#viewcarttable table{
border-collapse:collapse;
margin:15px 0 0 30px; 
}

#viewcarttable table td{

padding:8px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
border-collapse:collapse;
}

#viewcarttable table tr:hover{
background:#eeeeee;
color:#990000;
}

#viewcarttable table th{

border-collapse:collapse;
padding:8px;
text-align:left;
color:#ffffff;
font-size:12px;
background-color:#89ﾟ9a93;
}

#addtocarttable{
*padding:-180px 0 0 0;
margin:10px 0 0 0;//temp margin for redesign message -- take when cart goes live
}


#addtocarttable td{
text-align:center;
/*border-right:solid 1px #cccccc;*/
margin:0 0 10px 15px;
color:#333333;
}

a#backscrollbutton {
position:relative;
float:left; 
top:50px; 
left:-75px;
display:block;
background:url(https://www.wareyoufitin.com/global/img/buttonBack.gif) no-repeat top left;
width:27px;
height:60px;
text-indent:-5000px;
}

a#backscrollbutton:hover {
background:url(https://www.wareyoufitin.com/global/img/buttonBack.gif) no-repeat bottom left;
}

a#nextscrollbutton {
position:relative;
float:right; 
top:50px; 
right:-15px;
display:block;
background:url(https://www.wareyoufitin.com/global/img/buttonNext.gif) no-repeat top left;
width:27px;
height:60px;
text-indent:-5000px;
}

a#nextscrollbutton:hover {
background:url(https://www.wareyoufitin.com/global/img/buttonNext.gif) no-repeat bottom left;
}

#jFlowSlide {
height:148px;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
width:800px;
/*top:-65px;*/
left:-5px;
*left:-5px;
}

#checkoutinfobox{
background-color:#9eafa7;
padding:15px; 
color:#ffffff;
border:solid 1px #ffffff; 
width:300px; 
margin:15px 0 0 35px;
}

/*#productdetails{
background:#dce7ed; 
width:388px;
height:254px;
*height:233px;
position:relative;
top:33px;
}*/

#productdetails{
background:transparent; 
width:388px;
height:233px;
position:relative;
top:8px;
}


/*#productdetails2{ old only worked on bookworm and vegg
background:transparent; 
width:388px;
height:150px;
position:relative;
bottom:-23px;
}*/
#productdetails2{
background:transparent none repeat scroll 0 0;
height:165px;
left:0px;
top:177px;
position:absolute;
/*position:relative;
height:150px;*/
width:388px;
}

#printedOn {
	font-size:10px;
	color:#333;
	padding:17px 0 0;
	float:left;
}
/*#productBarBottom { old only worked on bookworm and vegg
	background:#FDFFFF none repeat scroll 0 0;
	bottom:-23px;
	height:100px;
	padding:15px 25px 0;
	position:relative;
}*/
#productBarBottom {
background:#FDFFFF none repeat scroll 0 0;
height:100px;
padding:15px 25px 0;
position:absolute;
/*top:419px;*/
top:343px;
width:340px;

}

#productdetailsBuyNow{
background:#dce7ed; 
width:388px;
position:relative;
top:10px;
}
#shortProductDescription {
	color:#F60;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
}

#productdetails p{
*margin:-5px 0 25px 0;
}

#formsubmitbutton{
padding:10px 20px 10px 0;
}

.price{
	position:relative;
	top:-13px;
	color:#333;
}

form#submitIdeas {
	position:relative;
	top:10px;
	left:27px;
	color:#ffffff;
}

form#submitIdeas input {
	*margin:-2px 0 0 0;

}

form#submitIdeas textarea {
	overflow:inherit;
	
}

.submitIdeasSubmit {
	background:url(https://www.wareyoufitin.com/global/img/button_submit.gif) no-repeat;	
	height:33px;
	width:98px;
	display:block;
	border:none;
	position:relative;
	*top:-2px;
	left:-4px;
}


img, div { behavior: url(/global/css/iepngfix.htc) }