.status_box {
	padding:5px;
	margin: 5px;
	background:#FFF bottom center repeat-x;
	border:1px solid;
	white-space:normal;
}
.status_box h6 {
	text-align:left;
	font-size:1.0em;
	font-weight:bold;
	margin: 5px auto 5px 5px;
}
.status_box ul {
	text-align:left;
	margin: 0;
	padding-left: 30px;
	color: #000;
}
/*.status_box ul li { list-style:disc; }*/
.status_box ul li {background-image: url(../images/pointer.gif); background-repeat: no-repeat; background-position: 2px 3px; padding-left: 10px; margin-bottom: 8px; line-height: 14px;}

.status_box.info {
	border-color: #33CCFF;
	background-image:url('../../shared/images/bg_info.gif');
}
.status_box.info h6 { color: #33CCFF; background: url(../icons/information.png) no-repeat 0px 50%; padding-left: 25px; }
.status_box.success {
	border-color: #00CC00;
	background-image:url('../../shared/images/bg_success.gif');
}
.status_box.success h6 { color: #00CC00; background: url(../../shared/icons/accept.png) no-repeat 0px 50%; padding-left: 25px; }
.status_box.warning {
	border-color: #FF6600;
	background-image:url('../../shared/images/bg_warning.gif');
}
.status_box.warning h6 { color: #FF6600; background: url(../../shared/icons/error.png) no-repeat 0px 50%; padding-left: 25px; }
.status_box.error {
	border-color: #FF0000;
	background-image:url('../../shared/images/bg_error.gif');
}
.status_box.error h6 { color: #FF0000; background: url(../../shared/icons/exclamation.png) no-repeat 0px 50%; padding-left: 25px; }



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash span {
	visibility: hidden;
	font-size: 15px;
}


/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}



/* --------------------------------------------------------------

   forms.css
   * Allows the creation of vertical and horizontal forms
   * Allows sets up basic input element styles

-------------------------------------------------------------- */

/* Basic form styles */
form ol { margin: 0px; padding: 0px; list-style-type: none; }
form li { display: block; padding: 0.2em; }
form label { display: block; font-weight: normal; text-align:right; color:#11a0db;border: 0px solid #ddd;;}
form em { color: red; background-color: #fff; }

/* Input elements */
form input.text, form textarea { width: 20em;
	height: 18px;
	border: 1px solid #ddd;;
	/*background: url('../images/input.gif') no-repeat 0 0;*/

	color: #11a0db;

	}

form  textarea { width: 28em;

	}

/* form select { width: 15em; } */
form input.file { width: 20em; }

/* Special readonly style */
form .readonly { background-color: #E0DFE3; color: #99968A; }

/* Form rows */
form.horizontal li label { display: -moz-inline-box; width: 7em; vertical-align: top; }
* form.horizontal li label { display: inline-block;  }

/* Checkbox row */
/*
form.vertical li.checkbox span { display: inline; }
form.horizontal li.checkbox label { display: inline; width: 90%; }
form.horizontal li.checkbox span { display: inline; }
*/

form input.fancy_button{background:#AC1C31; color:#fff; border:1px solid #ccc;}

/* Submit Button Area */
form.vertical li.submit { text-align: center; }
form.horizontal li.submit { margin-left: 7em; }
form.horizontal li.note { margin-left: 7em; }


/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

ul.jd_menu,
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-bottom: solid;
		border-bottom-width: 2px; border-bottom-color:#000;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}
ul.jd_menu_vertical {
	width: 240px;
}
ul.jd_menu_vertical li {
	float: none;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}


ul.jd_menu,
ul.jd_menu ul,
ul.jd_menu_vertical,
ul.jd_menu_vertical ul {
	background-color: #3C3C3C;

	height: 28px;
}
ul.jd_menu_vertical {
	height: auto;
}
ul.jd_menu ul {
	height: auto;
}
* html ul.jd_menu ul {
	width: 1%;
}
ul.jd_menu li {
	font-family: sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 0px;
	cursor: pointer;
	white-space: nowrap;
	height: 28px; width: 240px;
}
ul.jd_menu li li {
	width: 240px;
}


ul.jd_menu li a {
		display:block; height: 28px; width: 240px; color: #acacac; font-size: 13px;
		text-indent: 10px; line-height: 28px; font-weight: bold; border-bottom: solid;
		border-bottom-width: 2px; border-bottom-color:#000;}
ul.jd_menu li a:hover {background-color:#000;}

ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active {
	background-color: #3C3C3C;
	color: #acacac;
}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
body {background-color: #3f3f3f;	margin: 0px;	padding: 0px;	font-family: "Trebuchet MS", Verdana, Arial;
	color: #464646;	font-size: 14px;	text-align: center;}
td {font-family: "Trebuchet MS", Verdana, Arial;	color: #131313;	font-size: 12px;	margin: 0px;	padding: 0px;}
.clear {clear:both;}
.toright {text-align: right;}

#main {border:0px solid #0f0; width: 1000px; margin: auto; text-align: justify; background-image: url(../images/bg-main.gif); background-repeat: repeat-y;}
div#top {width: 1000px; height: 125px; background-color: #c0c0c0;}
div#top img{float:left; width:240px; height:125px;}
div#top div{float:right; text-align:left;width:760px; height:125px;background-image: url(../images/top-number.gif); background-repeat:no-repeat;}

div#top div div{
	float:left;border:0px solid #C62037; width:300px; height:30px; margin:5px; padding:3px}
div#top div div a{
	color: #fff;
}

#column-left {float: left; width: 240px; color:#747474;}
#column-main {float: left; width: 520px;}
#column-right  {float: left; width: 240px;}
#footer {width: 1000px; height: 27px; margin: auto; text-align:left; color:#747474; text-transform: uppercase; font-size: 10px; margin-top: 10px;}

a {color: #b21d31; text-decoration: none;}
a:hover {color: #6a0b18; text-decoration: none;}
p {padding: 0px; margin: 0px; margin-bottom: 10px;}


h1.seo {font-size: 11px; text-transform:uppercase; margin: 0px; display:block; height: 25px; line-height: 25px; color:#949494;}
h1#holiday {font-size: 14px; margin: 2px; padding:2px; background:#fff;color:#f00;border:1px solid #f00;}
h1.maintenance {font-size: 11px; margin: 0px; display:block; height: 12px; line-height: 12px; background:#fff;color:#f00;}
.txt-small {font-size: 10px;}

ul, li {list-style-type: none; list-style-image: none; margin: 0px; padding: 0px;}
#dmenu {height: 38px; width: 1000px;}
#menu {height: 38px; width: 1000px;}
#menu li{display: block; height: 38px; float: left;}



.txt-red {color: #8c1734;}
.txt-bold {font-weight: bold;}
.txt-newprice {color: #8c1734; font-weight: bold; font-size:16px;}
.txt-oldprice {color: #8c1734; font-weight: bold; text-decoration:line-through;}

#main-btm {width: 1000px; background-image: url(../images/bg-main-btm.gif); background-repeat: no-repeat; background-position:bottom;}



#box-customerservices {border:0px solid #f00; height: 159px; width: 240px; text-align: right;background-image: url(../images/box-customerservices.jpg);}
#box-customerxxxservices  div {}
#VolusionLiveChat_holder{text-align: right;margin-left:120px; border:0px solid #00f; padding-top: 85px;height: 59px; width: 112px;}
#VolusionLiveChat{margin-left:0px;height: 59px; width: 112px; border:0px solid #0f0;}

#column-right .box-product {margin-left:10px; margin-right: 10px; line-height: 14px;}


.box-webdesign {float: right; text-align: right; margin-top: -4px;}
.foot-webdesign {margin-bottom: -4px;}
#footer a{color:#848484;}
#footer a:hover{color:#939393;}
#foot-areas a{color:#c8c8c8; font-size: 11px;}

#column-main .box {margin-left:10px; margin-right: 10px;}
#column-main ul {margin-bottom: 2px;}
#column-main li {background-image: url(../images/pointer.gif); background-repeat: no-repeat; background-position: 2px 3px; padding-left: 10px; margin-bottom: 8px; line-height: 14px;}

#column-main h1 {font-weight: bold; font-size: 22px; color: #000; margin-top: 8px;}


.box-pics {	 float: left; margin-bottom: 5px;	margin-right: 5px; margin-top: 3px; background: #FFF; padding:2px; border: solid 1px #b3b3b3;}
.box-pics-detail {	float: left; margin-bottom: 5px;	margin-right: 5px; margin-top: 3px; background: #FFF; padding:2px; border: solid 1px #b3b3b3;}
.box-productlist {width: 238px; float:left; margin-right: 5px; margin-left: 5px; margin-bottom: 15px; border-top:1px solid #ccc;}
h3 {font-weight: bold; font-size: 14px; color: #000; margin-top: 8px;}

.btn-img {margin-bottom: -4px;}


input {font-family: "Trebuchet MS", Verdana, Arial;	color: #464646;	font-size: 12px; border: solid 1px #b3b3b3;  background-image: url(../images/input-bg.gif); background-repeat: no-repeat;}
textarea {font-family: "Trebuchet MS", Verdana, Arial;	color: #464646;	font-size: 12px; border: solid 1px #b3b3b3;  background-image: url(../images/input-bg.gif); background-repeat: no-repeat;}

.input-small {width: 30px;}
.box-productdetails {float:left; width:240px;} .box-productpicture {width:250px;float:left;}

#column-left .box {padding-left: 10px; padding-right: 10px; margin-top: 5px; margin-bottom: 5px;}
.input-lhs {border: solid 1px #000;  background-image: url(../images/input-bg-dark.gif); background-repeat: no-repeat; width: 220px; margin-bottom: 5px; text-indent: 5px; color: #acacac;}

.box-basket {background-color: #e7e7e7; padding: 5px; margin-bottom: 5px;}
.box-basketsummary {background-color: #d6d6d6; padding: 5px; margin-bottom: 5px;}


box-productlist/* dathwa */

div.note {padding: 5px; margin: 0px; margin-bottom: 10px; background:#FFDFE4; border:2px solid #000;}

div.filter-box{text-align:right;padding: 2px; margin: 0px; margin-bottom: 1px; background:#E4E4E4; border:0px solid #000;}

span.required{color:#f00;}

#column-main form.cmxform li {background-image: url(../images/trans.gif);}

.flash-replaced .alt {
				display: block;
				height: 0;
				position: absolute;
				overflow: hidden;
				width: 0;
			}

.code{
	font-family: monospace; font-size:11px;
}
div.content{border:0px solid #f00;}

div.maintenance{
	border:0px solid #0f0;
	padding:20px 50px;
	font-size:16px;}

div.continue_shopping{
	border:0px solid #0f0;
	padding:2px;
	margin:2px;
	font-size:14px;
	text-align: center;
	color: #616BDF;
	font-weight:bold;
	}

div.empty{
	border:0px solid #0f0;
	padding:2px;
	margin:2px;
	font-size:14px;
	text-align: left;
	color: #616BDF;
	font-weight:bold;
	}

table.basket{
	border:1px solid #ccc;
	border-collapse: collapse;
}
table.basket th{
	border:1px solid #ccc;
	background: #8F8F8F;
	color:#fff;
	margin:2px;
	padding:2px;
}
table.basket td{
	border:1px solid #ccc;
	margin:2px;
	padding:2px;
}

.right{text-align:right;}



p.admin_nav{
	color: #fff;
	border:0px solid #090;
	text-align:center;
	padding:0;
	margin:0;
}



p.member_nav{
	background: #C62037;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border:2px solid #F4F4F4;
	padding:0;
	margin:0;
}
p.member_nav a{
	color:#fff;
	font-weight:bold;
}

div.filter{background:#CFF1FF; }

div.filter select{}

div#environment{z-index:999; padding:2px; margin:2px; font-size: 11px; background-color:#fff; position:absolute;margin-right:0;border:1px solid #ddd;}


div.pagination{
	background-color:#eee;
	color: #000;
	border:0px solid #00f;
	margin:3px 0 3px 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
div#codeigniter_profiler{
	clear:both;
	background-color:#f00;
	}

.toright a{
	font-size:11px;
	color:#11A0DB;
}


div#breadcrumb{
	color: #C1B9B4;
	font-size:11px;
	font-weight:bold;
	background:#fff;
	border: 0px solid #0f0;
	}

div#breadcrumb a{
	color: #C1B9B4;
	font-size:11px;
	font-weight:bold;
	}


/* PHP File Tree Default Theme

	By Cory LaViska (http://abeautifulsite.net/)
	Featuring the Silk Icon Set from famfamfam (http://www.famfamfam.com/lab/icons/silk/)

*/



#content ul.pft {
	display:block;
	list-style-type: none;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 1.5;
	border:0px solid #f00;
	margin:40px;
	padding-left:40px;
}


#content ul.pft li.f {
	list-style-type: none;
	letter-spacing: 1px;	line-height: 1.5;
	}

ul.pft a {

		text-decoration: none;
	}

ul.pft a:hover {

	}

ul.pft .open {
		font-style: italic;
	}

ul.pft .closed {
		font-style: normal;
	}

ul.pft li.d-root {
		list-style-image: url(/assets/shared/icons/world_go.png);
	}

ul.pft li.d {
		list-style-image: url(/assets/shared/icons/arrow_right.png);
	}

	/* Default file */
ul.pftx li.fx { list-style-image: url(/assets/shared/icons/page.png); }
	/* Additional file types */
ul.pft li.f-hide { list-style-image: url(/common/images-css/icons/hide.gif); }
	/* You can add millions of these... */




table.calendar {
	border: 1px #11A0DB solid;
	background-color: transparent;
	border-collapse: collapse;
}

table.calendar a{
	color:#11A0DB;
	font-weight:bold;
	text-decoration:none;
	font-size: 13px;
}


table.calendar th.calheading {
	background-color: #11A0DB;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.calnavleft {
	background-color: #fff;
	font-size: 10px;
	font-weight: bold;
	color: #11A0DB;
	padding: 4px;
	cursor: pointer;
}
.calnavright {
	background-color: #fff;
	font-size: 10px;
	font-weight: bold;
	color: #11A0DB;
	text-align:  right;
	padding: 4px;
	cursor: pointer;
}
.caldayheading {
	background-color: #11A0DB;
	color: #fff;
	font-size: 10px;
	text-align: center;
	padding: 6px 2px 6px 2px;
}
.caldaycells{
	color: #D1D7E6;
	background-color: #fff;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	border: 1px #E0E5F1 solid;
	/* cursor: pointer; */
}
.caldaycellhover{
	color: #fff;
	background-color: #B3BCD4;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	border: 1px #B3BCD4 solid;
	cursor: pointer;
}
.caldayselected{
	background-color: #737FAC;
	color:	#fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: 1px #566188 solid;
	padding: 3px;
	cursor: pointer;
}
.calblanktop {
	background-color: #fff;
	padding: 4px;
}
.calblankbot {
	background-color: #fff;
	padding: 4px;
}