*{ margin: 0;padding: 0; margin-top:0; }

/* Removes table style */
table {border-collapse: collapse; border-spacing:0; border:0;}

/* Removes border from fieldset and img */
fieldset, img {border: 0;}

/* Left-aligns text in caption and th */
caption, th {text-align: left;}

/* Removes quotation marks from q */
q:before, q:after {content:'';}

/* This sets the font weight to start with.*/
h1,h2,h3,h4,p,li{font-weight:normal;}

#ajaxSearch_output {visibility:hidden;}

/* Set all font sizes here. */
h1{font-size: 26px; padding-top:5px; padding-bottom:8px; line-height: 18pt;}
h2{font-size: 22px; padding-top: 5px;}
h3{font-size: 20px; padding-top: 5px;}
h4{font-size: 16px;}
h5{font-size: 15px;}
p{font-size: 12px;}

blockquote {padding-left: 30px; font-style:italic; color: #014D1F;}

body a:link { text-decoration:none; color:#014D1F; font-weight:bold;}
body a:visited { text-decoration:none; color:#014D1F; font-weight:bold;}
body a:hover {
	text-decoration:none;
	color: #81110D;
	font-weight:bold;
	text-align: center;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background:#eeeeee;
	color:#000000;
}
	
#wrapper { /* also holds the left "sliding" tab */
	text-align: left;
	background: #eeeeee url(../images/content.png) repeat-y;
	display:block;	
	width: 1010px; /* this can fixed or fluid */
	margin: 0 auto; 
	position:static; 
	z-index: 40;
	/*border: 1px solid #4a1c21;*/
}

#subnav, #footer, #teasers {
	clear: both; 
	width: 100%;
}

#subnav {
	float: left;
	display: block;
	height: 48px;
}

table.tableStyleMenu {
	width: 1010px;
	background: transparent url(../images/menuBackground.png) repeat-y scroll center;
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}

#menuSideNav {
	position: relative;
	height:240px;
	background:  url(../images/sideMenuBackground.png) 0 0 no-repeat ;
}

#slide_show { 
	position: relative;
	margin-left: 27px;
	height: 220px;
	width: 609px;
}

#breadcrumbs {
	margin: 0 0 -3px 25px;
	font-size:10px;
	padding: 0 8px 8px 8px;
	height: 18px;
}
 
#longtitle {
	padding: 0 0 0 5px;
	font-size:20px;
}

/* ===== Site Info ===== */
div#site-info{ 	
    background: #ffffff url(../images/footer.png);
    display:block; 
	text-align:center; 
	font-size: 10px; 
	height: 52px;
	/*border: 1px solid #4a1c21;*/ 
}

#footer, #teasers { text-align:center; color:#000000;}
#footer div {padding: 1px 0;}

table.teaserStyle td { background: #ffffff url(../images/teaserBackground.png) no-repeat;}

table.teaserStyle img { 
	border: none; 
	float: left; 
	margin:10px;
	vertical-align:middle; 
}

#teasers { 
	margin: 0 0 10px 19px; 
	padding: 10px; 
}

#title_teaser, #title_teaser_three {
	margin: 10px 0 0 -50px; 
	font-size:16px; 
	font-weight:bold; 
	color:#81110D;
}

#title_teaser_three {margin: 10px 0 0 0px;}

table.tableStyleContent td { background-image: none; background-color: #b2bc9e; }

#teaserContent { 
	margin-top:10px;
	float: left; 
}

#centerpad_two_col { 
	margin: 0 0 0 220px; 
	padding: 0 15px 15px 15px;
} 

#centerpad_one_col  { padding: 0 10px 10px 10px; } 

#main_content { 
	padding:0 10px 0 15px; 
	margin-top:10px; 
	/*border: 1px solid #4a1c21;*/
}

#center {
  color: #000000;
  float:left;
  width: 100%; 
  margin-right: -95%; 
  background: #ffffff url(../images/content.png) repeat-y;
  display:block;	
  /*border: 1px solid #4a1c21; */
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#left {
	float:left;
	width: 220px; 
	margin-left: -5%; /* the difference to make the left colum appear flush left */
    padding: 0 0 0 18px;
	/*border: 1px solid #4a1c21;*/
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p {padding: 0 20px; }

#logo {
	text-align:center;
	height: 130px;
}

/************** Liquid rounded-corner boxes **************/
.liquid-round { 
	width: 97%;
	margin: 0px auto; 
	background: #fff url(../images/leftside.gif) repeat-y left top;
} 

.top { 
	width: 100%; 
	height: 20px; 
	background: url(../images/top.gif) no-repeat left top; 
} 
.topSpan { 
	display: block; 
	position: relative; 
	height: 20px; 
	background: url(../images/top-right.gif) no-repeat right top; 
} 

.center-content { 
	position: relative; 
	background: url(../images/rightside.gif) repeat-y right top; 
	padding: 1px 20px 1px 20px; 
	margin: -1px 0 -50px 0; 
} 

.bottom { 
	height:60px; 
	background:url(../images/bottom.gif) no-repeat left bottom; 
} 
.bottomSpan { 
	display:block; 
	position:relative; 
	height:60px; 
	background:url(../images/bottom-right.gif) no-repeat right top; 
}

/********* simple rounded corners **********/
.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 98.2%}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}

/*********** Search style **************/

#ajaxSearch_form {
	color: #444; 
	width: 230px;
	height: 22px;
	position: absolute;
	top: 142px;
}

#ajaxSearch_input {
	display: inline; 
	height: 17px; 
	width: auto; 
	border: 1px solid #DDDDDD; 
	border-left-color: #c3c3c3; 
	border-top-color: #7C7C7C;
	background: #FFFFFF url(../images/input-bg.gif) repeat-x top left;
	margin: 0 3px 0 0;
	padding: 3px 0 0 3px; 
	vertical-align: top; 
}
		        
#ajaxSearch_submit {
	display: inline; 
	line-height:22px;
	height:22px;
	text-transform:lowercase;
}

#ajaxSearch_output {
	font-size: 11px;
	background-color: #dbebb9;
	border: 1px solid #697d40;
	width: 210px;
	top: 168px;
	padding: 5px;
	margin: 5px 0 15px 0;
	position: absolute;
	z-index: 30;
}

#ajaxSearch_intro {
	margin: 10px 0 15px 0;
}

.ajaxSearch_paging { 
    border-top: 1px solid #ccc;
    padding: 2px; 
    font-size: 86%;
    color: #002269;
    display: block;
}

.AS_ajax_result {
	color: #444; 
	margin-bottom: 3px;
}

.AS_ajax_resultLink {
	text-decoration: underline;
}
.AS_ajax_resultDescription, .ajaxSearch_resultDescription{
	color: #555;
	padding: 2px;
}
.AS_ajax_resultsIntroFailure{
	padding: 3px;
}	

.AS_ajax_highlight1, .ajaxSearch_highlight1{
	color : #CC0000;
	padding: 0;
	font-weight: bold;
}
.AS_ajax_highlight2, .ajaxSearch_highlight2{
	color : #CB53DF;
	padding: 0;
	font-weight: bold;
}
.AS_ajax_highlight3, .ajaxSearch_highlight3{
	color : #DF53B5;
	padding: 0;
	font-weight: bold;
}
.AS_ajax_highlight4, .ajaxSearch_highlight4{
	color : #DF5380;
	padding: 0;
	font-weight: bold;
}
.AS_ajax_highlight5, .ajaxSearch_highlight5{
	color : #A453DF;
	padding: 0;
	font-weight: bold;
}
.AS_ajax_highlight6, .ajaxSearch_highlight6{
	color : #53ADDF;
	padding: 0;
	font-weight: bold;
}

.AS_ajax_more {color: #555;}

.AS_intro { display: none;}


#search fieldset, #sidebarlogin fieldset{border: none; margin: 0px;padding: 0px;}
#search form, #sidebarlogin form {border: none; margin: 0px; padding: 0px;}
#search label, #sidebarlogin label {color: #444444;}

/* Font seach string */
#search input, #sidebarlogin input {font-family:"verdana serif"; font-size: 12px; }


#search-directory {
	position:absolute;
	top:26px;
	left:5px;
	width:496px;
	height:32px;
	overflow:hidden;
}

#search select {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}

#search textarea {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
} 

/***********************************
 *  Online CART
 **********************************/
 
#globalCart {
	margin-top: -20px;
	width: 160px;
	padding-left: 785px;
	text-align: right;
	font-size:10px;
	text-decoration:none; 
	font-family: verdana, sans-serif;
}

.productInfo { padding-top: 5px; }

.productPrice { margin: 5px 0 }

.productAdd { 
	margin-top: 5px;
	padding: 7px 0;
	text-decoration:none;
	font-size:12px; 
	font-family: verdana, sans-serif;
} 

.hoverEffect img, .hoverEffect a, .hoverEffect input {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.80; 
	opacity: 0.80;
}
.hoverEffect img:hover, .hoverEffect a:hover , .hoverEffect input:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/************* Ditto 2 Stuff *************/
.ditto_summaryPost h3 {
   
    margin: 0px !important;
    padding: 8px !important;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
}

/*.ditto_summaryPost a:hover {
	color:#b0dff8;  
	background-color: #F4F4F4; 
}*/

.ditto_summaryPost .ditto_info {
    /*background-color: #F8F8F8;*/
    padding-top: 10px !important;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: black;
    font-style: italic; 
}

.ditto_summaryPost table { width:220px; }

.ditto_summary2 {
    /*background-color: #F8F8F8;*/
    padding: 5px !important;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    color: black;
}
.ditto_link {
    text-align: right;
	padding-bottom: 5px;
}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
}

#ditto_pages {
	text-align: center;
	font-size:10px;
	margin-bottom:2px;
	margin-top: 5px;
}

#ditto_pages .ditto_currentpage {
   /* border: 1px solid #014D1F; */
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #014D1F; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #014D1F;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #014D1F; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #014D1F;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
