/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
#sideshoppingcart h3{float:left;width:238px;height:29px;background:url('images/shop.jpg') no-repeat;padding-left:10px;padding-top:3px;margin-top:-0px;}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	background-image: url('images/bg.gif');
	background-repeat: repeat;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th {
	text-align: left;
	font-weight: bold;
}

caption, tr{margin-top:5px;padding-bottom:5px;}
caption, td {
	text-align: left;
	font-weight: normal;
} 
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;}
a{
	text-decoration:none;
	color:#252e1c;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */

body{
	font-size: 13px; 
	text-align:center;/* for ie5.+*/
}

ul
{
margin-left:10px;
padding-top:7px;
	
	
}

ul li
{
display:inline;	
list-style: none;
}



#leftcol a
{
color:navy;
font-weight:bold;
text-decoration:underline;
}

#leftcol a:hover
{
color:blue;	
}

.rollimg
{
z-index:2;	
}

a.rollimg {
margin-left:5px;
padding-top:7px;
margin-right:5px;
z-index:3;
text-align:center;
display:inline-block;
background-position:top left;
width:74px;
height:32px;
background-image:url(images/redbutton.gif);
background-repeat:no-repeat;
font:12px verdana;
color:white;
font-weight:bold; 
}



a.rollimg:hover 
{
text-decoration:none;
background-position: top right;
}



#hnavwrap
{
position:relative;
width:506px;
left:442px;
border:0px solid white;
}

#headnav
{
background-color:#363636;
padding-top:0px;
padding-left:20px;
z-index:2;
right:0px;
width:484px;
border:0px solid black;
height:39px;
margin-right:0px;
}



#headnavfoot
{
z-index:2;
height:10px;
width:508px;
background-image: url(images/headnavfoot.gif);	
background-repeat: no-repeat;
right:0px;
bottom:0px;
margin-left:-1px;
}



#outer
{
width:945px;
margin:auto;
text-align:left;
border:0px solid black;
}



#header
{
margin-top:40px;
width:945px;
border:1px solid black;
height:178px;
background-image: url(images/headerbody.gif);	
background-repeat: repeat-x;
	
}

#headerfooter
{
width:947px;
border:0px solid black;
height:14px;
background-image: url(images/headerfooter.gif);	
background-repeat: no-repeat;
}

#headerlogo
{
position:relative;

background-repeat: no-repeat;
height:102px;
width:507px;
top:-78px;
margin-left:-1px;

	
}

#headerlogo2
{
position:relative;
background-repeat: no-repeat;
height:44px;
width:233px;
top:-122px;
padding:0px;
margin-left:273px;
	
}

#headspecial
{
background-image: url(images/specialoffer.gif);	
background-repeat: no-repeat;
position:absolute;	
color:white;
width:380px;
border:0px solid white;
height:174px;	
margin-left:535px;
margin-top:-130px;
overflow:hidden;
}

#headspecial h1 a 
{
font:22px verdana;	
margin-left:120px;
text-decoration:none;
color:#FFF;
}

#headspecial ul
{
margin-left:130px;
}

#logindiv
{
color:white;
position:absolute;
border:0px solid white;
height:30px;
margin-top:10px;
margin-left:15px;
}

#logindiv a 
{
color:white;
text-decoration:none;
}

#logindiv a:hover
{
color:gray;	
}

#logindiv li
{
padding-right:8px	
}

#logoclickable
{
color:white;
font:11px verdana;
position:absolute;
background-image: url(images/headlogodynamic.gif);	
background-repeat: no-repeat;	
width:504px;
height:124px;
margin-top:-75px;
margin-left:10px;
}

#logoclickable a{display:block;width:290px;height:100px;margin-left:40px;}


#logoclickable
{ 

	
}




#logoclickable ul
{
margin-top:0px;
margin-left:40px;
}


#main
{
width:926px;
margin:auto;
text-align:left;
height:206px;
border:0px solid black;	
background-color:gray;
background-image: url(images/mnbody.gif);	
background-repeat: repeat-y;
}

#main h2
{
color:#404040;
font:18px Trebuchet MS;
margin-bottom:25px;

}

#main li
{
font-weight:bold;	
font-size:12px;
}

#mnheader
{
background-image: url(images/midnavhead.gif);	
background-repeat: no-repeat;	
width:926px;
height:12px;
}

#mnfooter
{
margin-top:-10px;
background-image: url(images/midnavfooter.gif);	
background-repeat: no-repeat;	
width:926px;
height:11px;
padding-bottom:0px;
margin-left:9px;
}

#shade
{
clear:both;
width:551px;
height:1px;
margin:0 auto;
background:url('images/shade.jpg') no-repeat;
margin-top:20px;
}

#content
{
z-index:2;
width:926px;
margin:auto;
text-align:left;
border:0px solid black;		
color:black;
text-decoration:none;
}

#content2
{
z-index:2;
width:926px;
margin:auto;
text-align:left;
border:0px solid black;		
color:black;
text-decoration:none;
}

#contenthead
{
width:951px;
height:18px;
background-image: url(images/contenthead.gif);	
background-repeat: no-repeat;	
	
}


#contentfooter
{
position:relative;
width:951px;
height:15px;
background-image: url(images/contentfooter.gif);	
background-repeat: no-repeat;		
margin-bottom:5px;
bottom:-5px;
}	

#maincontent
{
width:952px;
margin:auto;
text-align:left;
border:0px solid black;		
min-height:250px;
background-image: url(images/contentbody.gif);	
background-repeat: repeat-y;
margin-top:1px;
}


#maincontent p
{
font:12px tahoma;
color:#515151;
}

#footer1
{
background-color:transparent;
width:949px;
margin:auto;
text-align:center;
border:0px solid black;	
height:30px;
margin-top:5px;
margin-bottom:0px;

}




#footer1 a
{
color:black;
font-weight:bold;
}

#footer1 a:hover
{
color:gray;
}

#footer1 li
{
display:inline;	
margin-right:10px;
}


#mcwrap
{
width:890px;
left:27px;
padding-bottom:10px;
position:relative;
border:0px solid black;

	
}

#lft
{
position:relative;
width:628px;	
float:left;
border:solid 1px red;
border:1px solid #aecbe9;
background-color:#eaf9f4;
}


#leftcol
{
position:relative;
width:608px;	
min-height:266px;
float:left;

}

#art
{
 clear:both;
 float:left;
 width:608px;
 height:35px;
 padding-left:20px;
 background:url(images/artbg.jpg) no-repeat;
 padding-bottom:15px;
 font:bold 18px 'Verdana';
 color:#000000;
 line-height:32px;
}

#rightcol
{
position:relative;
width:248px;	
padding-bottom:15px;
border:1px solid #d2d2d2;
min-height:266px;
background:#ebebeb url('images/rightbg.jpg') no-repeat ;
float:right;
right:20px;

}


#rightcol h1
{
margin-top:15px;
font:20px tahoma;	
color:#feb98c;
font-weight:550;
}

#rightcol a{float:left;width:85px;height:26px;text-align:center;font:10px verdana;color:#000000;background:url('images/click.png') no-repeat;line-height:25px;margin-left:13px;margin-top:10px;
	text-decoration:none;
	color:#252e1c;}

#rightcol p
{
margin-left:8px;
}


#box1
{
overflow:hidden;
padding-top:5px;
padding-left:5px;
background-image: url(images/mngreengrad.gif);	
background-repeat: repeat-x;
position:absolute;
width:212px;
margin-left:12px;
margin-top:1px;
height:178px;
border:0px solid black;
display:block;
}


#box2
{
overflow:hidden;
padding-top:5px;
padding-left:5px;
background-image: url(images/mnyellowgrad.gif);	
background-repeat: repeat-x;
position:absolute;
width:212px;
margin-left:240px;
margin-top:2px;
height:177px;
border:0px solid black;
}


#box3
{
overflow:hidden;
padding-top:5px;
padding-left:5px;
background-image: url(images/mnorangegrad.gif);	
background-repeat: repeat-x;
position:absolute;
width:210px;
margin-left:470px;
margin-top:2px;
height:176px;
border:0px solid black;
}

#box4
{
overflow:hidden;
padding-top:5px;
padding-left:5px;
position:absolute;
width:208px;
margin-left:699px;
margin-top:1px;
height:180px;
border:0px solid black;
}


#livechat
{
z-index:3;
position:absolute;
margin-left:325px;
margin-top:5px;
width:106px;
height:39px;
border:0px solid black;
}

.boxicon
{
z-index:2;
width:55px;
height:42px;
border:0px solid black;
position:relative;
float:left;
margin-right:5px;
margin-bottom:3px;
overflow:visible;
}

.fullstory
{
width:71px;
height:19px;
position:relative;
float:right;
margin-right:5px;
padding-bottom:5px;

}

.thedate
{
background-color:#f7c818;
height:25px;
font:12px tahoma;
font-weight:bold;
padding-left:5px;
padding-right:5px;
padding-top:3px;
margin-left:6px;

}

#leftcol p{line-height:20px;margin:20px;}




#leftcol a {color:#dd5811;
text-decoration:none;}
#leftcol a:hover {color:#dd5811;
text-decoration:none;}
#leftcol .htitle a
{
color:#dd5811;
text-decoration:none;
font:18px 'Trebuchet MS';
}

#leftcol .htitle a:hover
{
color:#dd5811;
text-decoration:underline;
}

.detailbutton
{
position:absolute;
bottom:0px;	
right:0px;
}

#box4 .detailbutton
{
margin-bottom:4px;
}

#twitter
{
position:absolute;
width:180px;
height:45px;
right:50px;
margin-top:0px;
}



.udate{float:left;width:63px;height:26px;background:url('images/update.jpg') no-repeat;text-align:center;font:12px verdana;line-height:26px;}