@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; background:#e0e0e0; font-family: "Trebuchet MS";}
td{ vertical-align:top;}
a{ outline:none;}
.center{margin:0 auto;}
.middle{ vertical-align:middle;}

/*---------------------------------------------- Width css starts here --------------------------------------------------------------*/
.width{ width:803px; margin:0 auto;}
.width-10 { width:10%; padding:0; margin:0;}
.width-20 { width:20%; padding:0; margin:0;}
.width-25 { width:25%; padding:0; margin:0;}
.width-30 { width:30%; padding:0; margin:0;}
.width-50 { width:50%; padding:0; margin:0;}
.width-40 { width:40%; padding:0; margin:0;}
.width-60 { width:60%; padding:0; margin:0;}
.width-70 { width:70%; padding:0; margin:0;}
.width-75 { width:75%; padding:0; margin:0;}
.width-80 { width:80%; padding:0; margin:0;}
.width-90 { width:90%; padding:0; margin:0;}
.width-100 { width:100%; padding:0; margin:0;}
.width-263{ width:263px; margin:0; padding:0}
.width-42{ width:42px; float:left; margin:8px 0 0 -90px;}

/*---------------------------------------------- Width css ends here --------------------------------------------------------------*/


 /*---------------------------------------------- main container starts here--------------------------------------------------------*/
#container{	margin:0 auto; padding:0; background: url(../img/mid-bg.png) repeat-y 0 0; width:803px;}
#midcontainer{ margin:0 auto; padding:0; width:791px;}

/*-----------------------------------------------top yellow strip css starts here ---------------------------------------------------*/
#top{ background:#ffc73f;height:10px; margin:0 auto;}
/*-------------------------------------------------top yellow strip css ends here ---------------------------------------------------*/



/***************************************************** Left Column css starts here ***************************************************/

#leftcol{ margin:0; padding:0; width:203px;}

#innerLeftcol{ margin:0; padding:0; width:188px;}
* html #innerLeftcol{ margin:0 -2px 0 0; padding:0; width:188px;}
*:first-child+html #innerLeftcol{ margin:0 -2px 0 0; padding:0; width:188px;}

/*----Logo css ----*/
#logo{ height:126px; padding:0 0 0 7px;}
* html #logo{ height:128px;}/* only for IE6 */

/*----- top nav green background ----- */
.top-left-nav-bg{width:12px; background:url(../img/topNavBg.png) repeat-x 0 0; margin:0; padding:0; }
.top-right-nav-bg{width:3px; background:url(../img/topNavBg.png) repeat-x 0 1px; margin:0; padding:0;}
* html .top-right-nav-bg{width:3px; background:url(../img/topNavBg.png) repeat-x 0 1px; margin:0; padding:0;}



/*---------------------------------------- Rounded corner Inner left column css starts here -----------------------------------------*/

/*------------------------------ Left column - yellow rounded corner background css starts here -------------------------------------*/
.inner-left-top {background: url(../img/inner-left-top-bg.png) no-repeat 0 0; height:37px; width:188px;}
* html .inner-left-top{ margin-bottom:-3px;}/* only for IE6 */
html > body .inner-left-top{ margin-bottom:-2px;}/* only for Firefox */
.inner-left-mid {background:url(../img/inner-left-mid-bg.png) repeat-y 0 0; }
.inner-left-col { width:184px; margin:0 2px 0 2px;}
.inner-left-bottom {background:url(../img/inner-left-bottom-bg.png) no-repeat 0 0; height:10px;}

.inner-template-left-top {background: url(../img/inner-template-left-top-bg.png) no-repeat 0 0; height:8px; width:188px;}
* html .inner-template-left-top{ margin-bottom:-3px;}/* only for IE6 */
html > body .inner-template-left-top{ margin-bottom:-2px;}/* only for Firefox */

/*------------------------------ Left column - yellow rounded corner background css ends here --------------------------------------*/


/*-------------------------------------- Left column - login form title css starts here --------------------------------------------*/
.inner-left-top .login-title { background:url(../img/login-title-bg.png) no-repeat 0 0; width:182px; height:30px; text-align:center; margin:3px 0 0 3px;font-size:13px; font-weight:bold;padding:0px; color:#FFFFFF; line-height:30px;}
html > body .inner-left-top .login-title { background:url(../img/login-title-bg.png) no-repeat 0 2px;}
/*-------------------------------------- Left column - login form title css ends here ----------------------------------------------*/


/*------------------------------------------ Left column - login form css starts here ----------------------------------------------*/
.formBoldLabel{font-size:13px; font-weight:bold; padding:0; color:#733e0a; margin:8px 0 0 9px; padding:3px 0 0 7px;}
.link{  font-size:12px; padding:0; color:#733e0a; margin:0; text-decoration:underline; font-weight:bold;}
:hover.link{ text-decoration:none;}

/* ----- Textbox css ----- */
.textinput{ font-size:11px; color:#6A6A6A; font-weight:normal; width:154px; border:1px solid #e7ad20; height:16px; margin:0 0 0 17px;}

/* ----- Login button css ----- */
.login { padding:0 0 0 12px;}
* html .login { padding:0 0 0 0;}
*:first-child+html .login { padding:0 0 0 0;}

/* ----- label css ----- */
/*label {  font-size:13px; padding:0; color:#733e0a; margin:115px 0 0 9px;}
*/
.brown{  font-size:11px; color:#733e0a; text-decoration:underline; margin:5px 0 0px 10px;}
:hover.brown { text-decoration:none;}
* html .brown{margin:0px 0 0px 10px; padding:5px 0 0 0;}

.vendorlinks{  font-size:11px; color:#733e0a; padding:0; border-bottom:1px dashed #aaa; margin:0 0 0 0;}
:hover.vendorlinks { text-decoration:none; border-bottom:none;}



.brownrightDiv { margin:-15px 0 2px 0;}
.brownrightDiv1 { margin:-15px 0 6px 0;}

.brownright{  font-size:11px; color:#733e0a; text-decoration:underline; margin:0px 5px 0 10px;}
:hover.brownright { text-decoration:none;}
* html .brownright{margin:0px 0 0px 10px; padding:5px 30px 0 0;}
*:first-child+html .brownright{margin:0px 0 0px 10px; padding:5px 30px 0 0;}


.article{  font-size:13px; font-weight:bold;  color:#733e0a; margin:5px 0 0px 10px; background:url(../img/edit.png) no-repeat 0 0; padding:0 0 0 20px}
:hover.article { color:#000;}
* html .article{margin:0px 0 0px 10px; padding:5px 0 0 0;}



/*------------------------------------------ Left column - login form css ends here ------------------------------------------------*/



/*--------------------------- Left column - white-green rounded corner background css starts here ----------------------------------*/
.left-nav-top { background:url(../img/left-nav-top-bg.png) no-repeat 0 0; margin:0; padding:0; width:184px; height:20px;}
* html .left-nav-top { margin-bottom:-2px; margin-top:-2px;}/* only for IE6 */
.left-nav-mid { background:url(../img/left-nav-mid-bg.png) repeat-x 0 bottom #fff; margin:0; padding:0; width:184px; min-height:405px;}
* html .left-nav-mid { height:405px;}/* only for IE6 */
.left-nav-bottom { background:url(../img/left-nav-bottom-bg.png) no-repeat 0 0; margin:0; padding:0; width:184px; height:10px;}
* html .left-nav-bottom { margin-bottom:-14px;}/* only for IE6 */
/*--------------------------- Left column - white-green rounded corner background css starts here ----------------------------------*/


/*-------------------------------------------------- Left Column navigation starts here ---------------------------------------------*/
#leftColNav {padding:0;margin:0px; width:180px;}	
#leftColNav ul {padding:0px;margin:0px;list-style:none;}	
#leftColNav li{background: url(../img/leftnavigation_breaker.png) 15px 1px no-repeat;padding:0 0 2px 0px;margin:0px;display:block;text-decoration:none;}
#leftColNav li a {padding:8px 0px 0px 0px;margin:0;font-size:15px;font-weight:bold;color:#007847;text-decoration: none;display:block;line-height:25px; text-align:center;}
#leftColNav li a:hover{padding:8px 0px 0px 0px;color: #000000;}

/*-------------------------------------------------- Left Column navigation ends here ----------------------------------------------*/

/***************************************************** Left Column css ends here ****************************************************/




/********************************************************* Header css starts here *****************************************************/

/*----------------------------------------------- Header - search form css starts here -----------------------------------------------*/

/* -----  Search Textbox -----*/
.searchinput{ font-size:11px; color:#6A6A6A; font-weight:normal; border:1px solid #e7ad20; height:18px;}

/* -----  GO Button -----*/
/*.go { float:left; margin:0 10px 0 5px;}*/
.go {
float:left;
margin:0pt 10px 0pt 5px;
}

.search-bg{ width:308px; background: url(../img/search-bg.png) no-repeat 0px 0px; height:40px;}

/*----------------------------------------------- Header - search form css ends here -------------------------------------------------*/


/*------------------------------------------ Header - top drop down navigation css starts here -----------------------------------------*/
.topNavBg{height:56px;}

#nav {padding:0; margin:-5px 0 0 -1px; list-style:none; height:56px; position:relative; z-index:500;  font-weight:bold; background:#005124;}
*html #nav{margin:-3px 0 0 -1px}
#nav li.top {display:block; float:left; background:url(../img/divider.png) no-repeat 0 4px;}
#nav li a.top_link {display:block; float:left;color:#ffc73f; text-decoration:none; font-size:11px; font-weight:normal;padding-left:10px;cursor:pointer; font-weight:bold;}
#nav li a.top_link span {float:left; display:block; padding:10px 10px;}
#nav li a.top_link span.down {float:left; display:block; padding:10px 10px;}
#nav li a.top_link:hover {color:#fff ; }
#nav li a.top_link .active {color:#fff; }
#nav li a.top_link:hover span {color:#fff;}
#nav li a.top_link:hover span.down {color:#fff;}
#nav li:hover > a.top_link {color:#214c6e;}
#nav li:hover > a.top_link span {color:#fff;}
#nav li:hover > a.top_link span.down {color:#fff;}
#nav li:hover {position:relative; z-index:800;}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px;height:0; margin:0; padding:0; list-style:none;width:800px;list-style:none;top:-2px; background: #cfd2ba ; }
#nav li:hover ul.sub
{left:0px;top:45px;padding:-1px; border:1px solid #b4b4b4; white-space:nowrap; width:170px; height:auto;
background:transparent filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity:0.8; text-align:left;}
#nav li:hover ul.sub li
{display:block; height:25px; position:relative; float:left; width:170px;font-weight:normal; height:auto;border-bottom:1px solid #a3a39b;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; font-weight:bold; height:20px;width:170px;line-height:15px;color:#525252; text-decoration:none;15px;height:auto;line-height:2em;text-align: left;padding-left:5px;  }
#nav li:hover ul.sub li a:hover 
{color:#000000;}
#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:140px; top:-4px; padding:3px; border:1px solid #b4b4b4; white-space:nowrap;width:160px; z-index:400; height:auto;}

/*------------------------------------------- Header - top drop down navigation css ends here -----------------------------------------*/

/********************************************************* Header css ends here *****************************************************/




/************************************************* Middle column content css starts here *********************************************/

.mid-col-content{width:373px; margin:0; padding:0;}
#flashBanner { padding:10px 0 0 8px;}

#mid_bottom_top  { width:363px; border:1px solid #b4b4b4; border-bottom:none;  margin:20px auto 0 auto; padding-bottom:20px; }
#mid_bottom_bottom { background:url(../img/mid_bottom_bg.png) no-repeat 0 0; height:6px;}
#mid_bottom_top .yellowTitle { background:url(../img/mid_bottom_title_bg.png) no-repeat 0 0px; color:#73400a; font-size:13px; font-weight:bold; width:343px; height:29px; text-align:left; margin:10px; padding:6px 0 0 20px;}


.innerBottomNavLists { margin:0; padding:0 20px 2px 20px;}
.innerBottomNavLists ul{ margin:0; padding:0; list-style:none;}
.innerBottomNavLists li{margin:0; display:block; text-decoration:none;line-height:20px;background: url(../img/green_arrow.png) 0 9px no-repeat; padding:0 0 0 12px}
.innerBottomNavLists li a { padding:0;font-size:13px; color:#73400a;text-decoration: none;line-height:20px; border-bottom:1px dashed #ddd;}
.innerBottomNavLists li a:hover {color:#626262; border:none;}
.innerBottomNavLists li a:active {color:#FFFFFF;}


/*********************************************** Middle column content css ends here *************************************************/




/**************************************************** Right Column css starts here **************************************************/
#rightcol{ margin:10px 10px 0 10px; padding:0;}
* html #rightcol{ margin:10px -15px 0 10px; padding:0;}/* only for IE6 */
*:first-child+html #rightcol{ margin:10px -10px 0 10px; padding:0; width:191px !important;}/* only for IE6 */

/*-----------------------------Right Column - News Letter signup rounded corner background css starts here----------------------------*/
.right-newsletter-signup-top {background: url(../img/newsletter-top-bg.png) no-repeat 0 0; height:34px; width:191px;}
* html .right-newsletter-signup-top {background: url(../img/newsletter-top-bg.png) no-repeat 0 0; height:34px; width:191px; margin-bottom:-20px; }/* only for IE6 */
.right-newsletter-signup-mid {background:url(../img/newsletter-mid-bg.png) no-repeat 0 bottom; height:90px; }
.right-newsletter-signup-bottom {background:url(../img/newsletter-bottom-bg.png) no-repeat 0 0; height:10px; padding-bottom:10px;}
html > body .right-newsletter-signup-bottom{ margin:0 0 10px 0;}/* only for Firefox */ 

/*-----------------------------Right Column - News Letter signup rounded corner background css starts here----------------------------*/

/*--------------------------------------Right Column - News Letter Signup title css starts here---------------------------------------*/
.right-newsletter-signup-top .yellowTitle { background:url(../img/yellow-title-bg.png) no-repeat 0 5px; color:#73400a; font-size:13px; font-weight:bold; width:185px; height:40px; text-align:left; margin:3px 0 0 3px; padding:10px 0 0 20px;}
* html .right-newsletter-signup-top .yellowTitle { background:url(../img/yellow-title-bg.png) no-repeat 0 2px; color:#73400a; font-size:13px; font-weight:bold; width:185px; height:40px; text-align:left; margin:3px 0 0 3px; padding:10px 0 0 20px;}/* only for IE6 */

*:first-child+html .right-newsletter-signup-top .yellowTitle { background:url(../img/yellow-title-bg.png) no-repeat 0 2px; color:#73400a; font-size:13px; font-weight:bold; width:185px; height:40px; text-align:left; margin:3px 0 0 3px; padding:7px 0 0 20px;}/* only for IE7 */

/*---------------------------------------Right Column - News Letter Signup title css ends here-----------------------------------------*/


/*--------------------------------------Right Column - News Letter Signup form css starts here-----------------------------------------*/
/*----- Signup Button -----*/
.signup { padding:12px 30px 0 0; float:right;}
* html .signup { padding:12px 0 0 115px; float:right;}
*:first-child+html .signup { padding:12px 0 0 115px; float:right;}
/*--------------------------------------Right Column - News Letter Signup form css ends here-------------------------------------------*/

/*---------------------------------------------Right Column - Links title css starts here----------------------------------------------*/
.whiteTitle{ background: url(../img/brown.png) no-repeat 0px 0px; height:30px; font-size:13px; font-weight:bold;padding:6px 0 0 25px; color:#FFFFFF; margin:0;}
html  > body .whiteTitle{ height:30px;} /* only for Firefox */
/*---------------------------------------------Right Column - Links title css ends here------------------------------------------------*/

/*----------------------------------------------Right Column - navigation css starts here----------------------------------------------*/
.v-nav-link { margin:0;  padding:5px 0px 10px 10px;}
* html .v-nav-link { margin:0 0 0 0;  padding:0px 23px 10px 10px;}/* only for IE6 */
*:first-child+html .v-nav-link { margin:0;  padding:5px 20px 10px 10px;}
*:first-child+html .v-nav-link li a { margin:0 0 0 0;  padding:0; width:191px;}/* only for IE7 */
.v-nav-link li { background:url(../img/bullet.png) no-repeat 0 8px; display:block; list-style:none;font-size:12px; color:#565656; margin:0; padding:2px 0 0 10px;}
.v-nav-link li a { font-size:12px; color:#525252; text-decoration:none; padding:0; margin:0;line-height:16px; }
.v-nav-link li a:hover {color:#777; text-decoration:none;}
/*----------------------------------------------Right Column - navigation css ends here-----------------------------------------------*/


/*----------------------------------------------Right Column - css starts here----------------------------------------------*/
.v-txt-link { margin:0;  padding:5px 0px 10px 10px;}
* html .v-txt-link { margin:0 0 0 0;  padding:0px 23px 10px 10px;}/* only for IE6 */
*:first-child+html .v-txt-link { margin:0;  padding:5px 20px 10px 10px;}
*:first-child+html .v-txt-link li a { margin:0 0 0 0;  padding:0; width:191px;}/* only for IE7 */
.v-txt-link li { background:url(../img/bullet.png) no-repeat 0 7px; display:block;line-height:16px; list-style:none;font-size:12px; color:#525252; margin:0; padding:2px 0 0 10px;}
/*----------------------------------------------Right Column - navigation css ends here-----------------------------------------------*/


/*-------------------------------Right Column - Useful links rounded corner background css starts here--------------------------------*/
.right-links { margin:0px 0 -7px 0px;}
.right-useful-links-top {background: url(../img/useful-links-top-bg.png) no-repeat 0 0; height:34px; width:191px;}
.right-useful-links-mid {background:url(../img/useful-links-mid-bg.png) no-repeat 0 bottom; }
.right-useful-links-bottom {background:url(../img/useful-links-bottom-bg.png) no-repeat 0 0; height:10px; padding-bottom:18px;}
* html .right-useful-links-bottom { padding-bottom:7px;}
/*-------------------------------Right Column - Useful links rounded corner background css ends here---------------------------------*/

/*-------------------------------------------Right Column - Useful links title css starts here---------------------------------------*/
.right-useful-links-top .yellowTitle { background:url(../img/yellow-title-bg.png) no-repeat 0 5px; color:#73400a; font-size:13px; font-weight:bold; width:185px; height:40px; text-align:left; margin:3px 0 0 3px; padding:10px 0 0 25px;}
* html .right-useful-links-top .yellowTitle { margin:0 0 -17px 3px;}/* only for IE6 */
*:first-child+html .right-useful-links-top .yellowTitle { background:url(../img/yellow-title-bg.png) no-repeat 0 2px; color:#73400a; font-size:13px; font-weight:bold; width:185px; height:40px; text-align:left; margin:3px 0 0 3px; padding:7px 0 0 25px;}

/*-------------------------------------------Right Column - Useful links title css starts here---------------------------------------*/


/*------------------------------------Right Column - Brown links corner background css starts here-----------------------------------*/
#rightBrownLinks {padding:5px 0px 0px 0; margin:0px;list-style:none; }	
#rightBrownLinks ul {padding:0;margin:0px; }
#rightBrownLinks li{margin:0px 0 0 0;display:block; padding:0 0 0 25px;}
#rightBrownLinks li a { font-size:11px; color:#73400a; padding:0; margin:0;font-weight:bold;}
#rightBrownLinks li a:hover {color:#73400a;text-decoration:underline;}
#rightBrownLinks li a:active {text-decoration:underline;color:#005124;}
/*------------------------------------Right Column - Brown links corner background css starts here-----------------------------------*/


/*------------------------------------Right Column - Grey rounded corner background css starts here-----------------------------------*/
.right-grey { margin:0 0 0 10px;}
.right-grey-mid{ background: url(../img/right-grey-mid-bg.png) repeat-y  0px 0; margin:0;}
.right-grey-top{ background: url(../img/right-grey-top-bg.png) 0px 0px no-repeat; height:9px; padding:5px 0 0 30px; margin:0 0 -5px 0;}
* html .right-grey-top{ margin:0 0 -18px 0;}/* only for IE6 */
.right-grey-bottom{ background: url(../img/right-grey-bottom-bg.png) 0px 0px no-repeat; height:9px; padding:5px 0 0 30px;}
/*------------------------------------Right Column - Grey rounded corner background css ends here-----------------------------------*/

/*------------------------------------Right Column - Grey links corner background css starts here-----------------------------------*/
#rightGreyLinks {padding:0px 0px 0px 10px; margin:0px; }	
#rightGreyLinks ul {padding:0px 0px 0px 0px; margin:0px; }
#rightGreyLinks li{margin:0;display:block;text-decoration:none;line-height:20px;background: url(../img/cofee_arrow.png) 3px 9px no-repeat;}
#rightGreyLinks li a { padding:0 0 0 15px;font-size:13px;color:#fff;text-decoration: none;line-height:20px;  text-decoration:underline;}
#rightGreyLinks li a:hover {color:#e7ad20;}
#rightGreyLinks li a:active {color:#FFFFFF;}
/*------------------------------------Right Column - Grey links corner background css ends here-------------------------------------*/

/**************************************************** Right Column css starts here **************************************************/




/********************************************************* Footer css starts here ***************************************************/

#footer{ background:url(../img/footer.png) no-repeat 0 0; height:18px; padding:0; margin:0 auto; }

.footer { clear:both; margin:0 auto 30px auto; padding:0; line-height:28px;text-align:center;}
.footer li { display:inline; list-style:none; padding:0 1px; margin:0; background:url(../img/menu-divider.png) no-repeat 2px 9px;}
.footer li a { font-size:11px; color:#636155; padding:0 0px 0 8px; display:inline; text-align:center;text-decoration:none;}
.footer li a:hover {  color:#333; text-decoration:none;}
.footertxt{  font-size:11px; color:#636155; text-align:center; margin:0 auto; padding:0; line-height:11px;}
/********************************************************* Footer css ends here ***************************************************/

/****************************************************** Inner Page css starts here ************************************************/

.normalTxt{ font-size:12px; color:#525252; margin:0; padding:0 0 0 15px; text-align:left; font-weight:normal; line-height:14px;}
.amazonTxt{ font-size:12px; color:#525252; margin:0; padding:0 0 0 2px; text-align:left; font-weight:normal; line-height:14px;}
.innerTextLists { margin:0; padding:0 10px;}
.innerTextLists ul{ margin:0; padding:0; list-style:none;}
.innerTextLists ul li{ list-style:none; margin:0;display:block;text-decoration:none;line-height:20px;background: url(../img/grey-arrow.png) 0px 7px no-repeat; font-size:13px;color:#525252; padding:0 0 0 12px;}


.innerNavLists { margin:0; padding:0 10px 2px 10px;}
.innerNavLists ul{ margin:0; padding:0; list-style:none;}
.innerNavLists li{margin:0; display:block; text-decoration:none;line-height:20px;background: url(../img/grey-arrow.png) 0 9px no-repeat; padding:0 0 0 12px}
.innerNavLists li a { padding:0;font-size:13px; color:#525252;text-decoration: none;line-height:20px; border-bottom:1px dashed #ddd;}
.innerNavLists li a:hover {color:#626262; border:none;}
.innerNavLists li a:active {color:#FFFFFF;}


.f1{  font-size:12px; color:#525252; margin:0; padding:0px 0 0 5px;}
.textinput1{ font-size:11px;color:#6A6A6A;font-weight:normal;border:1px solid #e7ad20; background:#FFFFFF; width:190px;}
.txtarea{ font-size:11px;color:#6A6A6A;font-weight:normal;border:1px solid #e7ad20; background:#FFFFFF; width:190px;}
.textinput2{ font-size:11px;color:#6A6A6A;font-weight:normal;border:1px solid #e7ad20; background:#FFFFFF; width:180px; margin-right:11px;}
.textinput3{ font-size:11px;color:#6A6A6A;font-weight:normal;border:1px solid #e7ad20; background:#FFFFFF; width:180px; margin-right:6px;}
.textinput4{ font-size:11px;color:#6A6A6A;font-weight:normal;border:1px solid #e7ad20; background:#FFFFFF; width:50px; margin-right:6px;}
.smalltextinput{ font-size:11px;color:#6A6A6A;font-weight:normal;border:1px solid #e7ad20; background:#FFFFFF; width:20px; padding-left:2px; margin:0.5em 0;}
.dropDownList{ font-size:11px;color:#6A6A6A;font-weight:normal;border:1px solid #e7ad20; background:#FFFFFF; width:192px;} 

.phoneTextinput{ font-size:11px;color:#6A6A6A;font-weight:normal;border:1px solid #e7ad20; background:#FFFFFF;}
.button {background: url(../img/login1.png) no-repeat 0 0;border:0pt none;color:#707070;font-size:9px;height:20px;
padding:0px 5px 5px 0px;text-align:center;vertical-align:middle;width:63px;}
.f2{  font-size:18px; font-weight:bold;color:#525252; margin:0; padding:0px 0 0 5px; text-align:center;}

.submitButton { background:url(../img/submit-button.png) no-repeat 0 0 #fff; font-size:12px; font-weight:bold; color:#777; text-align:center; padding:0px 6px 7px 0px; width:68px; height:24px; border:none; }

.red { font-size:12px; color:#f10; padding:0; line-height:16px; text-align:left;}

#brown{ background: url(../img/brown.png) no-repeat 0px 0px; margin:0; padding:0;width:214px;}
.white0{  font-size:13px; font-weight:bold;padding:15px 0 0 10px; color:#FFFFFF; margin:0;}
#midrg-sq{ background:url(../img/midrg_img.png) no-repeat 10px 0; width:191px; height:160px; padding:5px 0 0 0; margin:0;}
.brown0{  font-size:13px; color:#733e0a; font-weight:bold; margin:0; padding:5px 0 0 3px;}

.arrow0{ background: url(../img/brown_arrow.png) no-repeat 22px 10px;} 


/****************************************************** Inner Page css starts here ************************************************/




/******************************************************* Spacer css starts here ***************************************************/ 
.spacer-height16{ background:url(../img/spacer.png) repeat-y 0 0 ; height:16px;}				
.spacer-h149{ background:url(../img/blank.gif) repeat 0 0; height:149px; width:280px;}
.spacer-h110{ background:url(../img/blank.gif) repeat 0 0; height:110px; width:308px; float:left;}
.spacer-h10 { background:url(../img/blank.gif) repeat 0 0; height:10px}
.spacer-h20 { background:url(../img/blank.gif) repeat 0 0; height:20px}
.spacer-h5 { background:url(../img/blank.gif) repeat 0 0; height:5px}

/********************************************************* Spacer css ends here ***************************************************/ 


#apDiv2 {
	position:absolute;
	left:424px;
	top:151px;
	width:594px;
	height:499px;
	z-index:1;
}


.hint {
   	display: none;
    position: absolute;
	z-index:1000;
	width: 200px;
	font-size:11px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../img/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../img/pointer.gif) left top no-repeat;
}


/*----------------------------------------------Bar chart -------------------------------------------------------*/
dl {  margin:0;  padding:0 0 15px 0;  width:245px;  height:auto;  background:#fff; }
dt { text-align:left; border-bottom:3px solid #fff; color:#733E0A; font-weight:bold; }
dd { margin:0; display:block; width:240px; height:0.7em; background:#005124 ; border-bottom:5px solid #fff;}
dd b { float:right; display:block; font-weight:normal;  margin-left:auto; background:#fff; height:0.7em; line-height:0.7em; text-align:right;  } 

/*---------------------------------------Poloing --------------------------------------------------------*/
.outer{ padding-left:12px; padding-right:2px; width:92%;}
.outerbg { background:#fff; border:1px solid #aaa; padding:1px;}
.innerbg{ background:#666; height:1px;}
.poll { margin-top:-15px;}
* html .poll { margin-top:-2px;}
* html .pollper { margin-top:-12px;}
*:first-child+html .poll { margin-top:-2px;}
*:first-child+html .pollper { margin-top:-12px;}

/*-----------------------------------------------------Paging----------------------------------------------*/




.pagination{
padding: 1px 4px;
margin:5px;
font-size:11px;
border: 1px solid #aaa;
text-decoration: none; 
color: #525252;

}

.pagination:hover{
border: 1px solid #aaa;
color: #525252;
background-color: #eee;
}

.currentpage{
font-size:11px;
background-color: #ccc;
color: #525252 !important;
border:1px solid #aaa;
font-weight: bold;
cursor: default;
padding: 1px 5px;
margin:5px;
}
/*.currentpage{
background-color: #733e0a;
color: #FFF !important;
border:1px solid #733e0a;
font-weight: bold;
cursor: default;
padding: 1px 7px;
margin:5px;

}
*/

/*-------------------------------------------------Table css -----------------------------------------*/
table.program {	width:98%;	border-top:1px solid #e5eff8;	border-right:1px solid #e5eff8;	margin:1em auto; border-collapse:collapse;}

tr.odd .column1	{background:#eee;}
tr.even td	{background:#fafafa;}
	
.column1{background:#f9fcfe;}
table.program th {font-weight:normal;	color: #733E0A !important;	text-align:left;	border-bottom: 1px solid #e5eff8;	border-left:1px solid #e5eff8;	padding:.5em 1em !important;	}							
thead th {	background:#f4f9fe;	text-align:center;	font:bold 0.8em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;	color:#444	}	
td.cnt {color:#678197;	border-bottom:1px solid #e5eff8;	border-left:1px solid #e5eff8;	padding:.3em 1em;	text-align:left;	}	


/*------------------------------------Rounded Corner ---------------------------------------------------*/
#box {top:215px;}
html > body #box { width:580px;}
#xsnazzy {background: transparent; margin:10px 10px 10px 0;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.xb1 {margin:0 5px; background:#aaa;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #aaa; border-width:0 1px; padding:10px;}


.xsnazzybg {background: transparent; margin:0;}

.xsnazzybg h6 {font-size:13px; color:#525252; font-weight:bold; padding:3px 10px}
.xsnazzybg h5 {font-size:13px; color:#733E0A; font-weight:bold; padding:3px 10px;}
.xtopbg, .xbottombg {display:block; background:transparent; font-size:1px;}
.xbbg1, .xbbg2, .xbbg3, .xbbg4 {display:block; overflow:hidden;}
.xbbg1, .xbbg2, .xbbg3 {height:1px;}
.xbbg2, .xbbg3, .xbbg4 {background:#eee; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.xbbg1 {margin:0 5px; background:#ddd;}
.xbbg2 {margin:0 3px; border-width:0 2px;}
.xbbg3 {margin:0 2px;}
.xbbg4 {height:2px; margin:0 1px;}

.xboxcontentbg {display:block; background:#eee; border:0 solid #ddd; border-width:0 1px;}
/*----------------------------------------- Multicolumn list css -----------------------------------------*/

.multicollist {font-size:12px; color:#525252; text-decoration:none; padding:0; margin:0;line-height:18px;}
.multicollist:hover {color:#000; }


/*-------------------------------------------Drop Cap --------------------------------------------------*/

.dropcap {
float:left;
color:#666;
font-size:50px;
line-height:30px;
padding:5px;

}


p.introduction:first-letter {
font-size : 100px;
font-weight : bold;
float : left;
width : 1em;
color : #c00;
}

html > body #xsnazzy .footer-inner {}
#xsnazzy .footer-inner {margin:0px; padding:0px; }
#xsnazzy .footer-inner dl { clear:both; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0pt; text-align:center; width:500px;}

#xsnazzy .footer-inner dd, #xsnazzy .footer-inner dt { background:#fff;
color:#666666;
display:inline;
font-size:11px;
margin:0pt;
padding:0pt;
}

#xsnazzy .footer-inner dd a{ padding:0 2px; color:#aaa; font-weight:bold;}
#xsnazzy .footer-inner dd a:hover{ padding:0 2px; color:#525252; font-weight:bold;}
#xsnazzy .footer-inner dd a.active{ padding:0 2px; color:#525252; font-weight:bold;}


/*--------------------------------------------------------------------------Alliance partner ----------------------------*/
h2.number {	position: relative; top: 0px; left: 0px; font-size: 10em; color: #ccc; float: left; margin: 10px }
code { font-size: 1.4em; } 
#page-wrap {width: 760px; background: white; margin: 0 auto; padding: 10px 0px 50px 0px; background: white url(images/gradient2-bg.gif) bottom repeat-x; }
#description-area { padding: 20px;}
.comment-box {margin: 0 10px 10px 0; border-bottom:1px solid #aaa; float: left; padding-bottom:10px;}



/*----------------------------------------------Site map ------------------------------------------------------------*/


#content {padding:1px 23px;list-style-type: none; }
#content ul li {background: url(../img/arrow.gif) no-repeat 0 .6em; padding-left: 10px;}
#contentV {padding:1px 23px;list-style-type: none; }
#contentV ul li {background: url(../img/arrow.gif) no-repeat 0 .6em; padding-left: 10px;}


ul#sitemap{ margin: 1em 0; list-style-type: none; background: url(../img/dot.gif) repeat-y 3px 0; padding: 0; }
ul#sitemap li {margin-bottom: .5em;}
ul#sitemap li a { background: url(../img/bullet1.gif) no-repeat 0 .4em; padding-left: 15px;font: bold 12px Arial; line-height: 22px; color:#646464; }
ul#sitemap li a.open, ul#sitemap li li a.open, ul#sitemap li li li a.open, ul#sitemap li li li li a.open {background: url(../img/bullet2.gif) no-repeat 0 0.4em;font: bold 12px Arial; line-height: 22px; color:#646464;}
ul#sitemap li a:hover { color:#444;}
/* second level */
ul#sitemap ul
{ margin: .5em 0 0 0; padding: 0; list-style-type: none;}
ul#sitemap li li { background: url(../img/dot2.gif) no-repeat 2px .9em; }
ul#sitemap li li a { padding: 1px 0 0 35px; background: url(../img/bullet1.gif) no-repeat 20px .6em; }
/* third level */
ul#sitemap ul ul { background: url(../img/dot.gif) repeat-y 30px 0; }
ul#sitemap li li li { background: url(../img/dot2.gif) no-repeat 30px .9em;}
ul#sitemap li li li a {padding: 0 0 0 65px;background: url(../img/bullet1.gif) no-repeat 50px .3em;}

/* fourth level */
ul#sitemap ul ul ul{background: url(../img/dot.gif) repeat-y 60px 0;}
ul#sitemap li li li li{background: url(../img/dot2.gif) no-repeat 60px .9em;}
ul#sitemap li li li li a{padding: 0 0 0 95px;background: url(../img/bullet1.gif) no-repeat 80px .3em;}



/*--------------------------------------------------------Provider Area ---------------------------------*/

#area { margin:10px 0 0 0; padding:0; border:1px solid #ccc;}
#area th{ background:#dedede; font-size:12px; font-weight: bold; color: #525252; text-align:left; line-height:12px; padding-left:10px;}
#dcontent {font: 12px "Trebuchet MS"; color:#525252; line-height:18px; text-align:justify;   padding:0px 10px 10px 0px; }



/*-------------------------Poll Survey and Self Assessment Module CSS -------------------------------------------*/
#mytable { width: 700px; padding: 0; margin: 0 auto; }
caption { padding: 0 0 5px 0; width: 700px;	font: bold 12px "Times New Roman", Times, serif; text-align: right;}
#mytable th { font: bold 12px "Times New Roman", Times, serif;  color: #733E0A; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 1px; text-transform: none; text-align: left; padding: 6px 6px 6px 12px; background: #CAE8EA url(../img/bg_header.jpg) no-repeat;}
#mytable th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none; }
#mytable td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72; text-transform:none; }
#mytable td.alt { background: #F5FAFA; color: #797268; }
#mytable td.other { background: #f5fafa; color: #797268; }

#mytable th.spec { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(../img/bullet_1.gif) no-repeat; font: bold 11px "Times New Roman", Times, serif;}
#mytable th.assess { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(../img/bullet_1.gif) no-repeat; font: bold 11px "Times New Roman", Times, serif; color:#525252;}

#mytable th.specalt { border-left: 1px solid #C1DAD7; border-top: 0; background: #f5fafa url(../img/bullet_2.gif) no-repeat; font: bold 11px "Times New Roman", Times, serif; color: #005124 ;}

#mytable th.other { border-left: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; background: #f5fafa url(../img/bullet_3.gif) no-repeat; font: bold 11px "Times New Roman", Times, serif; color: #525252;}





#mytable1 { width: 700px; padding: 0; margin: 0 auto; border-right: 1px solid #C1DAD7; }
caption { padding: 0 0 5px 0; width: 700px;	font: bold 12px "Times New Roman", Times, serif; text-align: right;}
#mytable1 th { font: bold 12px "Times New Roman", Times, serif; color: #733E0A; border-right: 1px solid #C1DAD7;letter-spacing: 1px; text-transform: none; text-align: left; padding: 6px 6px 6px 12px; background: #CAE8EA url(../img/bg_header.jpg) no-repeat;}
#mytable1 th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none; }
#mytable1 td { border-left: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7;  background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72; }
#mytable1 td.alt { background: #F5FAFA; color: #797268; }
#mytable1 td.other { background: #f5fafa; color: #797268; }

#mytable1 th.spec { border-left: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; background: #fff url(../img/bullet_1.gif) no-repeat; font: bold 11px "Times New Roman", Times, serif;}
#mytable1 th.specalt { border-left: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; background: #f5fafa url(../img/bullet_2.gif) no-repeat; font: bold 11px "Times New Roman", Times, serif;color: #005124 ; }

#mytable1 th.other { border-left: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; background: #f5fafa url(../img/bullet_3.gif) no-repeat; font: bold 11px "Times New Roman", Times, serif; color: #525252;}

.comment { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #525252; padding-left:4px;}
.othertxtbox {border: 1px solid #C1DAD7; color:#525252;font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
h2.surveytitle { background:url(../img/survey.png) no-repeat 0 6px; font-size:14pt; padding:8px 0pt 2px 35px;color:#733E0A; font-weight:bold; margin:0px; border-bottom:1px dashed #733e0a;}

h2.questitle { background:url(../img/write.png) no-repeat 0 3px; font-size:13pt; padding:8px 0pt 2px 35px;color:#525252; font-weight:bold; margin:0px 30px; border-bottom:1px dashed #999;}

h3.title {background:url(../img/maintitle.png) no-repeat 0 7px; font-size:13pt; padding:4px 0pt 2px 30px;color:#000; font-weight:normal; margin:0px; text-decoration:none;}

h4.category {background:#fafafa url(../img/title.png) no-repeat 5px 6px; font-size:11pt; padding:4px 0pt 2px 30px;color:#525252; font-weight:bold; margin:15px 0 8px 0; font-style:normal; text-transform:uppercase; border-bottom:2px solid #eee; border-top:2px solid #eee;}

.surveybutton { background:#f5fafa; border:1px solid #C1DAD7; padding:1px 6px; text-align:center; font-size:11px; font-weight:bold; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin:11px auto; color:#005124;}

/*----------------------------------Jcarousel --------------------------------*/
pre, blockquote {
    padding: 15px;
    background-color: #f0f0f0;
    margin: 20px 0;
    -moz-border-radius: 10px;
}

td pre {
    font: 85% monospace;
    padding: 5px;
    margin: 5px 0;
}
#wrap {

    color: #404040;
    /*margin: 0 12%;*/
    margin: 20px auto 20px auto;
}

.listtitle {font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-top:0px; padding-bottom:10px;color: #525252;}




.surveyList { margin:0; padding:0 10px 2px 0px;}
.surveyList ul{ margin:0; padding:0; list-style:none;}
.surveyList li{margin:0; display:block; text-decoration:none;line-height:30px;background: url(../img/2rightarrow.jpg) 0 -2px no-repeat; padding:0 0 0 30px;}
.surveyList li a { padding:0;font-size:13px; color:#525252;text-decoration: none;line-height:30px; border-bottom:1px dashed #ddd;}
.surveyList li a:hover {color:#626262; border:none;}
.surveyList li a:active {color:#FFFFFF;}



h2.assessmenttitle { background:url(../img/self_a.png) no-repeat 0 -2px; font-size:14pt; padding:8px 0pt 2px 38px;color:#733E0A; font-weight:bold; margin:0px; border-bottom:1px dashed #733e0a;}


.assessmentList { margin:0; padding:0 10px 2px 0px;}
.assessmentList ul{ margin:0; padding:0; list-style:none;}
.assessmentList li{margin:0; display:block; text-decoration:none;line-height:20px;background: url(../img/accept.png) 0 4px no-repeat; padding:0 0 0 28px;}
.assessmentList li a { padding:0;font-size:13px; color:#525252;text-decoration: none;line-height:20px; border-bottom:1px dashed #ddd;}
.assessmentList li a:hover {color:#626262; border:none;}
.assessmentList li a:active {color:#FFFFFF;}


.rules { margin:0; padding:0 0 0 0;}
.rules ul{ margin:0; padding:0; list-style:none;}
.rules ul li{ list-style:none; margin:0;display:block;text-decoration:none;line-height:20px;background: url(../img/rules.png) 0px 0px no-repeat; font-size:13px;color:#525252; padding:0 0 0 30px;}


#apDiv1 {background:#fff; position:absolute; top:660px; width:450px; height:15px; z-index:1;}
* html #apDiv1 {background:#fff;  position:absolute; top:660px; width:450px; height:10px; z-index:1;}
*:first-child+html #apDiv1 {background:#fff; position:absolute; top:660px; width:450px; height:10px; z-index:1;}


.blocktitle { background:url(../img/garrow.png) no-repeat 12px 3px; font: bold 12pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height:22px;padding-left:35px;color: #525252;}

h2.assessresulttitle { background:url(../img/assesstitle.png) no-repeat 0px -2px; font-size:14pt; padding:2px 0pt 2px 40px;color:#733E0A; font-weight:bold; margin:0px; border-bottom:1px dashed #733e0a;}

#gridbg { background: #fdf7e8; border:1px solid #fff8e6;}

.alert { background:#733E0A; color:#fff;font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:center; line-height:24px; margin:15px auto; width:400px;}






#window
{
	position: absolute;
	left: 200px;
	top: 100px;
	width: 880px;
	height: 680px;
	overflow: hidden;
	display: none;
	z-index:100000;
}
#windowTop
{
	height: 30px;
	overflow: 30px;
/*	background-image: url(../images/window_top_end.png);
	background-position: right top;
	background-repeat: no-repeat;
*/	position: relative;
	overflow: hidden;
	cursor: move;
}
#windowTopContent
{
	margin-right: 13px;
	background:#73400A;
	width:880px;
/*	background-image:url(../images/window_top_start.png);
	background-position:left top;
	background-repeat: no-repeat;
*/	overflow: hidden;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}

* html #windowTopContent
{
	margin-right: -10px;
	background:#73400A;
	width:880px;
/*	background-image:url(../images/window_top_start.png);
	background-position:left top;
	background-repeat: no-repeat;
*/	overflow: hidden;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}
#windowMin
{
	position: absolute;
	right: 25px;
	top: 10px;
	cursor: pointer;
}
#windowMax
{
	position: absolute;
	right: 25px;
	top: 10px;
	cursor: pointer;
	display: none;
}
#windowClose
{
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
#windowBottom
{
	position: relative;
/*	height: 270px;
	background-image: url(../images/window_bottom_end.png);
	background-position: right bottom;
	background-repeat: no-repeat;
*/}
#windowBottomContent
{
	position: relative;
/*	height: 270px;
	background-image: url(../images/window_bottom_start.png);
	background-position: left bottom;
	background-repeat: no-repeat;
*/	margin-right: 13px;
}
#windowResize
{
	position: absolute;
	right: 3px;
	bottom: 5px;
	cursor: se-resize;
}
#windowContent
{
	position:absolute;
	top: 30px;
	left:0px;
	width: auto;
	height: auto;
	margin-right:10px;
	overflow: auto;
	border: 10px solid #73400A;
	height: 620px;
	width: 820px;
	padding:10px 10px 0 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
}

.transferer2
{
	border: 1px solid #73400A;
	background-color: #73400A;
	filter:alpha(opacity=30); 
	-moz-opacity: 0.3; 
	opacity: 0.3;
}

.shoppingcart_title { background:url(../img/cart.png) no-repeat 0 0; padding:0 0 0 50px; color:color:#733E0A;
font-weight:bold;
margin:0px; font-size:20px; height:40px; line-height:40px;}

.creditcard_title { background:url(../img/creditcard1.png) no-repeat 0 10px; padding:0 0 0 50px; color:color:#733E0A;
font-weight:bold;
margin:0px; font-size:20px; height:40px; line-height:40px;}


.products { margin:0; padding:0;}
.cartbg { clear:both; background:#f5f5f5; height:34px; }
.products thead th{ margin:0; padding:0 0 0 10px; color:#608b11;font-size:12px; font-weight:bold;}

.products thead th h6{ margin:0; padding:0 0 0 0; color:#608b11;font-size:16px; font-weight:bold;}



/*----------------------------------Tooltip CSS ---------------------------------------------------*/
#facebox .b { background:url(../img/b.png);}
#facebox .tl { background:url(../img/tl.png);}
#facebox .tr {  background:url(../img/tr.png);}
#facebox .bl {  background:url(../img/bl.png);}
#facebox .br {  background:url(../img/br.png);}
#facebox {  position: absolute;  top: 0;  left: 0;  z-index: 10000;  text-align: left;}
#facebox .popup {  position: relative;}
#facebox table {  border-collapse: collapse;}
#facebox td {  border-bottom: 0;  padding: 0;}
#facebox .body {  padding: 10px;  background: #fff;  width: 430px;}
#facebox .loading {  text-align: center;}
#facebox .image {  text-align: center;}
#facebox img {  border: 0;  margin: 0;}
#facebox .footer {  border-top: 1px solid #DDDDDD;  padding-top: 5px;  margin: 10px 0 0 0;  text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {  height: 10px;  width: 10px;  overflow: hidden;  padding: 0;}
#facebox_overlay {  position: fixed;  top: 0px;  left: 0px;  height:100%;  width:100%;}
.facebox_hide {  z-index:-100;}
.facebox_overlayBG {  background-color: #000;  z-index: 99;}
* html #facebox_overlay { /* ie6 hack */  position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}


/*------------------------------------------------Accordion ---------------------------------------*/

fieldset {
	border:1px dashed #CCC;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
}
legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.1;
	color:#525252;
	background: #E3E2E2;
	border: 1px solid #e2e2e2;
	padding: 2px 6px;
}
.accordion {width: 740px; margin:10px auto; border-bottom: solid 1px #c4c4c4; }
.accordion h3 {background: #e9e7e7 url(../img/arrow-square.gif) no-repeat right -51px; padding: 7px 15px; margin: 0; font: bold 90%/100% Arial, Helvetica, sans-serif; border: solid 1px #c4c4c4; border-bottom: none; cursor: pointer; color:#525252; text-decoration:none;}
.accordion h3:hover {background-color: #e3e2e2;}
.accordion h3.active {	background-position: right 5px;}
.accordion p {	background: #fff; margin: 0; padding: 10px 0px 10px; }
.accordion div{	background: #fff; margin: 0; padding: 10px 15px 10px; border-left: solid 1px #c4c4c4; border-right: solid 1px #c4c4c4;}
.accordion table.service {	width:100%;	border-top:1px solid #e5eff8;	border-right:1px solid #e5eff8;	margin:0em auto; border-collapse:collapse;}

.accordion tr.serviceodd .servicecolumn1	{background:#eee;}
.accordion tr.serviceeven td	{background:#fafafa;}
	
.accordion .servicecolumn1{background:#f9fcfe;}
.accordion table.service th {font-weight:normal;	color: #733E0A !important; font-size:12px;	text-align:left; font-weight:bold;	border-bottom: 1px solid #e5eff8;	border-left:1px solid #e5eff8;	padding:.3em 1em !important;	}							
.accordion thead th {	background:#f4f9fe;	text-align:center;	font:bold 0.8em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;	color:#444	}	
.accordion td.servicecnt {color:#525252;	border-bottom:1px solid #e5eff8;	border-left:1px solid #e5eff8;	padding:.3em 1em;	text-align:left;font:normal 0.8em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;	}	


.accordion ul{ margin:0; padding:0 10px 0 0;}

.accordion ul li{ list-style:none; margin:0;display:block;text-decoration:none;line-height:20px;background: url(../img/grey-arrow.png) 0px 7px no-repeat; font-size:12px;color:#525252; padding:0 0 0 12px;}


/*-------------------------Super note -----------------------------------------------------*/

.fallback { display: none;}

/* Here's our default note styles. */
.notedefault, .notenested { position: absolute; visibility: hidden; top: 1.5em; left: 2em; width: 800px;}
.notedefault { padding: 3px; border: 10px solid #ccc; background-color: #fff; color: white; z-index:10000;}
.notenested { width: 8em; padding: 3px; border: 1px solid #963; background-color: #C96; color: white;}

/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack { margin-left: 5px; margin-top: 15px;}

/* Headings within notes */
.notedefault p { padding:0 10px 0px 10px; color:#525252;}
.notedefault h5 {margin: 0 0 5px 0; padding:10px 10px 0 10px; background-color: white; color: #733E0A; font-size:14pt;}
.notedefault h6 {margin: 0 0 5px 0; padding:10px 10px 0 10px; background-color: white; color: #525252; font-size:11pt; font-weight:bold;}

/* Note close marker is only shown within pinned notes. */
.note-close { float: right; margin-top: 2px; width: 14px; height: 14px; line-height: 14px; color: black; text-decoration: none; visibility: hidden}
.snb-pinned .note-close { visibility: inherit;}
.terms{  font-size:13px; color:#733e0a; font-weight:bold; margin:0; padding:0; border-bottom:1px dashed #733e0a;}
:hover.terms{ border-bottom:none;}

/*--------------------------Shopping Cart ----------------------------------*/
#proddesc { margin:15px 0 0 0;}
#proddesc td { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#733e0a; font-size:13px; text-align:left; padding:0; line-height:20px; }
#cartproddesc { margin:5px 0 0 0;}
#cartproddesc td { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#733e0a; font-size:11px; text-align:left; padding:0; line-height:16px; }

#cart {	background: #fff; width:400px; margin:5px 0 0 20px; 	overflow: hidden;}
#products1 {background-color:#FFF;width:330px; margin:0;}	
.box {background:#fff /*url(../img/productdetails.png) center top*/; border:5px solid #e0e0e0;	margin:5px 10px 5px 0;	padding:4px;	width:300px;		float:left;	cursor:move;	color:#005124;	font-size:12px;	font-weight:bold;	}

.cartbox {background:#fff/* url(../img/cartproddetails.png) center top*/; border:3px solid #f2f2f2;	margin:5px 0 5px 100px;	padding:4px;	width:215px;		float:left;	cursor:move;	color:#005124;	font-size:12px;	font-weight:normal;	}
* html .cartbox {background:#fff /*url(../img/cartproddetails.png) no-repeat center center*/;	margin:0px 0 0 50px;	padding:4px;	width:230px;		float:left;	cursor:move;	color:#005124;	font-size:12px;	font-weight:normal;	}

#loading {	display:none;	float:right;}
#clearCart {	text-decoration:none; 	cursor:pointer; float:right; margin-right:40px; color:#733E0A; padding:0; font-size:11px; font-weight:bold; border-bottom:1px dashed #733E0A; }
#clearCart:hover { color:#608B11; padding:0; border-bottom:1px dashed #608b11; }
.carttop { background:url(../img/carttopbg.png) no-repeat 0 0; width:389px; height:97px; margin:0; padding:0; }  
.cartmid { background:url(../img/cartmidbg.png) repeat-y 0 0; width:389px; margin:0; padding:0;}  
.cartbottom { background:url(../img/cartbottombg.png) no-repeat 0 0; width:389px; height:74px; margin:0 0 10px 0; padding:0; }  
.cartalert {background: url(../img/alert.png) no-repeat 0 4px; width:180px; margin:0px auto 0 140px; line-height:30px; font-size:15px;  font-weight:bold; text-align:center; color:#f10;}
.clearcart { float:right; margin:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.itemalert {background: url(../img/alert.png) no-repeat 0 2px; width:300px; margin:0px auto 0 270px; line-height:30px; padding-left:30px; font-size:15px; border:none;  font-weight:bold; text-align:center; color:#f10; border:none;}

table.cartproddtl {	width:80%;	border-top:1px solid #e5eff8;	border-right:1px solid #e5eff8;	margin:0.5em auto 0 65px; border-collapse:collapse;}

table.cartproddtl tr.odd .column1	{background:#eee;}
table.cartproddtl tr.even td	{background:#fafafa;}
	
table.cartproddtl .column1{background:#f9fcfe;}
table.cartproddtl th {background:#f9fcfe;font-weight:normal;	color: #733E0A !important;	text-align:left;	border-bottom: 1px solid #e5eff8;	border-left:1px solid #e5eff8;	padding:.2em 1em !important; font-size:11px;	}							
table.cartproddtl thead th {	background:#f4f9fe;	text-align:center;	font:bold 0.8em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;	color:#444	}	
table.cartproddtl td.cnt {color:#678197;font-size:11px;	border-bottom:1px solid #e5eff8;	border-left:1px solid #e5eff8;	padding:.2em 1em;	text-align:left;	}	
.checkout {margin:5px 0 0 180px;}
.dragdrop { margin:30px 0 0 0;}

#total { width:100px !important; margin:40px 0 0 64px;}
#total td { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#733e0a; font-size:12px; text-align:left; padding:0; line-height:16px; }