BODY
{
	background-color:White;
	background-image:url(../images/bg_fade.gif);
	background-repeat:repeat-x;
	margin-top:0px;
	font-family: Tahoma, Arial, Helvetica, Sans Serif;
	font-size: 11px;
	line-height:15px;
	color:#555;
	text-align:center;
}

P
{
	margin-top:14px;
}

UL
{
	margin-left:27px;
	margin-right:5px;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	list-style-image:url(../images/list_bullet.gif);
}

H1 {
	font-family:Tahoma;
	/*color: #4677bd;*/
	color:#AAAAAA;
	font-size: 15px;
	font-weight: bold;
	margin: 0.4em 0 0.4em 0;
	padding:0;
}

H2 {
	font-family:Tahoma;
	font-size:10pt;
	color:#333333;
	margin:0;
	padding:0;
}

H3 {
	font-size:8pt;
	font-weight:bold;	
	margin:0;
	padding:0;
}

H4 {
	font-size:7pt;
	font-weight:bold;
	margin:0;
	padding:0;
}	

TABLE.generalTable
{
	width:100%;
	border:1px solid #8F9DB4;
	border-collapse:collapse;
}

TABLE.generalTable th
{
	border:1px solid #8F9DB4;
	background-color:#E1E1E1;
	background-image:url(../images/Table/cell-back.gif);
	background-repeat:repeat-x;
	text-align:left;
	height:22px;
	white-space:nowrap;
}

.generalTable td
{
	text-align:left;
	border:1px solid #DDDDDD;
	height:24px;
	margin:1px;
	padding: 0px 4px 1px; 
	background-color:#EEEEEE;
}

TABLE.filterTable
{
	width:100%;
	border:1px solid #8F9DB4;
	border-collapse:collapse;
}

TABLE.filterTable th
{
	border:1px solid #8F9DB4;
	background-color:#E1E1E1;
	background-image:url(../images/Table/cell-back.gif);
	background-repeat:repeat-x;
	text-align:left;
	height:22px;
	white-space:nowrap;
}

TABLE.filterTable td
{
	background-color:#EEEEEE;
}

TABLE.specsTable
{
	width:100%;
	border:1px solid #8F9DB4;
	border-collapse:collapse;
	font-size:10px;
}

TABLE.specsTable th
{
	border:1px solid #8F9DB4;
	background-color:#E1E1E1;
	background-image:url(../images/Table/cell-back.gif);
	background-repeat:repeat-x;
	text-align:left;
	height:14px;
	white-space:nowrap;
}

.specsTable td
{
	text-align:left;
	border:1px solid #DDDDDD;
	height:14px;
	margin:1px;
	padding:0 4px 1px; 
	background-color:#EEEEEE;
}

TABLE.specsTable2
{
	width:100%;
	border-collapse:collapse;
	font-size:7pt;
	background-color:White;
}

TABLE.specsTable2 th
{
	border-top:2px solid black;
	border-bottom:2px solid black;
	text-align:left;
	height:22px;
	white-space:nowrap;
	font-size:7pt;
	font-weight:bold;
	padding-left:4px;
}

TABLE.specsTable2 td
{
	text-align:left;
	border-bottom:1px solid black;
	height:16px;
	margin:1px;
	padding: 0 4px 1px 4px;
	font-size:7pt;
	font-weight:normal;
	white-space:nowrap;
}

TABLE.mainTable
{	
	width:100%;
	border-collapse:collapse;
	font-size:7pt;
	margin:-1px;
}

TABLE.mainTable th
{
	border:1px solid #ffffff; 
	background-color:#eeeeee;
	background-image:url(../images/DesignACabinet/cell-back.gif);
	background-repeat:repeat-x;
	text-align:left;
	height:22px;
	white-space:nowrap;
	font-size:7pt;
	font-weight:bold;
	padding-left:4px;
}

TABLE.mainTable td
{	
	text-align:left;
	border:1px solid #ffffff;
	height:24px;
	margin:1px;
	padding: 0 4px 1px 4px;
	background-color:#f3f3f3;
	font-size:7pt;
	font-weight:normal;
	
}

.orangeHeader
{
	background-color:White;
	background-image:url(../images/Pages/Design-A-Cart/Options/orange_header.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:left;
	height:40px;
	white-space:nowrap;
	color:Black;
}

#pageContainer
{
	margin-left:auto;
	margin-right:auto;
	background-color:White;
	width:987px;
	text-align:left;
	height:100%;
	border-left:1px solid #cbd4e1; 
	border-right:1px solid #cbd4e1; 
	border-bottom:1px solid #cbd4e1;

}

#contentContainer
{
	width:985px;
	text-align:left;
	margin-left:2px;
}


/* Main text-related entries
   ------------------------------------------------------------- */
A
{
	color:#3b5f91;
	text-decoration:none;
	font-size:11px;
}

A:hover
{
	text-decoration:underline;
}

A.footer
{
	font-family: Tahoma, Arial, Helvetica, Sans Serif;
	text-decoration:underline;
	font-size:10px;
	color:#666666;
}

A.caretSmall 
{
	text-decoration:none;
	color:#3b5f91;
	padding-right:12px;	
	background: url(../Images/link_caret.gif) no-repeat 100% 4px;
	font-size:7pt;
	font-weight:bold;
}

A.caretSmall:hover { text-decoration:underline; }
A.caretSmall:visited { color:#3b5f91; }

.heading
{
	font-size:17px;
	line-height:18px;
}

.footer
{
	font-family: Tahoma, Arial, Helvetica, Sans Serif;
	font-size:10px;
	font-weight:normal;
	color:#666666;
}



/* Main Navigation-related entries
   ------------------------------------------------------------- */

.mainNavOption
{
	cursor:pointer;	
}

.mainNavSubMenu
{
	background-color:#4b73ab; 
	color:white; 
	display:none;
	margin-top:0px; 
	margin-left:-1px;
	font-size:11px;
	color:White;
}

.mainNavSubMenuOption
{
	height:24px; 
	border-left: 1px solid #7d9dca; 
	border-right: 1px solid #7d9dca; 
	border-bottom:1px solid #7d9dca;
	cursor:pointer;
}

.mainNavSubMenuOptionSelected
{
	height:24px; 
	border-left: 1px solid #7d9dca; 
	border-right: 1px solid #7d9dca; 
	border-bottom:1px solid #7d9dca; 
	color:White;
	cursor:pointer;
	background-color:#3b5f91;
}

.mainNavOptionText
{
	padding: 4px 5px 6px 8px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Side navigation <<<-------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#sidenav {
	font-weight:bold;
	width:158px;
	margin:-1px 0 0 0;
	overflow:hidden;
	padding:0 8px 0 8px;
}
 
#sidenav ul
{
	list-style-type:none;
	position:relative;
	overflow:visible;
	list-style-image:none;
}

#sidenav li {
	background:url(../images/separator_dot.gif) repeat-x 0px 0px;
	min-height:18px;
	color:#686868;
	width:100%;
	cursor:pointer;
	padding:3px 0 3px 0;
}

#sidenav a {
	font:11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	line-height: 1.5em;
	text-decoration:none;
	color:#888;	
	display:block;
	padding:0;
}

#sidenav a:hover {
	color:#333333;
	text-decoration:underline;	
}

#sidenav a.header {
	color:#ea5924;
	text-decoration:none;
	cursor:default;
}

#sidenav a.selected {
	color:#3b5f91;
	text-decoration:none;
	font-weight:bold;
}

#sidenav a.disabled {
	color:#bbbbbb;
	text-decoration:none;
	cursor:default;	
}

#submenu 
{
	margin:0px 0 4px 0;
	padding-left:14px;
}

#submenu li {
	background: url(../Images/option_bullet.gif) no-repeat 0 9px;
	min-height:12px;
	color:#686868;
	width:100%;
	cursor:pointer;
	padding:2px 0 2px 0;
	margin-left:-10px;
}

#submenu a {
	font:11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 1.2em;
	text-decoration:none;
	color:#686868;	
	display:block;
	padding:0 0 0 8px;
}

#submenu a:hover {
	color:#333333;
	text-decoration:underline;
}

#submenu a.selected {
	color:#3b5f91;
	text-decoration:none;
	font-weight:bold;
}

#submenu a.disabled {
	color:#bbbbbb;
	text-decoration:none;
	cursor:default;	
}


/* Form-related entries
   ------------------------------------------------------------- */

.formElements
{
	font-family:Tahoma, Verdana;
	font-size:11px;
	height:19px;
}

.formElementsTextBox
{
	font-family:Tahoma, Verdana;
	font-size:11px;
	height:13px;
}

.formElementsButton
{
	color:Black;
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans Serif;
	font-size:11px;
	cursor:pointer;
}


/* Dialog-related entries
   ------------------------------------------------------------- */

.dialogTitle
{
	border:1px solid #8F9DB4;
	background-color:#E1E1E1;
	background-image:url(../images/Table/cell-back.gif);
	background-repeat:repeat-x;
	border-collapse:collapse;
	text-align:left;
	height:27px;
	white-space:nowrap;
}

.dialog
{
	background-image:url(../images/DesignACart/bg_dialog.gif); 
	background-repeat:repeat-x; 
	min-height:80px; 
	border-left: 1px solid #8F9DB4; 
	border-right: 1px solid #8F9DB4; 
	border-bottom: 1px solid #8F9DB4;
}


/* HighlightBox stuff
   ------------------------------------------------------------- */

#HighlightBox
{
	text-align: left;
}
 	
#HighlightBoxContent
{
	width:100%;
}

#HighlightBoxTLC, #HighlightBoxTRC, #HighlightBoxBLC, #HighlightBoxBRC
{
	background-color: transparent;
	background-repeat: no-repeat;
}

#HighlightBoxTLC
{
	background-position: 0% 0%;
}

#HighlightBoxTRC
{
	background-position: 100% 0%;
}
	
#HighlightBoxBLC
{
	background-position: 0% 100%;
}

#HighlightBoxBRC
{
	background-position: 100% 100%;
}

#HighlightBoxTB, #HighlightBoxBB
{
	background-color: transparent;
	background-repeat: repeat-x;
}
			
#HighlightBoxTB
{
	background-position: 0% 0%;
}

#HighlightBoxBB
{
	background-position: 50% 100%;
}
	
#HighlightBoxRB
{
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

#HighlightBoxLB
{
	background-position: 0% 100%;
	background-repeat: repeat-y;
}


/* Additional options stuff
   ------------------------------------------------------------- */

.additionalOptions
{
	color:#686868;
	line-height:16px;
}

.additionalOptionsSectionHeader
{
	width:100%; 
	height:21px; 
	margin-bottom:8px; 
	background-image:url(../images/Secondary/bg_option_category.jpg); 
	vertical-align:middle;
}

.additionalOptionsSectionHeaderText
{
	padding-left:9px; 
	padding-top:2px;
}

.additionalOptionsSeparator
{
	width:100%; 
	height:10px; 
	background-image:url(../images/separator_dot.gif); 
	background-repeat:repeat-x; 
	background-position:center;
}

.additionalOptionsOption
{
	padding-left:8px;
}

.additionalOptionsLink
{
	padding-left:16px;
	background-image:url(../images/small_arrow.gif);
	background-repeat:no-repeat;
	background-position: 8px 5px;
	
}






/* Miscellaneous stuff
   ------------------------------------------------------------- */

.separator
{
	background-color:#8F9BA9;
	width:100%;
	height:1px;
	overflow:hidden;
}

.separator_dot
{
	width:100%;
	background-image:url(../images/separator_dot.gif); 
	background-repeat:repeat-x;
	min-height:1px;
	overflow:hidden;
}

.title
{
	font-size:14px;
	font-weight:bold;	
}

.selectionBar
{
	/*background-color:#7d9dca; */
	background-color:#999999;
	height:1px;
	overflow:hidden;
	clear:both;
}

.selectionHeader
{
	height:35px;
	background-image:url(../images/DesignACart/option_background_fade.gif);
	background-repeat:repeat-x;
	background-color:White;
}

.selectionHeaderSelected
{
	height:35px;
	background-image:url(../images/DesignACart/option_background_fade_selected.gif);
	background-repeat:repeat-x;
	background-color:White;
	color:White;
}

.errorMessage
{
	color:Red;
}

.productDisplayContainer
{
	overflow:hidden;
}

.productDisplay
{
	border:1px solid #CCCCCC; 
	padding:10px; 
	margin-top:5px;	
	background-image:url(../images/DesignACart/bg_dialog.gif); 
	background-repeat:repeat-x;
	overflow:hidden;
}



/* Color Picker support (old)
   ------------------------------------------------------------- */
.colorPickerOption
{
	width:18px;
	height:18px;
	float:left;
	margin-left:1px;
	margin-right:1px;
	margin-top:1px;
	margin-bottom:1px;
	cursor:pointer;

}

.colorPickerOptionHighlight
{
	width:18px;
	height:18px;
	float:left;
	margin-left:0px;
	margin-right:0px;
	cursor:pointer;
	border:1px solid Gray;
	overflow:hidden;
}

.colorPickerOptionSelected
{
	width:18px;
	height:18px;
	float:left;
	margin-left:0px;
	margin-right:0px;
	cursor:pointer;
	border:1px solid Black;
	overflow:hidden;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Dialogs <<<---------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.dialog {
	background-color:White;
	border:1px solid #dedede;
	width:auto;
	overflow:hidden;
}

.dialog .insideBorder {
	border:1px solid White;
}

.dialog .headerGray {
	background:White url(../Images/dialogGrayHeaderFade.gif) repeat-x 0px 0px; 
	color:Black;	
	height:30px;
	font-size:7pt;
	font-weight:bold;
	padding-left:8px;
	line-height:3em;
	color:#333333;
	text-transform:uppercase;
}

.dialog .headerYellow {
	background:White url(../Images/dialogYellowHeaderFade.gif) repeat-x 0px 0px; 
	color:Black;	
	height:30px;
	font-size:7pt;
	font-weight:bold;
	padding-left:8px;
	line-height:3em;
	color:#333333;
	text-transform:uppercase;
}

.dialog .body {
	background-color:White;
	padding:8px;
	overflow:hidden;
}

.dialog .bodyFilled {
	background-color:#EEEEEE;
	padding:8px;
	overflow:hidden;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Miscellaneous <<<---------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.leftImage {
	float:left;
	margin:0 10px 10px 0;
}

.rightImage {
	float:right;
	margin:0 0 10px 10px;
}

.smallText {
	font-size:7pt;
}

.regularText {
	font-size:8pt;
}

.formElements {
	font-size:8pt;	
}

.formElements LABEL {
	font-size:7pt;
}

.errorBox {
	background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	padding:8px;
	color:Red;
	margin-top:10px;
	margin-bottom:10px;
	overflow:hidden;
}

.errorBox img {
    margin-right:4px;
    padding:0;
    border:none;
    width:16px;
    height:16px;
    float:left;
}

.errorBox .message {
	padding-left:12px;
	font-size:8pt;	
	overflow:hidden;
	vertical-align:top;
}

.infoBox {
	background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	margin-top:10px;
	margin-bottom:10px;
	overflow:hidden;
}

.infoBox .insideBorder {
	border:1px solid White;
	padding:8px;
	overflow:hidden;
}

.infoBox img {
    margin-right:4px;
    border:none;
    float:left;
}

.infoBox .message {
	padding-left:12px;
	font-size:8pt;	
	overflow:hidden;
	vertical-align:top;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Buttons <<<---------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.buttons a, .buttons button {
    display:block;
    float:left;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:7pt;
    line-height:16px;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:2px 10px 2px 7px; /* Links */
}

.buttons button {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type] {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:13px; /* Safari */
}

*:first-child+html button[type] {
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
    float:left;
}

.buttons .gap {
	float:left;
	padding:3px;
}


/* STANDARD */

button:hover, .buttons a:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive {
    color:#529214;
}

.buttons a.positive:hover, button.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

.buttons a.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative {
    color:#d12f19;
}

.buttons a.negative:hover, button.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.buttons a.negative:active {
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Modal Popups <<<----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.modalPopup {
	background-color:#eeeeee;
	border:1px solid #dddddd;
	padding:3px;
}

.modalPopup .container {
	padding:20px;
	background-color:White;
	border:1px solid #dddddd;
	height:auto;
	width:auto;
	overflow-x:hidden;
	overflow-y:auto;
	width:650px;
	height:400px;
}

.modalPopupBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Custom Tab styles <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.tabStyle1 .ajax__tab_header {}

.tabStyle1 .ajax__tab_body {
	display:block;
    margin:0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    padding:10px;
}

.tabStyle1 .ajax__tab_tab {
	margin:0;
    background-color:#f5f5f5;
    border-right:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:7pt;
    line-height:13px;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    padding:2px 10px 4px 7px;
}

.tabStyle1 .ajax__tab_active .ajax__tab_tab {
    background-color:#6299c5;
    border-top:1px solid #6299c5;
    border-left:1px solid #6299c5;
    border-right:1px solid #6299c5;
    color:#fff;
}

.tabStyle1 .ajax__tab_hover .ajax__tab_tab {
    background-color:#dff4ff;
    border-top:1px solid #c2e1ef;
    border-left:1px solid #c2e1ef;
    border-right:1px solid #c2e1ef;
    color:#336699;
}

.tabStyle1 .ajax__tab_outer {
	margin-right:3px;
}

.tabStyle1 .ajax__tab_inner {}

.tabStyle2 .ajax__tab_header {}

.tabStyle2 .ajax__tab_body {
	display:block;
    margin:0;
    background-color:White;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    padding:10px;
}

.tabStyle2 .ajax__tab_tab {
	margin:0;
    background-color:#f5f5f5;
    border-right:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:7pt;
    line-height:13px;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    padding:2px 10px 4px 7px;
}

.tabStyle2 .ajax__tab_active .ajax__tab_tab {
    background-color:#6299c5;
    border-top:1px solid #6299c5;
    border-left:1px solid #6299c5;
    border-right:1px solid #6299c5;
    color:#fff;
}

.tabStyle2 .ajax__tab_hover .ajax__tab_tab {
    background-color:#dff4ff;
    border-top:1px solid #c2e1ef;
    border-left:1px solid #c2e1ef;
    border-right:1px solid #c2e1ef;
    color:#336699;
}

.tabStyle2 .ajax__tab_outer {
	margin-right:3px;
}

.tabStyle2 .ajax__tab_inner {}