@charset "UTF-8";
/* CSS Document */

/*       ###############################
         BASIC TAGS
         ############################### */


* {margin:0; padding:0;}
html {height:100%;}
body {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666666;
	background: url(../images/newlayout/canvas-01.jpg) #dbdfca center top repeat;
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
    min-height:100%;
}
img {border:none; }
#content table img {border:none; margin:10px; }
select { font-size:12px;padding:1px;}
input { font-size:12px;padding:1px;}
a {color:#996633}
a:link {color:#996633}
a:active {color:#996633}
a:hover {color:#663300}
a:visited {color:none;}
#search_btn{ width:30px; height:20px; }
hr {color:#CCCCCC;border:1px solid #CCCCCC; }
ul { list-style-type:disc; list-style-position:outside;
}

/*       ###############################
         BASIC LAYOUT
         ############################### */
	
div#main {background:url(../images/newlayout/pattern-03a.jpg) center top repeat-x;text-align:center;width:100%; font-weight:normal; }	 
div#wrapper {width:750px; margin:0px auto 20px; padding:0px;text-align:left; overflow:hidden;}

div#header {width:730px; margin:0px; padding:10px; height:114px}
div#header_text {height:15px; float:right;margin:9px 0 0 0; padding:0 0 0 17px; color:#fff;background:url(../images/newlayout/shopping_cart.gif) left top no-repeat;}
div#header_text a {color:#fff; text-decoration:none;}
div#header_text a:link {color:#fff;}
div#header_text a:hover {color:#51656a;}
div#logo {width:200px; height:100px; float:left; margin:3px 0 0 0; }

div#top_section {clear:both; z-index:1; width:730px; padding:10px; background: #fff top left repeat-x; /*overflow:hidden;*/}
div#bottom_section {clear:both; z-index:1; width:730px; padding: 0 10px 10px 10px; background:#fff top left repeat-x;}

div#search_bar {margin-bottom:5px; }
div#search_bar input {height:20px;margin-left:2px;font-size:10px;}
div#search_bar select { height:20px; margin-top:0px; font-size:10px;margin-top:1px;}

div#side_bar {width:130px; float:left; padding:10px 0 0 0; background:#51656a;height:100%;margin:0px;text-align:center;}
div#side_bar h3 {font-size:12px; font-weight:bold; color:#fff;padding:10px 0 0 9px;text-align:left;}
div#side_bar .scan_alert {}

div#content {width:590px; float:left; padding-left:5px; font-weight:normal;text-align:left;}
div#slideshow {width:590px; height:230px;}
div#page {width:590px; height:300px; float:left; padding:10px 0;background:#fff;}

div#brands {width:570px; height:127px; float:left; background:#bc9164;padding:17px 10px;margin:0 0 0 2px;}
div#brands a {width:128px;height:128px; background-color:#FFFFFF; float:left; text-align:center; vertical-align:middle; margin:0 7px;}
div#brands a img {margin:auto; margin:10px 0;}

div#footer1 {width:710px;float:left; background:#a4a69a; margin: 0 0 10px;padding:10px;}
div#footer1 #giftcard {width:118px; height:81px; float:left;padding:0;margin:0 28px 0 10px;}
div#footer1 #map {width:120px; height:81px; float:left;padding:0;margin:0 31px 0 18px;}
div#footer1 #email {width:168px; height:81px; float:left;padding:0;margin:0 19px 0 10px;}
div#footer1 #facebook {width:75px; height:81px; float:left;padding:0;margin:0 5px 0 10px;}
div#footer1 #twitter {width:72px; height:81px; float:left;padding:0;margin:0 5px;}

div#footer2 {width:720px; height:245px;float:left; background:#a4a69a;text-align:left;padding:10px 0 10px 10px;}
div#footer2 .column {width:133px;float:left;color:#fff;font:11px Arial, Helvetica, sans-serif;margin:10px 34px 10px 10px;}
div#footer2 .social {width:133px;float:left;color:#fff;font:11px Arial, Helvetica, sans-serif;margin:10px 10px 10px 10px;}
div#footer2 .column p {font:12px Arial, Helvetica, sans-serif;}
div#footer2 .column ul {list-style:none;}
div#footer2 .column ul li {list-style:none;}
div#footer2 .column ul li a {color:#FFFFFF;text-decoration:none;font:11px Arial, Helvetica, sans-serif;}
div#footer2 .column ul li a:hover {color: #996633;text-decoration:none;font:11px Arial, Helvetica, sans-serif;}
div#footer2 .column ul li a:visited {color:none;}

#searchform {background:#d5cfc1; color:#000000; }
#searchform td {padding:7px 5px 0 0; }

div#mlbwebdesign {width:710px;height:40px;float:left;padding:25px 0 0; text-align:center;}

#content table ul {margin:10px 5px 10px 15px;padding:0 10px;}
#content table ul li {margin:0 0 10px 0px;padding:0px;}
#content table p {margin:10px 10px 10px 0px;font-weight:normal;line-height:18px;}
#content table h1 {margin:5px 5px 5px 0px; color:#714d19;font-size:20px;}
#content table h2 {margin:20px 5px 5px 0px;font-size:16px; color:#576420;}

#content p a img {
padding-bottom:5px
}


/*Detail Page */
#content table.details {margin-top:5px;background:#fff; width:590px;}
#content table.details td.thumbnails {padding:5px 0 5px;border-top:1px solid #ccc;}
#content table.details td.thumbnails img {margin:2px; cursor:pointer;}
#content table.details td.product_name {background:#575d3d; color:#FFF; font-size:12pt; padding:3px 3px 3px 10px;}
#content table td.preview img {padding:0px; margin:5px 15px 5px 0;}
#content table td.add_basket {padding: 0 5px 0 10px;}
#content table td.features {padding:5px 10px; color:#333; background-color:#FFF;border-top:1px solid #ccc;}
#content table td.features li {margin-left:10px;}
#content table td table.related_products {padding:10px 0 0;border-top:1px solid #CCCCCC;margin:15px 0 0;width:100%;}
#content table td.features table {}
blockquote {margin:15px 0; }

/*       ###############################
         NAVIGATION
         ############################### */

div#nav {float:left; margin:0; z-index:2; width:750px; height:31px; background:url(../images/newlayout/nav_bg.gif) top left repeat-x;}
div#nav ul {float:left; list-style:none;}
div#nav li {float:left;}
div#nav li a {display:block; margin:0; width:93.75px; height:16px; text-align:center; padding:8px 0px 7px; color:#f5f5f5; text-decoration:none; font:14px Arial, Helvetica, sans-serif;}
div#nav li a:hover {background:#1e3c3c; color:#fff;}
		 
		 
/*       ###############################
         SLIDESHOW	
         ############################### */		 

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	z-index: 50;
}
/*--Window/Masking Styles--*/
.window {
	height:230px;	width: 590px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	z-index:50;

}

#content table .image_reel img {
	margin:0px;
	padding:0px;
}

#content table.image_reel img {
	margin:0px;
	padding:0px;
}


.image_reel {
	position: absolute;
	top: 0; left: 0;
	z-index:50;
}
.image_reel img {float: left;margin:0px;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0px; right:8px;
	width: 150px; height:40px;
	z-index: 90; /*--Assures the paging stays on the top layer--*/
	text-align: right;
	line-height: 40px;
	background: none;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	background:#fff;
	color: #51656a;
	/* for IE *//* for IE */
 	 filter:alpha(opacity=90);
	/* CSS3 standard */
  	opacity:0.9;
}
.paging a.active {
	font-weight: bold;
	background: #000;
	color:#fff;
	/* for IE *//* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
}
.paging a:hover {
	background: #000;
	color:#fff;
	/* for IE *//* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
	}


/*       ###############################
         Fly Out Navigation
         ############################### */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

div.sidebarmenu{
padding:5px 0 10px 0;
z-index:100;
}

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 10px Arial;
width: 130px; /* Main Menu Item widths */
text-align:left;
z-index:100;
}
 
.sidebarmenu ul li{
position: relative;
z-index:100;

}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px 8px;
 z-index:100;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #51656a; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: #1e3c3c;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 140px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
z-index:100;

}

.sidebarmenu a.subfolderstyle{
background: url(../images/newlayout/right.gif) no-repeat 97% 50%;
}
 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; z-index:100;
}
* html .sidebarmenu ul li a { height: 1%; }
/* End */
