/* @override 
	http://www.smithfabrics.com/templates/smithfabrics_standard/css/smithfabrics.css
*/

html * {
	padding: 0;
	margin: 0;
	border: 0;
	}
	
body   { 
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0; 
	padding: 0px 0 0;
	color: #666;
	background-color: #000;
	background-image: url(../images/warm_grey.gif);
}	
	
a:link, a:visited {
	color: maroon;
	text-decoration:none;
	}
	
a:hover {
	color: maroon;
	text-decoration: underline;
	}
	
a:active {
	color: maroon;
	text-decoration:none;
	}

p {}
td {}

/*------------------------------------------------*/	
/*Everything from the top panel is in here*/

#topwrapper   { 
	width: 920px;
	height: 95px;
	/*background-image: url(../images/bg-grey.gif);*/
	}

#logopanel {
	width:536px;
	float:left;
	}

#logolink {
	display:block;
	float:left;
	/* add margin-top to add mininav */
	/*margin-top:7px;*/
	border:none;
	}
	
#toprightpanel {
	width:250px;
	height: 95px;
	float:right;
	}

#welcomepanel {
	width:384px;
	text-align: right;
	float:right;
	}
	
ul#welcomepanelnav {
	text-align:right;
	/*Float losing the border underline hover on IE7 !
	float:right;*/
	margin:5px -21px 0px 0px;
	/* switch to margin below to add mininav */
	/*margin:19px -9px 0px 0px;*/
	padding:0px;
	}
	
ul#welcomepanelnav li {
	display:inline;
	list-style-type:none;
	/*margin:0px 14px 0px 0px;*/
	margin:0px 21px 0px 0px;
	padding:0px;
	font-size:11px;
	color: white;
}

#welcomepanelnav  a:link, #welcomepanelnav  a:visited {
	color: #FFFFFF;
	}

#welcomepanelnav  a:active {
	color: #FF0000;
	}
	
#welcomepanelnav  a:hover {
	color: white;
}

#basketpanel {
	padding-top: 35px;
	width:350px;
	text-align: right;
	float:right;
	}
	
ul#basketpanelnav {
	text-align:right;
	/*Float losing the border underline hover on IE7 !
	float:right;*/
	margin:25px -21px 0px 0px;
	/* switch to margin below to add mininav */
	/*margin:19px -9px 0px 0px;*/
	padding:0px;
	}
	
ul#basketpanelnav li {
	display:inline;
	list-style-type:none;
	/*margin:0px 14px 0px 0px;*/
	margin:0px 21px 0px 0px;
	padding:0px;
	font-size:11px;
	color: #fff;
}
#basketpanelnav  a:link, #basketpanelnav  a:visited {
	color: #FFFFFF;
	}

#basketpanelnav  a:active {
	color: #FF0000;
	}
	
#basketpanelnav  a:hover {
	color: white;
}

/* CSS Document */
/*styles specific for mac as the Georgia font sizing is smaller and a lot tighter and cleaner on Mac */
/* runs after zelens css only on mac to overwrite */
p, ul, ol, dd {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
/*------------------------------------------------*/	
	
	
	
/*------------------------------------------------*/	
/*Everything from the middle panel is in here*/

div#csMainContent {

	padding-right: 20px;
}

#middlewrapper   { 
	color: black; 
	background-color: white; 
	text-align: left; 
	width: 920px;
	height: auto;
	border: solid 1px #000 
	}
	
#middletopstrip {
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-color: silver;
	border-bottom-style: solid;
	width:880px;
	height: 25px;
	}
	
#middlebasketpanel {
	width:500px;
	float:right;
	text-align: right;
	}
	
.middlebasketpanel a:link, .middlebasketpanel a:visited {
	color: #666666;
	}

.middlebasketpanel a:active {
	color: #FF0000;
	}
	
.middlebasketpanel a:hover {
	text-decoration: underline;
}
	
ul#middlebasketpanelnav {
	text-align:right;
	/*Float losing the border underline hover on IE7 !
	float:right;*/
	margin: 7px 0px 0px 0px;
	/* switch to margin below to add mininav */
	/*margin:19px -9px 0px 0px;*/
	}
	
ul#middlebasketpanelnav li {
	display:inline;
	list-style-type:none;
	/*margin:0px 14px 0px 0px;*/
	margin: 0px 24px 0px 0px;
	padding:0px;
	font-size:12px;
	color: #666;
}
	
#basketimage {
	float:right;
	margin-top: -20px;
	margin-right: -10px;
}

#basketlink {
	display:block;
	float:right;
	/* add margin-top to add mininav */
	/*margin-top:7px;*/
	border:none;
	}
	
#middlemiddle {
	width:900px;
	height:430px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#middlemiddle_stretched {
	width:900px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	display: inline-block;
}
	
#middleleftpanel {
	width:155px;
	height: 430px;
	float: left;
	}
	
	
#middlerightpanel {
	width:695px;
	float: right;
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 12.5px;
	color: #666;
	padding-right: 20px;
}
	
#middleleftpanel_sections {
	width:220px;
	height: 430px;
	float: left;
	}

#middlerightpanel_sections {
	width:650px;
	float: right;
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 12.5px;
	color: #666;
	padding-right: 20px;
}
	
#middlebottomstrip {
	border-top-width: 1px;
	border-top-color: silver;
	border-top-style: solid;
	width:880px;
	height: 40px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
}

.currency_switch {
	border: 1px solid silver;
}

/*
div#jssMainContent {

	margin: 10px 155px 0 155px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 0px;

	padding-bottom: 0px;

	font-size: 1em;

}



div#jssMainContent:after { content: ""; display: block; height: 0; clear: both; }

*/

/*.jssSectionContent {
/*clear: both; padding-top: 10px;}*/



/* Section And Listing Styles ------------------------------------------------------------- */



div#pagescontainer {

	float: right;

	position: relative;

	top: 0px;

	padding: 1px;

	margin-bottom: 5px;

}



ul#pageslist {

	margin-left: 0;

	padding-left: 0;

	white-space: nowrap;

	margin-top: 0px;

	padding-top: 0px;

	margin-bottom: 0px;

	margin-right: 0px;

}



#pageslist li {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	margin: 0px; font-weight: normal; font-size: 11px;

}



#pageslist a { 

	font-weight: normal; 

	font-size: 11px;
	padding-left: 3px;
	padding-bottom: 0px;
	margin-right: 19px;
}



#pageslist a:link, #npageslist a:visited {

	text-decoration: none;

}



#pageslist a:hover {

	text-decoration: none;

}

/*Everything from the Splash Page (home page) is in here*/

#splashtopstrip {
	color: #666;
	font: 14px Helvetica, Geneva, Georgia, "Times New Roman", Times, serif;
	height: 90px;
	margin-bottom: 10px;
	padding-right: 20px;
}

#splashmiddle {
	width: 650px;
	height: 430px;
	float: left;
	
}

#splashpanel {
	
}

#splashtopleftpanel {
	width: 313px;
	height: 203px;
	border: 1px solid #999;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

#splashtoprightpanel {
	width: 313px;
	height: 203px;
	border: 1px solid #999;
	float: left;
}

#splashbottomleftpanel {
	width: 313px;
	height: 203px;
	border: 1px solid #999;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#splashbottomrightpanel {
	width: 313px;
	height: 203px;
	border: 1px solid #999;
	float: left;
}

/*Custom Product Info Page is here...............................*/

#mainProductPhoto {
	float: left;
	width: 343px;
	height:428px;
}

#mainProductPhotoWider {
	float: left;
	width: 331px;
	height:428px;
}

#productInfoBox {
	float: left;
	width: 524px;
	height:430px;
}

#productName {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	float: left;
	width: 570px;
}

.csProductFlagMain {
}

.csProductFlag {
	color: red;
	font-size: 11px;
}

.csProductDescription {
	width: 530px;
	color: gray;
	font-size: 11px;
	padding-bottom: 0;
	margin-bottom: 20px;
	
	
}

.csPrice {

	font-size: 13px;
	color: #000000;
}

#currencyConverterLink {

	font-size: 11px;
	color: gray;
	padding-left: 20px;
}

#currencyConverterLink:link, #currencyConverterLink:active, #currencyConverterLink:visited { 
	color: gray;
	text-decoration: underline; 
}

#sizeGuideLink {

	font-size: 11px;
	color: gray;
}

#sizeGuideFlow {
	padding-top: 22px;
	float: left;
}

#sizeGuideLink:link, #sizeGuideLink:active, #sizeGuideLink:visited { 
	color: gray;
	text-decoration: underline;
}

#sizeGuideLink:hover {
	font-weight: bold;
}

#currencyConverterLink:hover { 

	font-weight: bold;

}

.csSelectFieldsDiv {
	float: left;
}

.csImageFieldsDiv {
	width: 570px;
	float: left;
}

.csProductFieldsDiv {
	width: 570px;
	float: left;
}

#csSelectFlow {
	padding-top: 20px;
	float: left;
}

.selectBox{
	color: #000;
	border: 1px solid gray;
	margin-right: 25px;
}

.csLinksDiv {
	width: 530px;
	float: left;
	height: 30px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.csProductAdd, .csProductAdd:link {

	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	cursor: pointer;
	background-color: white;
	text-decoration: underline;
	color: #000000;
	padding-right: 25px;
}

.csProductAdd:hover {

	/*------------------------------------------------*/
	color: #000000;
	font-weight: bold;
}

.csProductLinks, .csProductLinks:link {

	font-size: 11px;

	cursor: pointer;
	background-color: white;
	text-decoration: underline;
	color: #000000;
	padding-right: 25px;
	
}

.csProductLinks:hover {

	/*------------------------------------------------*/
	color: #000000;
	font-weight: bold;

}

.shadeEdge {
	padding-right: 24px;
	float: left;
	color: gray;
}



.hiddenLightboxImage {
	display: none;
}

.shadeImage {
	text-align: center;
	float: left;
	width: 70px;
	margin-right: 24px;
}

#shadeImageStrip {
	width: 570px;
	float: left;
}

.shadeText {
	color: gray;
	text-align: center;
	float: left;
	font-size: 11px;
	width: 70px;
	padding-top: 10px;
	margin-right: 24px;
}

#shadeTextStrip {
	width: 570px;
	float: left;
}

.textFlow {
	margin-left: auto;  margin-right: auto;
	width: 700px;
	margin-top: 10px;
	font-size: 11px;
	color: gray;
}

.selectTextFlow {
	width: 700px;
	margin: 5px auto 25px;
}


.textLinks, .textLinks:link {  margin-right: auto;
	font-size: 12px;

	cursor: pointer;
	text-decoration: underline;
	color: gray;
}

.textLinks:hover {
	color: #000000;
	font-weight: bold;
}







/* Section And Listing Styles (colour) ------------------------------------------------------------- */



#pageslist li {

	color: #000000;

}



#pageslist a {
	color: gray;

}



#pageslist a:link, #npageslist a:visited {
	color: gray;

}



#pageslist a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}


/* Section Images etc------------------------------------------------------------- */

.jssSecImages { margin-right: 11px;
	margin-bottom: 10px;
	float: left;
}

.introSecImages { 
	border: 1px solid #000;
	margin-right: 18px;
	margin-bottom: 13px;
	float: left;
}

/*.jssSecProductDiv {
	float: left;
}*/

.jssSecProductTitle {
	width: 100px;
	height: 40px;
}


/*.jssProductSep {

	clear: both; border: 0px; margin-bottom: 5px; height: 5px;

}*/

.jssProductSep {

	border-bottom: 0px #fff; background: #fff;

}

.jssSubSecDiv {

	width: auto; text-align: left;

}

.jssSubSecTitle {

	padding-top: 3px;

}

/*------------------------------------------------*/

.jssBoldLinks { 

	color: #666;
	font-size: 11px;

	text-decoration: none;
}

.jssBoldLinks:hover { 

	text-decoration: underline; 

	font-weight: bold;
	/*------------------------------------------------*/

}

.jssBoldLinks:link, .jssBoldLinks:active, .jssBoldLinks:visited { 
	color: #666;
}

.jssBoldLinks2 { 

	color: #666;
	font-size: 11px;

	text-decoration: none;
	padding-right: 10px;
}


.jssLinksDiv {

	padding: 3px; font-weight: bold;

}

/* Cart Styling ------------------------------------------------------------- */



.jssCartDiv {

	text-align: center;

}



.jssCartTable {

	margin-left: auto;  margin-right: auto;

	padding: 0px;
	background-color: #CCC;
	width: 700px;
	border: 1px solid gray;
}



.jssPCentered {

	text-align: center;

}



.jssCartTable caption {

	margin-left: auto;  margin-right: auto;

	font-size: 11px;
	/*------------------------------------------------*/
	border-bottom: 0px solid #000;
}



.jssCartTable th {

	font-weight: bold;

	padding-top: 4px;
	padding-bottom: 8px;
	padding-left: 5px;

	text-align: left;

	font-size: 11px;

	vertical-align: top;
	/*------------------------------------------------*/
	border-bottom: 0px solid #000;
	

}



.jssCartTable th.right {

	font-weight: bold;

	padding-top: 4px;
	padding-bottom: 8px;

	text-align: right;

	font-size: 11px;

	vertical-align: top;
	/*------------------------------------------------*/
	border-bottom: 0px solid #000;

}



.jssCartTable td {

	font-weight: normal;

	text-align: left;

	font-size: 11px;

	vertical-align: top;
	padding: 5px;
}



.jssCartTable td.right {

	font-weight: normal;

	padding: 2px;

	text-align: right;

	font-size: 0.70em;

	vertical-align: top;

}



.jssCartTable th.total {

	font-weight: bold;

	text-align: right;

	font-size: 11px;

	vertical-align: top;
	padding-bottom: 8px;
	padding-left: 8px;
	/*------------------------------------------------*/
	border-bottom: 0px solid #000;
	
}

.jssCartTable a:link, .jssCartTable a:active, .jssCartTable a:visited { 

	text-decoration: none;
	color: black;
}

.jssCartTable a:hover {
	text-decoration: underline;
}

/* RIGHT SIDE Cart Styling ------------------------------------------------------------- */



.jssCartDiv {

	text-align: center;

}



.rightsideCartTable {

	margin-left: auto;  margin-right: auto;

	padding: 0px;
	
	background-color: #CCC;
	width: 595px;
	border: 1px solid gray;
	margin-bottom: 20px;
}



.jssPCentered {

	text-align: center;

}



.rightsideCartTable caption {

	margin-left: auto;  margin-right: auto;

	font-size: 11px;
	/*------------------------------------------------*/
	border-bottom: 0px solid #000;
}



.rightsideCartTable th {

	font-weight: bold;

	padding-top: 4px;
	padding-bottom: 8px;
	padding-left: 5px;

	text-align: left;

	font-size: 11px;

	vertical-align: top;
	/*------------------------------------------------*/
	border-bottom: 0px solid #000;
	

}



.rightsideCartTable th.right {

	font-weight: bold;

	padding-top: 4px;
	padding-bottom: 8px;

	text-align: right;

	font-size: 11px;

	vertical-align: top;
	/*------------------------------------------------*/
	border-bottom: 0px solid #000;

}



.rightsideCartTable td {

	font-weight: normal;

	text-align: left;

	font-size: 11px;

	vertical-align: top;
	padding: 5px;
}



.rightsideCartTable td.right {

	font-weight: normal;

	padding: 2px;

	text-align: right;

	font-size: 11px;

	vertical-align: top;

}



.rightsideCartTable th.total {

	font-weight: bold;

	text-align: right;

	font-size: 11px;

	vertical-align: top;
	padding-bottom: 8px;
	padding-left: 8px;
	/*------------------------------------------------*/
	border-bottom: 0px solid #000;
	
}

.rightsideCartTable a:link, .rightsideCartTable a:active, .rightsideCartTable a:visited { 

	text-decoration: none;
	color: black;
}

.rightsideCartTable a:hover {
	text-decoration: underline;
}




/* RIGHT SIDE SECTION general table styling (Edit Address etc.) ------------------------------------------------------------- */



.rightsideGeneralTableDiv {
	text-align: center;
	width: 595px;
}



.rightsideGeneralTable {

	padding: 0px;

	border: 0px;
	width: 595px;
}



.rightsideGeneralTable caption {

	margin-left: auto;  margin-right: auto;

	text-align: right;

	font-weight: bold;

	font-size: 11px;

}



.rightsideGeneralTable th {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 11px;

	vertical-align: top;
	/*------------------------------------------------*/
	border-bottom: 1px solid #CCCCCC;

}



.rightsideGeneralTable td {

	font-weight: normal;

	padding: 2px;

	text-align: left;

	font-size: 11px;
	color: gray;
}



.rightsideGeneralTable td.bold {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 11px;

}



.rightsideGeneralTable a {

	padding: 1px 1px;

	margin: 2px 2px 0px 0px;

	font-size: 11px;

	white-space: nowrap;

}



.rightsideGeneralTable a:link, .rightsideGeneralTable a:visited

{

	text-decoration: none;

	font-weight: bold;

	font-size: 11px;
	/*------------------------------------------------*/
	color: #ff0000;

}



.rightsideGeneralTable a:hover

{

	text-decoration: underline;

	font-weight: bold;

	font-size: 1em;
	/*------------------------------------------------*/
	color: #000;

}



/* general table styling ------------------------------------------------------------- */



.jssGeneralTableDiv {

	margin-left: auto;  margin-right: auto;
	text-align: center;
	width: 700px;
	margin-top: 10px;
}



.jssGeneralTable {

	margin-left: auto;  margin-right: auto;

	padding: 0px;

	border: 0px;
	width: 700px;
}



.jssGeneralTable caption {

	margin-left: auto;  margin-right: auto;

	text-align: right;

	font-weight: bold;

	font-size: 11px;

}



.jssGeneralTable th {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 11px;

	vertical-align: top;
	/*------------------------------------------------*/
	border-bottom: 1px solid #CCCCCC;

}



.jssGeneralTable td {

	font-weight: normal;

	padding: 2px;

	text-align: left;

	font-size: 11px;
	color: gray;
}



.jssGeneralTable td.bold {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 11px;

}



.jssGeneralTable a {

	padding: 1px 1px;

	margin: 2px 2px 0px 0px;

	font-size: 11px;

	white-space: nowrap;

}



.jssGeneralTable a:link, .jssGeneralTable a:visited

{

	text-decoration: none;

	font-weight: bold;

	font-size: 11px;
	/*------------------------------------------------*/
	color: #ff0000;

}



.jssGeneralTable a:hover

{

	text-decoration: underline;

	font-weight: bold;

	font-size: 1em;
	/*------------------------------------------------*/
	color: #000;

}

/* Form Table for RIGHT HAND SIDE section (YOUR ACCOUNT PAGE etc) ------------------------------------------------------------- */

.rightsideFormTable {

	margin-left: auto;  margin-right: auto;

	padding: 0px;
	background-color: #CCC;
	width: 595px;
	border: 1px solid gray;

}



.rightsideFormTable caption {

	margin-left: auto;  margin-right: auto;

	font-size: 11px;
	/*------------------------------------------------*/
	border-bottom: 0px solid #000;
	
}



.rightsideFormTable th {
	font-weight: bold;

	padding-top: 4px;
	padding-bottom: 8px;
	padding-left: 5px;

	text-align: left;

	font-size: 11px;

	vertical-align: top;
	/*------------------------------------------------*/
	border-bottom: 0px solid #000;

}



.rightsideFormTable td {
	font-weight: normal;

	text-align: left;

	font-size: 11px;

	vertical-align: top;
	padding: 4px;

}



.rightsideFormTable td.jssFormSubmit {

	text-align: right;
	/*------------------------------------------------*/
	border-top: 0px dotted #000;

}



.rightsideFormTable input {

	font-size: 11px; 

	font-weight: normal;

	height: 14px;
	/*------------------------------------------------*/
	background-color: #FFFFFF; 

	color: maroon;

	border: 1px solid gray;

}

.rightsideFormTable textarea {

	font-size: 11px; 

	font-weight: normal;
	/*------------------------------------------------*/
	background-color: #FFFFFF; 

	color: maroon;

	border: 1px solid gray;

}



.rightsideFormTable select {

	font-size: 11px; 

	font-weight: normal;
	/*------------------------------------------------*/
	background-color: #FFFFFF; 

	color: #000000;

	border: 1px solid #30799E;

}



.rightsideFormTable td.jssFormSubmit input {

	font-weight: bold;

	font-size: 11px;

	cursor: pointer;

	height: 16px;
	/*------------------------------------------------*/
	background-color: black;

	border: 1px solid #000;

	color: #fff;
	margin: 4px;
	vertical-align: middle;
}



.jssFormError {

	font-weight: bold;

	font-size: 11px;
	/*------------------------------------------------*/
	color: #f00;

}

.jssError {

	color: #f00;

}




/* Form Table ------------------------------------------------------------- */

.jssFormTable {

	margin-left: auto;  margin-right: auto;

	padding: 0px;
	background-color: #CCC;
	width: 700px;
	border: 1px solid gray;

}



.jssFormTable caption {

	margin-left: auto;  margin-right: auto;

	font-size: 11px;
	/*------------------------------------------------*/
	border-bottom: 0px solid #000;
	
}



.jssFormTable th {
	font-weight: bold;

	padding-top: 4px;
	padding-bottom: 8px;
	padding-left: 5px;

	text-align: left;

	font-size: 11px;

	vertical-align: top;
	/*------------------------------------------------*/
	border-bottom: 0px solid #000;

}



.jssFormTable td {
	font-weight: normal;

	text-align: left;

	font-size: 11px;

	vertical-align: top;
	padding: 4px;

}



.jssFormTable td.jssFormSubmit {

	text-align: right;
	/*------------------------------------------------*/
	border-top: 0px dotted #000;

}



.jssFormTable input {

	font-size: 11px; 

	font-weight: normal;

	height: 14px;
	/*------------------------------------------------*/
	background-color: #FFFFFF; 

	color: maroon;

	border: 1px solid gray;

}



.jssFormTable select {

	font-size: 1em; 

	font-weight: normal;
	/*------------------------------------------------*/
	background-color: #FFFFFF; 

	color: #000000;

	border: 1px solid #30799E;

}



.jssFormTable td.jssFormSubmit input {

	font-weight: bold;

	font-size: 11px;

	cursor: pointer;

	height: 16px;
	/*------------------------------------------------*/
	background-color: black;

	border: 1px solid #000;

	color: #fff;
	margin: 4px;
	vertical-align: middle;
}



.jssFormError {

	font-weight: bold;

	font-size: 0.8em;
	/*------------------------------------------------*/
	color: #f00;

}

.jssError {

	color: #f00;

}


/* Left Menu Column ------------------------------------------------------------- */

div#jssLeftMenu {
	font-size: 10px;
	position: absolute;
	left: 5px;
	width: 150px;
	padding-top: 0px;
}

.christmas {
	margin-top: 10px;
}

.geotrust {
	margin-top: 5px;
}

.jssSectionList {
	font-size: 12px; list-style-type: none;
}

.jssMainSectionList {
	font-size: 12px; list-style-type: none;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.jssSectionList a:link, .jssSectionList a:active, .jssSectionList a:visited {
	color: #666666;
	text-decoration: none;
	font-size: 12px;
}

.jssSectionList a:hover {
	text-decoration: underline;
}

.jssSubSectionList {
	font-size: 12px;  list-style-type: none;
	padding-bottom: 10px;
	margin-top: -10px;
}

.jssSubSectionList a:link, .jssSubSectionList a:active, .jssSubSectionList a:visited {
	color: #666666;
	text-decoration: none;
	font-size: 10.2px;
}

.jssSubSectionList a:hover {
	font-weight: bold;
	
}

.cssAboutList li{
	font-size: 12px;  list-style-type: none;
	margin-bottom: 3px;
}

.cssAboutList a:link, .cssAboutList a:active, .cssAboutList a:visited {
	color: #666666;
	text-decoration: none;
	font-size: 12px;
}

.cssAboutList a:hover {
	font-weight: bold;
	
}

.jssCustomerLinks {
	margin: 0px; padding: 0px; padding-left: 5px; list-style-type: none;
}

.jssNewsLinks {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: square;
}



/*------------------------------------------------*/	
/*Everything from the bottom panel is in here*/

#bottomwrapper   { 
	/*background-image: url(../images/bg-grey.gif); */
	width: 920px;
	height: 50px;
}
#copyright  { 
	/*background-image: url(../images/bg-grey.gif); */
	width: 920px;
	height: 15px;
	color: #666;
	font: 9.5px Helvetica, Arial, Geneva, sans-serif;
}

#copyright  a:link, #copyright a:visited {
	color: #666;
	}
	
#copyright  a:hover {
	color: #999;
	}
	
#joinpanelnav  a:hover {
	color: #FFF;
}

#joinpanel {
	width:420px;
	float:left;
	text-align: left;
	}
	
ul#joinpanelnav {
	text-align:left;
	/*Float losing the border underline hover on IE7 !
	float:right;*/
	margin:5px -9px 0px 0px;
	/* switch to margin below to add mininav */
	/*margin:19px -9px 0px 0px;*/
	padding:0px;
	}
	
ul#joinpanelnav li {
	display:inline;
	list-style-type:none;
	/*margin:0px 14px 0px 0px;*/
	margin:0px 21px 0px 0px;
	padding:0px;
	font-size:11px;
	}
	
#joinpanelnav  a:link, #joinpanelnav a:visited {
	color: #FFFFFF;
	}

#joinpanelnav  a:active {
	color: #FF0000;
	}
	
#joinpanelnav  a:hover {
	color: white;
}
	
#contactpanel {
	width:500px;
	float:right;
	text-align: right;
	}
	
ul#contactpanelnav {
	text-align:right;
	/*Float losing the border underline hover on IE7 !
	float:right;*/
	margin:5px -21px 0px 0px;
	/* switch to margin below to add mininav */
	/*margin:19px -9px 0px 0px;*/
	padding:0px;
	}
	
ul#contactpanelnav li {
	display:inline;
	list-style-type:none;
	/*margin:0px 14px 0px 0px;*/
	margin:0px 21px 0px 0px;
	padding:0px;
	font-size:11px;
	}
	
#contactpanelnav  a:link, #contactpanelnav  a:visited {
	color: #ffffff;
	}

#contactpanelnav  a:active {
	color: #FF0000;
	}
	
#contactpanelnav  a:hover {
	color: white;
}

/*------------------------------------------------*/	
/*Everything needed for the breadcrumb is here (includes/breadcrumb.html)*/	

.jssBreadcrumb {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin-top: 6px;
	color: #666;
	float: left;
}

.jssBreadcrumb a:link, .jssBreadcrumb a:visited {
	color: #666666;
	}

.jssBreadcrumb a:active {
	color: #FF0000;
	}
	
.jssBreadcrumb a:hover {
	font-weight: bold;
	text-decoration: underline;
}

.jssBreadcrumbTitle {
	width:420px;
	font-size: 12px;
	color: black;
	font-weight: bold;
	font-weight: normal;
}
	


/*Everything needed for the product info pages are here*/	

.jssPageHeading {

	font-size: 0.95em;

	font-weight: bold;

	padding: 3px;

	margin-bottom: 10px;
	/*------------------------------------------------*/	
	color: #ffffff;

	background-color: #036;

	border-bottom: 2px solid #8dbfff;

}

.jssPageSubHeading {

	margin-left: auto;  margin-right: auto;
	width: 700px;
	font-size: 12px;

	
	/*------------------------------------------------*/	
	color: #000;
	font-weight: bold;
}

.rightsidePageSubHeading {

	margin-left: auto;  margin-right: auto;
	width: 595px;
	font-size: 12px;

	
	/*------------------------------------------------*/	
	color: black;
	text-align: left;
	font-weight: bold;
}


.jssSendFriendDiv {

	float:right; font-weight: bold;

}

.jssSendFriendDiv a:hover {  

	text-decoration: underline; 

	cursor: pointer;
	/*------------------------------------------------*/
	color:#ff8d29;

}

.jssSendFriendDiv a { 

	font-size: 1em;

	text-decoration: none;
	/*------------------------------------------------*/
	color:#ff8d29;

}

.jssProductFullImage {

	float: left; border: 1px solid #CCCCCC;
}

.jssSecFlagsDiv {

}

.jssProductFlag {

	/*------------------------------------------------*/

	color: red;
	font-size: 11px;
	font-weight: bold;
}

.jssSmallerText {

	font-size: 0.8em;

	width: 100%;

}

.jssPrice {

	font-weight: bold;

	font-size: 0.8em;
	/*------------------------------------------------*/
	color: #800000;

}

.jssProductAdd {

	padding: 1px 1px;

	margin: 2px 2px 0px 0px;

	margin-left: 0px;

	padding-top: 0px;

	font-size: 0.7em;

	font-weight: bold;

	border: 0px;

	text-align: left;

	cursor: pointer;
	/*------------------------------------------------*/
	color: #f08100;

}

.jssProductAdd:link {

	/*------------------------------------------------*/
	color: #f08100;

}


.jssProductLinks, jssProductLinks:link {

	padding: 1px 1px;

	margin: 2px 2px 0px 0px;

	font-size: 0.7em;

	white-space: nowrap;

	font-weight: bold;

	border: 0px;

	cursor: pointer;

}

.jssProductLinks, .jssProductLinks:link {

	/*------------------------------------------------*/
	color: #f08100;

}


.clearBoth {

	clear: both;

}

.jssProductOptionsDiv {

	float: right; width: 254px;

}

.jssProductTableDiv {

	text-align: center;

}



.jssProductTable {

	margin-left: auto;  margin-right: auto;

	padding: 0px;

	width: 100%;

	border: 0px;

}

.jssProductFieldsDiv {

	float: left; margin-left: 5px; text-align: left;

}
	
/*------------------------------------------------*/

/* Product Option (qty discounts, combinations etc.) ------------------------------------------------------------- */



.jssProductTableDiv {

	text-align: center;

}



.jssProductTable {

	margin-left: auto;  margin-right: auto;

	padding: 0px;

	width: 100%;

	border: 0px;

}



.jssProductTable caption {

	margin-left: auto;  margin-right: auto;

	text-align: right;

	font-weight: bold;

	font-size: 0.70em;

}



.jssProductTable th {

	font-weight: bold;

	padding: 2px;

	text-align: left;

	font-size: 0.70em;

	vertical-align: top;
	/*------------------------------------------------*/
	background-color: #aaaaaa;

}



.jssProductTable td {

	font-weight: normal;

	padding: 2px;

	text-align: left;

	font-size: 0.70em;
	/*------------------------------------------------*/
	background-color: #dddddd;

}

/*------------------------------------------------------------- */
	
.sortSearchBy {

	font-size: 11px;

	font-weight: bold;

	padding: 2px;

	margin-bottom: 10px;

	clear: both;
	/*------------------------------------------------*/	
	color: black;

	background-color: #cccccc;

	border-bottom: 2px solid #ffffff;

}


.button {

	font-weight: normal;

	font-size: 11px;

	cursor: pointer;

	height: 18px;
	/*------------------------------------------------*/
	background-color: #000;

	border: 1px solid black;

	color: #fff;

}

/* Right and Left Menu Box Style ------------------------------------------------------------- */



.jssMenuBox {

	margin-left: auto;  margin-right: auto;
	width: 500px;

	margin-top: 10px;
	/*------------------------------------------------*/
	border: 1px solid #666666;

}



.jssMenuBoxTitle {

	font-size: 0.8em;

	font-weight: bold;

	width: 100%;

	text-align: center;
	/*------------------------------------------------*/
	color: #ffffff;

	background-color: #3586ef;

	border-bottom: 1px solid #0b51ab;

}



.jssMenuBoxContent,

.jssMenuBoxContentCent {

	padding-top: 10px;

	padding-bottom: 10px;

	font-size: 11px;
	/*------------------------------------------------*/

	background-color: #cccccc;

}



.jssMenuBoxContent {
	text-align: right;
}



.jssMenuBoxContent:after { content: ""; display: block; height: 0; clear: both; }



.jssMenuBoxContentCent {

	text-align: center;

}






/*#topSection { 
	text-align: left; 
	padding-bottom: 0 
	}*/




/*#topLeftLogo    { 
	background: url(../images/cslogo.gif) no-repeat;  
	width: 250px; 
	height: 90px 
	}*/


/*
#topHomeSplash    { 
	background: url(../images/homesplash/glencoe.jpg) no-repeat 230px 0; 
	width: 920px; 
	height: 180px 
	}
	*/

/*
#leftHomeSplash  { 
	background: url(../images/homesplash/left_photo.jpg) no-repeat; 
	top: 0; 
	width: 230px; 
	height: 411px 
	}
	*/