/* CSS Document 

Colors:

red: c1272d
light grey: DDD
dark grey: 808080


*/

body {
	margin:0; padding:0;
	height:100%;
	background:#FFF url(../images/TB-Gradient.gif) repeat-x;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; line-height:1.4em;
	}
	
	p {line-height:1.4em;}
	
	li {line-height:1.5em;}
	
	h2 {text-transform:uppercase; font-size:14px; color:#666;}
	h4 a, h4 a:active {text-decoration:none; color:#666;}
	h4 a:hover, h4 a:active:hover {text-decoration:none; color:#c1272d;}
	
	h4 {text-transform:uppercase; font-size:14px;}
	h4 a, h4 a:active, h5 a, h5 a:active {text-decoration:none; color:#000;}
	h4 a:hover, h4 a:active:hover, h5 a:hover, h5 a:active:hover {text-decoration:none; color:#c1272d;}
	
	h5 {text-transform:uppercase; font-size:12px;}
	
	a, a:active {text-decoration:underline; color:#808080;}
	a:hover, a:active:hover {text-decoration:underline; color:#c1272d;}
	
	hr {height:1px; width:100%; border:0;color:#DDD; background:#DDD; margin:-1px 0 !important; margin:-10px 0; padding:0;}
	
	#secOn a {color:#c1272d;}
	
/* ---------------- Page Structure ------------------- */
	#container {
	width:960px;
	margin:0px auto;
	 }
	#content {
	float:left; 
	width:970px;
	padding:0; margin:0;
	 }
	 
	  #header {
	 float:left;
	 width:970px;
	 height:140px;
	 padding-bottom:10px;
	 border-bottom:1px solid #ddd;
	 }
	 
	 #logo {
	 float:left;
	 width:114px;
	 margin-top:26px;
	 margin-right:10px;
	 }
	 
	 .sectionChoice {
		 	float:left;
			margin-top:100px;
			width:170px;
	 }
	 .searchArea {
		 	float:left;
			margin-top:120px;
			width:200px;
			
	 }
	 
	 #shoppingBag {
		 float:left;
		 width:300px;
		 margin-top:100px;
		 text-align:right;
		
	 }
	 	.bagText {
				float:right;
				width:130px;
				height:40px;
				text-align:center;
		}
			
/* must separate margin top measurements due to browser display quirks. first is Firefox, second IE6, last IE7 */
 #mainPage {
	 	float:left; 
		width:970px;
		padding:10px 0px;
		}
		
		.interiorcontent {
			
			width:970px;
			}
			
			#leftCol {
					float:left;
					width:190px;
			}
			#rightCol {
					float:left;
					
					width:780px;
			}
					
		
	#footer {
		float:left;
		width:970px;
		 padding-top:10px;
	 	border-top:1px solid #ddd;
		margin-top:0px;
		}
		#mailingList {
				float:left;
				width:300px;
				margin-top:-10px;
				
		}
		
		#footerContent {
			float:left;
			width:650px;
			margin-top:10px;
			text-align:right;
			
		}
		ul#footerList {
		margin-left: 0;
		padding-left: 0;
		white-space: nowrap;
		}

		#footerList li {
		display: inline;
		list-style-type: none;
		}
		
		#footerList {display:inline;}

		#footerList a { padding: 0px 8px; text-transform:uppercase;}

		#footerList a:link, #footerList a:visited {
		color: #000;
		text-decoration: none;
		}

		#footerList a:hover {
		color: red;
		text-decoration: none;
		}
	 
	#helpNumber {
		float:left;
		width:970px;
		text-align:left;
		font-size:12px;
		}
		#copyright {
		float:left;
		width:970px;
		text-align:right;
		font-size:9px;
		}
		#poweredby {font-size:9px;width:970px; float:left; text-align:right; color:#999;  margin-bottom:10px;}

	#poweredby a, #poweredby a:active {text-decoration:none; color:#999;}

	#poweredby a:hover, #poweredby a:active:hover {text-decoration:none; color:#000;}
	
/* ---------------- Side Navigation ------------------- */

	
	#departmentnav, #designernav {
	width:180px;
	margin:0; padding:0;
	border:1px solid #DDD;
	
	}
	#departmentnav div {margin:2px 5px;}
	
	
	
	#designernav a, #designernav a:active, #departmentnav a, #departmentnav a:active {text-decoration:none; color:#808080; }
	#designernav a:hover, #designernav a:active:hover, #departmentnav a:hover, #departmentnav a:active:hover {text-decoration:none; color:#c1272d;}
	
	#navscroll {width:160px; margin:0px; height:200px; overflow:auto;}
	

/* ---------------- Section Pages ------------------- */

.sectionLargeImage {
	float:left; 
	width:370px;
	}
.sectionProducts  {
	float:left;
	width:400px;
	}
	
/* ---------------- Designer Content Pages ------------------- */
#designers .prodtable {
	width:535px;
	}
.shopdesigner a {
	display:block;
	
	padding:5px;
	margin:0px;
	background-color:#a7dde9;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	text-decoration:none;
	color: #808080;
	border:1px solid #808080;
	}
	
	.shopdesigner a:hover, .shopdesigner a:visited:hover {
	
	background-color:#808080;
	color: #FFF;
	}
	
#designContentnav {
	width:150px;
	padding:0px;
	
	}
	
#designContentnav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
#designContentnav a, #designContentnav a:link, #designContentnav a:visited
{
display: block;
padding: 3px 0px;
width: 150px;
color:#808080;
text-decoration:none;
border-bottom: 1px solid #eaf8fb;
}
#designContentnav a:hover, #designContentnav a:visited:hover {
text-decoration:none;
color:#FFF;
}

.brand {float:left; width:150px;}
.brand a {background:#999;}
.brand a:hover  {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}
	
/* ---------------- Form buttons ------------------- */
input.ftext {background-color:#FFF; border: 1px solid #000; color:#000;}
input.button {background-color:#FFF; color:#000; border: 1px solid #000;cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; margin-left:5px; }


/* ---------------- Shopping specific styles ------------------- */


.prodtable {margin:10px 0;}

.product {padding-left:8px;}

.shopt {
	padding:0;
	margin:-1px 0 -3px 0 !important;
	margin:0 0 -3px 0;
	}
	
	.catnamebox {padding:0; margin:0;}


/*.prodtable, .catnamebox, .pagecount .product {float:left;}*/
.product {float:left;clear:both;}
.catname { color:#fff; font-size:0px;}
a.catname {color:#808080;text-decoration:none;}
.catname a:link, .catname a:visited, .catname a:active, .catname a:hover {color:#808080;text-decoration:none;}

.catname h1 {
	color:#808080; 
	display:block;
	line-height:1.2em;
	padding-left:15px; 
	margin-top:10px; 
	font-size:24px; 
	font-weight:500; 
	
	}

/*

.navrow {width:195px; background:url("../images/headers/end-para.gif") no-repeat top right; padding: 50px 25px 0 0;}
*/
.navrow, .prodnav {width:195px;  padding: 50px 25px 0 0;}
/* Departments 

#hd {
	background:url("../images/headers/shop.gif") no-repeat top left; font-size:1px; color:#fff;padding-top:-10px;height:90px;width:530px;}
	 #hd h1, #hd a:link {display:none; text-decoration:none;
	}
	*/


	
.namerow, .smallprice {font-size:12px; line-height:14px;color:#000; text-align:center;}

.namerow a, .namerow a:active {text-decoration:underline; color:#000;}
.namerow a:hover, .namerow a:active:hover {text-decoration:underline; color:#C06;}

 .detaillink a, .detaillink a:active {text-decoration:none; color:#808080;}
 .detaillink a:hover, .detaillink a:active:hover {text-decoration:none; color:#C06;}
	
.pictrow {text-align:center;}

.deptlist {font-size:10px; line-height:16px;}

.pagecount {font-size:12px; padding-top:10px;color:#808080; margin-bottom:10px; padding-left:37px; }
.prodname {font-size:30px; line-height:1.3em; color:#000; font-weight:200; margin-top:10px;}
.shortdesc, .smallcatname, .longdesc, .crosslink {font-size:12px;margin-bottom:8px;color:#000;}
.shortdesc {margin-top:10px;}
.smallcatname {font-weight:800;  margin-top:4px; margin-bottom:-1px; }
.specinst {font-size:12px; line-height:16px; color:#933; font-style:italic; margin-bottom:10px;}
.price {font-size:14px; margin-bottom:0px; font-weight:600;color:#000;}


.pictrow img {margin-top:8px; margin-bottom:8px; border-top:2px solid #b2b2b2; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; border-left:2px solid #b2b2b2; }
.detaillink a, .detaillink a:visited {text-decoration:0; border:0;}
.detaillink img {border:0; padding:0;}

.seealso {color:#808080; font-size:12px; font-weight:200; }

.alsorec {clear:both;float:left;}

.alsorec img {margin-top:8px; margin-bottom:8px; border-top:1px solid #f2f2f2; border-right:2px solid #b2b2b2; border-bottom:2px solid #b2b2b2; border-left:1px solid #f2f2f2; }
	
div.float {float:left; margin:5px 15px 5px 0px;overflow:visible;}
div.item {float:left; margin:5px 15px 5px 0px;width:130px;}


/* ---------------- shopping bag styles ------------------- */
.shoppingbag {
	width:700px;
	margin-left:180px;
}

.itemdesc a, .itemdesc a:active {text-decoration:underline; color:#808080;}
	.itemdesc a:hover, .itemdesc a:active:hover {text-decoration:underline; color:#983436;}
/* heading styles */
.sbhead {
	background-color:#808080;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-transform:uppercase;
}
.sbhead  p {
	margin-top: 0;
	margin-bottom: 0;
	margin-left:5px;
	margin-right:5px;
}
.sbqtyhead, .sblistpricehead, .sbtotalpricehead {
	text-align:right;
	text-transform:uppercase;
}
/* item row styles  */
.sbitem {
	background-color:#DDD;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
	border-bottom:2px solid #808080;
}
.sbitem p {	
	margin-left:5px;
	margin-right:5px;
}
.sbimage {
	width:110px;
	text-align:center;
}
.sbitemname {
	width:320px;
}
.itemremove {
	text-align:right;
}
.sbqty {
	width:50px;
	text-align:right;
}
.sblistprice {
	width:100px;
	text-align:right;
}
.sbtotalprice {
	width:100px;
	text-align:right;
}
/* summary lines */

.sbsubtotal {
	background-color:#808080;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 12px;
	text-transform:uppercase;
}
.sbsubtotal p {
	margin-left:5px;
	margin-right:5px;
}
.sbline { margin-bottom:10px;
}
.navform  {
	float:right;	
}