/**
 * 84.5% for !IE, keywords for IE to preserve user font-size adjustment
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 *
 */
body {font:11px verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;background:#36424a url(../images/bg.jpg) repeat-x top;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}



/**
 * Global anchors
 */
a {
	color:#993300;	
	text-decoration:none;
}
a:link {
	color:#993300;	
	text-decoration:none;	
}
a:visited {
	color:#993300;	
	text-decoration:none;	
}
a:hover {
	color:#FF0000;
	text-decoration:none;
}

a.no-anchor {
	text-decoration:none;
	color:#000000;
	cursor:text;
}

table.content {
	width:784px;
    background-color:#FFFFFF;
}

/**
 * Form elements
 */
form {
	margin:0;
}
input.notes {
	width:99%;
	margin:0;
}
input.options-num {
	width:100px;
	margin:0
}
input.options-desc {
	width:268px;
	margin:0
}
input.options-price {
	width:100px;
	margin:0
}
input#searchKeywords {
	margin:0;
	padding:0;
	font-size:10px;
}



/**
 * Logo Table
 */
table#logo {
	border:none;
	height:100px;
	width:784px;	
}

/**
 * Main Table
 */
table#main {
	border:none;
	height:auto;
	width:784px;
}
table#main td {
	font-size:11px;
}
table#main td.top-middle {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	height:30px;
	width:784px;
    background:transparent url(/images/navbg.png) no-repeat center;
	text-align:left;
    border-top:1px solid #FF0000;
    border-bottom:1px solid #993300;    
}
table#main td.top-middle span {
	padding-left:5px;
}
table#main td.middle {
	vertical-align:top;
	text-align:left;
	background-color:#FFFFFF;
	width:784px;
}
table#main td.bottom-left, table#main td.bottom-right {
	width:5px;
	height:5px;
}
table#main td.bottom-middle {
	height:5px;
	width:774px;
	background-color:#FFFFFF;
}

/**
 * Nav table
 */
table#nav {
	width:784px;
    height:30px;
	text-align:right;
    background:transparent url(/images/navbg.png) no-repeat center;
    border-bottom:1px solid #993300;     
}
table#nav td {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
table#nav td a {
	text-decoration:none;
	display:block;
	padding: 0px 15px 0px 0px;
}
table#nav td.spacer {
	text-decoration:none;
	display:block;
	padding: 0px 5px 0px 0px;
}
table#nav td a:link {
	color:#FFFFFF;
}
table#nav td a:visited {
	color:#FFFFFF;
}
table#nav td a:hover, table#nav td a:active {
	color:#DEE3E4;
}



/**
 * Footer table
 */
table#footer {
	border:none;
	width:784px;
	margin:5px 0px 30px 0px;	
}
table#footer td {
	font-size:11px;
	color:#E8E8E8;
}
table#footer td a, table#footer td.spacer {
	text-decoration:none;
	display:block;
	padding: 0px 7px 0px 0px;
}
table#footer td a:link {
	color:#E8E8E8;
}
table#footer td a:visited {
	color:#E8E8E8;
}
table#footer td a:hover, table#footer td a:active {
	color:#FF0000;
}

/**
 * Top Links table
 */
table#toplinks {
	width:784px;
	margin:30px 0px 5px 0px;	
	text-align:right;
}
table#toplinks td {
	font-size:11px;
	color:#FFFFFF;
}
table#toplinks td a, table#toplinks td.spacer {
	text-decoration:none;
	display:block;
	padding: 0px 0px 0px 5px;
}
table#toplinks td a:link {
	color:#FFFFFF;
}
table#toplinks td a:visited {
	color:#FFFFFF;
}
table#toplinks td a:hover, table#toplinks td a:active {
	color:#FF0000;
}


.padding5 {
	padding:5px 5px 5px 5px;
}
.padding10 {
	padding:10px 10px 10px 10px;
}
.padding15 {
	padding:15px 15px 15px 15px;
}

/** Horizonal Rule **/
hr {
	margin-top:10px;
	margin-bottom:10px;
}

/** Paragraph elements */
p {
	font-size:11px;
	margin-bottom:10px;
}
p.download {
	margin:0;
    padding:1px 0px 2px 20px;
    background:transparent url(/images/icons/page_go.png) no-repeat left;
    display:block;    
}
p.downloaded {
	margin:0;
    padding:1px 0px 2px 20px;
    background:transparent url(/images/icons/tick.png) no-repeat left;
    display:block;
}
p.view-product {
	margin:10px 0px 0px 0px;
    padding:1px 0px 2px 20px;
    background-image:url(/images/icons/package_green.png);
    background-repeat:no-repeat;
    display:block;
}
p.nopad {
	margin:0;
	padding:0;
}
p.spacer {
	margin:0;
	padding:5px 0px 5px 0px;
}
p#sectionTitle {
	margin:0;
	padding:0 0 3px 0;
}
p#sectionTitle span {
	font-size:11px;
	font-weight:bold;
	color:#DB3E2E;	
}
p.footnote {
	margin:0;
	padding:3px 0 0 0;
}
p.footnote span {
	font-style:italic;
	font-size:10px;
}
p.message {
	border: 1px solid #009933;
	background-color:#66FF66;
	text-align:center;
}
p.message span {
	font-weight:bold;
	color:#000000;
}

p.error {
	margin-top:15px;
	border: 1px solid #FF0000;
	background-color:#F6F6F6;
	text-align:left;
	padding:10px 10px 10px 10px;
}
p.error span.title {
	font-size:10px;
	font-weight:bold;
	color:#FF0000;
}
p.error span.message {
	font-size:10px;
	color:#000000;
}
p.justify {
	text-align:justify;
}

table.group-header {
	height:22px;
	padding:0;
	margin-bottom:10px;
    background:transparent url(/images/group-header.png) repeat-x center;
    border:1px solid #CCCCCC;
}
table.group-header td {
	font-size:11px;
    font-weight:bold;
	margin:0;
	padding-left:5px;
    color:#666666;
}


table.product-table {
	background-color:#CCCCCC;
}
table.product-table th, table.product-table td {
	font-size:11px;
	padding:2px 2px 2px 3px;
}
table.product-table th {
	background-color:#DB3E2E;
	color:#FFFFFF;
	font-weight:normal;
	height:22px;
}
table.product-table td.light {
	background-color:#FFFFFF;
	color:#000000;
}
table.product-table td.dark {
	background-color:#F6F6F6;
	color:#000000;	
}
table.product-table td.sub-header {
	background-color:#F7EBD4;
	color:#000000;
}

img.float-left { 
    float: left; 
    margin: 0px 10px 10px 0px; 
}
img.float-right { 
    float: right; 
    margin: 0px 0px 10px 10px; 
}

/* Menu */
span.menu-category, .st_tdcss {
	font-size:11px;
	font-style:normal;
	padding:0px 0px 0px 4px;
}
span.menu-section, .st_ftcss {
	font-size:11px;
	font-style:normal;
    color:#000000;
}


span.bold {
	font-weight:bold;
}
span.smallItalics {
	font-size:9px;
	font-style:italic;
}

/**
table.fieldset-table td {
	padding: 1px;
}
**/

div#modelsDiv {
	border-left:1px solid #000000;
	border-right:1px solid #000000;	
	border-bottom:1px solid #000000;		
	background-color:#FFCC33;
	width:250px;
}

ul.product-notes {
	padding:0;
	margin-left:15px;
}

ul#cart-tips {
	padding:0;
	margin-left: 15px;
}
ul#cart-tips li {
	margin-bottom: 2px;
}

/** Tabs Section */

#tabHeader {
	clear:both;
  float:left;
  width:546px;
  background:#E1E1E1 url("../images/tab_bg.gif") repeat-x bottom;
  line-height:normal;
  }
td#orderDetailsCell #tabHeader {
  width:754px;
}	
#tabHeader ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#tabHeader li {
  float:left;
  background:url("../images/tabs_red_01.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 7px;
  }
#tabHeader a {
  float:left;
  display:block;
  background:url("../images/tabs_red_02.gif") no-repeat right top;
  padding-top: 9px;
  padding-bottom: 7px;
  padding-right: 17px;
  padding-left:10px;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
  } 
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabHeader a {float:none;}
/* End IE5-Mac hack */
#tabHeader li a:hover {
  color:#000;
  } 
#tabHeader li.currentTab {
  background-image:url("../images/tabs_white_01.gif");
  }
#tabHeader li.currentTab a {
  background-image:url("../images/tabs_white_02.gif");
  color:#000;
  padding-bottom:8px;
  }
#tabContent {	
	clear:both;
	text-align:left;
	width:544px;
	margin: 0;
	border-top:0;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
  }
td#orderDetailsCell #tabContent {
  width:752px;
}		
div.tabConentContainer {
	padding:15px 15px 15px 15px;
}


/** Buttons Section **/
button.glossy-button {
	margin:0;
	border:0;
	background:none;
	padding:0;
}
button.glossy-button ul {
  margin-right:0;
  padding:0;
  list-style:none;
  }
button.glossy-button li {
  float:left;
  background:url(../images/button_yellow_sm_01.gif) no-repeat left center;
  margin:0;
  padding:0px 0px 0px 5px;
  }
button.glossy-button span {
  float:left;
	height:22px;
  display:block;
  background:url(../images/button_yellow_sm_02.gif) no-repeat right center;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-right: 15px;
  padding-left:8px;
  text-decoration:none;
	font-weight:bold;
  white-space:nowrap;
	color:#333333;
  }
	
	
div#contextMenus {
	position:absolute;
	visibility:hidden;
	z-index:1002;
	background-color:#FFFFFF;
	width:150px;
	border:1px outset;
}

.largeText {
	font-size:14px;
}
.mediumText {
	font-size:12px;
}
.smallText {
	font-size:11px;
}
.smallerText {
	font-size:10px;
}


p.text {
	margin:0px 0px 2px 0px;
    padding:0;
}