/** BEGIN STYLES **/

/*General Styles*/
 a:link{
	color:#869ead;
	text-decoration:none
} 
 a:visited{color:#869ead; text-decoration:none}
 a:hover{color:#87a1b0; text-decoration:underline}
 
 body{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#1b2d3c;background-image: url("/stores/f/fantoga/catalog/backgroundstripeFINAL.png");}
 blockquote{}
 caption{font-weight:bold; background:#c1c1c1; border-bottom:0; padding:0; color:#444;}
 dd{}
 dl{}
 dt{}
 hr{margin:4px 0px;padding:0; color:#999; background:#999; border-style:none; height:1px;}
 li{margin:0;}
 table tr {}
 th, td {}
 th {font-size:12px;}
 td {font-size:11px;}
 ul li{list-style:none;}
 ol, ul{ }
 
 p{ margin:0; font-size:11px; line-height:16px; }
 h1, h2, h3, h4, h5, h6{ font-family:"Trebuchet MS", Arial, sans-serif; }
 h1{ color:#999; }
 h2{ color:#999; }
 h3{ color:#999; }
 h4{ color:#999; }
 h5{ color:#999; }
 h6{ color:#999; }
 #mainContainer h6 { font-size:14px; }
 #mainContainer h5 { font-size:15px; }
 #mainContainer h4 { font-size:16px; }
 #mainContainer h3 { font-size:17px; }
 #mainContainer h2 { font-size:18px; }
 #mainContainer h1 { font-size:20px; }

.bHeader{font-size:14px}
.clearer{clear:left; line-height:0px; height:0px; font-size:0px;}
.clearerB{clear:both; line-height:0px; height:0px; font-size:0px;}
.clearerR{clear:right; line-height:0px; height:0px; font-size:0px;}

.imgFix{display:block;}
.rMarginOff{margin-right:0;}
.vPadding {padding:8px 0px;}
.hPadding {padding:0px 4px;}
.noTopPad {padding-top:0px;}
.topPad {padding-top:4px;}
.bottomPad {padding-bottom:4px;}

.hidden{display:none}
 a img, :link img, :visited img{border:none}

* html .wrapper{height:0.1%}

  /* Form Elements*/
.optionFormat{text-align:right}
.inputFormat{border:1px solid #999; margin-bottom:0px; font-size:11px; padding:1px; color:#333;}
.btnSubmit{margin:0px 0px 0px 0px; padding:0px; color:#999; font-size:11px;  cursor:pointer}
.btnSearch{margin:0px 0px 0px 0px; padding:0px; color:#999; font-size:11px;  cursor:pointer}
.bullet{list-style:square; list-style-type:square}

.btnCheckout{border:1px solid #999; background-color:#eef0f1 !important;  margin-bottom:1px; padding:2px; font-size:11px;}

	

 /* Layout Styles*/
#mainContainer{border:0px solid #c1c1c1; padding:0; width:800px; text-align:left; margin:12px auto;  }
	.search { float:right; font-size:11px; text-align:right; padding:6px 0px 0px 4px; margin-top:0px; width:140px;clear:right; }
	#header{}
		#header .wrapper{background:#1b2d3c; width:100%; float:left; background-image: url("/stores/f/fantoga/catalog/backgroundstripeFINAL2.png");}			
			.cart { float:right; width:400px; font-size:11px; text-align:right;}
			.cart ul { padding:4px 0px 0px 0px; margin:0px;} 
			.cart li { display:inline; color:#7E99AA; padding:0px 4px 4px 4px; margin:1px; }
			.cart li a:link, .cart li a:visited {color:#7E99AA;}
			.cart li a:hover, .cart li a:active {color:#FFF;}

			#logo{float:left;margin:0 auto}
			#logoIE {float:left;padding:0; margin:0 auto}
			
			#banner{padding:0; margin:0 auto}
			
		.logInContainer {float:left;
}


.logIn {
	border:1px solid #869ead;
	color:#869ead;
	float:left;
	margin:4px 30px 4px 0;
	padding:6px;
}


		.logIn a, .logIn2 a {color:#869ead;}
		.register {float:left; color:#eef0f1; font-size:10px; padding:8px 6px 6px 6px;*margin:0px 0px 3px 0px; border-right:1px solid #eef0f1; }
		.register a {color:#eef0f1;}
		.register a:hover {color:#666;}
		
	#navBar{clear:both;padding:0px;margin:0px; }
	#navBarInner{margin:6px 10px 10px 10px; } 
		
	#mainContentWrapper{color:#1b2d3c; background:#eef0f1; }
	#mainContentWrapperInner {color:#1b2d3c; background:#eef0f1; }	
		#mainContent{ *background:#eef0f1;float:left; width:800px; }
			.sfProdThree {width:33%; float:left; display: inline; text-align:center; *margin-right:-1px;}
			.sfProdFour {width:25%; float:left; display: inline; text-align:center; *margin-right:-1px;}
			.sfProdInner  { /* border:1px solid #999; */ margin:0 auto 10px; width:auto; text-align:center; overflow: hidden;}
				.sfProdTitle { text-align:center; font-weight:bold; font-size:16px; line-height: 32px; height: 32px; width: 150px;}
				.sfProdImage { text-align:center; height:150px; width:150px; } 
				.sfProdDesc { text-align:left; font-weight:normal; line-height:inherit; font-size:10px; } 
				.sfProdStock { text-align:center; font-weight:normal; line-height:inherit; font-size:10px; }
			
			#bodyContainer { text-align:center;}
				#bodyContainerInner {width:96%; margin:auto; text-align:left;  margin-top:10px; margin-bottom:10px;}
				#bodyContainerInner_NoPad {margin:0px; padding:0px;}
				#bodyFooterInner{padding:8px; margin:0px}
			
			#categories {color:#eef0f1; background:#1b2d3c; width:800px; float:left;*margin-bottom:5px; background-image: url("/stores/f/fantoga/catalog/backgroundstripeFINAL2.png");}
			#categories .wrapper {padding:0px;margin:0px;}
	
		#categoriesInner {float:left; width:100%;
position:relative;
        left:12px;

}	
				#categories h6 {display:inline;padding:0px; margin:0px; color:#7E7E7E; font-weight:normal;}
				#categories ul {display:inline; padding:0px; margin:0px;}
				#categories ul li {display:inline; padding:0px 5px; margin:0px;}
				#categories li {display:block;}
				#categories li a {color:#eef0f1;}
				#categories li a:hover {color:#666;}
				
				#bodyHeader { border-bottom:1px solid #999; }
					#bodyHeader h2 {display:inline; margin:0px; padding:0px;}
					#bodyHeader .clickedCat, #subcategories .clickedCat {width:auto; float:left; padding:2px 4px 10px 4px; font-size:16px; color:#947769; font-weight:bold;}
					#bodyHeader .catChainDisplay {width:auto; float:left; padding:4px; font-size:12px;}
				#bodyHeaderImage { border:1px solid #999; height:30px; }
				#bodyBannerArea { border:1px solid #999;  width:750px; }
				
				
			
		/* Columns  ----------------------------------------------- */ 
		#columnOne{background:#eef0f1;}
			#columnOne .wrapper{}
				#columnOne{display:none }
					#columnOne .wrapper{  }
				#columnThree{display:none}
					#columnThree .wrapper{ }
				#columnFour{display:none}
					#columnFour .wrapper{}
					
				#columnOne h5 {display:block;border-bottom:1px solid #eef0f1;  padding:5px 0px 5px 5px; }
				#columnOne h6 {display:block;border-bottom:0px solid #f9fbfb; padding:10px 0px 5px 5px; }
				#columnOne h6 a:link, #columnOne h6 a:visited {display:block;border-bottom:0px solid #c1c1c1; padding:5px 0px 5px 5px; }
	
				#columnOne ul a:link, #columnOne ul a:visited{display:block;}
				#columnOne ul {list-style:none; margin:0px; padding:0px; border:0px solid #c1c1c1;}/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
				#columnOne li {border-bottom:0px solid #f9fbfb; border-top:0px solid #c1c1c1; height:auto; padding:8px 0px;}
				
				#columnOne li a {color:#999;}
				#columnOne li a:hover{color:#666;}		
													
#footer{ padding:0px; margin:0px; color:#607f91; text-align:center; background:#1b2d3c;width:800px; background-image: url("/stores/f/fantoga/catalog/backgroundstripeFINAL.png");}
#footer .wrapper{ background:#1b2d3c; margin:10px 0px; border-top:0px solid #c1c1c1;clear:both; background-image: url("/stores/f/fantoga/catalog/backgroundstripeFINAL.png");}
	#footer a {color:#f9fbfb;}
	#footer a:hover {color:#869ead;}
	
	.emailMarketing {float:left;width:500px;padding:10px 0px;}
	.emailMarketing h4 {color:#3f4b56;}
	.emailInfo {color:#eef0f1;}
	.emailInfo a, .emailInfo a:visited{text-decoration:underline;}
	.cardInfo {float:left;width:278px; text-align:left;}
	.footerCart {float:right; width:280px; text-align:right;}
		.footerCart h4 {display:inline;}


#bottom{color:#999; padding:8px;  text-align:center}

/* List Pages Template*/  		
	#subcategories {font-size:12px; font-family:"Trebuchet MS", Arial, sans-serif; float:left; width:20%; text-align:left;}
		#subcategoriesInner {padding:8px;}
			
			#subcategories ul {margin:0px;padding:0px;font-size:13px; color:#ed5c25; clear: left;}
			#subcategories ul li {padding:2px 0px; margin:0px;}
				#subcategories ul li a {display:block;}
				#subcategories ul li a:link, #subcategories ul li a:visited{color:#444;}
				#subcategories ul li a:hover{color:#3f4b56; background-color:#eee;}
				
				.navRootCat{ color:#999;font-size:15px; font-weight:bold; font-family:"Trebuchet MS", Arial, sans-serif; }
			
				.level1 div {font-weight:bold;}				
				.level1 a:link, .level1 a:visited{font-size:13px;}
				
				.level2 a, .level2 div{  padding-left:4px; }
				.level2 a:link, .level2 a:visited{font-size:13px;}
				
				.level3 a, .level3 div{padding-left:20px;font-size:12px; }
				.level3 a:link, .level3 a:visited{font-size:12px;}
				
				.level4 a, .level4 div{ padding-left:36px;font-size:12px;  }
				.level4 a:link, .level4 a:visited{font-size:12px; }
				
				.level5 a, .level5 div{ padding-left:52px;font-size:11px;  }
				.level5 a:link, .level5 a:visited{font-size:11px; }
				
				.level6 a, .level6 div{ padding-left:68px;font-size:11px;  }
				.level6 a:link, .level6 a:visited{font-size:11px; }
				
		#liProdList {float:left;width:80%;}
		
		.liProdInner  { border:1px solid #999; width:98%; margin:2px auto; text-align:left; overflow:hidden;}
		.liProdInfo {  }
			.liProdImage { text-align:center; } 
			.liProdTitle { text-align:center; padding:0px;height:42px;font-size:12px;}	
			.liProdPrice { text-align:center; font-weight:bold; padding:1px;height:20px;font-size:12px;}
			.liProdBrief { text-align:left; font-size:10px;padding:1px; }	
			.liProdDesc { text-align:left; padding:1px; font-size:11px; }
			.liProdStock { text-align:center; font-weight:normal; line-height:inherit; font-size:10px; padding:1px;}
			.liProdButtons { text-align:center; margin:0 auto; height:75px;}
				
		
		.liProdTwo { width:50%; *width:49%;  float:left; }
			.liProdTwo ul, .liProdTwo li {margin:0px; padding: 2px 4px; font-size:10px;}	
	
		.liProdThree { width:33.3%; *width:33%;  float:left; text-align:center; }
			.liProdThree ul, .liProdThree li {margin:0px; padding:0px;}
				
		.liProdFour { width:25%; *width:24%; float:left; }		
			.liProdFour ul, .liProdFour li {margin:0px; padding:0px;}		
	
		.liProdFive { width:20%; *width:19%; float:left; }
			.liProdFive ul, .liProdFive li {margin:0px; padding:0px; font-size:10px;}
			
		#searchResults { border-top:1px solid #999;border-bottom:1px solid #999; background:#e3e3e3; }
		#searchResultsTop { border-top:1px solid #999;  border-left:1px solid #999; border-bottom:1px solid #999; background:#e3e3e3; margin-top:5px; }
		#searchResultsInner{ font-size:11px; font-weight:normal; padding:10px; text-align:right;}
			#searchResultsInner a{ font-size:11px; font-weight:normal;}
			#searchResultsInner a:hover{ color:#999; font-weight:bold; }
	
/* Detail Template*/
	#dtContainer {}
		#dtHeader {}
			.dtHeaderInner {}
		
		#dtProdContent { text-align:left;}
		.dtProdContentInner {margin:0px; padding:10px; width:100%; float:left;}
				.dtProdTitle { border-bottom:1px solid #999; margin:0px; padding:10px;} 
					.dtProdTitle h2 { padding:0px 0px 0px 0px; color:#999;}
					.note{background-color:#eef0f1; border-top:1px dotted #ccc; padding:5px;}
				.dtProdImage { border:0px solid #999; float:left; text-align:center; width:390px;  overflow:hidden; }
					.dtProdImage img {}
					
				#dtProdDescription{color:#444; line-height:24px;}
					#dtProdDescription p{margin:10px;line-height:20px;}
				#dtPriceBreaks table {width:98%; border:1px solid #333; margin: 10px auto;}
					#dtPriceBreaks th {text-align:center; font-weight: bold; background-color: #EFEFEF;}
					#dtPriceBreaks td {text-align:center; border-color: #EFEFEF; }
					
				#sizersWrapper {}
					#sizers { width:100%;  margin: 0px auto 10px; }
					#sizers caption {font-size: 12px; background-color: white; padding: 10px 4px 4px; font-weight: normal;}
					#sizers strong {font-weight: bold;}
						#sizers th {text-align:left; color:#666;font-weight: bold; background-color: #dbdee0; padding:4px;}
						#sizers td {text-align:center; background-color: #dbdee0; padding:4px;border:1px solid gray; border-color: #eef0f1; border-width:1px 0 0px 1px;}
						#sizers td input {border: 1px solid #999; font-size: 10px;}
						
				#displayPriceWrapper {font-size: 12px; font-weight: bold;}
				
				.dtViewLarger {font-size:10px; font-weight:bold;}
				.dtProdInfo {float:left; width:368px; *width:338px;  padding:0px;}
				.dtProdInfoInner {margin:0px 8px;  }
					.dtProdPrice {font-size:18px; font-weight:bold; line-height:18px; padding:6px 0px;}
					.dtProdSku {font-weight:bold; padding:6px 0px;}
					.dtProdBrand {font-size:14px; font-weight:bold;}
					.dtProdBrief {font-size:11px; font-weight:normal; line-height:18px; padding:8px 0px;} 
					.dtProdDesc {font-size:11px; font-weight:normal; line-height:18px; padding:8px 0px;} 
					.dtProdQty {padding:4px 0px; background:#e3e3e3; border-right: 1px solid #eef0f1;}	
					.dtProdBuy {padding:0px 0px; text-align:right;} 
						.dtProdBuy img{margin:0px 0; cursor:pointer;}
						.alreadyAdded{color:#a00; font-weight:bold;}
						.gotoCart {float:right;width:119px; text-align:right;padding:0px 0px;}
						.dtProdContinue {padding-top:2px;padding-right:5px;text-align:right;}
				.dtProdOptions {float:left; width:100%;}
				
				#cartAdd {border-top:1px solid #eef0f1;}
					#cartAdd caption {font-size: 12px; background-color: white; padding: 10px 4px 4px; font-weight: normal;}
					#cartAdd strong {font-weight: bold;}
					#cartAdd tr{margin-bottom:1px;}
					#cartAdd td{padding:5px; color: #777; text-align:left; border:1px solid gray; border-color: #eef0f1; border-width:0 0 1px 1px;}
					#cartAdd td input {}
					.dtProdAtt {padding:3px 0px; background:#dbdee0;}
					
					#cartAdd select {width:250px;}	
				
				.services {overflow: hidden; width: auto; clear: both;}
					.services span {font-size: 12px; font-weight: bold;}
					.services label {display: block; padding: 3px; float: left; background-color: #EFEFEF; margin-right: 1px;}
					
				.dtRelated { float:left; margin:0px; padding:10px;}
				.dtRelatedImage {float:left;background:#f3f3f3; margin:4px; padding:0px; width:65px; height:65px; text-align:center; }	

/* Checkout Templates */
#checkoutContainer { *width:auto; }
#checkoutContainerInner { padding:10px; } 
#checkoutContainer, #checkoutContainer table tr td {color:#333333; font-size:12px; }
#checkoutContainer table tr td h3 {padding:4px; margin:0;}
#checkoutContainer label {font-size:13px;}

#billingTable select, #billingTable input{border:1px solid #999; margin-bottom:1px; padding:1px;}
	.txtShipEstimate{height:15px;}
	.checkoutSelect select{border:1px solid #999; margin-bottom:1px; padding:0;}
		#ctBtnsBottom{text-align:right; margin:0px 0px;}
   .btnContinuePos{width:156px;float:right;}
   .why {margin:0px 25px; padding:3px; width:395px; border:1px dashed #666666; background-color:#EFEFEF;}
   .checkoutOptions {margin-left:25px; padding:5px; border:1px dashed #666666; width:395px; background-color:#EFEFEF;}

#checkoutContainer a:link, #checkoutContainer a:hover, #checkoutContainer a:visited, #checkoutContainer a:active    { text-decoration:none; border:none;}
			
	.progress {text-align:center; padding:6px; }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
div.suckertreemenu { padding-top:8px; }

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
margin: 0px;
padding:0px;
*height:20px;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
/*width: 90px; Width of top level menu link items*/
text-decoration: none;
margin: 0;
padding: 5px;
height:20px;
}

html>body .suckertreemenu ul li a{ display: block;}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}


/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{}


/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 180px; /*width of sub menu levels*/
text-decoration: none;
padding: 1px 5px;
margin:0px;
border: 1px solid #ccc;
font-size:11px;
color:#7f7f7f;
font-weight:normal;
background-color: #1b2d3c;
}

.suckertreemenu ul li a:hover{
color: #A24141;
text-decoration:underline;
background:#dbdee0;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; margin:0px; }



/* Detail page styles */

#dtInfoBox {
    height: 100px;
    margin: 20px 0px;
    position: relative;
    text-align: center;
}

#dtNote {
    position: absolute;
    top: 80px;
    left: 15px;
    background: url('/stores/f/fantoga/images/NeoSet5/bgNote.png') no-repeat top center;
}

.close {
    position: absolute;
    top: 8px;
    right: 6px;
}

.dtNoteInner {
    width: 325px;
    height: 425px;
}

.dtNoteInner h4 {
    color: #F5F4B5 !important;
    margin: 16px 0px;
    text-align: center;
}

.dtNoteInner p {
    margin: 18px 0px 10px 0px;
    text-align: center;
}

.dtNoteInner form {
    margin: 12px 24px 10px 10px !important;
}

.dtNoteInner label {
	display: block;
	line-height: 21px;
	height: 21px;
}

.dtNoteInner input {
    margin: 4px 0px;
    width: 210px;
}

.dtNoteInner textarea {
    margin: 4px 0px;
    width: 275px;
}

#dtInfoBoxInner {
    width: 325px;
    margin: auto;
    padding: 20px 0px;
    text-align: left;
}

#dtInfoBox img {
    float: left;
    width: auto;
    margin-right: 10px;
}

#dtInfoBox .infoBlock {
    float: right;
    width: 300px;
    font-size: 14px;
    margin: 0px 0px 20px 20px;
}

#dtInfoBox h3 {
    padding: 0;
    margin: 0;
    color: #CC3300
}

.forminfo {
    text-align: right;
    margin-bottom: 8px;
}

.formquestion {
    text-align: center;
}

.formupload {
    text-align: center;
}



/* Javascript styles */

.jsWhite {background-color:white}
.jsBlack {background-color:#AAAAAA}


.regularOption {background-color:white;}
.disabledOption {background-color:#E4E4E4;}


.FantogaBlueText {color: #3f4b56;}


/* -------------------------------------------------------
detail tables
-------------------------------------------------------
*/
 
 		table.details {
			text-align: left;
			color: #3f4b56;
			font-size:11px;
			border: 1px solid transparent;
			
		}
		
		caption.details {
			color: #3f4b56;
			font-weight: bold;
			text-align: left;
		}
		
		td.details {
			border: 1px solid transparent;
			font-size:11px;
		}
		
		
		th.details {
			border: 1px solid transparent;
			font-size:11px;
			
		}
		
		thead.details tr th {
	background-color: #3f4b56;
	color: #eef0f1;
	font-weight: bold;
	text-align: left;
	border: 1px solid transparent;
		}
		
		tfoot.details tr th, tfoot tr td {
	background-color: #ccf1a7;
	color: #3a5f3a;
	text-align:left;
	vertical-align: 75%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ccf1a7;
	border-right-color: #ccf1a7;
	border-bottom-color: #ccf1a7;
	border-left-color: #ccf1a7;
	
			
		}

		tbody.details tr th {
			border-bottom: 1px solid transparent;
		}
		
		tr.detailseven { 
			background-color: transparent;
			border: 1px solid transparent;
		}
		tr.detailsodd {
			background-color: transparent;
			border: 1px solid transparent;
		}
		
		
		
		
	/* -------------------------------------------------------
transparenttables
-------------------------------------------------------
*/	
		
		table.transparent {
			background-color: transparent;
			border: transparent;
			color: #3f4b56;
			
		}
		
		td.transparent {
	background-color: transparent;
	border: transparent;
	font-size: 11px;
		}
		
		tr.transparent { 
			background-color: transparent;
			border: transparent;
		}
		
		
		/* -------------------------------------------------------
isolating main table
-------------------------------------------------------
*/
 
 		table.main {
			margin: 0;
			padding: 0;
			text-align: center;
			color: #3f4b56;
		}
		
		caption.main {
	color: #3f4b56;
	text-align: left;
	text-transform: none;
	font-size: 12px;
	background-color: transparent;
	color: #3f4b56;
		}
		
		td.main {
	border: 1px solid #dbdee0;
	text-align: center;
	font-size: 11px;
			
		}
		
		
		th.main {
			font-weight: normal;
			border: 1px solid #dbdee0;
			text-align: center;
			font-size:11px;
		}
		
		thead.main tr th {
			background-color: #dbdee0;
			color: #3f4b56;
			border-right: 1px solid #dbdee0;
			font-weight: bold;
			text-align:center;
		}
		
		tfoot.main tr th, tfoot tr td {
			background-color: #F7FBEF;
			color: #ccc;
			border-top: 1px solid #dbdee0;
		}
		
		tbody.main tr th {
	border-bottom: 1px solid #dbdee0;
	font-weight: bold;
	font-size: 11px;
		}
		
		tr.main { 
			background-color: #f4f4f4;
		}
		tr.mainodd {
			background-color: #eef0f1;
		}
		
		tr.main:hover {background-color: #a2bbc9;
		}
		
		tr.mainodd:hover {background-color: #a2bbc9;
		}
		
		/* -------------------------------------------------------
		
		tr.main:hover td, tr:hover td a, tr:hover th a {
			color: #a10000;
		}
		
		td.main:hover {color: #a10000;
		}
		
		td.mainodd:hover {color: #a10000;
		}
		
		tr.mainodd:hover {color: #a10000;
		}
		tr.main:hover {color: #a10000;
		}

		tr.main:hover th a:hover {
			background-color: #F7FBEF;
			border-bottom: 2px solid #86C200;
		}
		
		-------------------------------------------------------
*/
		
		/* -------------------------------------------------------
Red Letters
-------------------------------------------------------
*/
	
		
		
		
		
.redletters {
	color: #810606;
}
.BlueLetters {
	color: 3f4b56;
}
.simpleattrgray {
	background-color: #dbdee0;
	width: 350px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eef0f1;
	border-right-color: #eef0f1;
	border-bottom-color: #eef0f1;
	border-left-color: #eef0f1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	font-size: 11px;
	color: #777;
	line-height: 18px;
	height: auto;
}
.grayboldface {
	font-weight: bold;
}
.simplegraytext {
	color: #777;
	text-align: left;
}
.simpleattrgraytop {
	background-color: #dbdee0;
	text-align: center;
	width: 350px;
	
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #777;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 2px;
	border-top-color: #eef0f1;
	border-right-color: #eef0f1;
	border-bottom-color: #eef0f1;
	border-left-color: #eef0f1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	
}
.Photoshop {
	color: #84a3e0;
	text-decoration: underline;
	margin-right: 5px;
	margin-left: 5px;
}
.illustrator {
	color: #d67a5b;
	text-decoration: underline;
	margin-right: 5px;
	margin-left: 5px;
}
.indesign {
	color: #7a214a;
	text-decoration: underline;
	margin-right: 5px;
	margin-left: 5px;
}
.detailtextgray {
	color: #999;
}


/* -------------------------------------------------------
colorgridtables
-------------------------------------------------------
*/	
		
		table.colors {
	background-color: transparent;
	color: #3f4b56;
	font-size: 9px;
	text-align: left;
	line-height:10px;
	margin: 2px;
	padding: 2px;
	border-collapse:separate;
	margin: 2px;
	
	
	
			
			
			
			}
		
		td.colors {
	background-color: transparent;
	border: transparent;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse:separate;	}
		
		tr.colors { 
			background-color: transparent;
			border: transparent;
			font-size: 9px;
			border-collapse:separate;
		}
		
		caption.colors {
	color: #3f4b56;
	text-align: left;
	text-transform: none;
	font-weight: Bold;
	font-size: 14px;
	background-color: transparent;
	color: #1b2d3c;
		}
		
	/* -------------------------------------------------------
text styling
-------------------------------------------------------
*/	
		

.smaller2 {
	font-size: 10px;
}

	/* -------------------------------------------------------
printservicesproductdetail page
-------------------------------------------------------
*/	

#psdetaillinksheaderFantoga {
	width: 378px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 15px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #888;
	float: none;
	clear: none;
}


#psdetaillinksheaderboldFantoga {
	font-size: 12px;
	font-weight: bold;
}

#psdetaildescriptionFantoga {
	width: 165px;
	float: left;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	color: #3f4b56;
	clear: left;
	text-align: left;
}
#psdetailimagetopFantoga {
	margin: 0px;
	padding: 0px;
	width: 213px;
	float: left;
	text-align: center;
	clear: none;
}
#psdetailpricebreaksFantoga {
	width: 165px;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 260px;
	clear: left;
}
#psdetailimagebottomFantoga {
	margin: 0px;
	padding: 0px;
	width: 213px;
	float: left;
	height: 260px;
	clear: none;
	text-align: center;
	color: #3f4b56;
}
.psdetailsecofriendlyFantoga {
	color: #063;
	background-color: #e4f2dc;
	padding-top: 0px;
	padding-bottom: 4px;
	font-weight: normal;
	text-transform: none;
	font-style: normal;
}
.psdetailsdescriptionheader {
	font-weight: bold;
	width: 167px;
	color: #3f4b56;
	text-align: left;
	text-decoration: underline;
	font-size: 12px;
}
.psdetailsdescriptionmargin {
	font-size: 11px;
	margin: 0px;
	float: none;
	clear: none;
	list-style-type: none;
	line-height: 18px;
	padding: 0px;
	text-align: left;
}
.psdetailupgradesFantoga {
	margin: 0px;
	padding: 0px;
	width: 167px;
	color: #3f4b56;
	clear: left;
}
.psdetailupgradesheaderFantoga {
	background-color: #dbdee0;
	clear: none;
	width: 167px;
	float: none;
	color: #3f4b56;
	margin-top: 5px;
	text-align: center;
	padding-top: 1px;
	padding-left: 1px;
}

.psquestionmarkFantoga {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#psdetailimagebottomFantoga2 {
	width: 218px;
}
#leftest {
	float: left;
	width: 218px;
}
#psdetailbottominfoFantoga {
	width: 378px;
	clear: left;
	float: left;
}
.psquestionmarkbracketFantoga {
	font-weight: normal;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}

.psredletteringFantoga {
	color: #810606;
}

a.green:link {color: #869ead;}
a.green:active {color: 869ead; }
a.green:visited {color: #0000ff; }
a.green:hover {color: #7f9933;  }


/* -------------------------------------------------------
customattribute styles
-------------------------------------------------------
*/	

.customattributesteps {
	
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	clear: left;
	float: left;
	margin-bottom: 0px;
	padding-bottom: 1px;
	
}

.customattributetextbold {
	font-weight: bold;
}
.customattributetextred {
	color: #7c2230;
}
.customattributetextgray {
	color: #777;
}


/* -------------------------------------------------------
fullcolor letters
-------------------------------------------------------
*/	

.fullcolorF {
	color: #bf4040;
}
.fullcolorU {
	color: #bf7340;
}
.fullcolorl1 {
	color: #7f9933;
}
.fullcolorl2 {
	color: #4c7f65;
}
.fullcolorC {
	color: #59a5a5;
}
.fullcolorO {
	color: #667fcc;
}
.fullcolorl3 {
	color: #833e83;
}
.fullcolorO2 {
	color: #df70df;
}
.fullcolorR {
	color: #cab048;
}

.fullcolorgray {
	color: #888;
}

/* -------------------------------------------------------
product detail styles
-------------------------------------------------------
*/	
.boldquestionmark {
	font-weight: bold;
}

a.detailtips:link {color: #617f90;}
a.detailtips:active {color: 617f90; }
a.detailtips:visited {color: #0000ff; }
a.detailtips:hover {color: #617f90;  }

.smalldetailtext {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
.centertable {
	text-align: center;
	width: auto;
}
.bluequestionmark {
	color: #869ead;
}

#psdetailupgrades #psdetailbottominfoFantoga {
	text-align: left;
}
.underlined {
	text-decoration: underline;
}

@charset "UTF-8";

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 8px 0px 0px;
	
	background-color: #dbdee0;
	list-style: none;
	border-left: solid 1px #dbdee0;
	border-bottom: solid 1px #dbdee0;
	border-top: solid 1px #dbdee0;
	border-right: solid 1px #dbdee0;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: f4f4f4;
	border-bottom: 1px solid #eef0f1;
	font-weight: bold;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: #3f4b56;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #dbdee0;
	border-bottom: solid 1px #dbdee0;
	border-top: solid 1px #dbdee0;
	border-right: solid 1px #dbdee0;
	background-color: f4f4f4;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: f4f4f4;
	position: relative;
	border-top: solid 1px #dbdee0;
	border-right: solid 1px #dbdee0;
	border-left: solid 1px #dbdee0;
	border-bottom: solid 1px #f4f4f4;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: f4f4f4;
	border-bottom: solid 1px #dbdee0;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}




notavailable {
	color: #a9b0b7;
}




div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:-10px;
  padding:0px;
  text-align:left;
  max-height:200px;
  overflow:auto;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

label {
    display: block;
}
.selectbox /* look&fell of  select box*/
{
  margin: 0px 5px 10px 0px;
  padding-left:2px;
  width : 230px; 
  display : block;
  text-align:left; 
  background: url('/images/bg_select.png') right;
  /*height:18px;*/
  cursor: pointer;
  border:1px solid #D1E4F6;
  color:#333;
}

select {
	/*background: url('/images/bg_select.png') right;*/
}