/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
/* Start Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;}
/* remember to define focus styles! */
:focus {
outline: 0;}
ol, ul {
list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;border-spacing: 0;}
caption, th, td {
text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";}
	
blockquote, q {
quotes: "" "";}
	
-ms-interpolation-mode:

img
{
-ms-interpolation-mode: bicubic;
}
/* End Reset */
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #243D98; text-decoration: underline; }

body {
background: #3b65af url(images/mainbg.png) top left repeat-x;color: #4b4b4b;text-align: center;}	
body, select, input, textarea {
font: 90% Arial, Helvetica, Tahoma, Sans-Serif;}

#container{
	width:910px;
	margin: 0 auto;
	background:#223b65;
	}

#page{
	width:900px;
	margin: 0 auto;
	background:#fff url(images/headbg.png) top right no-repeat;
	text-align: left;
	}

#head{
	height:215px;
	margin:0 24px;
	position:relative;
	}
#header-left{
	float:left;
	}
#header-right{
	float:right;
	width:438px;
	position:relative;
	}

#ribbon{
background:transparent url(images/ribbon.gif) no-repeat scroll right top;
height:46px;
padding:14px 0 0;
left:17px;
position:absolute;
top:156px;
width:460px;}

#ribbon ul{
	float:left;
	font-size:90%;
	}

#ribbon li {
	list-style:none;
	float:left;
	}
#ribbon a:link, #ribbon a:visited {
	color: #FFF;
	text-decoration:underline;
	float:left;
	display:inline;
	padding:4px 9px;}

#ribbon a:hover, #ribbon a:active {
	color:#f3fcfc;
	text-decoration:underline;}

#sidebar {
	background:transparent url(images/sidebar-bg.gif) no-repeat top left;
	width: 227px;
	float:left;
	display:inline;
	margin:0 0 0 19px;
	padding:12px 0 0;}

#sidebar ul {
	margin:0;
	padding:0;}
	
#sidebar li {
	list-style:none;}

#sidebar_bottom {
	background:transparent url(images/sidebarbottom-bg.gif) no-repeat top left;
	height:22px
	}

#content {
float:right;
width:608px;
display:inline;
margin:0 24px 0 0;
}
	
#breadcrumb {
background:transparent url(images/breadcrumb-bg.gif) no-repeat scroll 0 0;
border-right:1px solid #DADADA;
color:#9B9B9B;
font-size:79%;
height:26px;
line-height:26px;
margin:0 0 10px;
padding-left:12px;
}

#breadcrumb a {
background-image:url(images/bc_seperator.gif);
background-position:right center;
background-repeat:no-repeat;
color:#454545;
padding:5px 15px 5px 0;
text-decoration:none;
}
#breadcrumb a:hover {
color:#243D98;
}

#checkoutcrumb {
background:transparent url(images/breadcrumb-bg.gif) no-repeat scroll 0 0;
border-right:1px solid #DADADA;
color:#9B9B9B;
font-size:79%;
height:26px;
line-height:26px;
margin:10px 0;
padding-left:12px;}

.resetmargin{
	margin:0 0 10px 0 !important;
	}

#checkoutcrumb li {
width:29%;
padding:0 0 0 10px;
background-image:url(images/bc_seperator.gif);
background-position:right center;
background-repeat:no-repeat;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;}

#checkoutcrumb a {
color:#243D98;
text-decoration:none;
}
#checkoutcrumb a:hover {
color:#243D98;
text-decoration:underline;
}

p {	
font-size: 100%;line-height: 1.5em;padding:0 0 14px 0;}

strong {
font-weight:bold;}
em { font-style: italic; }
/* Float Properties*/
.left {
float:left;}
.right {
float:right;}	
.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";}
.clearfloat {
display:inline-block;
clear:both;}
.clearfloat {
display:block;}
/*End Float Properties*/
	
a:link, a:visited {
	color: #243D98;
	text-decoration:none;}

a:hover, a:active {
	color:#333;
	text-decoration:underline;}

form {
	display: inline;}

.main ul, ol { margin: 0 0 1.5em 2em;font-size:100%;}
ul { list-style-type: square; }
ol { list-style-type: decimal; }

.checkout_continue {
background-color:#FCFCFC;
border:1px solid #DADADA;
font-size:90%;
height:33px;
margin-top:10px;
padding:8px;}

h1{
color:#243D98;
font-family:Helvetica,Arial,sans-serif;
font-size:22px;
font-weight:normal;
margin-bottom:10px;}

.home-heading{
font-size:29px;
font-style:italic;
font-weight:normal !important;
padding-bottom:17px;
text-align:center;}
.small{
font-size:87%;}
.red {
color:#ed1b2f;}

h3{
color:#243D98;
font-family:Helvetica,Arial,sans-serif;
font-size:16px;
font-weight:bold;
margin-top:10px;}
h4 {
color:#243D98;
font-family:Helvetica,Arial,sans-serif;
font-weight:normal;
font-size:14px;
margin:10px 0 5px 0;}
	
.image_right{
border:3px solid #ccc;}
.caption{
display:block;
border-bottom:1px solid #ccc;
font-size:80%;
text-align:center;}
.ordernumber{
border:1px solid #ccc;
padding:5px;}

.infoBox {
  background: #fff;}

.infoBoxContents {
  background: #fff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  vertical-align:middle;}

.infoBoxNotice {
  background: #fff;}

.notice {
	border:1px solid #ff0000;
	background:#fdf6f6;
	font-size:70%;
	padding:4px;}

.infoBoxNoticeContents {
  background: #fff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;}

TD.infoBoxHeading {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #fff;
  color: #243D98;}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #fff;}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #fff;}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #c1c1c1;
  border-spacing: 1px;}

.productListing-heading {
  background:transparent url(images/button-bg.gif) repeat-x scroll 0 0;
  color:#9c9c9c;
  font-family:Verdana,Arial,sans-serif;
  font-size:11px;
  padding:4px 0;  }

.productlist {
	border-bottom:1px solid #f3f3f3;}

TD.productListing-data {
  border-bottom:1px solid #f3f3f3;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
vertical-align:middle;}

TD.pageHeading, DIV.pageHeading {
color:#243D98;
font-family:Helvetica,Arial,sans-serif;
font-size:22px;
font-weight:bold;}

TR.subBar {
  background: #f4f7fd;}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;}

TD.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  vertical-align:middle;}

.right_table {
	text-align:right;}

TD.checkout {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
line-height:2.5;
padding-top:16px;
text-align:right;
vertical-align:middle;}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;}

SPAN.productSpecialPrice {
  color: #ff0000;}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { 
	font-size:11px;
	border:1px solid #ccc;
	padding:3px;
	margin-bottom:4px; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.strongblack {
	font-weight:bold;
	color:#333;}

#footer{
	background:transparent url(images/footer-repeat.jpg) repeat-x right top;}
#footer-container{
	width:944;
	height:238px;
	text-align:left;
	margin:0 auto;
	background:#110d0a url(images/footer-bg.jpg) no-repeat left top;
	}
#footer p{
	color:#816B4F;
	font-size:86%;
padding:162px 0 0 52px;}

#footer a, #footer a:visited {
	color:#816B4F;}
#footer a:hover, #footer a:active {
	color:#fff;}
/*Nav*/
#nav {
	background:transparent;
	font-size:1em;}
	
#nav li {
	list-style:none;
	float:left;
	border-right:1px solid #3a4c6e;
	text-transform:uppercase;}

#nav a, #nav a:visited {
	float:left;
	display:block;
	font-weight:bold;
	color: #f5f5f4;
	padding:12px 23px;
	text-decoration:none}
	
#nav a:hover, #nav a:active {
	background:#3a4d71;
	text-decoration:none}		
#second-nav {
	font-size:90%;
	padding:5px 0 0;}
#second-nav li {
	list-style:none;
	float:left;}

.quantity{
height:25px;
padding:2px !important;
width:30px;
font-size:12px;}

.add_to_cart {
border-top:1px solid #E8E8E8;
height:25px;
margin:10px 0 100px;
padding:10px 0 0;}

.add_to_cart ul {
	margin:0;}
	
.add_to_cart li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 13px 0 0;}

.note{
	font-size:11px;
	border:1px solid #ccc;
	padding:3px;
	margin-bottom:4px;}

.main_product {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
text-align:center;}

#search{
	padding: 0 4px;
	float:left;}
	
#content input, select{
font-size:12px;
margin:2px 0;
padding:2px;}
	
#search input{
height:23px;
padding:1px !important;
width:174px;}

.product_description{
	float:left;
	width:408px;}
.product_image{
	float:right;
	width:190px;
	padding:0 0 0 10px;
	text-align:center;}

.button {
background:transparent url(images/button-bg.gif) repeat-x scroll 0 0;
border-color:#000 !important;
border-style:solid !important;
border-width:1px !important;
font-size:12px;
margin:0;
width:60px !important;}

#category_depts {
background:transparent url(images/category-bg.gif) repeat-y top center;
width:230px;
 list-style-type: none;
 font-size:12px;
 font-family:Verdana,Arial,sans-serif;
 margin:0;
 padding:0;}
	
#category_depts li {
 padding:4px 0 0 16px;}
#category_depts li a {
color:#545454;}
	
.cat_lev_1 {
margin-left:23px;
_margin-left:10px;}
a.lev_1 {
color:#243D98 !important;}
.cat_lev_2 {
 list-style-type:none;
 padding:4px 0 0 10px!important;}
.cat_lev_3 {
 list-style-type:none;}
.selected {
 background:#f9f9f9;}
a.lev_0 {
background:transparent url(images/red-bullet.gif) no-repeat scroll left;
display:inline-block;
padding:0 0 0 16px;}

#category_main_list{
 margin:0;
 padding:0;
 width:222px;}

#category_depts ul {
 margin:0;
 padding:0;}
 
 /* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* FORMs */
.ddfmwrap{
width:508px;
	}

p.fieldwrap{
clear:left;
margin:1px;
padding:1px;
}

.fieldwrap label {
clear:left;
font-size:12px;
display:block;
float:left;
margin:0 10px 0 0;
padding-top:3px;
text-align:right;
width:25%;}

.fieldwrap input {
	display:block;
float:left;
margin-bottom:15px;
padding:3px;
width:57%;}

form.ddfm textarea {
display:block;
float:left;
margin-bottom:15px;
padding:3px;
width:72%;}

.pstrength-info {
float:left;
font-size:86%;
padding:0 0 0 5px;}

.password {
	width:100%;}
.pstrength-minchar {
display:none;}

.ddfm label.error {
background:transparent url(images/icons/error.gif) no-repeat scroll left center;
padding:0 0 0 15px;
margin:0 0 0 138px;
text-align:left;
width:57%;
display:inline;}