/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a{

	text-decoration: none;
}

a:link{

	text-decoration: none;
}

a:visited{
	
	text-decoration: none;
}

a:hover{
	
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

h2{
	 font-family: Arial,sans-serif;
	 font-size: 90%;
	 color: #006699;
	 margin: 0 0 10px 0;
	 padding: 0px 0px 0px 5px;
}

h3{
	 font-family: Arial,sans-serif;
	 font-size: 70%;
	 margin: 0 0 5px 0;
	 padding: 0px;
	 font-weight:bold;
	 width:120px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-weight: bold;
 color: #000000;
}

.leftAlignImg{
	float:left;
	margin: 0 5px 5px 0;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	width: 60em;
	padding: 0px ;
	margin:10px auto 0px auto;
}
#header {
	width: 100%;
	padding: 0px ;
	background-repeat: no-repeat;
	background-position: right top;
	margin:0px 0px 10px 0px;
	display:table;

}

#topMenu{
	float:right;
	font-size:70%;
}
#subcats {
	width:60em;
	text-align:center;
	clear:both;
}

#subcats div{
	padding:5px ;
	width:98%;
	font-size:70%;
	line-height:1.2em;
}
.nobr{
	white-space: nowrap;
}

#spacer{
	clear:both;
	line-height:1em;
}

/************* #search styles ***************/

#search{
	border-left:1em solid #ffffff;
	margin:0;
	padding:0;
	width:18em;
	font-size:75%;
}

#search input{
  margin: 0px  0px 0px 5px;
 }
 
 #search label{
	width:4em;
 }
#search form {
	margin:5px;
	padding:0;
	border:0;
	padding:3px;
}

#contentHolder {
	width:60em;
	margin: 0px auto 0px auto;
}
#leftColumn{
	margin: 0px;
	padding: 0px;
	font-size: 70%;
	width:17em;
	float:left;
}

#content{
	float: right;
  	width: 33em;
	margin-right:1em;
}
#rightColumn{
  	float:right;
	width: 17em;
	padding: 10px 0 20px 0;
}

#noMargins{
  	width: 60em;
	font-size:75%;
}

.addressRowHolder{
	clear:both;
	
}
.addressList {
	float:left;	
	margin:10px ;
}

/***********************************************/
/* Components                                  */
/***********************************************/


/************* #catNav styles **************/
.skipLinks {display: none;}

#navcontainer{
	background-color: #444444;
	width:60em;
	clear:both;
}

#navcontainer ul
{
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: Arial,Helvetica,sans-serif;
	list-style: none;
}

#navcontainer ul li
{
	float:left;
	padding: 0;
	margin:0;
	width:4.5em;
	background-color: #444444;
	
}
#navcontainer ul li.catEnd{
	width:3.5em;
	font-size:70%;
	line-height:2.7em;
	display:block;


}
#navcontainer ul li a
{
	padding-bottom: 3px;
	padding-top: 3px;
	text-decoration: none;
	display: block;
	border-right: 2px solid #fff;
	font-weight:bold;
	font-size:70%;
}

a.rightborder {
	border-left:2px solid #fff;
}

a.cookware:link{	background-color: #444444;	color: #ffffff; }
a.tools:link{ background-color: #444444; color: #ffffff; }
a.tableware:link{ background-color: #444444; color: #ffffff; }
a.glasses:link{ background-color: #444444; color: #ffffff; }
a.knives:link{ background-color: #444444; color: #ffffff; }
a.tea:link{ background-color: #444444; color: #ffffff; }
a.bakeware:link{ background-color: #444444; color: #ffffff; }
a.kids:link{ background-color: #444444; color: #ffffff;}
a.wood:link{ background-color: #444444; color: #ffffff; }
a.elec:link{ background-color: #444444; color: #ffffff; }
a.garden:link{ background-color: #444444; color: #ffffff;}
a.gifts:link{ background-color: #444444; color: #ffffff; border-right:0; }

a.cookware:visited{	background-color: #444444;	color: #ffffff; }
a.tools:visited{ background-color: #444444; color: #ffffff; }
a.tableware:visited{ background-color: #444444; color: #ffffff; }
a.glasses:visited{ background-color: #444444; color: #ffffff; }
a.knives:visited{ background-color: #444444; color: #ffffff; }
a.tea:visited{ background-color: #444444; color: #ffffff; }
a.bakeware:visited{ background-color: #444444; color: #ffffff; }
a.kids:visited{ background-color: #444444; color: #ffffff;}
a.wood:visited{ background-color: #444444; color: #ffffff; }
a.elec:visited{ background-color: #444444; color: #ffffff; }
a.garden:visited{ background-color: #444444; color: #ffffff;}
a.gifts:visited{ background-color: #444444; color: #ffffff; border-right:0; }





/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#homeText{
	font-size: 100%;	
	margin-bottom:10px;
	width:90%;
}
#homeText h1{
	font-size: 100%;	
}
#homeText  h2{
	font-size: 95%;	
}
#homeText h3{
	font-size: 90%;	
	width:100%;
}
#homeText h4{
	font-size: 85%;	
}
#homeText h5{
	font-size: 80%;	
}
#homeText h6{
	font-size: 75%;	
}

#homeText p{
	font-size: 70%;	
}



/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 4px 0px 6px 10px;
}


/************** .paging styles *****************/

.paging{
	clear:both;
	width:90%;
	text-align:right;	
	font-size:75%;
	margin-bottom:10px;
}
 a.paging {
		font-size:80%;
}

.showingCount{
		font-size:70%;
		font-weight:bold;
}
a.showingCount{
		font-size:70%;
		font-weight:bold;
}

#brandSisters {
	font-size:80%;
	margin-bottom:5px;
}
#brandSisters a:hover{
	text-decoration:underline;
}



/************** .product listing  styles ***************/

.rowDivider{
	text-align:left;
	clear:both;
	width:33em;
	margin-bottom:20px;
}
.productListing{
	width:10.5em;
	float:left;
	border:1px solid #ffffff;
	text-align:center;
	padding-right:3px;
}
.productListingCenter{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	width:10.5em;
	float:left;
	padding-left:3px;
	padding-right:5px;
	text-align:center;
}

.headerHolder{
	min-height:2.8em;
	width:98%;
	text-align:center;
}
.productDesc{
	padding: 0px 0px 3px 0;
	font-size: 70%;
	width:95%;
	min-height:4.6em;
	overflow:visible;
	border:1px solid #ffffff;
	text-align:left;
}

.productDesc h3{
	padding: 0;
	width:95%;
	margin:0;
}
.productDesc img{
	margin: 10px 0 5px 0;
}

.specialOffer{
	color:#ff0000;	
}
.strikeThrough{
	text-decoration:line-through;
}
.productLinks {
	width:99%;
	text-align:right;
	font-size:70%;
	font-weight:bold;
}

.productVerticalListingTitle{
	width:50%;
	margin:10px 5px 5px 2em;
	font-size:75%;
	clear:both;
}
.productVerticalListingRow{
	margin:5px 5em 0px 2em;
	border-top:1px solid #999999;
	clear:both;
}
.productVerticalListingDesc{
	font-size: 70%;
	margin: 5px 10px 10px 0;
}

.productVerticalListingDesc img  {
	margin:5px;
	float:left;
}

.productVerticalListingPrice{
	font-weight:bold;
	font-size:70%;
	float:left;
	width:40%;
}
.productVerticalListingFormHolder{
	float:right;
	margin-top:0;
	padding-top:0;
	width:50%;
	text-align:right;
	font-size:70%;
	margin-bottom:10px;
}

.button{
	font-size: 100%; 
	padding:2px;
}
.viewButton{
	margin-top:3.3em;
}
.smallLabel {
	width:9.5em;
	text-align:right;
	font-size:100%;
	padding-top:4px;
}
.small {

}

.wishVerticalListingRow{
	margin:5px 5em 0px 2em;
	border-top:1px solid #999999;
	clear:both;
}


/************* #footer styles ***************/

#footer{
	clear: both;
	padding: 10px 0 10px 0;
	margin: 0px auto 0px auto;
	width:60em;
	text-align:center;
}

#footer div{
	font-size:75%;	
}


/*********** #first item in Brand lists ***********/
.brandTitle {
	padding:6px 2px 6px 2px;
	width:13em;
	text-align:center;
}
/*********** # Brand lists ***********/
#menu {
	font-size: small; 
	margin-bottom: 15px; 
	width: 100%;  
	position: relative; 
	text-align:left;
}
#menu ul li a {
	border-right: #fff 1px solid; 
	border-top: #fff 1px solid; 
	display: block; 
	border-left: 0px; 
	width: 13em; 
	border-bottom: 0px; 
	text-decoration: none;
	padding:3px;
}
#menu ul li a:visited {
	border-right: #fff 1px solid; 
	border-top: #fff 1px solid; 
	display: block; 
	font-size: small; 
	border-left: #fff 0px solid; 
	width: 13em; 
	border-bottom: 0px; 
	text-decoration: none
}
#menu ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none;
}
#menu ul li {
	margin-right: 1px; 
	position: relative;
}

#menu ul li ul {
	display: none;
}

#menu ul li:hover ul.up   {
	position: absolute; 
	left: 13.5em; 
	width: 11em; 
	display: block; 
	bottom:1px;
}

#menu ul li:hover ul.down   {
	position: absolute; 
	left: 13.5em; 
	width: 11em; 
	display: block; 
	top:1px;
}

#menu ul li:hover ul li:hover a#hide {
	width: 11em;
}

#menu ul li:hover ul li a {
	display: block; 
	width: 11em; 
}

#menu ul li:hover ul li:hover ul li a {
	display: block; 
	width: 11em; 
}

#menu img{
	border:0px;	
}
/*********** #cart summary styles ***********/

#cartSum {
	padding:5px;
	margin-bottom:10px;
	font-size:70%;
	border:0;
}
.cartTotal{
	border-top:1px solid #000000;
	font-weight:bold;
}
.msg {
	width:95%;
	background-color:#cccccc;
	color:#000000;
	border:1px solid #999999;
	padding:5px;
	font-size:100%;
	font-weight:bold;
}
.deliveryOptions{
	width:14em;	
	text-align:left;
}


#orderList{
	font-size:80%;
}
#orderList table {
	margin-top:10px;
}
#orderList td {
	padding:5px;
}
#orderList th {
	font-weight:bold;
}



/*********** .relatedLinks styles ***********/
#productDetailsPage{
	font-size:80%;
	margin:20px;
	 font-family: Verdana,Arial,sans-serif;
}
#productDetailsPage img{
	float:left;
	margin:10px 20px 10px 0;
}
#productDetailsPagePrices{
	clear:both;
	text-align:right;
	font-size:70%;
	margin-right:40px;
	font-weight:bold;
}
#productDetailsPagePrices label {
	width:33em;
	text-align:right;

}

/************** #advert styles **************/
#specialsColumn{
	padding:4px;
	font-size:85%;
	clear:both;
}

#specialsColumn img{
	float:left;
	margin:5px 3px 3px 5px;
}
/************** #right Column styles **************/

#rightColumn{
	margin: 0px;
	font-size: 80%;
}

#pageDesc{
	clear:both;
	padding:6px;
	font-size:90%;
}

#advert{
	padding: 30px 5px 10px 5px;
}

#advert img{
	margin:5px;
}


/************** #form styles **************/

#errorMsg{
	width:95%;
	background-color:#ff0000;
	color:#ffffff;
	padding:5px;
	border:solid 1px #999999; 
	font-size:small;
	font-weight:bold;
}

#msg {
	width:95%;
	background-color:#cccccc;
	color:#000000;
	border:1px solid #999999;
	padding:5px;
	font-size:80%;
	font-weight:bold;
}

.note{
		width:95%;
	background-color:#cccccc;
	color:#000000;
	border:1px solid #999999;
	padding:5px;
	font-size:80%;
	font-weight:bold;
}

fieldset {
	margin: 0 10px 10px 10px;	
}
legend {
	margin-bottom:1em;
	border:1px solid #990040;
	padding:3px 6px 3px 6px;;
	color:#990040;
	font-size:x-small;
}
label{
	width:10em;
	clear:both;
	float:left;
	padding-right: 5px;
	text-align:right;
	font-size:small;
}
label.horizontal {
	float:left;
	display:inline;
	width:6em;
	border:1px solid #ff0000;

}
.form_object {
	width:90%;
	clear:both;
	font-weight:bold;
	margin-top:10px;
}
.submit_object{
	text-align:right;
	width:90%;
	clear:both;
}
.access{
	visibility:none;
	display:none;	
}

.redText{
	color:#ff0000;
}
.blueText{
	color:#3333ff
}
.greenText{
	color:#009933
}
.clear{
	clear:both;	
}
.wideLabel{
	width:25em;
	text-align:left;
}
#custform{
	width:32em;
	margin-top: 2em;

}
#custForm label{
	font-size:70%;	
}