/* EisShop Portal CSS Document */
* { margin:0; padding:0;}

body { font-size: 0.85em; font-family: Helvetica, sans-serif; color: #000; text-align:center; background:#fff; }

table, input,textarea, button { font-family: Arial, Helvetica, sans-serif; font-size: x-small;}

select { font-family: Arial, Helvetica, sans-serif; font-size: x-small;  height:16px; font: normal 11px Arial, Helvetica, sans-serif; color:#000; padding:0 0 0 3px; background-color:#f2f2f2; border:1px solid; border-bottom-color:#333; border-right-color:#333; border-top-color:#ccc; border-left-color:#ccc;}

div, span, p, ul, li, td, th { font-family: Arial, Helvetica, sans-serif;}

pre { font-family: monospace; font-size: x-small;}

a:link, a:active, a:visited, a:hover { color: #333; text-decoration: underline;}

a:hover { color: #f4901e; text-decoration: underline;}

div { border:0px solid #ccc;}

img { border:0;}

fieldset { border:0;}

form { padding:0px; margin:0px;
}

a.button { font: bold 11px Arial, Helvetica, sans-serif; color:#fff; background:#f93; border:1px solid; border-bottom-color:#333; border-right-color:#333; border-top-color:#c63; border-left-color:#c63; text-decoration:none; padding:2px 5px 2px 5px;}
a.button:hover { background:#f63; color:#fff; text-decoration: none;}

/* IDs ************/

#container { position:relative; width:100%; padding:85px 0 0 0;}

#logo { position:absolute; top:33px; left:10px; width:160px; height:45px; z-index:100; text-align:left; font-size:220%;}

#header { position:absolute; top:0; left:0; width:100%; height:85px; background:#fff; border-bottom:1px solid #000;}

#content { padding:0 201px 0 176px; _padding:0 202px 0 176px; text-align:left; border-top:6px solid #f93; min-width:360px; height:500px; height:auto}

 {width:100%; border-bottom:1px solid black; font-size:110%; background-color:#000000; color:#FFFFFF; }

#content h1 { position:relative; border-top:1px solid #FFF; font: bold 12px Arial, Helvetica, sans-serif; color:#fff; background: #000 url(../images/bullet-h1.gif) 5px 5px no-repeat; padding:2px 0 2px 25px; }

#contentshop { padding:0 201px 0 176px; _padding:0 202px 0 176px; text-align:left; border-top:6px solid #f93; min-width:360px; height:500px; height:auto}

 {width:100%; border-bottom:1px solid black; font-size:110%; background-color:#000000; color:#FFFFFF; }

#contentshop h1 { position:relative; border-top:1px solid #FFF; font: bold 12px Arial, Helvetica, sans-serif; color:#fff; background: #000 url(../images/bullet-h1.gif) 5px 5px no-repeat; padding:2px 0 2px 25px; }
  
/* Tools ************/

#contenthome { padding:0 210px 0 210px; _padding:0 210px 0 185px; text-align:left; border-top:6px solid #f93; min-width:360px; height:500px; }
#contenthome h1 {width:100%; float:left; background-color:#000000; color:#FFFFFF; font-size:140%; padding: 5px 0px 0px 0px; margin-bottom:0px;}

#content p {padding:18px 0px 10px 0px; line-height:17px;}
#contenthome p {padding:11px 0px 10px 0px;}


#tools { position: absolute; background:#fff; padding:5px 0 0 0; text-align: right; font-family: Arial, sans-serif; font-size:11px; height:15px; top:0; right:0;}
#tools ul, #tools li { list-style: none; background: none;}
#tools ul { position:relative; text-align:right; width:290px;}
#tools li { float:left; background:#fff;}
#tools li a:link, #tools li a:visited, #tools li a:hover, #tools li a:active { position:relative; color:#000; text-decoration: none; padding:0 5px 0 5px; background:#fff; border-left: 1px solid #333; height:14px;}
#tools li a:hover { text-decoration:underline;}
#tools li a.first { border:0;}
#tools li a.first:hover { border:0;}

.button { font: bold 11px Arial, Helvetica, sans-serif; color:#fff; background:#f93; width:auto; height:18px; cursor:pointer; border:1px solid; border-bottom-color:#333; border-right-color:#333; border-top-color:#ccc; border-left-color:#ccc;}
.button:hover { background:#f63;}
input { width:200px; height:16px; font: normal 11px Arial, Helvetica, sans-serif; color:#000; padding:0 0 0 3px; background-color:#f2f2f2; border:1px solid; border-bottom-color:#333; border-right-color:#333; border-top-color:#ccc; border-left-color:#ccc;}
.rbnstyle { width:20px; height:16px; font: normal 11px Arial, Helvetica, sans-serif; color:#000; padding:5px px 0px 0px; background-color:#FFFFFF; border:0px solid;}
.frmtable {padding: 6px 3px 6px 0px; margin-top:5px;}
.frmtable td{padding: 2px 3px 2px 0px;}


/* Search ************/

#search { position: absolute; top:55px; right:0px; z-index:150;}
#search div { position:relative; font: bold 11px Arial, Helvetica, sans-serif; color:#666; text-align:left; width:200px;}
#search input { position:absolute; top:0px; left:0; width:122px; height:16px; font: normal 11px Arial, Helvetica, sans-serif; color:#000; padding:0 0 0 3px; background-color:#f2f2f2; border:1px solid; border-bottom-color:#333; border-right-color:#333; border-top-color:#ccc; border-left-color:#ccc;}
#search .button { position:absolute; top:0px; margin-left:132px; font: bold 11px Arial, Helvetica, sans-serif; color:#fff; background:#f93; width:auto; height:18px; cursor:pointer; border:1px solid; border-bottom-color:#333; border-right-color:#333; border-top-color:#ccc; border-left-color:#ccc;}
#search .button:hover { background:#f63;}

/* Left Navigation ************/

#leftnav { position: absolute; width:175px; left:0; margin:1px 0 0 0; padding:0 0 10px 0; z-index:300; border-bottom:1px solid #000;}
#leftnav h1, #rightcol h1 { margin-top:-1px;position:relative; font: bold 12px Arial, Helvetica, sans-serif; color:#fff; background: #000 url(../images/bullet-h1.gif) 5px 5px no-repeat; padding:2px 0 2px 25px;}
#leftnav ul { margin:10px 0 0 0;}
#leftnav ul, #leftnav li { list-style: none; background: none;}
#leftnav li { float: left; clear:both; position: relative; width:175px;   display:block;}
#leftnav li a:link, #leftnav li a:visited, #leftnav li a:hover, #leftnav li a:active { font-family: Arial, sans-serif; font-size:12px; color:#000; line-height:12px; text-decoration: none; height: auto; padding:3px 5px 4px 30px; background: #fff url(../images/bullet-leftnav.gif) 15px 5px no-repeat; display:block; width:165px; _width:175px}
#leftnav li a:hover { background:#fdebd6 url(../images/bullet-leftnav.gif) 15px 5px no-repeat;}
#leftnav li a.selected { background-color:#fdebd6 !important;}

/* Right Column ************/

#rightcol {  position: absolute; right:0; width:200px; margin:1px 0 0 0; line-height:1.2em; height:200px; border: solid #000; border-width: 0; display:block; border-bottom:0px solid #000;}
#rightcol p {; margin:0px; padding:4px 4px 7px 7px; line-height:18px;}
#rightcol div { position:relative; float:left; width:200px; padding:2px 0 1px 0; background-color:#fff;}
#rightcol .specials { margin:0; border-bottom:1px solid #7f7f7f;}
#rightcol .specials img { border:0; float:left; margin:0 5px 0 0;}
#rightcol .specials h2 { position:absolute; top:3px; left:75px; font: bold 11px Arial, Helvetica, sans-serif;}
#rightcol .specials p { position:absolute; top:15px; left:75px; font: 11px Arial, Helvetica, sans-serif; width:120px;}
#rightcol .specials .button { position:absolute; bottom:1px; right:0; margin:5px 10px 2px 0;}
#rightcol #news { margin:10px 0 0 0;}
#rightcol #news div { border-bottom:1px solid #7f7f7f;}
#rightcol #news h2 { float:left; margin-top:3px; font: bold 11px Arial, Helvetica, sans-serif;}
#rightcol #news p { margin-top:20px; font: 11px Arial, Helvetica, sans-serif; }
#rightcol #news .button { float:right; margin:4px 10px 7px 0;}

#main-advert { padding:0 0 15px 0; text-align:center; border-bottom:1px solid #7f7f7f;}
#main-advert img { margin:0 auto;}
#main-advert p { text-align:left; width:auto;}
#main-advert .button { float:right; margin:4px 10px 7px 0;}

#features { position:relative; margin:0 auto; text-align:center; padding:20px 0 0 0px; width:400px;}
#features div { float:left; text-align:left; height:165px; width:118px; margin: 0 10px 10px 0;}
#features a img { border:1px solid #ccc; margin:0 0 5px 0;}
#features a:hover img { border:1px solid #999;}
#features p a { position:absolute; width:118px; padding:0 0 0 8px; background:url(../images/bullet-features.gif) -2px 3px no-repeat; font: bold 11px Arial, Helvetica, sans-serif; color:#f93; text-decoration:none;}
#features p a:hover { text-decoration:underline;}

/* Footer ************/

#footer { width:100%; background:#fff; margin:30px 0 0 0; padding:5px 0 0 0; text-align: center; border-top:5px solid #000; font-family: Arial, sans-serif; font-size:10px; height:15px; }
#footer ul, #footer li { list-style: none; background: none;}
#footer ul { margin:0 auto; text-align:left; width:320px;}
#footer li { float:left; padding:0 0 0 10px; background:#fff;}
#footer li a:link, #footer li a:visited, #footer li a:hover, #footer li a:active { position:relative; color:#000; text-decoration: none; padding:0 10px 2px 10px; background:#fff; border-right:1px solid #fff;}
#footer li a:hover { text-decoration:underline;}
#footer li a { border-left: 1px solid #333; height:16px;}

/* Fixes ************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.datatable{
	margin-left:8px;
	margin-right:8px;
}

#tnpagepics{
	float:left;
	padding:5px;
}


/* Order tables  Anything with a table header */
.order {
	border: 1px solid #ccc;
}
.order th {
	background-color: #000000;
	color: #fff;
	padding: 2px;
	text-align: left;
}
.order td {
	border-bottom: 1px solid #EFEFEF;
	padding: 5px;
}
.order tr.total td {
	background-color: #EFEFEF;
	font-weight: bold;
}
table, td {
	font-size:100%;
	width:auto;
}
#copy {
	padding: 0px 10px 0px 15px; 
}

strong.error {
	background-color:#f2f2f2;
	background-image:url(../images/error.gif);
	background-repeat:no-repeat;
	padding: 15px 15px 15px 45px;
	border: 1px solid #CCC;
	color:#e41313
}
#content p.info {
	background-color:#f2f2f2;
	border: 1px solid #CCC;
	padding: 10px;
	margin:0px;
}
#info {
	background-color:#f2f2f2;
	border: 1px solid #CCC;
	padding:10px;
}
#info p{
padding: 0px; margin:0px; line-height:140%; font-size:90%}

#info h2 {
	color:#f4901e;
	font-size: 100%;
	padding:0px;
	margin:0px;
}
#specialsview{
	border:EFEFEF 1px solid;
	float:left;
	width:200px;
	margin:10px;
	padding:3px;
}
#specialsview h3{
	background-color:EFEFEF;
	font-size:100%;
	padding:2px;
}
#specialsview p{
	text-align:center;
	margin-top:0px;
	padding-top:10px;
	}
#showingoffers {
	width:100%;
	padding: 10px 0px 5px 5px;
}

#contentcopy p{
	padding-left: 10px;
		padding-right: 10px;
}

#contentcopy {
	height:600px;
}
#contentcopy ul{
	margin: 10px 10px 10px 30px;
}
#contentcopy li{
	margin: 5px 10px 5px 5px;
	list-style:square;
}