* { margin: 0; padding: 0; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, h1, h2, h3, h4, h5, h6 { font-weight: normal; color:#003333; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none }
strong,b { font-weight: bold; }
em,i { font-style: italic; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; background: none}
img { border: 1px solid f1f1f1, padding:3px; }
hr { display: none; } /* we don't need a visual hr in layout!! damn right mofos */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

html {
	background-color: #003333;
}
body {
	background:#003333 url(../images/html-bg.gif) repeat-x scroll top center;
	color:#444444;
	font-family:Arial,Whitney,"Myriad Pro",MyriadPro,Helvetica,"Helvetica Neue",sans-serif;
	font-size:75%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:170%;
	margin:0px;
	padding:0px; 
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
.clear{
	clear:both;
}
a img {
	border: none !important;
}

/**************
 	Site Container Box
*/
#BgContainer {
	background:transparent url(../images/main-bg.gif) no-repeat scroll center top;
	height: auto !important; /* for modern browsers */
	height: 559px; /* for IE5.x and IE6 */
	min-height: 559px; /* for modern browsers */
}
#Container { 
	margin:0px auto;
	position:relative;
	width:900px;
	_padding-left:9px;
	}
#Layout {
	margin:0 auto;
	position:relative;
	width:900px;
}
#Content, #ProductGroup, #Checkout, #Product, #BlogContent {
	background:transparent url(../images/content-bg.png) repeat-x scroll left top;
	_background:transparent url(../images/content-bg.gif) repeat-x scroll left 70px;
	float: left;
	overflow:hidden;
	_margin:0 2px 0 0;
	padding:25px 25px 15px;
	width:545px;
	_width:543px;
    height: expression( this.scrollHeight < 431 ? "430px" : "auto" ); /* sets min-height for IE */
	min-height:430px;
}


#Content h2 a, Content h2 a:hover {
	color:#333333;
	text-decoration:none;
}
/** Header **/
#Header { 
 	height: 143px;
	}
/*** Main Nav ***/
#navigation-wrapper {
	padding:0;
	margin:0 0 30px 0;
	height: 54px;
	width:595px;
}
#navigation {
	list-style: none;
}
#navigation ul { 
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	}
#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
    height: 54px;
	position: relative;
	display: block;
	background: url(../images/navigation.png) 0 0 no-repeat;
	cursor:pointer !important;
}

/* individual navigation items */
#navigation a.fade31 {
  background-position: 0 0;
  width: 66px;
}

#navigation .highlight a.fade31:hover,
#navigation a.fade31 .hover {
  background-position: 0 -216px;
  width: 66px;
}


#navigation a.fade2 {
  background-position: -66px 0;
  width: 81px;
}

#navigation .highlight a.fade2:hover,
#navigation a.fade2 .hover {
  background-position: -67px -216px;
}

#navigation a.fade29 {
  background-position: -147px 0;
  width: 105px;
}

#navigation .highlight a.fade29:hover,
#navigation a.fade29 .hover {
  background-position: -148px -216px;
}

#navigation a.fade90 {
  background-position: -252px 0;
  width: 95px;
}

#navigation .highlight a.fade90:hover,
#navigation a.fade90 .hover {
  background-position: -253px -216px;
}

#navigation a.fade27 {
  background-position: -347px 0;
  width: 84px;
}

#navigation .highlight a.fade27:hover,
#navigation a.fade27 .hover {
  background-position: -348px -216px;
}

#navigation a.fade30 {
  background-position: -431px 0;
  width: 74px;
}

#navigation .highlight a.fade30:hover,
#navigation a.fade30 .hover {
  background-position: -432px -216px;
}

#navigation a.fade3 {
  background-position: -505px 0;
  width: 90px;
}

#navigation .highlight a.fade3:hover,
#navigation a.fade3 .hover {
  background-position: -506px -216px;
}
 
/** Breadcrumbs **/
#Breadcrumbs { 
 	color: #d8d8d8;
	text-align: left;
	font-weight: bold;
	font-size: 0.8em;
	margin: -23px 5px 10px 0;
	}
	#Breadcrumbs p {
		margin: 0;
		color: #f7f7f7;
	}
	#Breadcrumbs a {
		font-weight: bold;
		color:#003333;
	}

/*** Message Boxs ***/

.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	font-weight: bold;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}

/* Sidebar 
***********************************/
.dbx-group, .dbx-box, .dbx-handle {
	position:relative;
	display:block;
	}
.dbx-box {
	margin:0;
	padding:0;
	border:none;
	}
.dbx-group {
	clear:both;
	}
* html .dbx-group {
	width:170px;
	padding-bot\tom:0;
	}
.dbx-handle {
	font:normal normal bold 1em tahoma,sans-serif;
	position:relative;
	margin:0;
	padding:16px 0 6px 0;
	color:#fff;
	}
* html .dbx-handle { 
	width:150px; 
	}
.dbx-handle-cursor {
	cursor:move;
	}
.dbx-content {
	background:transparent url(../images/sidep-bottom.png) no-repeat scroll 0pt 100%;
	_background:transparent url(../images/sidep-bottom.gif) no-repeat scroll 0pt 100%; /*feed IE6 with a gif image */
	margin:0pt;
	overflow:hidden;
	padding:5px 10px 9px;
	}
.dbx-content li {
	}

.dbx-content a, .dbx-content a:visited {
	color:#000;
	text-decoration:none;
	}

.dbx-content a:hover, .dbx-content a:focus, .dbx-content a:active {
	color:#306;
	text-decoration:underline;
	}

#Sidebar{ 
	color:#666666;
	float:right;
	line-height:160%;
	width:210px;
	margin: -8px 0 0 -7px;
	padding-right: 40px;
}
	#Sidebar a, #Sidebar a:visited {
		color:#000000;
		text-decoration:none;
	}
	#Sidebar a:hover, #Sidebar a:focus, #Sidebar a:active {
		text-decoration:underline;
	}
	#Sidebar a.current {
		font-weight: bold;
	}
	#Sidebar a.section {
		font-weight: bold;
		color: #666;
	}
	#Sidebar ul.sub {
		margin-bottom: 5px;
	}
	#Sidebar ul {
		margin: 0;
	}
	#Sidebar li {
		margin: 0;
		list-style: none;
	}
	#Sidebar h3 { 
		color:#003333;
		font-family:Arial,Whitney,"Myriad Pro",MyriadPro,Helvetica,"Helvetica Neue",sans-serif;
		font-size:12px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:bold;
		text-transform:uppercase;
		line-height:100%;
		background:transparent url(../images/sidep-handle.png) no-repeat scroll top left;
		_background:transparent url(../images/sidep-handle.gif) no-repeat scroll top left; /* only IE6 sees this rule */
		margin:0pt;
		padding:10px 24px 10px 14px;
	}
	#Sidebar a em {
		font-style: normal;
	}
	ul#Menu2 {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin: 0;
	}
    ul#Menu2 li { 
            background:transparent url(../images/bullet-cross.gif) no-repeat scroll 0 0;
			padding-left:18px;
            }
	ul#Menu2 li li, ul#Menu2 li li li{ background: none; padding-left:5px;} 
	.sidebarBox {
	margin-bottom: 10px;
	}


/* Comments
******************************************/

#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
#PageComments li.odd {
	background: #F4F4F4 none repeat scroll 0%;
	padding:5px 10px;
}
	#PageComments li.odd p {
		margin: 0 0 5px 0;
	}
		#PageComments li.odd p.info {
			color: #669900;
			font-weight: bold;
		}
#PageComments li.even {
	background: #fff none repeat scroll 0%;
	padding:5px 10px;
}
	#PageComments li.even p {
		margin: 0 0 5px 0;
	}
		#PageComments li.even p.info {
			color: #669900;
			font-weight: bold;
		}




.actionLinks li a {
	padding-right: 3px;
	font-size: 10px;
}
.actionLinks li {
   display: inline;
   border-right: 1px solid;
}
   .actionLinks li.last {
      border-right: none;
   }

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
#PageComments p.info {
	color: #999;
	margin: 0px;
	padding: 0;
	line-height: 1em;
	font-size: 0.9em;
}

/* Search Results 
*****************************************/
ul#SearchResults {
	margin: 10px 0;
}
ul#SearchResults li {
	list-style: none;
	margin: 5px 0;
	font-size: 1em;
}

/* Unsubscribe Newsletter
*****************************************/
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
}

#Unsubscribe_MailingListForm_MailingListForm p label{
		display: inline;
}

#Unsubscribe_MailingListForm_MailingListForm label{
	margin:0;
}


/* Tooltip
-----------------------------*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	color:#003333;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.prettytooltip {
	
}
#tooltip.prettytooltip h3 {
	font-size: 9pt;
	width: 220px;
	text-align: left;
}
#tooltip.prettytooltip div { width: 220px; text-align: left; }




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

#Footer { 
	background:transparent url(../images/content-bottom-bg.png) no-repeat scroll top left;
	_background:transparent url(../images/content-bottom-bg.gif) no-repeat scroll top left;
	color:#888;
	font-size:87%;
	margin: 0;
	float: left;
	width: 911px;
	_width:905px;
	padding: 30px 0 0 0;
	}
#Footer p { 
	color:#888;
	}
#Footer ul {
	float: left;
	margin: 0 75px 0 0;
	padding:0;
	color: #888;
	}			
#Footer ul:hover, #Footer ul:hover a {
	color: #fff;
	}
#Footer li:hover {
	color: #fff;
	}	
#Footer .title {
	display: block;
	padding: 0 0 6px 0;
	font-weight: bold;
	}	
#Footer li {
	display: block;
	padding: 0;
	line-height: 120%;
	margin:5px 10px;
	font-weight: bold;
	font-size:11px;
	}		
#Footer a {
	color: inherit !important;
	color: #888;
	font-weight: normal;
	font-size:10px;
	text-decoration:none;
	}	
#Footer a:hover {
	text-decoration: underline;
	}	
.rights {
	display: block;
	clear: both;
	padding: 20px 0 0 0;
	}	
	
.webtwoo-wrapper, .cms-wrapper {
	width:160px;
	overflow:hidden;
	margin:0;
	padding:0;
	float:left;
}

.webtwoo, .cms {
	list-style: none;
}
.webtwoo ul, .cms ul { 
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
	
.webtwoo li, .cms li {
  width:72px;
  float: left;
  margin: 0 0 2px 0;
}

.webtwoo a *, .cms a * {
  display: none;
}


.webtwoo a, .cms a {
    height: 15px;
    width: 72px;
	position: relative;
    display:block;
	cursor:pointer !important;
}
.webtwoo a {
    background: transparent url(../images/webtwoo-labels.png) no-repeat;
	_background: transparent url(../images/webtwoo-labels-green.gif) no-repeat;
}

.cms a {
    background: transparent url(../images/cms-labels.png) no-repeat;
	_background: transparent url(../images/cms-labels.gif) no-repeat;
}

/* individual navigation items */
.webtwoo .webtwoo-twitter a {
  background-position: 0 0;
}

.webtwoo .webtwoo-twitter a:hover {
  background-position: 0 -15px;

}

.webtwoo .webtwoo-facebook a {
  background-position: 0 -30px;
}

.webtwoo .webtwoo-facebook a:hover{
  background-position: 0 -45px;
}

.webtwoo .webtwoo-friendfeed a {
  background-position: 0 -60px;
}

.webtwoo .webtwoo-friendfeed a:hover {
  background-position: 0 -75px;
}

.cms .cms-plone a {
  background-position: 0 0;
}

.cms .cms-plone a:hover {
  background-position: 0 -15px;
}


.cms .cms-drupal a {
  background-position: 0 -30px;
}

.cms .cms-drupal a:hover{
  background-position: 0 -45px;
}

.cms .cms-movable-type a {
  background-position: 0 -60px;
}

.cms .cms-movable-type a:hover {
  background-position: 0 -75px;
}

.cms .cms-silverstripe a {
  background-position: 0 -90px;
}

.cms .cms-silverstripe a:hover {
  background-position: 0 -105px;
}