@import url(nav.css); /* CSS for menu style */
/* Reset Browser Styles-------*/
@import url("reset.css");
/* main styles --------------*/\

/*==================================*\
|*		Re-usable Classes			*|
\*==================================*/
*{} .left{text-align:left;} .right{text-align:right;} .center{text-align:center;} .top{ vertical-align:top} .bottom{vertical-align:bottom;}
.floatLeft{float:left;} .floatRight{float:right;} .clear{clear:both;} .clearLeft{clear:left;} .clearRight{clear:Right;} 
.bold{font-weight:bold;} .italic{font-style:italic;} .caps{text-transform:capitalize;} .upper{text-transform:uppercase;}
.width20{width:20%;}.width30{width:30%;}.width50{width:50%;}.width80{width:80%;}.width90{width:90%;}.width100{width:100%;}
.negTop30{margin-top:-30px !important;} .negBot40{margin-bottom:-40px !important;}.nomargin{margin:0px;} .nowrap{white-space:nowrap;}
.inline{display:inline !important;} .block{display:block !important;} .inlineBlock{ display:-moz-inline-box; display:inline-block; }
.hideme{display:none;} .hideme a{float:none !important; display:inline !important;}  .imageLeft{ margin: 0 10px 10px 0; }  .imageRight{ margin: 0 0 10px 10px; }




/*==================================*\
|*		Structure					*|
\*==================================*/
body 						{ margin:0; padding:0; background: #ffffff url(/images/bg.gif) repeat-x; }
#main_container 			{ margin:0px auto; width:1000px; height:auto; }
#topnav 					{ height: 36px; width:1000px; /*float:left;*/ }
#body 						{ height:auto; width:1000px; float:left; background-color:#f9f7f4; border-bottom:5px solid white; }
#bodyleft 					{ height:auto; width:737px; float:left; }
#banner 					{ height:314px; background: #ffffff url(/images/bg-main.jpg) no-repeat top left; }

#content 					{ height:auto; padding:24px 20px 24px 42px; background: #f9f7f4 url(/images/bg-content2.jpg) no-repeat top left; min-height:544px; }

#bodyright 					{ height:auto; width:252px; float:right; padding-top:12px; padding-left:11px; }
.ads 						{ padding-bottom:12px; }
.ads img					{ border: 1px solid #ccc; }

#footer 					{ height:110px; width:1000px; float:left; border-top:1px dotted #CCCCCC; }

#breadcrumb					{ margin-bottom:10px; }



/*==================================*\
|*		Typography					*|
\*==================================*/
body						{ color: #837870; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }

h1 							{ font-size:18px !important; line-height: normal; font-weight: normal; margin-bottom:10px; color: #1885a9; text-decoration: none; text-transform:uppercase; }

body h2						{ font-weight:bold; font-size:18px; margin:0 0 10px; color:#555; }
body h3						{ font-weight:bold; font-size:15px; }

body p						{ margin:13px 0; }

#breadcrumb, #breadcrumb a	{ font-size:10px; color:#444; }

#content 					{ line-height: 20px; font-weight: normal; text-decoration: none; }
#content2 					{ line-height: 20px; font-weight: normal; text-decoration: none; text-align:justify; }

#content2 a 				{ color: #837870; text-decoration: underline; }
#content2 a:hover 			{ color: #0b57aa; text-decoration: underline; }

.w 							{ background: url(/images/bg-w.gif) no-repeat top left; }

#footer 					{ color: #999999; text-align:center; text-decoration: none; line-height: 30px; }
#footer a 					{ color: #999999; text-decoration: none; }
#footer a:hover 			{ color: #666666; text-decoration: underline; }

input, textarea, select		{ color:#333; }
hr, .hr						{ border:none; border-top:1px dotted #333; margin-top:10px; clear:both; }

em							{ font-style:italic !important; }




/*==================================*\
|*		Application CSS				*|
\*==================================*/
#searchResults .vcard 		{ margin:3px 0 10px; padding:0px 10px; }
#searchResults .featured 	{ background:#fff; border:1px solid #888; padding:15px 10px;}
#searchResults .featured .label { float:right; margin-top:-15px; font-size:10px; text-transform:uppercase;}

#searchResults .vcard dt a 	{ text-decoration:none; }
#searchResults .vcard dt a span{ text-decoration:underline; }
.vcard img					{ float:left; margin-right:9px; }
.vcard .url					{ width:500px; margin-right:-500px; }

#map 						{ width: 325px; height:350px; float:right; }

.oscSection					{ margin:0px 0 20px 0; }

#cart_box					{ float:right; border:1px solid #777; width:150px; }
#cart_box h3				{ background:#ddd; margin:0px; border-bottom:1px solid #777; }
#cart_box h3 a				{ padding:2px 10px; text-decoration:none; color:#444; display:block; }
#cart_box div	 			{ margin:5px 10px; }
#cart_box .sep				{ background:#777; height:1px; }

#map						{ width:245px; height:170px; border:1px solid #999; margin:0 0 0 5px; background:url(/images/no_map.png) no-repeat;}
.gmnoprint span				{ visibility:hidden;}

li.approved					{ list-style-image:  url(/images/icons/ok.gif) }
li.pending					{ list-style-image:  url(/images/icons/red_att.gif) }
div.approved				{ background:  url(/images/icons/ok.gif) no-repeat; height:16px; width:16px; margin:auto; }
div.pending					{ background:  url(/images/icons/red_att.gif) no-repeat; height:16px; width:16px; margin:auto; }
div.approved span, 
div.pending span 			{ display:none !important; }

span.approved				{ background:  url(/images/icons/ok.gif) no-repeat; padding:0 0 0 20px; margin:0 10px 10px 0; }
span.pending				{ background: url(/images/icons/red_att.gif) no-repeat; padding:0 0 0 20px; margin:0 10px 10px 0; }


.ulmenu						{ margin:30px 0px 0px; padding:0px;list-style-type:none }
.ulmenu li					{ list-style-type:none; margin: 0px; padding:0px }

.ulmenu .floatRight button	{ margin-right:5px; }
.ulmenu .floatLeft button	{ margin-left:5px; }
.messageStack				{ clear:both; }
.messageStack ul, 
.messageStack li			{ list-style-type:none; margin: 0px; padding:0px; }
.error, .messageStackError	{ color:#FFFFFF !important; background-color:#FF0000;padding:3px 5px !important; }
.messageStackError dt, 
.messageStackError dd		{ color:#FFFFFF; }
.messageStackSuccess		{ color:#FFFFFF !important; background-color:#009900; padding:3px 5px !important; }
.messageStackWarning		{ color:#FFFFFF !important; background-color:#FF9900; padding:3px 5px !important; }

.error a, 
.messageStackError a		{ color:#226; }
.error a:hover, 
.messageStackError a:hover	{ color:#fff; }

.errorRow					{ background:#fab; padding:5px; }

.loading, .loading td		{ width:100%; background:url(/images/loading2.gif) no-repeat center 40%; padding:10px 0px 40px 0px; }
.loading span				{ display:block; margin-top:80px; text-align:center; font-weight:bold; color:#666666; }

#order_comments, 
ul.checkoutBar				{ display:none; }




/*========================*/
/*      Form Styles		  */
/*========================*/
.frm_struct					{ margin:0px; padding:0px; list-style-type:none; }
.frm_struct li				{ float:left; clear:left; margin:0 0 10px 0; font-weight:bold; font-size:12px; width:100%; }
.frm_struct li label		{  }
.frm_struct li div label	{ padding: 0 23px 0 0; display:block; clear:both; font-size:10px; color:#404040; text-align:left; width:auto; }

.frm_struct input,
.frm_struct select,
.frm_struct textarea		{ float:left; clear:right; }

input[type=text], 
input[type=password], 
textarea					{ /*padding:3px 2px;*/ /*background-color:#fff !important; */ }
input[type=text], 
textarea, 
select						{ /*background:#fff url(/images/bg/input_bg.png) repeat-x; */ /*border:1px solid #999;*/ }
select						{ padding:2px 2px; }

#phone label				{ width:23px; float:left; display:none; }

#frm_error					{ background-color:#ff0000; border:2px solid #aa0000; color:#fff; font-weight:bold; margin: 0 0 10px 0; padding: 3px 10px; }
.inputRequirement			{ color:#ff0000; }

.frm_struct .radio			{ float:left; }
.frm_struct .radio div		{ float:left; width:95%; }
.frm_struct .radio input	{ float:left; }
.frm_struct .radio label	{ padding:1px 0px 4px 5px; float:left; }

input.medium, 
select.medium, 
textarea.medium				{ width:50%; }
input.large, 
select.large, 
textarea.large				{ width:100%; }


.addressBlock .width100 input,
.addressBlock .width100 select{ width:98%; }
.addressBlock .width80		{ width:80%; }
.addressBlock .width80 input,
.addressBlock .width80 select{ width:98%; }
.addressBlock .width50 input,
.addressBlock .width50 select{ width:96%; }
.addressBlock .width50		{ width:50%; }
.addressBlock .floatLeft	{ float:left; clear:none; }
.addressBlock .clearLeft	{ clear:left; }


.addressBlock .phone		{float:left;width:150px;}
.addressBlock .main 		{font-size:14px; padding-bottom:5px;  display:block; float:left;}

.compact input				{  }
.compact 					{ position: relative;  }
.compact label				{ display:none; }
.compact label.over 		{ color: #bbb; position: absolute; top:4px; left:7px; }

#topright div, 
#headerLogin div			{ float:left }



/*================================*/
/*      Payment Form Styles		  */
/*================================*/
.cartTable					{ width:100%; border:none; }
.cartTable					{ font-size: 13px; font-weight: normal; text-decoration: none; }
.cartTable th				{ padding:15px 10px; color: #000000; }
.cartTable td				{ padding:5px 5px; } 
.cartTable > tr > td, 
.cartTable > tbody > tr > td,
.cartTableTd				{ padding:10px 10px; }
.cartTable h2				{ font-size:20px; }
.cartTable label			{ font-weight:bold; }
.cartTable .even			{  }
.cartTable .odd				{ background:#E9F4FC; }

dl							{ margin:0px 0px 5px; }
dd							{ margin-left:20px; }
dt							{ font-weight:bold; }
.dlTable dt					{ float:left; margin-right:10px; font-weight:normal; }
.dlTable dd					{ clear:right;font-weight:bold; }

.paymentTable				{ margin:0px 0px; }
.paymentTable th			{ text-align:left; font-weight:bold; }

.paymentTable tr.selected td{ background:#fff;/*#E9F4FC;*/ border:1px solid #eee; }
.paymentTable tr.grey td,
.paymentTable tr.grey:hover td.nohover{ background:#D7E9F7; color:#fff; }

.paymentTable tr:hover td	{ background:#D7E9F7; }
.paymentTable tr:hover td.nohover{ background-color:inherit; }
.paymentTable tr.selected:hover td{ background:#E9F4FC; }

.paymentTable .blockQuote	{ margin:10px 0 0 15px; width:80%; } 
.paymentTable dl			{ margin:0px; padding:0px; } 
.paymentTable dd			{ float:right; margin-right:12px; } 
.paymentTable				{ margin-bottom:20px; } 

.paymentTable dt			{ font-weight:bold; padding-left:5px;}
.paymentTable dt, .paymentTable dd{ padding-top:3px; }

.paymentTable .frm_struct 	{ width:95%; }
.paymentTable .frm_struct li{ width:100%; }
.paymentTable .frm_struct li label{ float:left; width:32%; font-weight:normal; }
.paymentTable .frm_struct li div{ float:left; }


.paymentTable				{ margin:0px 0px; }
.paymentTable th			{ text-align:left; }
.paymentTable td			{  }

.paymentTable tr.selected td{  }
.paymentTable tr:hover td	{ background:#eee; }
.paymentTable tr:hover td.nohover{ background-color:inherit; }
.paymentTable tr.selected:hover td{ background:#fff; border:1px solid #ddd; }


.comparisonTable			{ width:100%; border:1px solid #1A3D5B; border-right:none; border-bottom:none; border-spacing:0px;}
.comparisonTable th, 
.comparisonTable td			{ border:1px solid #1A3D5B; border-left:none; border-top:none; }
.comparisonTable th			{ font-size:12px; border-bottom:3px solid #333; line-height:15px; background:#E1F4FA; }
.comparisonTable th span	{ display:block; font-size:23px; letter-spacing:-1px; }
.comparisonTable td			{  }

.comparisonTable .first		{ border-right:2px solid #1A3D5B; }
.comparisonTable th.first	{ width:25%; text-align:left; vertical-align:bottom; padding:13px 3px 0; font-weight:normal; background:none; }
.comparisonTable th.first span{ color:#275F8B; font-weight:bold; font-size:20px; }
.comparisonTable td.first	{ padding:7px; color:#000; }

.comparisonTable a			{ text-decoration:none; }
.comparisonTable th a		{ display:block; text-align:padding:7px; color:#1A3D5B; text-align:center; }
.comparisonTable td a		{ display:block; text-align:center; padding:7px; color:#333; font-weight:bold; }
.comparisonTable td a:hover	{  }


.yes a span, .no a span 	{ display:none }
.yes a, .no a				{ display:block; min-height:20px; height: 100% !important; background: no-repeat center; }
.yes a						{ background-image: url(/images/icons/icon_check.gif); }
.no a						{ background-image: url(/images/icons/delete.png); }




/*================================*/
/*      Button Styles			  */
/*================================*/
#pagehead .btnWrap			{ padding:0px 0px 0px; }

.btnWrap a:hover,
.btnWrap a:hover span		{ background-color:transparent !important; }
.btnWrap button, 
button.btnWrap 				{ background:transparent; border:none;padding:0px; }

.floatLeft button			{ margin-left: -10px; }
.floatRight button			{ margin-right:-10px; }

.btnWrap .btn,
.btn						{ margin:0 10px 0 0; font-weight:bold; color:#777; }
.btnWrap button .btn, 
button.btnWrap .btn			{ margin:0 0 0 0; }

.btn:link, 
.btn:active, 
.btn:visited				{ text-decoration:none !important; }

.btnWrap .btn:hover,
.btn:hover					{ text-decoration:underline !important; background-color:transparent !important; }

.btnWrap .btn .pls,
.btn .pls,
.btnWrap .btn .non,
.btn .non					{ display:block; background:transparent; padding: 6px 9px 7px; }

.non, .pls					{ cursor: pointer; }
button .non, button .pls	{ cursor: default; }

.btnWrap .btn, 
.btnWrap .btn .tr, 
.btnWrap .btn .bl, 
.btnWrap .btn .br, 
.btn, 
.btn .tr, 
.btn .bl, 
.btn .br 					{ background-repeat: no-repeat; display:block; }

.btnWrap .btn .tr,
.btn .tr					{ background-position: top right; }
.btnWrap .btn .bl,
.btn .bl					{ background-position: bottom left; }
.btnWrap .btn .br,
.btn .br					{ background-position: bottom right; }

.btn, 
.btn .tr, 
.btn .bl, 
.btn .br,
.btn:active, 
.btn:active .tr, 
.btn:active .bl,
.btn:active .br,
.btnWrap .btn .tr, 
.btnWrap .btn .bl, 
.btnWrap .btn .br, 
.btnWrap .btn:active, 
.btnWrap .btn:active .tr, 
.btnWrap .btn:active .bl, 
.btnWrap .btn:active .br	{ background-image:inherit; }



/* Button Background Image */
.btn 						{ background-image:url(/images/buttons/button_bg_lgrey_DHS.png); }
.whiteBg					{ background-image:url(/images/buttons/button_bg_lgrey.png); }

/* BG Image of Add-Item Buttons */
.btnWrap .btn .pls,
.btn .pls					{ background:url(/images/buttons/button_itm_plus_gry.png) no-repeat 9px center; padding: 6px 9px 7px 22px; }

/* Typography */
.btnWrap .btn .pls,
.btn .pls,
.btnWrap .btn .non,
.btn .non					{ color:#333; font-size:11px; text-shadow:white 0px 1px 1px; font-weight:bold; line-height:1.3em; }