/* Hide Non-Printable Things ****************************************************************************************************************/
#nav,
#nav ul,
#nav li,
.footer,
.footer a:link,
.footer a:visited,
.footer a:hover,
.footer a:focus,
.footer_links,
.footer_links_last,
.footer_links li,
.footer_links li a:link,
.footer_links li a:visited,
.footer_links li a:active,
.footer_links li a:hover,
.footer_links li a:focus,
#copyright,
.wrapper #logo,
.header,
.no_print {
display: none;
}

/* Reset all margins and padding **************************************************************************************************************/
* {
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

body {
	background: #2A2A2A;
}
/* HEADERS *************************************************************************************************************************************/

h2 {
	margin: 10px 0;
	color: #000;
	font-weight: normal;
}
h3 {
	font-size: 110%;
	color: #000;
}
.link_add {
	padding: 0 0 0 20px;
	background: url(../images/icons/add.gif) no-repeat left center;
}
.link_edit {
	padding: 0 0 0 20px;
	background: url(../images/icons/pencil.gif) no-repeat left center;
}
.link_delete {
	padding: 0 0 0 20px;
	background: url(../images/icons/delete.gif) no-repeat left center;
}
.grid_link_add {
	float: right;
}

/* MAIN  / PAGE HEADER*************************************************************************************************************************************/
.wrapper {
	margin: 0 auto;
	width: 8.5in;
	padding: 0;
	background: #FFF;
}
.wrapper_inner {
	margin: 0 auto;
}
.main {
	margin: 0 auto;
	width: 8.5in;
	padding: 0;
	color: #000;
}
.header {
	height: 120px;
	width: 8.5in;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 0;
}

/* LINKS *************************************************************************************************************************************/
a:link,
a:visited {
	color: #528CAC;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #89B1C7;
	text-decoration: none;
}
a:active {
	color: #ABC8D8;
	text-decoration: none;
}

a:link img,
a:visited img,
a:hover img,
a:focus img,
a:active img {
	border: none;
}

/* SUB NAV ******************************************************************************************************************************************************8*/
.subnav {
	padding: 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #CCC;
}

/* BUTTONS ******************************************************************************************************************************************************8*/
.buttons a, .buttons button{
    margin:0 0 -2px 0;
    background-color:#fff;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size:90%;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    color:#666;
    cursor:pointer;
    padding:3px 5px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:2px 5px; /* Firefox */
    line-height:17px; /* 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;
}
/* STANDARD BUTTON *******************************************************/
button, .buttons a{ background-color: #EEE; border: 1px solid #CCC; color: #666;}
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 ******************************************************/
button.positive, .buttons a.positive{ color: #999;}
.buttons a.positive:hover, button.positive:hover{ background-color: #D2D2D2; border:1px solid #CCC; color: #000;}
.buttons a.positive:active{ background-color:#529214; border:1px solid #529214; color:#000;}

/* NEGATIVE BUTTON *****************************************************************/
.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;}

/* ADD BUTTON *****************************************************************/
.buttons a.button_add, 
button.button_add { color: #090; border: 1px solid #0C0; background: #E1F5E0 url(../images/icons/add.gif) no-repeat 5px center; padding: 3px 3px 3px 20px; }
.buttons a.button_add:hover, 
button.button_add:hover { color: #E1F5E0; border: 1px solid #090; background: #060 url(../images/icons/add.gif) no-repeat 5px center; padding: 3px 3px 3px 20px; cursor: pointer;}
.buttons a.button_add:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; }

/* DELETE BUTTON *****************************************************************/
.buttons a.button_delete, 
button.button_delete { color: #900; border: 1px solid #C00; background: #FCF url(../images/icons/cross.gif) no-repeat 5px center; padding: 3px 3px 3px 20px; }
.buttons a.button_delete:hover, 
button.button_delete:hover { color: #FCF; border: 1px solid #900; background: #600 url(../images/icons/cross.gif) no-repeat 5px center; padding: 3px 3px 3px 20px; cursor: pointer;}
.buttons a.button_delete:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; }

/* SAVE BUTTON *****************************************************************/
.buttons a.button_save, 
button.button_save { color: #090; border: 1px solid #0C0; background: #E1F5E0 url(../images/icons/tick.gif) no-repeat 5px center; padding: 3px 3px 3px 20px; }
.buttons a.button_save:hover, 
button.button_save:hover { color: #E1F5E0; border: 1px solid #090; background: #060 url(../images/icons/tick.gif) no-repeat 5px center; padding: 3px 3px 3px 20px; cursor: pointer;}
.buttons a.button_save:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; }

/* LOGIN BUTTON *****************************************************************/
.buttons a.button_login, 
button.button_login { color: #999; font-size: 120%; border: 1px solid #CCC; background: #EEE url(../images/icons/people.gif) no-repeat 5px center; padding: 10px 5px 10px 40px; }
.buttons a.button_login:hover, 
button.button_login:hover { color: #666; font-size: 120%; border: 1px solid #999; background: #DDD url(../images/icons/people.gif) no-repeat 5px center; padding: 10px 5px 10px 40px; cursor: pointer;}
.buttons a.button_login:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; }

/* CONTENT *************************************************************************************************************************************/
.content {
	margin: 0;
	padding: 0;
	width: 7.5in;
	font-size: 80%;
	float: left;
	background: #F2F5F7;
}
.content h3 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 10px 0 5px 0;
	padding: 0;
}
.content h4 {
	margin: 5px 0;
	padding: 0;
	font-size: 110%;
}
p {
	margin: 10px 0;
	padding: 0;
	line-height: 1.4em;
}
ul {
	margin: 0 10px 5px 20px;
	padding: 0 10px 5px 20px;
}
ol {
	margin: 0 10px 5px 20px;
	padding: 0 10px 5px 20px;
}
.quote_source {
	text-align: right;
	color: #666;
	padding: 0;
	margin: 0 0 20px 0;
}
.contact_address {
	float: right;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	border-left: 1px solid #CCC;
}
.cart_total p,
.cart_total h3 {
	text-align: right;
}
.print_contact,
.print_oliver_address {
	float: right;
}
.print_thankyou {
	margin: 30px auto 0 auto;
}
/* FEEDBACK *************************************************************************************************************************************/
.success {
	padding: 5px 5px 5px 25px !important;
	margin: 10px 0;
	border-top: 1px dotted #090;
	border-bottom: 1px dotted #090;
	background: #DFD url(../images/icons/success.gif) no-repeat 5px center;
	font-weight: bold;
	color: #090;
}
.highlight {
	display: block;
	padding: 5px 5px 5px 25px;
	margin: 10px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #FFC url(../images/icons/information.gif) no-repeat 5px center;
}
.warning {
	padding: 5px 5px 5px 25px;
	margin: 10px 0;
	border-top: 1px dotted #900;
	border-bottom: 1px dotted #900;
	background: #FDF url(../images/icons/warning.gif) no-repeat 5px center;
	font-weight: bold;
	color: #900;
}
.info {
	padding: 0 0 0 20px !important;
	background: url(../images/icons/information.gif) no-repeat left center;
}

/* TABLES *************************************************************************************************************************************/
.shopping_cart { width: 780px; border-collapse: collapse; }
.shopping_cart th,
.shopping_cart td { text-align: left; padding: 3px;}
.shopping_cart thead th { border-bottom: 3px double #999; }
.shopping_cart select { width: 150px; }

.alternate { background-color: #FFF; }
.image_replacement span { position: absolute; left: -2000px; }


/* FOOTER *************************************************************************************************************************************/

.right {
	text-align: right;
	padding: 0 10px;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

#modal_container {  
	padding:5px;  
	background-color:#fff;  
	border:1px solid #666;  
	overflow:auto; 
	color:#333;  
	text-align:left;  
} 
#modal_overlay {  
	background-color:#000;  
}  
/* EXT CSS Override *********************************************************************************************/
.x-tabs-wrap .x-tabs-strip-wrap {
	background-color: none !important;
}
.x-tabs-body {
	background: #FFF;
	padding: 10px 0 10px 10px;
}