* { 
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}

body { 
	font: 12px 'Arial', 'Helvetica', sans-serif;
	color: #646464;
	background-color: #9d9b8a;
	line-height: 20px;
	margin-top:20px;
}

#wrap {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	
}

input{
	
	
	font: 12px 'Arial', 'Helvetica', sans-serif;
	color: #000;
	
}
a, img{

border: none;
outline: none;

}

/* Page structure ------------------------------ */

#wrap_content {
	margin: 0 auto;
	padding: 0;
	width: 920px;
	

}
#wrap_content #page {
	
	margin: 10px auto;
	width: 920px;
	background: top left url(Images/page_bg.jpg) repeat-y;
	float: left;
	padding: 0;
	
	
}
#page #uppershadow{
	
	display: block;
	float: left;
	width: 920px;
	height: 6px;
	background: top left url(Images/page_shadow_top.jpg) no-repeat;

}
#page #lowershadow{
	
	display: block;
	float: left;
	width: 920px;
	height: 11px;
	background: top left url(Images/page_shadow_btm.jpg) no-repeat;
	padding-bottom: 20px;
	background-color: #9d9b8a; 
}
#wrap_content #content {

	margin-left: 0px;
	margin-top:0px;
	width: 902px;
	
	float: left;
	position: relative;
	top: 0;
	left: 9px;
	padding: 0;
	background-color: #fff;
}

#leftcol{

	width: 163px;
	margin-right: 3px; /*was 12*/
	margin-top: 0;
	margin-bottom: 12px;
	float: left;

}

#rightcol{

	margin-top: 16px;
	margin-bottom: 12px;
	width: 727px;
	color: #444;
	float: left;

}

.ie #rightcol{
	
	
} 
.ie7 #rightcol{
	
	
}


#footer{

float: left;
width: 902px;
height: 26px;
background: url(Images/footer_bg.jpg) repeat-x;
font-size: 11px;
list-style-type: none;
}


/* Header content ------------------------------ */


#header{

	height: 150px;
	margin-bottom: 0;
	margin-left: 0;
	margin: 0 auto;
	list-style-type: none;
}
#header #uppernav{

	margin: 0 auto;
	float: left;
	height: 26px;
	width: 902px;
	text-align: right;
}
#header #uppernav ul{

padding: 0;
float: right;
margin-right: 6px;
margin-top: 3px;
}
.ie #header #uppernav ul{


margin-top: 0px;
}
.ie8 #header #uppernav ul,
.ie7 #header #uppernav ul{


margin-top: 3px;
}
#header #uppernav li{

float: left;
margin-left: 10px;
height: 26px;
}
#uppernav a,
#uppernav a:visited,
#uppernav a:active{
	display: block;
	text-decoration: none;
	font-size: 11px;
	color: #786b61;
	outline: none;
	margin: 0;
	border: none;
	
}
#header #uppernav a:hover{

	text-decoration: underline;

}

#uppernav li img{

	float: left;
	margin-right: 4px;
	outline: none;

}
#headercontent{
	float: left;
	height: 74px;
	width: 902px;
	background: url(Images/header_logo_bg.jpg) no-repeat;
	margin-bottom:2px;
	margin-left:0px;	
}
#headercontent #quicksearch{

float: right;
width:210px;
height: 76px;
}
#quicksearch,
#quicklogin {

color: #fff;
font-size: 11px;
}
#quicklogin label{

margin-left: 14px;

}


.ie #quicklogin .quickpasslabel{

margin-left: 13px;

}
.ie7 #quicklogin .quickpasslabel{

margin-left: 13px;

}
#quicklogin .quickpasslabel{

margin-left: 16px;

}
#quicklogin #loginsubmit{
position: relative;
top: 7px;
margin-left: 4px;


}

#quicklogin #userbox{


}
#quicklogin p,
#quicksearch p{

margin: 0;
padding: 0;


}
#quicklogin #passbox,
#quicklogin #userbox,
#quicksearch #searchbox{

width: 103px;
height: 18px;
background-color: #fff;
border: none;
outline: none;
margin-top: 16px;
margin-left: 4px;
margin-bottom: 0px;
padding-left: 4px;
padding-right: 4px;

}
#quicklogin #passbox{

margin-top: 4px;

}
#quicksearch #searchsubmit{
position: relative;
margin-top: 20px;
margin-left: 4px;
}
#quicksearch label{

margin-left: 4px;

}

#quicksearch a:active,
#quicksearch a:visited,
#quicksearch a{

	text-decoration: underline;
	display: block;
	color: #fff;
	outline: none;
	margin-right: 2px;
	float: right;
	margin-top: 1px;
	
}



#headercontent #quicklogin{

float: right;
width:224px;
height: 76px;
border-left: 1px dotted #fff;

}




#lowernav{
	float: left;
	width: 902px;
	height: 40px;
	background: url(Images/nav_bg.jpg) repeat-x;
	text-align: center;
	margin-top: 0px;
	margin-left:0px;
	margin-bottom:1px;
	font-size: 14px;
}
.ie #lowernav{

	font-weight: bold;

}
.ie7 #lowernav{

	font-weight: bold;

}
#lowernav ul{

margin-left: 60px;

}
#lowernav li{

	float: left;
	margin: 0;
	height: 40px;
	
}
#lowernav a.activated{

	background: url(Images/nav_over_bg.jpg) repeat-x;
}
.ie #lowernav li.activated a{

	
	background: url(Images/nav_over_bg.jpg) repeat-x;

}

#header #lowernav a,
#header #lowernav a:visited,
#header #lowernav a:active{
	display: block;
	float: left;
	height: 40px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	outline: none;
	text-align: center;
	padding: 0 40px;
	text-transform: uppercase;
	background: none;
	line-height: 40px;	
}

#header #lowernav a:hover{
	background: url(Images/nav_over_bg.jpg) repeat-x;
}

/* Body Content - Home Page------------------------------ */

#leftcol #menutitle span{
display: none;
}
#leftcol #menutitle{
float: left;
margin-top: 16px;
height: 26px;
width: 163px;
background: top left url(Images/browse_title.gif) no-repeat;

}

.home #menutitle{

background: top left url(Images/browse_title.gif) no-repeat;

}
.products #menutitle{

background: top left url(Images/browse_title.gif) no-repeat;

}
.products {
float: left;
margin-top: 16px;
height: 26px;
width: 163px;
background: top left url(Images/browse_title.gif) no-repeat;

}
.marketingtools{
float: left;
margin-top: 16px;
height: 26px;
width: 163px;
background: top left url(Images/marketing_tools_title.gif) no-repeat;

}

.about {
float: left;
margin-top: 16px;
height: 26px;
width: 163px;
background: top left url(Images/about_title.gif) no-repeat;

}

.services {
float: left;
margin-top: 16px;
height: 26px;
width: 163px;
background: top left url(Images/services_title.jpg) no-repeat;

}

.specials {
float: left;
margin-top: 16px;
height: 26px;
width: 163px;
background: top left url(Images/specials_title.gif) no-repeat;

}
.hotlist {
float: left;
margin-top: 16px;
height: 26px;
width: 163px;
background: top left url(Images/specials_title.gif) no-repeat;

}

#leftcol .sidenav{

float: left;
margin-left: 4px;
margin-right: 10px;
margin-top: 20px;
margin-bottom:10px;
border-bottom: 1px solid #a69c79;
width: 148px;

}
.ie #leftcol .sidenav{

margin-left: 6px;


}
.ie7 #leftcol .sidenav,
.ie8 #leftcol .sidenav{

margin-left: 12px;
margin-right: 10px;
margin-bottom:10px;

}
#leftcol #secondnav{
margin-top: 7px;
border: none;

}
#leftcol .sidenav ul img{

vertical-align:baseline;
position: relative;
top:1px;


}
#leftcol .sidenav ul{

margin-left: 8px;
margin-bottom: 20px;


}
#leftcol .sidenav ul.sub{

font-size: 11px;
margin-top: 4px;
margin-bottom: 8px;
border: none;

}

.ie #leftcol .sidenav ul.sub{

margin-top: -4px;


}
.ie7 #leftcol .sidenav ul.sub{

margin-top: -4px;


}
.ie8 #leftcol .sidenav ul.sub{

margin-top: 4px;

}
a.TopNav:link,
a.TopNav:visited,
a.LowNav:visited,
#leftcol .sidenav a,
#leftcol .sidenav a:visited{

text-decoration: none;
color: #646464;
}

a.TopNav:hover,
a.LowNav:hover,
#leftcol .sidenav a:hover{

font-weight: bold;
text-decoration: none;

}

a.TopNav:active,
a.LowNav:active,
#leftcol .sidenav a:active{


text-decoration: none;
font-weight: bold;
color: #c08530;

}
a.TopNav:activated,
a.LowNav:activated,
#leftcol .sidenav a.activated{
text-decoration: none;
font-weight: bold;
color: #c08530;
cursor:default;
}

a.LowNav:link
{
  text-decoration: none;
    color: #808080;
 }

#rightcol #trailbucket{

float: left;
width: 715px;
height: 36px;

}
#rightcol #bigbucket{

float: left;
width: 715px;
margin-bottom: 12px;

}
#rightcol .calloutthird{

float: left;
width: 230px;
margin-right: 12px;
margin-bottom: 12px;

}
#rightcol .calloutthirdlast{

float: left;
width: 231px;

}

#rightcol .callouthalf{

float: left;
width: 357px;
margin-right: 0;


}
#rightcol .callouthalflast{

float: left;
width: 357px;
margin-right: 0;
border-left: 1px dotted #786b61;


}

#rightcol #trailbucket{

float: left;
width: 715px;
height: 36px;

}
#trailbucket ul{

display: inline;
margin-left: 5px;


}
#trailbucket li{
list-style: none;
display: inline;
color: #786b61;

border: none;

}
#trailbucket a,
#trailbucket a:visited,
#trailbucket a:active{

height: 36px;
line-height: 36px;
padding-right: 5px;
padding-left: 7px;
text-decoration: none;
color: #786b61;


}
#trailbucket a:hover{

text-decoration: underline;

}
#trailbucket a.activated{


cursor: default;
text-decoration: none;
color: #786b61;


}
#trailbucket li:before {
	content: "\00BB";
	
}
#trailbucket li.first:before {
	content: " ";
}

#rightcol #sectiontitle{
float: right;
width: 727px;
height: 20px;
margin-top: 0px;
margin-bottom: 10px;
background-color: #ffffff;
color:#808080;
font-weight:bold;
vertical-align:middle;
}
.category
{
width: 727px;
margin-left:0px; 
height:25px;
vertical-align:middle;  
    }

/* Body Content - Product Details ------------------------------ */



#rightcol #productdetails{
float: left;
width: 710px;

}

#productdetails #prodleftcol{
float: left;
width: 280px;
padding-right: 20px;
margin-bottom: 12px;
padding-left: 12px;
font-size: 11px;
}


#prodleftcol #prodtitle{
float: left;
width: 250px;



}
#prodleftcol #prodtitle h2{
font-size: 16px;
border: none;
text-transform: none;
margin-bottom: 0px;
}
#prodleftcol .proddescr{
float: left;
width: 250px;
font-size: 12px;
font-weight: bold;

}
#prodleftcol .prodcatpage{

float: left;
width: 250px;
}
#prodleftcol .prodsizes{

float: left;
width: 250px;
}
#prodleftcol #prodprice{
float: left;
width: 250px;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}
#prodleftcol #prodprice .cdn{

color: red;

}
#prodleftcol #prodprice .us{

color: blue;

}
#prodleftcol #prodimage{

float: left;
margin-bottom: 0px;

}
#prodleftcol #prodcolorpicker{

width: 250px;
float: left;
margin-bottom: 12px;

}
#prodleftcol #prodcolorpicker p{
width: 250px;
float: left;

}
#prodleftcol #prodcolorpicker img{

float: left;
margin-right: 6px;

}
#prodleftcol #actionbtns {

margin-bottom: 12px;

}
#prodleftcol #actionbtns img{


float: left;
margin-right: 7px;
margin-top:2px;


}
#productdetails #prodrightcol{
float: left;
width: 400px;
margin-bottom: 12px;
font-size: 11px;

}
#prodrightcol .prodinfo{
width: 100%;
float: left;
margin-bottom: 30px;

}
#prodrightcol .prodinfo li{

list-style: disc;
list-style-position: inside;

}
.ie #prodrightcol .prodinfo li{

height: 20px;

}

#prodrightcol .prodinfo .thumbminirow{

float: left;
width: 403px;
margin-top: 6px;

}
.prodinfo .thumbminirow img{

float: left;
margin-right: 6px;

}
.prodinfo .thumbminirow p{

float: none;


}


#productdetails #prodrightcol  p{

margin: 0;

}
#prodrightcol #fabric p{

float: left;



}
#prodrightcol #fabric #fabricicons{
float: left;
margin-top: 12px;
text-align:left;

}
#prodrightcol #fabric img{

float: left;
margin-right: 4px;
text-align:left;
}

#productdetails #prodfullcol{
float: left;
width: 703px;
margin-bottom: 12px;
font-size: 11px;
padding-left: 12px;
}

#prodfullcol #invinstruction{

float: left;
width: 420px;

}
#prodfullcol #invinstruction p{

float: none;

}
#prodfullcol #invlevels{
margin-top: 0px;
float: left;
width: 100%;


}
#invlevels div.available{

float: left;
width: 30px;
height: 16px;
margin: 0 6px;
}
#invlevels div.insufficient{
float: left;
width: 30px;
height: 16px;
margin: 0 6px;
}
#prodfullcol .available{

background-color: #c2e5a6;

}
#prodfullcol .insufficient{

background-color: #fffaa8;

}
#prodfullcol .instructions{

float: right;
width: 200px;
margin-right: 8px;
font-weight: bold;

}
#prodfullcol .instructions li{

font-weight: normal;

}
.instructions{
padding: 12px;
background-color: #d7d3c4;
color: #706a4c;
}
#prodfullcol table{

float: left;
border-collapse: collapse;
margin-bottom: 20px;
margin-top: 2px;
}
#prodfullcol table td{

border-bottom: 1px solid #786b61;


}
#prodfullcol table th{
border-top: 1px solid #786b61;
border-bottom: 1px solid #786b61;
text-align: center;
padding: 4px 2px;

}
#prodfullcol table td{

padding: 4px 2px;

text-align: center;
vertical-align: middle;

}
#prodfullcol table .altcol{

background-color: #eee;

}
#prodfullcol table td p{
float: left;
clear: both;
padding: 1px;

margin-bottom: 0;

}
#prodfullcol table td input{
clear: both;
width: 68px;
height: 18px;
background-color: white;
outline: none;
border: 1px solid #999;
margin-top: 0;

}


#invtable #proddetailbtns{
clear: both;
float: left;
width: 100%;
}
#invtable #proddetailbtns input{

margin-top: 4px;
margin-right: 6px;
display: inline;
float: left;

}

#invtable #proddetailbtns .floatright{


float: right;

}
#rightcol h2{
width: 100%;
float: left;
font-size: 14px;
font-weight: bold;
color: #786b61;
padding-bottom: 4px;
padding-top: 0;
border-bottom: 1px solid #786b61;
text-transform: uppercase;
margin-bottom: 12px;

}

#productdetails p{

margin-bottom:12px;

}
.pgborder
{
    border-top-style:solid;
    border-top-color:Gray;
    border-right-style:none;
    border-left-style:none;
    border-bottom-style:none;
    text-align:center;
}
.pgheader
{
    border-top-style:none;
    border-right-style:none;
    border-left-style:none;
    border-bottom-style:none;
    text-align:center;
}

/* Footer Content ------------------------------ */


#footer #copy{

float: left;

width: 30%;
text-align: right;


}
#footer #copy p{
float: right;
margin-top: 3px;
margin-right: 12px;
color: #fff;

}
#footer #nav{

	float: left;
	width: 70%;
	text-align: left;
	color: #fff;
	margin-top: 3px;
	
}
#footer #nav ul{

display: inline;
float: left;
padding:0;


}
#footer #nav li {
display: inline;
}
#footer #nav a:link,
#footer #nav a:visited {
color: #fff;
height: 16px;
text-decoration: none;
padding: 2px 10px 2px 12px;
border-left: 1px dotted #fff;
}
#footer #nav a:hover {
color: #fff;
text-decoration: underline;


}
#footer #nav a.firstfooterlink{
border: none;

}
.ie #footer #nav li.firstfooterlink  a{
border: none;

}

#rightcol a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}
#rightcol a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}
#rightcol a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: underline;
}
#rightcol a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}
span.msg1
{
	font-family: Tw Cen MT;
	font-size: 17px;
	font-weight: bold
}
/******new added**********/
p.msg1
{
	font-family: Tw Cen MT;
	font-size: 15px
}
p.msg2
{
	font-family: Tw Cen MT;
	font-size: 15px;
	font-weight: bold
}
p.msg3
{
	font-family: Tw Cen MT;
	font-size: 15px;
	font-style: italic
}

.test {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
}

.body_list {
	display: block;
	padding-left: 15px;
}
/* Change Password Box ------------------------------ */
.round{display:block}
.round *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#94af3a}
.round1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d0dcaa;
  border-right:1px solid #d0dcaa;
  background:#aec36b}
.round2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f4f7eb;
  border-right:1px solid #f4f7eb;
  background:#a8be5f}
.round3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a8be5f;
  border-right:1px solid #a8be5f;}
.round4{
  border-left:1px solid #d0dcaa;
  border-right:1px solid #d0dcaa}
.round5{
  border-left:1px solid #aec36b;
  border-right:1px solid #aec36b}
.roundfg{
	background:#94af3a;
	padding: 20px;
}
/* Inventory Matrix ------------------------------------*/

#prodfullcolmatrix table{

float: left;
border-collapse: collapse;
border: 1px solid #666;
padding-bottom:1px;
}

#prodfullcolmatrix td{
clear: both;
border-bottom: 1px solid #666;
text-align: center;
padding-bottom:1px;
}

#prodfullcolmatrix th{
border-bottom: 1px solid #666;
text-align: center;
padding-bottom:1px;
}