@charset "utf-8";
/* CSS Document */
body {
	background: #FFFFFF !important;
	font: 13px Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0;
	padding:0;
}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p { margin:0; padding:0; }
a{ color:#6a8bac; text-decoration: none; cursor:pointer; }
a:hover { color:#505050; text-decoration: none; cursor:pointer; }
img { border:none; cursor:pointer; }

#mw_wrapper { width:900px; height: auto; margin:0 auto; background-color:#ffffff; }
#banner { height: 90px; width: 100%; color: #6C84A7; overflow: hidden; margin: 0; padding: 0; }

/*Top search*/
#search_container { display: inline !IMPORTANT; width: 200px; height: auto; margin: 10px 15px 0 0; padding:0; }
#search_inlinebox { display: inline !IMPORTANT; float: right; padding:0; }
.loginText { border:1px solid #ccc; font-size:11px; height:15px; margin-top:2px; }

/*Banner*/
.flash_homepage {
	float:left;
	width:100%;
	text-align: left;
	margin:0;
	padding: 0;
	min-height:200px;
}

/*Index middle part*/
#container {
	width:100%;
	color:#505050;
	text-align:left;
	margin:0;
	padding: 0;
	font-size:12px;
}
#module_container {
	width: 100%;
	height: 160px;
	float: left;
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
	text-align:left;
}
#module_container a, #module_container a:visited {	color:#6a8bac;	text-decoration: none;}
#module_container a:hover {	color:#505050;	text-decoration: underline;}
.moduleTitle { background: transparent; margin: 3px 0 5px 0; padding: 1px 0 1px 2px; display:block; font-weight:bold; }
.module_home_container { display: inline; width: 224px; height: 160px; float: left; overflow: hidden; margin:0; padding:0; }
.module_home { display: block; width: 100%; height: 100%; overflow: hidden; margin:0; padding:0; }
.module_home_container p { font: 11px Arial, Verdana, sans-serif; color: #505050; text-align: left; padding: 5px 5px 5px 5px; }
.module_img_thumbnail img { border: 1px solid #ccc; margin: 5px 5px 5px 10px; float:right; }

/* Footer Styles */
#footer_wrapper {height: auto; width: 1000px; margin-right: auto; margin-left:  auto;}
#footer {
	width:100%;
	height: 10px;
	float:left;
	background: #FFFFFF url('http://local.monumentwarehouse.com/images/footer_pixel.gif') repeat-x;
	text-align: right;
	margin: 0;
	padding: 0;
}
#footer a {	color:#6a8bac; text-decoration: none;}
#footer a:hover { color:#666666; text-decoration: underline;}
p.footer {	font-size: 0.8em; padding: 12px 18px 6px 18px;}

/*Product page ul css*/
ul#ul_container { list-style-image: url('http://local.monumentwarehouse.com/images/bullet_blue.gif'); margin: 0px; padding: 0px; margin-left: 25px; padding-bottom: 10px; }
ul#ul_container li { line-height: 1.4em; margin: 5px 0 0 0; padding: 0 0 0 0; }
ul#dot_container { list-style-image: url('http://local.monumentwarehouse.com/images/dot.gif'); margin: 0px; padding: 0px; margin-left: 25px; padding-bottom: 10px; }
ul#dot_container li { line-height: 1.4em; margin: 5px 0 0 0; padding: 0 0 0 0; }

/*Contact us*/
.contact_titlebar_blue { background: url('http://local.monumentwarehouse.com/images/contact_blue_pixel.jpg') repeat-x scroll left top #3B496E; color: #FFFFFF; }
.contact_infobox { border: 1px solid #999999; margin: 25px 0 0 50px; padding-bottom: 16px; width: 253px; font-size:13px; }

/*For form Elements*/
.frmSelect{ width:180px; border:1px solid #CCC; height:20px;}
.frmTextbox{ width:180px; border:1px solid #CCC; height:18px;}

/*General*/
.centerContent { float:left; width:99%; height:auto; padding:5px; display:block;} /* For all inner content */
.paragraph{ margin:0px; text-align:justify; padding-top:5px; margin-bottom:1em}
.spanHeading, .spanHeading a, .spanHeading a:hover, a.spanHeading, a:hover.spanHeading{ color:#2E406B; font-size:13px; font-weight:bold; padding-top:10px; }

.fleft, .left{ float:left;}
.fright, .right{ float:right;}

#wrapper {height: auto; width: 1000px; margin-right: auto; margin-left: auto; border-left:1px dotted #7c7c7c; border-right:1px dotted #7c7c7c; background-color:#ffffff; padding-bottom:1em; }
#middlecontent{ float: left;  width:980px; height:auto; padding-left:10px; padding-right:10px; }

/*Header*/
.logo{ width:39.9%; height:100px; background-image:url("http://local.monumentwarehouse.com/images/logo.png"); background-repeat:no-repeat; background-position:20px; cursor:pointer; }

/*Top navigation*/
.topnavigation {	
	width:100%;
	height:36px; 
	margin-right: auto;
	margin-left: auto; 
	background-image:url("http://local.monumentwarehouse.com/images/navigation_active.jpg");	
	background-repeat:repeat-x;
}
.navigation { display: block; float: left;  height: 36px; width:10%; font-weight:bold; }	
.navigation a{ display:block; text-align:center; height: 26px; padding-left:5px; padding-right:5px; padding-top:10px; color:#ffffff;} 
.navigation a:hover { display:block; color:#333; background-image:url("http://local.monumentwarehouse.com/images/navigation_hover.jpg"); background-repeat:repeat-x;}
.seperator{ border-right:1px solid #1f658f;}

/*Buttons */
/*orange button*/
.actionPart{width:auto; height:auto; padding-top:8px;}
.orangeButton {
	float:left;
	width:auto;
	height:21px;
	background-image:url("http://local.monumentwarehouse.com/images/design_orange_pixel.jpg");
	background-repeat:repeat-x;
	border-radius:7px;
	color:#FFF;
	font-size:14px;
	text-align:center;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}
.redButton {
	float:left;
	width:auto;
	height:21px;
	background-image:url("http://local.monumentwarehouse.com/images/design_red_pixel.jpg");
	background-repeat:repeat-x;
	border-radius:7px;
	color:#FFF;
	font-size:14px;
	text-align:center;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}
.greenButton {
	float:left;
	width:auto;
	height:21px;
	background-image:url("http://local.monumentwarehouse.com/images/design_green_pixel.jpg");
	background-repeat:repeat-x;
	border-radius:7px;
	color:#FFF;
	font-size:14px;
	text-align:center;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}
a.orangeButton , a:hover.orangeButton, a.redButton , a:hover.redButton, a.greenButton , a:hover.greenButton{ color:#FFF;}

/*Curve css*/
.blueButton{   
    width:auto; height:21px; 
	background-image:url("http://local.monumentwarehouse.com/images/design_blue_pixel.jpg"); 
	background-repeat:repeat-x; border-radius:7px; color:#FFFFFF; font-size:14px; 
	text-align:center; padding:4px;
	cursor:pointer;
}
a.blueButton , a:hover.blueButton{ color:#FFF;}
.button_div{ padding: 15px 5px 8px 5px;}

/* select box */
.selbox {border:1px solid #898d8e;margin:2px;width:167px;}
.selboxauto {border:1px solid #898d8e;margin:2px;width:auto;}

/* Text box */
textarea{padding:2px 1px 1px 1px;border:1px solid #898D8E}
.text{padding:2px 1px 1px 1px;width:165px; border:1px solid #898D8E}
.smalltext{ width:20px; border:1px solid #898D8E; height:15px;text-align:right;}
.smalltext2{ width:35px; border:1px solid #898D8E; height:15px;text-align:right;}
.hiddentext{border:0px;text-align:right;}
/*labeling area*/
.lbl1_width{ width: 110px;}
.lbl2_width{ width: 67px;}
.lbl3_width{ width: 160px;}
.lbl4_width{ width: 170px; font: 13px "Arial",Helvetica,Tahoma; text-decoration:underline; color:#D66300; cursor:pointer;}
.sublabel{padding:3px; font-size:13px;color:#333333;}
.lbltxt{font-size:13px;color:#333333;}
.txtalright{text-align : right;}
.txtalleft{text-align : left;}
.txtalcenter{text-align : center;}

.centerBox { float:left; width:960px; height:auto; padding-top:10px; padding-left:10px; display:block;} 
.middlebox{  float:left; width:780px; height:auto; }
.allContent{ float:left; width:980px;}

.mailto a{ color:#0f5a7e;}
.mailto a:hover { color:#0f5a7e; text-decoration:underline}
.clear { clear: both; display: block;  height: 1px; overflow: hidden; margin: 0px; padding: 0px;}

/*Common Text */
.productHeading{height:auto; font-size:24px; padding-top:10px; }
.innerHeading {color:#0f5a7e; font-size:13px; font-weight:bold}
.errortxt{color: #FF0000;font: 13px "Arial",Helvetica,Tahoma;}
.striketxt{color: #FF0000;font: 13px "Arial",Helvetica,Tahoma;text-decoration: line-through;}
.edit_quote_div{width:250px;padding:3px 5px 5px 10px;}

/* fade div */
.bgfadediv{ display: none;position: absolute;top:0;left:0;background-color:#333;z-index:1001;opacity:0.70;}
.frdispdiv{ display: none;position: absolute;margin:0;z-index:1002;}
.topbar {
    background: url("http://local.monumentwarehouse.com/images/topbg.gif") repeat-x scroll left top transparent;
    height: 18px;
    padding: 5px;
    text-align: right;
}

/*line separator*/
.dotsep3 { background: url("http://local.monumentwarehouse.com/images/dotsep3.jpg") repeat-x scroll 0 0 transparent;}

/*Anchor color*/
.linkclr { text-decoration:none; color:#D66300; cursor:pointer; }
.linkorangeclr { font: 13px "Arial",Helvetica,Tahoma; text-decoration:none; color:#FF7E00; cursor:pointer; }
.orangeLink { font: 16px "Arial",Helvetica,Tahoma; text-decoration:none; color:#FF9600; cursor:pointer; }
.handsymbol{ cursor:pointer;}

/*Table class*/
.tableclass{border:1px solid #999999; table-layout:fixed; border-collapse:collapse}
.tableclass th{ padding:5px; text-align:center;color: #333333; font-weight:bold; font-size:13px  }
.tableclass td { border:1px solid #999999; border-left:none; border-right:none;}

.tableclass2{border:1px solid #999999; table-layout:fixed;}
.tableclass2 th{ text-align:center; color: #333333; font-weight:bold; font-size:13px  }
.tableclass2 td { border:1px solid #333333; border-left:none;}

#orderTable{ border-collapse:collapse; border:1px solid #C3C3C3; padding:5px; margin-bottom:1em; margin-top:1em;}
#orderTable td{border:1px solid #C3C3C3; text-align:center;}

#boltable{ border-collapse:collapse; border:1px solid #999999; padding:5px; margin-bottom:1em; margin-top:1em;}
#boltable td{border:1px solid #999999;}
.bolNotice {
	font-size: 16px;
    font-weight: bold;
    margin: 5px;
    text-align: justify;
    text-transform: uppercase;
    width: 100%;
}

#reportTable{ border-collapse:collapse;padding:2px; margin-bottom:1em; margin-top:1em;}
#reportTable .grey{ padding:4px 3px 4px 3px; background-color:#DFDFDF; }
#reportTable .white{ padding:4px 3px 4px 3px; background-color:#EFEFEF; }
#reportTable th{ padding:5px; background-color:#3b73b9; border:1px solid #3b73b9; color:#ffffff; font-weight:bold; text-align:center;}
#reportTable td{ padding:5px 0px;}
#reportTable2{ border-collapse:collapse;padding:5px; margin-bottom:1em; margin-top:1em;}
#reportTable2 .grey{ padding:4px 3px 4px 3px; background-color:#DFDFDF; }
#reportTable2 .white{ padding:4px 3px 4px 3px; background-color:#EFEFEF; }
#reportTable2 th{ padding:5px; background-color:#7C7C7C; border:1px solid #7C7C7C; color:#ffffff; font-weight:bold; text-align:center;}

.collgfont{ font-size:18px; text-align:right; }

/*for Report*/
.addressDiv { height:120px; padding:10px 5px 5px 10px;width: 230px;}
.salesNO { height: 120px; padding:10px 5px 5px 10px; text-align:right;}

/*Paging*/
.prevact, .nextact{color: #006DC1; float:left;cursor:pointer;}
.previnact, .nextinact, .nopaging{ color: #A09F9F;}
.paginginact{ color: #0B89D9;}
.prevact, .nextact, .pagingact, .previnact, .nextinact, .nopaging, .paginginact{
	background: #FFFFFF;
	padding:0px 3px 0px 3px;
	border:1px solid #A09F9F;
	font: bold 12px arial, helvetica, sans-serif;
	overflow: visible; 
	vertical-align: middle;
}
.prevact, .previnact, .nextact, .nextinact, .paginginact, .pagingact, .nopaging { float:left;}
.prevact, .nextact, .paginginact { cursor:pointer;}
.spacing{width:5px;float:left;}

.selectdiv { padding-top:10px; border:2px solid #4E4E4E; height:63px; width:128px; text-align:center; background-color:#CCCCCC; font-size:10px; text-align:center; display:inline;}
.selectdiv:hover { border:2px solid #629393; }
/*Accessories*/
#overflowcontent{float: left; width: 733px; overflow-y:hidden; overflow-x:scroll;}
.accesscontainer {float:left; width:155%; height:80px;}

/* SimpleTabs: default style */
div.simpleTabs { padding-top:10px; }
ul.simpleTabsNavigation { text-align:left; }
ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0px; padding:0px; font-size: 13px; font-weight: bold; -webkit-border-radius: 5px; border-radius: 5px; }
ul.simpleTabsNavigation li a { background-color: #FFFFFF; border: 1px solid #AAAAAA; color: #888888; font-size: 13px; font-weight: bold; padding: 3px 6px; text-decoration: none; }
ul.simpleTabsNavigation li a:hover { text-decoration:none; background-color:#AAAAAA; color:#444444;}
ul.simpleTabsNavigation li a.current { background-color: #888888; border-bottom: 1px solid #FFFFFF; color: #ffffff; font-size: 13px; }
div.simpleTabsContent { border:1px solid #AAAAAA; padding:2px; margin-top:3px; height:auto; }

.orderSpan { color: #D66300; cursor: pointer; margin: 0 5px; padding: 5px;}
.spanGrey { background-color: #E8E8E8;}
.spanWhite { background-color: #EFEFEF;}

/*for recent calls*/
.togdiv{ height:30px; font-size:16px; padding:3px;}
.togdiv:hover{ color:#4781CA; cursor:pointer;}
.togsubtitle{ font-size:14px; padding:0px 5px 10px 5px;}
.togcontent{ padding:0px 5px 10px 5px;min-height:23px;max-height:100px;overflow:auto;border:1px dotted #C5C5C5; }
.togbgclr1{ background-color:#D5D5D5;border:1px solid #D5D5D5; width:100%;}
.togbgclr2{ background-color:#D5D5D5;border:1px solid #D5D5D5; width:100%;}
.togbgclr1:hover, .togbgclr2:hover { border:1px solid #848383;}
.togorder{ padding:5px 0px 0px;font-weight:bold;color:#0B89D9;}
.tognotesarea{ border:1px solid #444;border-radius:6px;width:600px;height:50px;background-color:#444;position:absolute; left:65px;color:#fff;height:auto;}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

/*task table*/
#taskTable{ border-collapse:collapse; border:1px solid #CCC; padding:5px; margin-bottom:5px; margin-top:5px;}
.taskcol1{border-right:1px solid #fff;border-left:1px solid #fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.taskcol2{border-left:1px solid #fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.nocolumn{ background-color:#668CD9; border-right:1px solid #4E79CE;color:#fff;}
.taskdate{ font-weight:bold;color:#666666;font-size:11px;text-align:right;}
.taskdesc{ font-size:14px;text-align:left;}
.tasknotes{ font-size:12px;text-align:left;}
.redtxt{color: #FF0000;}
.greentxt{color: #0B7F1A;}