/**
 * 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 "Segoe UI", Arial, sans-serif;*font-size:small;*font:x-small;background:#000000 url(../images/bg1.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;
}
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}
:focus {
  -moz-outline-style: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 {
	border:none;
	height:125px;
	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
 */
.nav {
    height:35px;
}
.nav td {
	font-weight:bold;
	color:#FFFFFF;
}
.nav td a {
	text-decoration:none;
	display:block;
	padding: 0px 15px 0px 0px;
}
.nav td.spacer {
	text-decoration:none;
	display:block;
	padding: 0px 5px 0px 0px;
}
.nav td a:link {
	color:#FFFFFF;
}
.nav td a:visited {
	color:#FFFFFF;
}
.nav td a:hover, .#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;
}
div.spacer {
	display:block;
	height:15px;
}
p#sectionTitle {
	margin:0;
	padding:0 0 3px 0;
}
p#sectionTitle span {
	font-size:14px;
	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;
}


.product-table {
	background-color:#666666;
}
.product-table th, .product-table td {
	font-size:11px;
	padding:2px 3px 2px 3px;
}
.product-table th {
	background:#000000 url(../jquery/themes/black/images/ui-bg_glass_15_222222_1x400.png) repeat-x scroll 50% 50%;
	color:#ffffff;
	font-weight:bold;
	height:28px;
}
.product-table td.light {
	background-color:#FFFFFF;
	color:#000000;
}
.product-table td.dark {
	background-color:#F6F6F6;
	color:#000000;	
}
.product-table td.sub-header {
	background-color:#F7EBD4;
	color:#000000;
}


.admin-table {
	background-color:#666666;
}
.admin-table th, .admin-table td {
	font-size:11px;
	padding:2px 2px 2px 3px;
}
.admin-table th {
	background:#555555 url(../jquery/themes/black/images/ui-bg_glass_20_555555_1x400.png) repeat-x scroll 50% 50%;
	color:#eeeeee;
	font-weight:normal;
	height:22px;
}
.admin-table td.light {
	background-color:#FFFFFF;
	color:#000000;
}
.admin-table td.dark {
	background-color:#F6F6F6;
	color:#000000;	
}
.admin-table td.sub-header {
	background-color:#F7EBD4;
	color:#000000;
}

.admin-table-light {
	background-color:#ccc;
}
.admin-table-light th {
	background:#eee url(../jquery/themes/black/images/ui-bg_gloss-wave_85_eeeeee_500x100.png) repeat-x scroll 50% 50%;
	color:#666;	
}

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;
  font-size:0.9em;
  } 
/* 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;
}


.header-nav {float:left; font-size:11px;}
.header-nav ul {list-style-image:none; list-style-position:outside; list-style-type:none;display:block; margin:0; padding:1em 0px 0px 10px;}
.header-nav li {float:left; padding:0px 1.4em 0px 0px;margin:0;}
.subnav-tab {
	position:absolute;
	z-index:2001;
	border-top:1px solid #000; 
	border-right:1px solid #000; 
	border-left:1px solid #000;
	background-color:#fff; 
	color:#000;
	top:0;
	left:0s;
	height:25px;
	padding:5px 10px;
	display:none;
}
.subnav-body {
	position:absolute;
	z-index:2000;
	border:1px solid #000;
	background-color:#fff; 
	color:#000;
	top:0;
	left:0;		
	height:auto;
	width:200px;
	padding:15px 10px;
	display:none;		
}
.subnav-body ul {
	list-style-position:outside;
	list-style-type:disc;
}
.subnav-body li {
	display:block;
	float:none;
	text-align:left;
	padding:2px;
}
.subnav-body a, .subnav-body a:link, .subnav-body a:visited {
	color:#000;
}
.subnav-body a:hover {
	color:#FF0000;
}

.page-body {height:35px;}
.page-body p {margin:0; padding:0 10px 0 10px; line-height:35px;}
	

.ui-form-select {width:125px;}
.ui-form-textarea {width:505px;height:150px;}

.videos h5 {font-size:16px;font-weight:bold;padding:0;margin:0;}
.videos p.description {color:#333333;}

.icon-link a {padding:1px 5px 5px 22px;height:16px;line-height:16px !important;}
/**
.media-installs {height:16px; padding:2px 0 2px 21px; background:transparent url(../images/icons/wrench.png) no-repeat;}
.media-plumbing {height:16px; padding:2px 0 2px 21px; background:transparent url(../images/icons/wrench_orange.png) no-repeat;}
.media-customer-cars {height:16px; padding:2px 0 2px 21px; background:transparent url(../images/icons/car.png) no-repeat;}
.media-videos {height:16px; padding:2px 0 2px 21px; background:transparent url(../images/icons/film.png) no-repeat;}
.media-gallery {height:16px; padding:2px 0 2px 21px; background:transparent url(../images/icons/pictures.png) no-repeat;}
*/


td.ux-all-sizes {border:1px solid #ccc;}


/* Gallery */

.gallery .album-frame {
	width:95px;
	height:91px;
	background: transparent url(../images/album-frame.gif) no-repeat 0 0; 
	padding: 7px 0 0 0;
}

.gallery .album-link, .gallery .photo-link  {
	position:relative;
	display:inline;
	margin:0;
	padding:0;
}

.gallery .album-thumb, .gallery .photo-thumb {
	border:1px solid #444;
	height:75px;
	width:75px;
	margin:0 0 0 -4px;	
}

.gallery .photo-frame {
	width:95px;
	height:91px;
	background: transparent url(../images/photo-frame.gif) no-repeat 0 0; 
	padding: 7px 0 0 0;
}

.gallery .photo-details img {
	border:1px solid #d5d5d5;
	margin:0 0 5px 0;
}
.gallery p {
	margin:0;
	padding:0;
}
.gallery .page-body p {
	padding:0 10px !important;
}
.gallery .photo-details p {
	margin:0;
	padding:0;
	text-align:left;
}
.gallery .photo-details p.title {
	font-size:12px;
	font-weight:bold;
}
.gallery p.description, .gallery .photo-details p.description, .gallery .photo-details p.uploaded  {
	font-size:11px;
	color:#999999;
}
.gallery .photo-details table.sharing {
	color:#999999;
	margin-top:10px;
}
.gallery .photo-details table.sharing input {
	width:185px;
}

.gallery .auto-select {
	color:#666;
	font-size:11px;
}

.buttonbar {
	margin:10px 0px;
}
#myAccountForm .ui-tabs-panel {
	height:275px;
}
#myAccountForm .left, #myAccountForm .right {
	float:left;
	width:50%;
}
.fieldcontain {
	margin-bottom: 10px;
}
.fieldcontain label {
	width:125px;
	display:block;
}
.fieldcontain input, .fieldcontain select, .fieldcontain textarea {
	width:75%;
}