body 
{
  	height: 100%;
  	margin: 0px;
  	padding: 0px;
  	font-family: Arial;
  	font-size: 12px;
	color: #6B9AC9;
  	background-color: #626262;
  	
  
}

p,td
{
  	font-family: Arial;
  	font-size: 12px;
}

/* hyperlink styles */
a 
{
	color: #5c8dbe;
}

a:visited 
{
	color: #6B9AC9;
}

a:hover 
{
	color: #416486;
}

/* input html tags styles */
INPUT, SELECT, TEXTAREA
{
	FONT-SIZE : 11px;
	FONT-FAMILY : Arial;
	BORDER-WIDTH: 1px;
	color: #676767;
}

.TextboxFocus
{
	
	FONT-SIZE : 11px;
	FONT-FAMILY : Arial;
	BACKGROUND-COLOR: #CFE1EE;
}

/* [[TitleBar]] function styles */
.TitleBarText
{
	FONT-SIZE : 11px;
	COLOR : #FFFFFF;
	FONT-FAMILY : Arial;
}

a:link.TitleBar
{
	FONT-SIZE : 11px;
	COLOR : #5a8ec4;
	FONT-FAMILY : Arial;
}

a:visited.TitleBar
{
	FONT-SIZE : 11px;
	COLOR : #5a8ec4;
	FONT-FAMILY : Arial;
}

a:active.TitleBar
{
	FONT-SIZE : 11px;
	COLOR : #5a8ec4;
	FONT-FAMILY : Arial;
}

a:hover.TitleBar
{
	COLOR : #416486;
	FONT-SIZE : 11px;
	TEXT-DECORATION : Underline;
	FONT-FAMILY : Arial;
}

/* Category hyperlinks when displaying categories */
a:link.CategoryMain
{
	FONT-SIZE : 11px;
	COLOR : #5a8ec4;
	FONT-FAMILY : Arial;
}

a:visited.CategoryMain
{
	FONT-SIZE : 11px;
	COLOR : #5a8ec4;
	FONT-FAMILY : Arial;
}

a:active.CategoryMain
{
	FONT-SIZE : 11px;
	COLOR : #5a8ec4;
	FONT-FAMILY : Arial;
}

a:hover.CategoryMain
{
	COLOR : #416486;
	FONT-SIZE : 11px;
	TEXT-DECORATION : Underline;
	FONT-FAMILY : Arial;
}

a:link.SubCategoryMain
{
	FONT-SIZE : 11px;
	COLOR : #5a8ec4;
	FONT-FAMILY : Arial;
}

a:visited.SubCategoryMain
{
	FONT-SIZE : 11px;
	COLOR : #5a8ec4;
	FONT-FAMILY : Arial;
}

a:active.SubCategoryMain
{
	FONT-SIZE : 11px;
	COLOR : #5a8ec4;
	FONT-FAMILY : Arial;
}

a:hover.SubCategoryMain
{
	COLOR : #416486;
	FONT-SIZE : 11px;
	TEXT-DECORATION : Underline;
	FONT-FAMILY : Arial;
}

/* These styles are used for the tables when listing content */
.Table
{
	border-Width: 0px;
	border-style: solid;
	border-color: #000000;
	line-height: 17px;
	border-collapse: collapse;
}

.TableHeader
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #676767;
}

.TableTop
{
	border-Width: 1px;
	border-color: #DDDDDD;
	line-height: 17px;
	background-color: #626262;
}

.TableTitle
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #626262;
    color: #ffffff;
}

.TableBody1
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ffffff;
    color: #676767;
}

.TableBody2
{
    TEXT-DECORATION: none;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #e4e9ee;
    color: #000000;
}

#idTable a:link
{
	FONT-SIZE : 11px;
	COLOR : #5A8EC4;
	FONT-FAMILY : Arial;
}

#idTable a:visited
{
	FONT-SIZE : 11px;
	COLOR : #5A8EC4;
	FONT-FAMILY : Arial;
}

#idTable a:active
{
	FONT-SIZE : 11px;
	COLOR : #5A8EC4;
	FONT-FAMILY : Arial;
}

#idTable a:hover
{
	COLOR : #626262;
	FONT-SIZE : 11px;
	TEXT-DECORATION : Underline;
	FONT-FAMILY : Arial;
}

.TableBodyHighlight
{
	FONT-SIZE : 11px;
	FONT-FAMILY : Arial;
	BACKGROUND-COLOR: #5A8EC4;
	CURSOR: Pointer;
	COLOR : #676767;
}

/* Login inputs when using [[AccountMenu]] function */
.LoginField{
	FONT-SIZE : 11px;
	FONT-FAMILY : Arial;
	BACKGROUND-COLOR: #FFFFFF;
    COLOR : #5A8EC4;
}

/* Form styles when submitting content */
.divFieldset
{
 
}

form fieldset
{
	border-width:1px;
	border-style:solid;
	border-color:#676767;
	background-color:#626262;
	margin:20px 0px 20px 0px;
	display:block;
	padding: 0px 10px 10px 10px;
	text-align: left;
	position: relative;
    color: #ffffff;
}

form fieldset legend{
	font-weight:bold;
	background-color:#C3BFBF;
	border-width:1px;
	border-style:solid;
	border-color:#888888;
	padding:2px;
	margin:0px 0px 10px 0px;
	top: -12px;
	position: relative;
	color: #ffffff;
}

form fieldset legend img
{
	padding:0px 5px 0px 10px;
}

label
{
	display:block;
	float:left;
	width:150px;
	text-align:right;
	margin:0px 5px 0px 0px;
}

.requiredText
{
	FONT-FAMILY: Arial;
	FONT-SIZE : 11px;
	COLOR: #5A8EC4;
}

label span.requiredIcon
{
	FONT-FAMILY: Arial;
	FONT-SIZE : 11px;
	COLOR: #5A8EC4;
}

.requiredField
{
	FONT-SIZE : 11px;
	FONT-FAMILY : Arial;
	BACKGROUND-COLOR: #FF0000;
	COLOR: #676767;
}

.LegendImage
{
}

.fieldsetButton
{
	
	TEXT-ALIGN: center;
	MARGIN-TOP: 10px;
	position:relative;
}

/* Button styles */
input.buttonSmall
{
	background: #333333
	color:#ffffff;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:85%;
	font-weight:bold;
}

input.buttonMedium
{
	background: #333333
	color:#ffffff;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:90%;
	font-weight:bold;
}

input.buttonLarge
{
	background: #333333
	color:#ffffff;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:95%;
	font-weight:bold;
}

/* Style used when showing a title when displaying articles, news story, ect. */
.ListingTitle
{
	FONT-FAMILY : Arial;
	font-size: 16px;
}

/* The table in the discounts module */
.DiscountTable
{
	BORDER-RIGHT: #000000 2px dashed;
	BORDER-TOP: #000000 2px dashed;
	BORDER-LEFT: #000000 2px dashed;
	BORDER-BOTTOM: #000000 2px dashed;
}

/* The mark-off price or percentage price within the discount table */
.DiscountPrice
{
	FONT-FAMILY : Arial;
	font-size: 16px;
	COLOR: #FF0000;
}

/* The label when showing the discount description within the discount table */
.DiscountLabel
{
	FONT-FAMILY : Arial;
	font-size: 11px;
}

/* Events table for the events module */
.EventTable
{
	BACKGROUND-COLOR: #000000;
}

/* The month shown in the events module */
.EventTitle
{
	BACKGROUND-COLOR: #000000;
}

/* Style for the days shown in the event calendar */
.EventDays
{
	BACKGROUND-COLOR: #333333;
}

/* Style when an event is on a day on the calendar */
.EventOnDays
{
	BACKGROUND-COLOR: #444444;
}

/* Style used in the calendar when no day numbers are on a month */
.EventBlank
{
	BACKGROUND-COLOR: #222222;
}

/* Calendar highlight when a mouse is over a day */
.EventHighlight
{
	BACKGROUND-COLOR: #555555;
	Cursor: Pointer;
}

/* Style for today in the calendar */
.EventToday
{
	BACKGROUND-COLOR: #000000;
}

/* AJAX styles */
.trans50
{
	opacity: .35;
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
}

.trans100
{
	opacity: .100;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
}

.AlertBG
{
	background-color: #C2BFA5;
}

.AlertTitle
{
	background-color: #94311B;
	color: #FFFFFF;
}

/* Highlight style when someone purchases a highlighted listing */
.PHighlight
{
	background-color: #94311B;
	color: #FFFFFF;
}

/* Styles used for comments in some of the modules */
#idCommentShow
{
	width:270px;
	overflow:auto;
}

#idCommentShow hr{
	width:100%;
	height:1px;
}

#idCommentShow span
{
	font-weight: bold;
}

/* The default background color for the graph showing the poll results */
.PollGraphBG
{
	height: 1em;
	width: 140px;
	margin: 1px 0;
	background-color: #EEEEEE;
}

/* The background showing the results for the polls */
.PollGraphResults
{
	height: 1em;
	float: left;
	background-color: #FF0000;
}

/* Used for the [[Polls]] function */
#randompoll
{
	width: 160px;
	text-align: left;
	display: in-line;
}

/* Titles inside of the fieldsets */
.TitleText
{



}

/* Account Information AJAX screen */
#ajaxPersonal
{
	width: 730px;
}

/* Shopping Mall Classes */
a:link.SMProductTitle
{
	FONT-SIZE : 16px;
	COLOR : #acc8f6;
	TEXT-DECORATION : none;
	FONT-FAMILY : Arial;
}

a:visited.SMProductTitle
{
	FONT-SIZE : 16px;
	COLOR : #acc8f6;
	TEXT-DECORATION : none;
	FONT-FAMILY : Arial;
}

a:active.SMProductTitle
{
	FONT-SIZE : 16px;
	COLOR : #acc8f6;
	TEXT-DECORATION : none;
	FONT-FAMILY : Arial;
}

a:hover.SMProductTitle
{
	COLOR : #ffffff;
	FONT-SIZE : 16px;
	TEXT-DECORATION : none;
	FONT-FAMILY : Arial;
}

.SMNoStock
{

}

.SMUnitPrice
{

}

.SMSalePrice
{

}

.SMNoStock
{

}

.SMQuantity
{

}

.DetailCaption
{
	font-size: 12px;
	font-weight: bold;
}

/* Shopping Cart View Cart */
.TableSteps
{
	width:450px;
	border: 1px;
	background-color: #cccccc;
	color:#ff0000;
	margin-bottom:10px;
}

.CartSteps
{
	color:#ffffff;
	border-color: #ffffff;
	background-color:#333333;
	width:150px;
	text-align:center;
}

.CartStepsOn
{
	color:#ffff00;
	border-color: #ffffff;
	background-color:#444444;
	width:150px;
	text-align:center;
}

/* Header classes */
h1 
{   
  	clear: both;
  	margin: 10px 15px 0 15px;    
  	font: 700 2.1em "trebuchet ms", serif;
  	text-transform: uppercase;
  	color: #5a8ec4;
}

h2 
{
	font: 700 1.5em "trebuchet ms", serif;
	color: #f60;
}

h3 
{
	font-size: 1.3em "trebuchet ms", serif;
	color: #5a8ec4;
	font-weight:normal;
}

h4 
{
	font: 700 1.2em "trebuchet ms", serif;
	color: #676767;
}

h5 
{
	font: 700 1.1em "trebuchet ms", serif;
	color: #676767;
}

h6 
{
	font: 700 1em "trebuchet ms", serif;
	color: #676767;
}

/* Ordered lists */
ol, ul 
{
	margin: 10px 30px;
	padding: 0 30px;
}

ol 
{
	color: #EEE;
}

ol span 
{
	color: #EEE;
}

ul 
{
	list-style-image: url(/skins/city/images/light_bullet.gif);
}

/* [[ViewCart]] Function */
.ViewCartDiv
{
	width:140px;
	text-align:left;
}

.ViewCartTitle
{
	width:100%;
	background-color:#b70000;
	color:#ffffff;
	padding:2px;
	text-align:center;
}


/* Category text when displaying a category */
#nav-menu-cat
{
	width:750px;
}

/* Body text of your website between the header and footer */
#sitebody
{
	margin-top:10px;
	float:left;
	width: 750px;
	FONT-FAMILY: Arial;
	FONT-SIZE : 11px;
	COLOR: #626262;
}

}