/*
  $Id$

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

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/

.ui-widget {
  font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
  font-size: 11px;
}

body {
  background: #fff;
  color: #000;
  margin: 0px;
  font-size: 11px;
  font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}

#bodyWrapper {
}

#bodyContent {
}

#header {
  height: 60px;
}

#storeLogo {
  float: left;
  margin-top: 5px;
}

#headerShortcuts {
  float: right;
  margin-top: 15px;
}

#columnLeft {
  padding-top: 5px;
}

#columnRight {
  padding-top: 5px;
}

.infoBoxContainer { }

.infoBoxHeading {
  padding: 2px;
  font-size: 11px;
}

.infoBoxContents {
  padding: 5px;
  font-size: 11px;
  line-height: 1.5;
}

.contentContainer {
  padding-bottom: 10px;
}

.contentContainer h2 {
  font-size: 16px;
  text-decoration: underline;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.contentText, .contentText table {
  padding: 5px 0 5px 0;
  font-size: 11px;
  line-height: 1.5;
}

.productListTable {
  padding: 5px;
  font-size: 11px;
  line-height: 1.5;
}

.productListTable tr.alt td {
  background-color: #ecf6fc;
}

.fieldKey {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
  width: 150px;
}

.fieldValue {
  font-size: 11px;
  line-height: 1.5;
}

h1 {
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 5px;
}

img {
  border: 0;
}

table, p {
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
	padding-bottom:10px;
  }

#piGal ul {
  list-style-type: none;
}

#piGal img {
  -webkit-box-shadow: 0px 0px 1px #000;
  -moz-box-shadow: 0px 0px 1px #000;
}

#piGal .outer {
  margin-left: -30px;
}

.buttonSet {
  clear: both;
}

.buttonAction {
  float: right;
}

.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: #70d250; text-decoration: underline; }

A {
 // color: #000000;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

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: #f8f8f9;
}

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: #f8f8f9;
}

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

.productListingHeader {
  table-layout: fixed;
  color: #FFFFFF;
  font-weight: bold;
}

.productListingHeader A:hover {
  color: #FFFFFF;
}

.productListingData {
  table-layout: fixed;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

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.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

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

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #f0a480;
  font-weight: bold;
}

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

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

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

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  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-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.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; }

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}
/*** Begin Header Tags SEO ***/
h2 {
 font-size: 16px;
 font-weight: normal;
 margin-bottom:0px;
 padding-left: 15px;
 padding-bottom: 20px;
 font-weight: bold;
}

h2 li{
	line-height: 1.3em;
 font-weight: normal;
}
/*** End Header Tags SEO ***/

/* a New StyleSheet */

*{
margin:0px;
padding:0px;
}
body 
{
margin:0px;
padding:0px;
background:#6197c3 url(images/body_bg.jpg) top center no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#504f4f;
font-weight:normal;
line-height:normal;
}
.midCol li
{
margin-left:35px;
}
OL { font-size: 14px; list-style-type: decimal; }

img
{
border:none;
}
.clear {
overflow: hidden;
width: 100%;
clear:both;
}
#bodywrapper
{
margin:0px auto;
width:1014px;
}
.roundbox
{
width:1014px;
float:left;
background:url(images/r_box_top.png) top center no-repeat;
margin-top:10px;
padding-top:20px;
}
.roundbox_mid
{
width:972px;
float:left;
background:url(images/r_box_mid.png) top center repeat-y;
padding:2px 21px 8px 21px;
}
.roundbox_btm
{
width:1014px;
height:22px;
float:left;
background:url(images/r_box_btm.png) bottom center no-repeat;
}
.header
{
width:972px;
float:left;
}
.logo
{
width:400px;
float:left;
text-align:right;
padding-top:11px;
}
.top_banner
{
width:572px;
float:left;
}
.top_banner img
{
vertical-align:bottom;
}
.menuBox
{
width:972px;
height:39px;
float:left;
background:url(images/menu_bg.jpg) top center no-repeat;
}
.midContainer
{
width:972px;
float:left;
padding-top:15px;
}
.leftCol
{
width:215px;
float:left;
}
.sdBox
{
width:215px;
float:left;
padding-bottom:14px;
}
.sdBoxHead
{
width:215px;
height:31px;
float:left;
background:url(images/sd_box_top.gif) top center no-repeat;
}
.sdBoxHead h1
{
color:#fff;
font-size:14px;
text-transform:uppercase;
padding-left:10px;
line-height:28px;
font-weight:bold;
}
.sdContent
{
width:193px;
float:left;
border-left:1px solid #f99e51;
border-right:1px solid #f99e51;
padding:15px 10px 10px 10px;
background:url(images/sd_content_bg.jpg) bottom left repeat-x;
}
.proImage
{
width:188px;
float:left;
text-align:center;
padding-bottom:10px;
}
.proImage img
{
height:120px;
width:195px;

}
.loginContainer
{
width:193px;
float:left;
}
.loginContainer h1
{
font-size:14px;
color:#504f4f;
font-weight:normal;
padding-bottom:10px;
}
.textBox
{
width:183px;
height:22px;
border:1px solid #cdcccc;
background:#fff;
padding:0 4px;
line-height:20px;
color:#9a9b9b;
vertical-align:middle;
font-size:13px;
margin-bottom:14px;
}
.submitButton
{ 
background:url(images/submit_button.gif) top center repeat-x;
width:193px;
height:27px;
font-weight:bold;
color:#fff;
cursor:pointer;
border:0px solid #e3e2e3;
text-align:center;
vertical-align:middle;
font-size:12px;
line-height:26px;
font-family:Arial, Helvetica, sans-serif;
}
.sdBoxBtm
{
width:215px;
height:9px;
float:left;
background:url(images/sd_btm.gif) top center no-repeat;
}
ul.sdmenu
{
padding:0px;
list-style:none;
}
ul.sdmenu li.submenu
{
font-size:13px;
color:#504f4f;
line-height:24px;
font-weight:normal;
background:url(images/circle_ic.gif) 1.5em 0.7em no-repeat;
padding-left:35px;
}
.submenu li a
{
color:#504f4f;
text-decoration:none;
}
.submenu li a:hover
{
color:#226caf;
text-decoration:underline;
}
.sdmenu li
{
font-size:13px;
color:#504f4f;
line-height:24px;
font-weight:normal;
background:url(images/circle_ic.gif) 0 0.7em no-repeat;
padding-left:17px;
}
.sdmenu li a
{
color:#504f4f;
text-decoration:none;
}
.sdmenu li a:hover
{
color:#226caf;
text-decoration:underline;
}
.midCol
{
width:512px;
padding:0px 15px;
float:left;
}
.midCol h2
{
 font-size: 16px;
 font-weight: normal;
 margin-bottom: 0;
 padding-left: 0px;
 padding-bottom: 20px;
 font-weight: bold;
}

.midCol h2 p, .midCol h2 div
{
 font-family: Verdana,Arial,sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 10px;
 padding-left: 0px;
 padding-bottom: 0;
 line-height: 1.5;
}
.bannerBox
{
width:512px;
float:left;
padding-bottom:20px;
}
.rightCol
{
width:215px;
float:left;
}
.text_container
{
width:512px;
float:left;
}
ul.list_item
{
padding:0px;
}
.list_item li
{
font-size:13px;
color:#504f4f;
line-height:22px;
font-weight:normal;
background:url(images/square_arrow.gif) 1em 0.4em no-repeat;
padding-left:40px;
}
.list_item li a
{
color:#504f4f;
text-decoration:none;
}
.list_item li a:hover
{
color:#504f4f;
text-decoration:underline;
}
.listBox
{
float:left;
width:512px;
padding-bottom:15px;
}
.text_container h1
{
color:#2e507a;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
padding-bottom:10px;
}
.text_container p
{
color:#504f4f;
font-size:13px;
font-weight:normal;
padding-bottom:15px;
line-height:21px;
}
.social_box
{
width:90px;
float:right;
padding:6px 20px 0 0;
text-align:center;
}
.menu
{
width:850px;
float:left;
}

/*css for menu*/
ul.dropdown 
{
position: relative;
padding:1px 3px 0px 3px;
list-style:none;
}
ul.dropdown li   
{ 
font-weight:bold; 
float: left; 
zoom: 1;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
text-transform:uppercase;
line-height:37px;
border-right:1px solid #5f8bb8;
}
ul.dropdown li.arrow
{ 
font-weight:bold; 
float: left; 
zoom: 1;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
text-transform:uppercase;
line-height:37px;
border-right:1px solid #5f8bb8;
background:url(images/drop_arrow.gif) 1.1em 1.1em no-repeat;
}
ul.dropdown a:hover		            { color: #fdab2a; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a 
{ 
padding: 0px 29px;
height:37px;
color: #fff; 
text-decoration:none;
}
ul.dropdown li a.selected
{ 
color:#fdab2a;
text-decoration:none;
background:url(image/menu_over.gif) top center repeat-x;
}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background:none; color:#fdab2a; position: relative; }



ul.dropdown ul 						{ width:74%; visibility: hidden; position: absolute; top:100%; left: 0; }
ul.dropdown ul li 
{
font-weight: normal; 
border: 1px solid #638cb7; 
border-top:none; 
border-bottom:none; 
float: none; 
cursor:pointer; 
font-size:12px; 
line-height:24px; 
text-transform:none; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
ul.dropdown ul li 
{
	font-weight: normal; 
	border: 1px solid #638cb7; 
	border-top:none; 
	border-bottom:none; 
	float: none; 
	cursor:pointer; 
	font-size:12px; 
	line-height:0px; 
	text-transform:none; 

}

}

ul.dropdown ul li:hover
{
background:#254f83;
}
									  
ul.dropdown ul li img				{ vertical-align:middle;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a
{
border-right: none; 
width: 100%; 
display: inline-block; 
padding-left:30px; 
height:28px; 
background: #254f83 url(images/left_arrow.gif) 1em 0.7em no-repeat; 
color: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul.dropdown ul li a
{
border-right: none; 
width: 100%; 
display: inline-block; 
padding-top:10px;
padding-left:30px; 
height:18px; 
background: #254f83 url(images/left_arrow.gif) 1em 0.7em no-repeat; 
color: #fff;
}	
}

ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/*css for footer*/
.footer
{
width:972px;
/*float:left;*/
padding:10px 21px 20px 21px;
text-align:center;
}
ul.ftmenu
{
padding:0px;
}
.ftmenu li
{
font-size:12px;
color:#ffff;
font-weight:normal;
padding:0px 5px 0px 5px;
display:inline;
}
.ftmenu li a
{
color:#fff;
text-decoration:none;
}
.ftmenu li a:hover
{
color:#cde7fc;
text-decoration:underline;
}
.footer p
{
color:#fff;
font-size:12px;
font-weight:normal;
padding-top:10px;
}
.footer p a
{
color:#fff;
text-decoration:none;
}
.footer p a:hover
{
color:#cde7fc;
text-decoration:underline;
}



/*css for form box */
.formTop
{
width:512px;
background:url(images/grey_paper_top.png) top center no-repeat;
float:left;
height:25px;
}
.formBtm
{
width:512px;
background:url(images/grey_paper_btm.png) top center no-repeat;
float:left;
height:37px;
}
.formBox
{
width:472px;
background:url(images/grey_paper.png) top center repeat-y;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#504F4F;
line-height:1.5;
font-size:11px;
padding:0px 20px 0px 20px;
}
.quoteButton
{ 
background:url(images/submit_button.png) top center no-repeat;
width:265px;
height:39px;
font-family:Tahoma;
font-weight:bold;
font-size:14px;
color:#fff;
cursor:pointer;
border:0px solid #e3e2e3;
margin-left:0px;
text-align:center;
vertical-align:middle;
}

OL li, ul li{ font-size: 14px; }

/*****************************  categories dropdown **********************************/

	/* General */
	#categories { width:963px; }
	#categories, #categories ul { list-style: none; }
	#categories, #categories * { padding: 0; margin: 0; }
	
	/* Head links */
	#categories li.headlink { 
		float: left; 
		background:url(images/cat_left.gif) no-repeat top left;
		border-right:1px solid #5F8BB8;
		margin-top:1px;
	}
	#categories li.first { 
		background:url(images/cat_left_1.gif) no-repeat top left; 
	}
		
	#categories li.headlink a { 
		display:block;
		text-align: center; 
		padding: 11px 0 10px 0; 
		font:bold 13px Arial;
		color:#fff;
		background:url(images/cat_right.gif) no-repeat top right;
		text-decoration:none;
		text-transform:uppercase;
	}
	#categories li.headlink a:hover { color:#fdab2a; }
	#categories li.last a { 
		background:url(images/cat_right_1.gif) no-repeat top right; 
	}
	
	#categories li.cat_over { 
		background:url(images/cat_left_over.gif) no-repeat top left; 
	}
		
	#categories li.cat_over a { 
		background:url(images/cat_right_over.gif) no-repeat top right; 
	}
	
	#categories li.cat_over_first { 
		background:url(images/cat_left_over_1.gif) no-repeat top left; 
	}
	#categories li.cat_over_last a { 
		background:url(images/cat_right_over_1.gif) no-repeat top right; 
	}
	
	

	/* Child lists and links */
	#categories li.headlink ul { 
		position:absolute; 
		z-index:333; 
		display: none;
		background:white; 
		border: 1px solid #638CB7;
		border-top:0px none;
		text-align: left;
	}
	#categories li.headlink:hover ul { display: block; }
	#categories li.headlink:hover a { color:#fdab2a;}
	#categories li.headlink:hover ul li a { color:#fff; }
	#categories li.headlink ul li a { 
		text-align:left; 
		margin:0 5px;
		padding: 5px 9px;
		height: 18px;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #374c61;
		background:url(images/left_arrow.gif) 0 0.65em no-repeat;
		text-transform:capitalize;
	}
	#categories li.headlink ul li a:hover {color: #fdab2a;}
	
	/* Pretty styling */
	#categories a { color: #000; } #categories ul li a:hover { text-decoration: none; }
	#categories li.headlink ul {  
		padding: 5px 0 10px; 
		background:#254f83 url(images/az_drop_bg.gif) bottom left repeat-x;
	}
	
	
	#categories ul.three-levels {width:360px; list-style:none; padding:7px 8px !important;}
	#categories ul.three-levels li { width:180px; background:none;}
	#categories ul.three-levels li.head { 
		float: left; 
		background:url(images/az_cat_head_bg.gif) top left repeat-x;
	} 
	#categories ul.three-levels li.head a{ text-align: left; font-weight:normal; }
	
	#categories ul.three-levels li.head ul {position:static; border:none; background:none; padding:5px 0 }
	#categories ul.three-levels li ul li a { 
	text-align: left ; 
	margin:0 5px;
	padding: 5px 5px 5px 17px;
	height: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	}