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

html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
}
body {
	background-image: url(background2.gif);
	background-repeat: repeat-y;
	width:1024px;
	
}
#header {
	width:846px;
	height:196px;
	margin-left:178px;
	background-image: url(background_header.gif);
	background-repeat:repeat-x;
}
#logo {
	float:left;
	margin-left:-175px;
}
#slogan {
	float:right;
		
}
#leftSide {
	/*position:absolute;
	left:0px;
	top:250px;*/
	float:left;
	margin-top:50px;
	width:180px;
	font-size:.8em;
	text-align:center;
	color:white;
}
#leftSide p {
	line-height:75%;
	
}
#mainContent {
	background:url(blackdog_med.jpg) bottom right no-repeat;
	/*position:relative;
	top:25px;
	left:225px;*/
	float:left;
	margin-left:45px;
	margin-top:25px;
	width:797px;
	min-height:450px;
	border-bottom:1px solid white;
	font-size:.9em;
}
#mainContentIndex {
	background:url(blackdog_lg.jpg) bottom right no-repeat;
	float:left;
	margin-left:45px;
	margin-top:25px;
	width:799px;
	min-height:600px;
}
#shoppingCart {
	/*display:block;*/
	float:right;
	margin-right:25px;
	width:150px;
	padding:3px;
	border: 1px solid #00aeef;
	font-size:.75em;
}
#mainContent h1, #mainContentIndex h1{
	font-size:1.2em;
	color:#d2232a;
	}
#mainContent h2, #mainContentIndex h2{
	font-size:1.1em;
	color:#00aeef;
	}
#mainContent h3, #mainContentIndex h3 {
	font-size:.9em;
}
#mainContent > p, #mainContentIndex p {
	width:550px;
}
#mainContent p, #mainContentIndex p {
	color:#444;
	font-size:.9em;

}
#mainContent li {
	color:#444;
	font-size:.9em;

}
.hilite {
	font-weight:bold;
	color:#00aeef;
}
.enbolden {
	font-weight:bold;
}
.attention {
	border:1px solid black;
	background:#FC6;
	color:#C00;
	padding:3px;
	font-weight:bold;
}
.normal {
font-size:inherit;	
}
.MsoNormal {
	
}

table tr td.normal {
	font-size:inherit;
	
}
#mainContent table tbody tr td {
	font-size:inherit;
}

a.buttonize {
	text-decoration:none;
	border:1px solid #00aeef;
	background:#b9e5fb;
	padding:3px;
}
a.buttonize:hover {
	background:#CFF;
}
#mainContent table, #mainContentIndex table {
	width:45%;
	text-align:left;
	border:1px solid white;
}
#mainContent table tr td table {
	width:100%;
	border:1px solid white;
}

#mainContent a, #mainContentIndex a {
	color:#00aeef;
	}
#mainContent a:hover, #mainContentIndex a:hover {
	color:#39F;
}
#bones {
	position:absolute;
	top:200px;
	left:140px;
}
#downloadDog {
	position:absolute;
	top:400px;
}
#footer {
	position:relative;
	width:814px;
	font-size:.8em;
	color:#ef8132;
	left:210px;
	border-top:2px solid #ef8132;
	margin-top:25px;
}
/********** FORMATTING TO MAKE STORESECURE CODE LOOK DECENT*************/
#Show_big_cart table {
	width:814px;
}
/****************MENU FORMATTING (w. thanks to P7exp)***********************/
#menuWrapper {
	position:absolute;
	left:200px;
	top:160px;
	width:825px;
	padding:0px 0px 0px 0px;
}
/*Clears the floated menu items.
Assigned to a BR tag placed just before
menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#menuBar, #menuBar ul {
	padding:0px 0px 0px 0px;
	margin: 0;
	font-size:.9em;
}



#menuBar a {
	display: block;
	width:auto;
	text-decoration: none;
	text-align:center;
	padding: 0px 7px 0px 28px;
	color: white;
}

#menuBar a.trigger {
	padding: 0px 7px 0px 28px;
}
#menuBar li {
	float: left;
	width: 10em; /*for benefit of IE5 mac*/
	margin-left:0; /*sets width to auto for all other browsers*/
	list-style:none;
	background:url(bullet_footprint.gif) 5px no-repeat;
	}
#menuBar li.firstItem {
	background:none;
}
#menuBar li ul, #menuBar ul li  {
	width: 150px; /*adjust as necessary to fit submenu items on single line*/
	background:none;
}
#menuBar ul li a  {
	color: white;
	padding: 2px 9px 2px 10px;
	border: 1px solid white;
}
#menuBar li ul {
	position: absolute;
	display: none;
	background-color:#ef8132; /*orange*/
}
/*Affects root-level menu items on mouseover. The second selector (#menuBar a:focus) affects r-l items on tab key access. The third
selector (#menuBar a:active) sets an active state to support keyboard access in MSIE. The fourth 
selector (#menuBar li.hvr a) is assigned to IE5 and IE6 Windows via the Menu script.*/
#menuBar li:hover a, #menuBar a:focus, #menuBar a:active, #menuBar li.hvr a {
	color: #500; /**/
	background-color: #ef8132; /*orange*/
	background:url(bullet_footprint.gif) 5px no-repeat;
}
/*Set the Sub-Menu UL to be visible when its associated
Root-Level link is moused over. The second selector is 
assigned to IE5 and IE6 via the Menu script.*/
#menuBar li:hover ul, #menuBar li.hvr ul {
	display: block;
}
/*Sets the Text color of the Sub-Level links when the Root-Level
menu items are moused over. The second selector is 
assigned to IE5 and IE6 via the Menu script.
The color set should match the normal Sub-Level link color
in the rule: #menuBar ul li a. The background color must be
transparent to allow the underlying gradient background on the UL
to show through.*/
#menuBar li:hover ul a, #menuBar li.hvr ul a {
	color: white;
	background-color: transparent;
	background:none;
	 
}
/*The normal hover class for Sub-Level links. The Important directive
is required for older browsers. */
#menuBar ul a:hover {
	background-color: #ef8132!important;/*orange*/
	color: black!important;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#menuBar li {width: auto;}

/*END OF MENU FORMATTING*/