/* CSS Document */

body , html {height: 101%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; padding:20px 0 0 0; margin:0; background: #FFFFFF;}

#Top {width: 774px; margin-right: auto; margin-left: auto; padding:0;}

#Frame {width: 740px; margin-right: auto; margin-left: auto; padding:3px 17px 0px 17px; background: url(../images/ExpandMidSection.jpg) 0 0 repeat-y;}

#Banner {width: 740px; height: 90px; padding:0 0 10px 0; margin:0; }

#Nav {width: 740px; height: 20px; padding:0 0 0 0; background:url(../images/NavBack.jpg) 0 0 repeat-x;}

#ContentHolder { width: 740px; padding:0; margin:0;}

    #Left {width: 141px; padding:0; margin:0; float: left;}
	
	#LeftNav {width: 140px; padding:0 0 0 0px; margin:0;}
	
	#ContentMid {width: 740px; padding:0; maring:0; float:left;}
		
		#TopMid {width: 740px; height: 13px; padding:0; margin:0; background: url(../images/FullScreenTop.jpg) 0 0 no-repeat;}
		
		#ContentBackground {width: 710px; padding:10px 15px 0 15px; margin:0; background: url(../images/FullScreenBkg.jpg) 0 0 repeat-y;}		
		
		#Content {width: 710px; margin:0; padding:0;}
		
		/* NEWSLETTER STYLE */

		#NewsLetter {width: 550px; padding:0 0 10px 0; border-bottom: #666666 1px solid; margin:0;}
		#NewsLImg {width: 100px; height: 100px; padding: 0 10px 0 0; margin:0; float:left;}
		#NewsLDes {width: 440px; padding:0; margin:0; float:left;}
		
		#Content a {color: #FF6600; text-decoration:none; font-weight:bold;}
		#Content a:hover {color: #0066FF;}
				
		#BottonMid {width: 740px; height: 13px; padding:0; margin:0; background: url(../images/FullScreenBottom.jpg) 0 0 no-repeat; clear:both;}
		
	#Right {width: 141px; padding:0; margin:0; float:left;}
	
	#RightNav {width: 120px; padding:20px 0 0 10px; margin:0;}
	
	.NewStory {font-size:10px; width: 132px; padding:  0 0 5px 0; margin:0; color: #666666; border-bottom: 1px dotted #006DAC;}
	
	.NewStory a{color: #006DAC; text-decoration: none; font-weight: bold;}
	.NewStory a:hover {color: #FF6600; text-decoration: none; font-weight: bold;}
	
#Footer {padding: 10px 0 0 10px; width: 730px; height: 25px; margin:0; clear: both; border-top: #666666 1px solid; color: #666666; font-size: 95%; text-align: center;}

#Bottom {width: 774px; margin-right: auto; margin-left: auto; padding:0 0 0 2px;}


/* NAVIGATION */

/*#navlist { padding-left: 0; margin-left: 0; width: 130px; }

#navlist li { list-style: none; margin: 0; padding: 5px 0 5px 0; border-bottom: 2px dotted #006DAC; font-size: 10px;}

#navlist li a { text-decoration: none; color: #006DAC; font-weight: normal;}

#navlist li a:hover {color: #FF6600; text-decoration: none;}*/



/* //////////////////////// */ /*NEW NAVIGATION*/ 

/* navigation */
#Nav { text-align:left;  width: 740px; height: 25px; padding:0px; margin:0; /*margin-bottom:8px;*/ float:left; background:url(../images/NavBack.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight: bold; }
#Nav a:hover { color: #FF9900; }

ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 597; float: left; }
ul.dropdown li { float: left; line-height: normal; vertical-align: middle; /*zoom: 1;*/ }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }

ul.dropdown { font-weight: bold; }
ul.dropdown li { padding: 7px 10px 7px 10px; color: #fff; font-weight:bold; }
ul.dropdown li.hover,  ul.dropdown li:hover {  color: #fff; font-weight:bold; }
ul.dropdown a:link,  ul.dropdown a:visited { color: #fff; text-decoration: none; text-align:left; font-weight:bold; }
ul.dropdown a:hover { color: #fff; }
ul.dropdown a:active { color: #fff; }
/* -- level mark -- */

ul.dropdown ul { width: 140px; margin-top: 1px;}
ul.dropdown ul li { font-weight: bold; }

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class  */

ul.dropdown *.dir { /*padding-right: 5px;*/ padding-bottom:4px; text-align:left;}
/* -- Components override -- */

ul.dropdown-horizontal ul *.dir { padding-right: 10px; background: url(/09/Images/arrows.gif) center right no-repeat;  color:#FFFFFF; font-weight: bold; }
#navMain .arrow {background: url(/09/Images/arrows.gif) center right no-repeat;}
/*-------------------------------------------------/
 * @section		Base Style Extension */
 ul.dropdown span { display: block; padding: 2px 10px 6px 10px; color:#fff; border-right: 1px solid #FFFFFF;  }
ul.dropdown a { display: block; /*padding: 2px 6px 0px 6px;*/ color:#FFFFFF;  }

/*-------------------------------------------------/
 * @section		Base Style Override */

ul.dropdown li { padding: 0; border: none; }
ul.dropdown ul a, ul.dropdown ul span { padding: 3px 3px 3px 3px; text-align:left; color:#ffffff; }

/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities */

/*------------------------------------------------/
 *	@section	Custom Styles */

ul.dropdown li {  color: #000; font-weight:bold; font-size:10px;  }
ul.dropdown li.hover, ul.dropdown li:hover {  color: #efefef; font-weight:bold; }
ul.dropdown li a:active {  }

/* Non-first level */

ul.dropdown ul { margin-top: 0; color:#000; font-weight:normal; /*border-top: 1px solid #999999;*/}
ul.dropdown ul a { color:#000; font-weight:normal;}
ul.dropdown ul li { padding: 1px 5px 1px 3px; background-color: #006ead; font-weight:normal; /*border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999;*/}
ul.dropdown ul li.hover,  ul.dropdown ul li:hover { background-color: #0099FF; color: #FFF; font-weight:bold; }
ul.dropdown ul li a:hover { color:#000; }

/* Mixed */

ul.dropdown *.dir {  font-size:10px; }
ul.dropdown li a { font-size:10px;   }

/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial * */

ul.dropdown li.hover *.open {  color: #fff; /*padding-left: 3px;*/  }
ul.dropdown ul li.hover *.open {  font-weight:bold;  }


/* CSS2 clone */

ul.dropdown li:hover > *.dir {  color: #fff; /*padding-left: 15px;*/   }
ul.dropdown ul li:hover > *.dir {/* padding-left: 15px; */   color:#FFF; font-weight:bold; }

#navMain a.WhiteHome { color:#FFFFFF; font-weight:bold; padding: 2px 10px 7px 15px;}


/* /////////////////////////// */








/*FullScreen full search bar */

#SearchBar {width: 730px; height: 30px; padding:0 0 5px 10px; margin:0;}

#SearchBarL {width: 150px; height: auto; padding: 0 20px 0 0; margin:0; float:left;}
#SeacrhBarR {width: 400px; height: auto; padding:8px 0 0 0; margin:0; float:left;}

Form {padding:0; margin:0;}


/* FONT STYLES */

h1 {font-size: 14px; font-weight: bold; color: #006DAC; padding:0; margin:0;}
h2 {font-size: 12px; font-weight: bold; color: #006DAC; padding:0; margin:0;}
#Content ul a {text-decoration: none; color:#FF6600;}
#Content ul a:hover {color: #006DAC;}
.DarkBlue {color: #003366;}


/* SHOP STYLING */

.priceOrange {color:#FF6600; font-weight: bold;}
.ProductTitle {color: #006DAC; font-weight: bold;}
.ProductLink {color: #006DAC; text-decoration: none; font-weight: bold;}
.CatergoryTitle {color: #000000; font-size: 10px; font-weight: bold; margin:0; padding:0;}

.Product {width: 425px; height: 100px; padding: 8px 0 8px 0; border-bottom: 2px solid #006DAC;}
.ProductImage {width: 90px; height: 100px; padding:0 5px 0 0px; text-align: left; float: left;}
.ProductInfo {width: 200px; height: 100px; padding: 0 15px 0 0; line-height: 1.4em; text-align: justify; float: left;}
.ProductCart {width: 100px; height: 80px; padding:20px 0 0 0; margin:0; float: left;}
.ProductCart a{color: #FFFFFF; font-weight: bold; font-size: 9px; text-decoration: none;}
.ProductDetails {width: 100px; height: 80px; margin:0; padding:0;}
.Details {width: 77px; height: 22px; margin:0; padding: 5px 0px 0px 5px; background: url(../images/Details.jpg) 0 0 no-repeat; COLOR: #FFFFFF; font-size: 9px; font-weight: bold;}
.Add {width: 100px; height: 21px; margin:0; padding: 5px 0px 0px 5px; background: url(../images/addtocart.jpg) 0 0 no-repeat; COLOR: #FFFFFF; font-size: 9px; font-weight: bold;}
.Details a:hover{COLOR: #FF6600; font-weight: bold; text-decoration: none;}
.Add a:hover{ COLOR: #FF6600; font-weight: bold; text-decoration: none;}

#BigProduct {width: 425px; border-bottom: 2px solid #006DAC; padding:0 0 8px 0; margin:0;}
#BigProductLeft {width: 133px; padding: 0 0px 0 0; float: left;}
#BigProductRight {width: 290px; padding: 0 0px 0 0; float: left;}
#BigProductImg {width: 125px; padding: 0 8px 0 0px; clear:both;}
#BigProductText {width:290px; padding: 0; margin:0;}
#BigProductCart {width: 110px; padding:4px 0 10px 15px; margin:0; }
#BigProductCart a{color: #FFFFFF; font-weight: bold; font-size: 85%; text-decoration: none;}