body {
	font-size:9px;
	background:white;
	margin:0px; 
	font-weight:normal;
	font-family:Verdana,Geneva,Arial,helvetica,sans-serif;
	text-align:center;
	display:block;
	height: auto;	
	width:100%; 	
}
input,select,label{display:none;}
div#accordion {
	width:800px;	
	background-color:#061A55; 
}
div#accordion ul#navigation {
	margin: 0;
	float:left;
	width:800px;	
	background-color:#061A55; 
	list-style:none;
	position: relative;
	z-index:300;		/*  this will allow submenu over magicslideshow which is set to 200 */ 
	padding-bottom: 1px;  
	padding-top: 0;
	padding-right: 0;
	padding-left: 0px
}
#accordion ul#navigation li {
	float: left;
	margin: 0;
	border-right: 1px solid #061A55; /*--Divider for each parent level links--*/
	background: #ffffff;
	color:#061A55;
	list-style: none;
	padding-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}
#accordion ul#navigation li a { 
	font-size:10px;
	font-weight:bold;
	text-decoration: none; 
 	display: block;  
	padding-left: 8px; 
	padding-right: 8px; 
	padding-bottom: 5px; 
	padding-top: 5px;
}
#accordion ul#navigation ul.submenu { 
	position:absolute;  /* Need absolute to display submenus under menubar*/
	top: 1.5em;     /*  placement of submenu must be directly under menubar so we do not have bounce */
	background-color: #CCCCCC; 
	color: #061A55;
	left: -10px;	/* this will start the submenu under the 1st menu item */	
	height: 140px;
	width: 800px;		
	padding-left: 0px;	
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-top: 5px;
	display: none; /* hides submenu until mouseover */	
} 
#accordion ul#navigation li:hover ul.submenu {display: block; } 
#accordion ul#navigation ul.submenu li { 
	height: 119px;
	padding-bottom: 0px; 
	padding-top: 3px;
	border-right: none;
	background-color: #CCCCCC;
	background:url("/pages/images/subMenu_divider.gif") repeat-y scroll right center transparent; 		 
} 
#accordion ul#navigation ul.submenu li.lastColumn { 
	background:none; 		
} 
#accordion ul#navigation ul.submenu li.hrLine { 
 	background-repeat: repeat-x;
	background-position: left top;
	background-image: url("/pages/images/subMenu_hr_divider.gif");
	background-color: transparent;
	background-attachment: scroll;
	width:800px; 
	height:1px;
}
#accordion ul#navigation li ul.submenu li.catLink { 
	line-height: 15px;   /*  add space between each submenu link */
}
#accordion ul#navigation ul.submenu li.catLinkLastColumn { 
	background:none; 		
	line-height: 15px;   /*  add space between each submenu link */
}
#accordion ul#navigation ul.submenu li li { 
	background:none;
	height: 11px;
	float:none;
	padding-top: 0px;
	padding-bottom: 3px; 	/*  add space between each submenu link */
}
#accordion ul#navigation li ul.submenu a {display: inline; } 
#accordion ul#navigation li ul.submenu a:hover {text-decoration: underline;}
#accordion ul#navigation li ul.submenu li li a { 
	font-weight:normal;
	padding-bottom: 3px;   /*  add space between each submenu link */
}

a:link,a:hover,a:visited,a:active{
	text-decoration:none;
	color:#001852;
	outline: none;				/*  stop dotted border on click */
	-moz-outline-style: none;	/*  stop dotted border on click */
}
a:hover{text-decoration:underline;}
ul{	padding: 0px; margin: 10px;}
li{	list-style:disc;text-align: left;}
.txt{ 
	border: 1px solid #003366;   
	width: 190px; 
	font-weight:bold; 
	font-size:9px;
	color: #061a55;
	background-color: #cccccc;
	height:20px;   		/* want input box same size as search image */
	line-height: 20px; 
	vertical-align:middle;
	padding: 0; 
	text-align:center;
}
#searchBtn{	
	cursor: pointer;
	vertical-align:middle; 
	margin:0;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px
}
.grayBg{background-color: #999999; font-size: 12px; color:#000000;}
.lightGrayBg{background-color: #CCCCCC; font-size: 12px; color: #000000;}
.lightGrayBg td {font-weight: bold;}
.redBg{background-color:  #ac1614 ; }
.lightGray {
	color: gray; 
	font-size: 12px;
}

.blue, .blueBig{font-size: 12px; color: #061A55;}
.blueBig{ font-weight: bold; font-size: 18px;  padding-left: 10px; }
.blueMedium{ font-weight: bold; font-size: 16px;  padding-left: 10px; color: #061A55; }
.productHeading { 
	font-weight: bold; 
	font-size: 18px;
	color: #061A55;
}
.longPanel {
	padding:5px ;
	text-align:center;	
	background: #FFFFFF url(/pages/images/middle_frame_bg.jpg) repeat-x; 
	min-height: 35px;	
	border: 1px solid #CCCCCC;
}
.carouselPanel {background-color:transparent;}
.blank{	
	width: 100%; 
	height: 7px; 
	clear: both;
}
.top{border-top: 1px solid #999999;}
.bottom {	/* border-bottom: 1px solid #999999;*/}
.imgth{margin-top:10px;margin-bottom:5px;margin-left:0px;padding-bottom:5px !important;padding-top:5px !important;}
.productCol{width:33%; height: 150px;}
.productMiddleCol{width:34%;}
.leftTd{float: left; text-align: left;}
.rightTd{	float: right; text-align: right;}
.itemTitle,.itemDesc,.price,.catDesc{padding-left:25px; font-size:10px; font-weight:bold; text-align: center;}
.catDesc{font-weight: normal; font-size: 11px;}
.price2{font-style: bold; color: black}
.itemDesc span{padding-right:5px;}
.itemTitle{color:#003366; }
.price{	color:#000000; }
.new  {	font-weight:bold; color:#CC0000;}

#wrapperBar{background-color:#061A55;width:100%;height:129px;top:0;position:absolute;z-index:1;}

#wrapper{
	width:826px; 	/*  Need width so we will have scroll bar at bottom when window smaller than content */
	margin:auto;
	height:auto;
	overflow:hidden;
	display:block;
	/*  Need to place over wrapperBar */
	top:0;
	position:relative;
	z-index:2;	
}

#header,#nav, #navSub {display:none}
#main{
	width:800px;
	background-color:#061A55; 
	margin:auto;
	display:block;
	text-align:left;
}
 
#footerMain{text-align:center;}
#footerWrapper{	clear:both; padding: 5px;}
#footer {
	text-align:left;
	font-size:11px;
}
#footer table {
	width: 100%;
	text-align: left;	
	padding: 0px; 
	margin: 0px;
}
#footer tr{	
	border:0px solid gray;
	padding: 0px; 
	margin: 0px; 
}
#footer td.leftBorder {
	border-left: 1px solid #CCCCCC; 
	vertical-align: top;	
	padding: 5px; 
	font-size:11px; 
	text-align: left; 
}
#footer ul {
	padding:0px; 
	margin: 0px;
	list-style: none;
}
#footer li{
	list-style: none;
	line-height:20px; 
	color: #061A55;
	font-size:9px;
}
 
#content{
	width: 800px;
	float:left;
}
#copyright{	color : #666666; text-align: center;}

#left{
	position:relative;top:0px;width:195px; float: left; background-color: #CCCCCC;height:auto;display:block; font-weight:bolder;
	padding-bottom: 5px;padding-top: 0px;padding-right: 0px;padding-left: 5px}
#right {	
	position:relative;
	top:0px;
	width: 800px; 
	float: left;
	height:auto;
	background-color:#FFFFFF;
	padding: 0;/*5px 7px 5px 0px ;*/	
	display:block;
}
#pics{	width:98.5%;}
#panels {
	min-height: 75px;
	background: #FFFFFF;
	color: #666666; 
	border: 1px solid #CCCCCC;
	font-size: 11px; 
	text-align: left;
	vertical-align: top;	
	padding-top:5px;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right:0;  
}

#contentTable{
	width:800px;
	font-family:Verdana,Geneva,Arial,helvetica,sans-serif;
	font-size:12px;
	padding-bottom: 5px;
	border: 1px solid #CCCCCC;;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px
}
#contentTable table{
	font-family:Verdana,Geneva,Arial,helvetica,sans-serif;
	font-size:11px;
	width: 100%;
	background-color:#ffffff;
}

#contentTable span a.new {	color:#CC0000;}
#contentTable hr {
	border-top:1px solid #cccccc;
}

#downloadTable { 
	width:800px;
	font-family:Verdana,Geneva,Arial,helvetica,sans-serif;
	font-size:9px;
	padding-bottom: 5px;
	border: 1px solid #CCCCCC;;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px
}
#downloadTable a { 
	text-decoration:underline;
}

td#breadcrumb  {
	color:#001852;
	font-size:8px;
	text-align: left;
}
td#breadcrumb a:active {
	text-decoration:none;
}
td#breadcrumb a:visited {
	text-decoration:none;
}
td#breadcrumb a:link {
	text-decoration:none;
}
td#breadcrumb a:hover {
	text-decoration:none;
}

/* Tabbed pane */
#tabbedPaneWrapper {
	clear:both;	
	padding:5px ;
	background: #cccccc;
}
#tabbedPane ul.subsection_tabs {
	list-style:none;
	margin:0;
	padding:0;	
	clear:both;	
	color: #000000;	
	font-weight: bold;	
	float: left;
}
#tabbedPane ul.subsection_tabs li {	
	margin-bottom: -1px;
	float:left;	
	margin-top:5px;	
	margin-right:0px;
	text-align:center;	
	list-style:none;
	background: #cccccc;
}
#tabbedPane ul.subsection_tabs li.active {
	float:left;
	margin-right:7px;
	text-align:center;
	list-style:none;
	background-color: #eeeeee;
}
#tabbedPane ul.subsection_tabs li.blank {	
	margin-bottom: -1px;
	float:left;	
	margin-top:5px;	
	margin-right:0px;
	margin-left:10px;
	width:20px;
	text-align:center;	
	list-style:none;
	background: #cccccc;
}

html > body #tabbedPane ul.subsection_tabs li a {
	display:block;	
	height:28px;
	padding:0px 0px 0px 6px;
	color:#003366;
	text-decoration: none;
	padding-left: 13px;
}
*html #tabbedPane ul.subsection_tabs li a {	
	height:28px;
	padding:0 0px 0 6px;
	color:#003366;
	text-decoration: none;
	padding-left: 13px;
}

#tabbedPane ul.subsection_tabs li a.active {
	background: #eeeeee;
	padding-left: 13px;
}
#tabbedPane ul.subsection_tabs li a span{display:block;}
#tabbedPane ul.subsection_tabs li a span span{
	text-decoration:none;	
	display:block;	
	padding:10px 0px 5px 0px;
	vertical-align:middle;	
	padding-right: 13px;
}
#tabbedPane ul.subsection_tabs li a.active span span{padding-right: 13px;}
#tabbedPane ul.subsection_tabs li a:hover span span{
	color:#003366;	
	padding-right: 13px;	
}
#tabs{
	clear:both;
	width:100%;
	margin-top:-1px;
	border: 1px solid #CCCCCC;
	display:block;
	padding: 10px;
	font-size:11px;
 	line-height: 15px;
	background-color: #eeeeee;
 }
/*hide from IE */
html > body #tabs{ width: auto; margin-top:0px;}

#shareSection {
	padding-left: 5px;
}

/* Image Area */
td.half{ vertical-align:top;width:50% ; padding-left: 5px; font-size: 10px;}
td.col1{ vertical-align:top;width:329px; padding-left: 5px; font-size: 10px;}
td.col2{ vertical-align:top;width:239px; padding-left: 5px; font-size: 10px;}
td.col3{ 
	vertical-align:top;
	width:193px; 
	padding-left: 5px; 
	font-size: 10px;	
	border-left-style: solid; 
	border-left-color: #cccccc; 
	border-left-width: 1px;
}	

td.attribute{vertical-align:bottom;border:1px solid #999999;padding: 10px; padding-top:5px;	font-weight:normal;	
	font-family:Verdana,Geneva,Arial,helvetica,sans-serif;
	font-size: 10px;line-height:16px;}
.lspan ,.rspan  { font-size:10px; }
.lspan, .rspan  {color:green; font-size:10px;text-decoration: none;}
.lspan{	float: left; text-align: left;font-weight: bold;}
.rspan {float: left; text-align: right;}
.options span{padding: 5px 0px 5px 0px;}
.options span a{padding: 1px; font-size: 10px;  padding-right: 10px; text-decoration: underline;}
.options span a:hover{padding: 1px; font-size: 10px;  padding-right: 10px; text-decoration: none;}
.options span a.largerImage span{cursor:pointer;height: 20px; vertical-align:bottom;padding-right: 18px; background: url(../images/largerImage.jpg) right top no-repeat;}
#productImage{border:1px solid #999999};

.lspan, .options {display:none;}
/* Attribute section */
.productdescheading{font-size:16px;font-weight:bold;font-stretch:wider;color:#000000;}
.regPriceLabel, .regPrice,.specialPriceLabel, .specialPrice{font-size: 16px; line-height:30px;}
.regPrice,.specialPrice{padding-left:0px !important;font-weight:bold;}
.specialPriceLabel,.specialPrice{color:red; }
.specialLabel,special{font-size:12px; }
.label{font-weight:bold;font-size:12px; display:none;}
#attribute span a { display:none;	color: red; text-decoration: underline;}
.redLink{color: red; text-decoration: underline;}
#attribute span a.redLink{color: red; text-decoration: underline;}
/* description section */
#relatedProductsTable {width: 100%; vertical-align: top; font-size: 11px; text-align:left;  }
table#descriptionTable, table#availableColorsTable {
	width: 100%; 
	vertical-align: top; 
	font-size: 11px; 
	text-align:left;
	background-color: #EEEEEE;    
}
#availableColorsTable{ padding: 0px;}
#description { 
	width: 300px;
	vertical-align: top; 
	color: #666666
}
#description li{padding-bottom: 15px;}
#relatedProducts img ,#relatedProducts2 img,#availableColorsTable img {	border: 1px solid #CCCCCC; cursor: pointer;}
#relatedProducts,#relatedProducts2, #giftCard { font-size: 11px; vertical-align: top}
#relatedProducts{width: 165px;  }
#giftCard,#relatedProducts2 {border-left: 1px solid #CCCCCC; padding:5px; }
#giftCard { text-align: center; vertical-align: top}
#relatedProducts a,#relatedProducts2 a,#giftCard a{font-weight: bold; font-size: 10px; padding-left: 10px;}
#relatedProducts2 td.blue, #giftCard span.blue{ font-size: 12px; font-weight: bold; line-height: 20px;}
#colors, #suggests, #downloads{display:block;}
#desc {
	margin-left:29px;
}

/*  Order tracking */
#tracking {
	width: 800px; 
	background-color:#061A55;
	color: #FFFFFF; 
	font-size: 11px; 
	text-align: center;
	height:30px;
	line-height:30px;			/*  you need line height same as height to verticle align */
	vertical-align:middle;
	padding: 0px;
	float:left;
}
#tracking a {
	color:white;
}
#tracking a a.hover{
	color:white;
}
/*   KSA/SLD 12/06/2010 Add MagicZoom Plus for product detail page */
table.imageArea {border-collapse:collapse;margin: 0;padding: 0;width: 100%;}
table.imageArea td {vertical-align: top;}
table.imageArea td.imageArea-thumbs {line-height: 0;margin: 0;padding: 0;background:#FFFFFF;}
table.imageArea td.imageArea-thumbs img {margin: 4px 4px 0px 4px;padding: 0;}
table.imageArea td.imageArea-main {padding: 4px 4px 4px 0px;background:#FFFFFF;line-height: 0;}
table.imageArea .MagicZoomBigImageCont {border: 4px solid #FFFFFF;margin: -4px -4px -4px 0;}

div#hrLine { 
 	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url("/pages/images/subMenu_hr_divider.gif");
	background-color: transparent;
	background-attachment: scroll;
}

#followLine {
	position: relative;
	font-size:9px;
}
#followLine img{
	float: left;
	margin-left: 5px;
}
#followLine #facebook {
	float: left;
	width: 145px;
	margin-left: 5px;
}
#followLine	#twitter {
	float: left;
	width: 145px;
	margin-left: 5px;
}
#followLine #youtube {
	float: left;
	width: 145px;
	margin-left: 5px;
}
#followLine #emailSignup {
	float: left;
	margin-left: 30px;
	height: 24px;
}
