/*
TABLE OF CONTENTS
00-GENERAL STRUCTURE
functional, but not organized yet 1/9/09
-----------------------------------------------------------------------*/



/* 00 - GENERAL STRUCTURE
/* ----------------------------------------------*/

body 
{
	text-align:center;
	font-family: Arial, sans-serif;
	font-size:14px; margin:0; padding:0; 
	background: #312413 url(../images/page.jpg) repeat-y 50% 0;
} 

#page  
{
	width :757px; 
	display:block;
	height:900px;
	Margin-right:auto; 
	margin-left:auto; 
	text-align:left;
	background:url(../images/page.jpg);
	padding:0px;
}

#left
{
	width:145px;
	float:left;
	display:block;
	padding:8px 0 0 3px;
}

#content
{
	width:590px;
	float:left;
	text-align:center;
	display:block;
	margin:auto;
	padding:3px;
}

#footer{}


/* 00 - BASIC COLORING
/* ----------------------------------------------*/

a:link,a:visited{color:#58a;}
a:hover{color:#312413;}
#content,#header{background:#fff;}
.balance{font-weight:bold;padding-left:8px;font-size:15px;color:green}


/* 00 - TABLES
/* ----------------------------------------------*/

.QuickRow{background-color:#fff;}
.QuickRowAlt{background-color:#F8F8FF;}
.ListRow:hover{background-color:#F5F5DC;text-align:left;}
.ListRow td{text-align:left;border-bottom:1px solid #eee;width:100px;}
.DataRow:hover,.DataRowAlt:hover{background-color:#F5F5DC;}
.DataRow td,.DataRowAlt td,.QuickRow td,.QuickRowAlt td{text-align:left;border-bottom:1px solid #eee;}
.DataRowAlt,a.letternav:hover,h3.toggler:hover{background-color:#eee;}

.headerRow,.headerRow td
{
color:#000;
background-color:#eee;
text-align:left;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
padding:5px;
}

.sortable tr.headerRow{cursor:hand;}

/* 00 - TOP NAVIGATION
/* ----------------------------------------------*/

#nav
{
	font-family: Arial, sans-serif;	
	background: url(../images/nav_background.png);
	width:757px;
	padding:0px;
	margin:0px;
	border-top:1px solid #000;
	border-bottom:1px solid #dbcb84;
	text-align:center;
}

#nav a:link,#nav a:visited
{
	width:100px;
	color:#000;
	text-decoration:none;
	font-size:18px;
	line-height:45px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	margin:0px 0px;
}

#nav a:hover
{
	color:#996600;
	text-decoration:underline

}


h1.cTitle
{
font-size:24px;
letter-spacing:.2em;
color:#300;
border-bottom:#000 1px solid;
text-align:left;
margin:0;
padding:5px;
}






/* 00 - LEFT NAVIGATION (INCLUDES SON OF SUCKERFISH POP UP)
/* ----------------------------------------------*/

#left input{font-size:11px;}
#left hr{color:#D3D367;height:1px;width:135px}
#left b{margin-left:5px;color:#333;}

#left a{height:18px;display:block;}

#left a
{
display:block;
color:#06c;
font-weight:400;
text-decoration:none;
padding-left:5px;
width:135px;
z-index:0;

}


#left a:hover,#productnav li a:hover
{
color:#312413;
background-color:#E3E39F;
z-index:10;
}


#productnav,#productnav ul
{
list-style:none;
float:left;
width:135px;
z-index:5;
margin:0;
padding:0;
}

#productnav li
{
position:relative;
float:left;
line-height:15px;
width:135px;
margin:0;
z-index:10;
}

#productnav li ul
{
position:absolute;
left:-999em;
margin-left:140px;
margin-top:-25px;
z-index:15;
}

#productnav li ul li,#productnav li ul li a
{
width:200px;
z-index:20;
}

#productnav li a
{
display:block;
color:#06c;
font-weight:400;
text-decoration:none;
background-color:#F5F5DC;
padding-left:5px;
z-index:0;
}




#productnav li:hover ul,#productnav li li:hover ul,#productnav li li li:hover ul,#productnav li.sfhover ul,#productnav li li.sfhover ul,#productnav li li li.sfhover ul
{
font-size:13px;
z-index:10;
left:auto;
width:205px;
border-left:1px solid #000;
border-top:1px solid #000;
border-right:2px solid #999;
border-bottom:2px solid #999;
background-color:#F5F5DC;
padding:3px;
}

#productnav li ul ul,#productnav li:hover ul ul,#productnav li:hover ul ul ul,#productnav li.sfhover ul ul,#productnav li.sfhover ul ul ul
{
left:-999em;
z-index:10;
}





/* 00 - PAGING
/* ----------------------------------------------*/

.paging
{
display:block;
text-align:center;
width:auto;
margin:8px;
clear:both
}

.paging a:link,.paging a:visited{padding:5px;}

.paging a.selected{color:#000;text-decoration:none;}


/* 00 - CATALOG
/* ----------------------------------------------*/



#productWrapper
{
height:auto;
z-index:-10;
text-align:center;
width:auto;
}

.product
{
z-index:0;
height:325px;
float:left;
position:relative;
width:185px;
border:1px solid #999;
margin:2px 4px 4px;
padding:0;
line-height:1.2;
}

.product:hover
{
border:1px solid #000;
}

.itemid
{
color:#000;
font-weight:700;
height:18px;
display:block;
color:#fff;
padding:2px;
margin-bottom:0px;
position:relative;
z-index:-10000;
background:#666;
}

.brand
{
font-size:12px;
color:#B22222;
font-weight:700;
font-family:Geneva, Arial, Helvetica, sans-serif;
}


.details
{
z-index:0;
min-height:165px;
position:relative;
top:2%;
margin:1px;
line-height:1.2;
}
.price
{
font:18px Georgia;
color:#090;
font-weight:700;
display:block;
line-height:1.2;
margin:1px;
}
.title
{
text-align:center;
font-size:14px;
display:block;
min-height:65px;
margin-bottom:10px;
}
.title sup{font-size:11px;font-style:italic;color:red}


.itemnav
{
position:absolute;
display:block;
bottom:5px;
left:20%;
width:60%;
text-align:center;
z-index:0;
padding-top:15px;
line-height:1.2;
font-size:12px;
}

.itemnav a{padding:5px;margin:5px;}







/* 00 - ICONS
/* ----------------------------------------------*/
.RankUp{border:0;background:url(../images/blue/up.gif);}
.RankUp:hover{background:url(../images/orange/up.gif);}
.RankDown{border:0;background:url(../images/blue/down.gif);}
.RankDown:hover{background:url(../images/orange/down.gif);}
.Delete{border:0;background:url(../images/grey/trash.gif) no-repeat;width:20px;}
.Delete:hover{background:url(../images/orange/trash.gif) no-repeat;width:20px;}
.Edit{border:0;background:url(../images/blue/edit.gif);}
.Edit:hover{background:url(../images/orange/edit.gif);}
.ViewChildren{border:0;background:url(../images/blue/folder_open.gif);}
.ViewChildren:hover{background:url(../images/orange/folder_open.gif);}
.Calendar{border:0;background:url(../images/blue/cal.gif);}
.Calendar:hover{background:url(../images/orange/cal.gif);}
.Add,.AddChild{border:0;background:url(../images/blue/plus.gif) no-repeat;width:20px;}
.Add:hover,.AddChild:hover{background:url(../images/orange/plus.gif) no-repeat;width:20px;}
.Decrease{border:0;background:url(../images/blue/minus.gif) no-repeat;width:20px;}
.Decrease:hover{background:url(../images/orange/minus.gif) no-repeat;width:20px;}
.Save{border:0;background:url(../images/blue/post.gif);}
.Save:hover{background:url(../images/orange/post.gif);}
.Cancel{border:0;background:url(../images/blue/cancel.gif);}
.Cancel:hover{background:url(../images/orange/cancel.gif);}
.X{border:0;background:url(../images/blue/X.gif);width:20px;}
.X:hover{background:url(../images/orange/X.gif);width:20px;}


/* 00 - GENERAL TYPOGRAPHY
/* ----------------------------------------------*/
legend,caption,h2
{
font-size:16px;
font-weight:400;
border-bottom:1px solid #ccc;
color:#312413;
text-align:left;
display:block;
margin-bottom:3px;
}

.frmitem input{font-size:125%;}
.frmitem{display:block;}

.frmitem label
{
min-width:200px;
width:8em;
float:left;
text-align:right;
margin-right:.5em;
display:block;
}
.wideTxt{width:350px;font-size:125%;}

h3
{
font-size:14px;
font-weight:400;
border-bottom:1px solid #ccc;
color:#312413;
text-align:left;
display:block;
margin-bottom:3px;
}

h2
{
font-size:23px;
margin-bottom:15px;
padding:5px;
}

fieldset
{
text-align:left;
display:block;
width:auto;
margin-bottom:15px;
border:0;
padding:15px;
}

.shippinginfo
{
display:block;
width:250px;
float:left;
}

/* 00 - NEWS
/* ----------------------------------------------*/

.newsitem
{
border-bottom:1px solid #000;
text-align:left;
margin-bottom:25px;
padding:5px;
}

.newsitem h1
{
color:#B22222;
font:18px verdana;
font-weight:700;
border:0;
letter-spacing:1px;
}



.smallButton
{
background:#F2F2F2 url(../images/cms-create-a.jpg);
border:solid 1px #666;
display:block;
text-align:center;
width:100px;
text-decoration:none;
color:#111;
margin:5px;
padding:8px;
}

/* 00 - LINK BUTTONS
/* ----------------------------------------------*/

.inlineButton
{
background:#F2F2F2 url(../images/cms-create-a.jpg);
border:solid 1px #666;
display:inline;
text-align:center;
width:100px;
text-decoration:none;
color:#111;
margin:10px;
padding:8px;
}

.wideButton
{
background:#F2F2F2 url(../images/cms-create-a.jpg);
border:solid 1px #666;
display:block;
text-decoration:none;
color:#111;
padding:6px 15px;
}

.tinyButton
{
background:#F2F2F2 url(../images/cms-create-a.jpg);
border:solid 1px #666;
font-size:10px;
display:block;
text-align:center;
text-decoration:none;
color:#111;
margin:5px;
padding:1px;
}

.results
{
float:left;
border:1px solid #eee;
width:525px;
display:block;
margin:10px;
padding:15px;
}

.results:hover
{
border:1px solid #2B547E;
}


/* 00 - ADMIN CONTROLS OVER USER
/* ----------------------------------------------*/

a.captionLink:link,a.captionLink:visited
{
font-size:10px;
float:right;
background:#2B547E;
display:block;
text-decoration:none;
color:#fff;
margin:-10px 1px 3px 3px;
padding:3px 5px;
}

a.captionLink:hover
{
background:#06C;
color:#fff;
}

a.letternav
{
font-size:13px;
border:1px solid #000;
text-decoration:none;
margin:1px 1px 15px;
padding:3px;
}


/* 00 - DATE PICKER
/* ----------------------------------------------*/
input.DatePicker{
	display:block;
	width:150px;
	border:1px solid #0070bf;
	font-size:13px;
	background:#fff url(../images/date.gif) no-repeat top left;
	cursor:pointer;
	padding:3px 3px 3px 24px;
}

input:focus.DatePicker
{
	background:#fffce9 url(../images/datefocus.gif) no-repeat top left;
}

.dp_container {	position:relative;	z-index:500;	padding:0;}

.dp_cal{
	background-color:#fff;
	border:1px solid #0070bf;
	position:absolute;
	width:177px;
	top:24px;
	left:0;
	margin:0 0 3px;
}

.dp_cal table{width:100%;border-collapse:collapse;border-spacing:0;}
.dp_cal select{font-size:11px;margin:2px 3px;}
.dp_cal select option{padding:1px 3px;}
.dp_cal th,.dp_cal td
	{
	width:14.2857%;
	text-align:center;
	font-size:11px;
	padding:2px 0;
	}	
.dp_cal th
	{
	border:solid #aad4f2;
	color:#797774;
	background:#daf2e6;
	font-weight:700;
	border-width:1px 0;
	}
.dp_cal td{	cursor:pointer;	}
.dp_cal thead th	{	background:#d9eefc;	}
.dp_cal td.dp_roll{color:#000;background:#fff6bf;}
.dp_hide{visibility:hidden;}
.dp_empty{background:#eee;}
.dp_today{background:#daf2e6;}
.dp_selected{color:#fff;background:#328dcf;}




/* 00 - TOOL TIPS
/* ----------------------------------------------*/
.tip           { background-color:#000; width:130px; font-size:11px; font-family:tahoma,arial;}   
.tip-top        { background: #000 url(../images/bubble.png) top left;padding:2px; }   
.tip-title      { color:#fff; font-weight:bold;}   
.tip-text       { color:#fff; padding:5px; }   
.tip-bottom     { background:#000 url(../images/bubble.png) left bottom no-repeat; } 
form { margin:0; padding:0; } 
table{font-size:12px;}