/* reset.css - Resets default browser CSS. */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}

input, textarea, select, option{font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}

body {line-height:1.5;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; font-size:11px; }
.table-border tr:hover { background-color:#d9ebf5; }
table, td, th { vertical-align:middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

/* Remove annoying border on linked images. */
a:link, a:visited{color:#0099CC; text-decoration:underline;}
a:hover, a:focus{color:#FF0000; text-decoration:none;}
a img{border:none;}
/* reset.css - END */

body, html {height:100%}
body{font-size:12px; font-family:Arial, Tahoma, sans-serif; background:#FFFFFF; color:#333333;}
#wrapper{width:100%;}

#wrapper-login-box{width:450px; margin:14% auto; border:1px solid #D5D5D5}
#login-box{width:70%; margin:20px auto; padding:5px 30px;}
#login-box label{vertical-align:middle;}
#login-box label.spacer{margin-right:20px;}
#login-box input[type=text], input[type="password"]{width:90%;border:1px solid #999999;
padding:4px 10px;}

.password {width:20%!important;border:1px solid #999999;padding:4px 10px;}


#forgot-password-box{width:70%; margin:20px auto; padding:5px 30px;}
#forgot-password-box label{vertical-align:middle;}
#forgot-password-box label.spacer{margin-right:20px;}
#forgot-password-box input[type=text], input[type="password"]{width:90%;border:1px solid #999999;
padding:4px 10px;}

#wrapper-top{background:#FFFFFF;border-bottom:1px solid #669900;}
#top{width:95%; margin:0 auto;}
#top #top-right{float:right; color:#333333; padding:20px 0 0;}
#top #top-right a:link, #top #top-right a:visited{color:#0099CC; text-decoration:underline;}
#top #top-right a:hover, #top #top-right a:focus{color:#FF0000; text-decoration:none;}
#top #top-right .last-login{color:#8D9599;}
#top #logo{font-size:30px; color:#000000; font-weight:bold; padding:15px 0;}

#wrapper-topnav{background:url(../images/bg-topnav.png) repeat-x; height:40px; border-bottom:1px solid #2b6daa;}
#topnav {width:95%; margin:0 auto; z-index:100;}
#topnav ul {margin:0; padding:0; list-style:none;}
#topnav ul li {float:left; position:relative;}
#topnav ul li a, #topnav ul li a:visited {display:block; line-height:40px; padding:0 15px; color:#FFFFFF; text-decoration:none; font-weight:bold; overflow:hidden;}
#topnav ul li ul {display:none;}
#topnav ul li:hover a, #topnav ul li a.active{background:#fff; color:#000;}
#topnav ul li:hover ul {display:block; position:absolute; top:40px; left:0; z-index:1000;}
#topnav ul li:hover ul li a, #topnav ul li:hover ul li a:visited{background:#fff; color:#000; width:150px; line-height:normal; padding:10px 15px;}
#topnav ul li:hover ul li:hover a, #topnav ul li:hover ul li a:hover {background:#2b6daa; color:#FFFFFF;}

#wrapper-content{width:100%; min-height:80%}
#content{width:95%; margin:20px auto; border:1px solid #d4d4c8; background:#FFFFFF;}

#cms-left{width:65%; float:left}
#cms-right{width:34%; float:right}
#accordion h3{margin:0; font-size:13px; font-weight:bold;}
#accordion h3 a:link, #accordion h3 a:visited, #accordion h3 a:hover{color:#000000; text-decoration:none; padding:5px 10px 5px 30px;}


#dashboard{background:#f4f4f4; margin:10px; padding:10px;}
#dashboard .left-panel{width:54%; float:left;}
#dashboard .right-panel{float: right; width:45%;}
#dashboard ul { list-style-type:none;}
#dashboard li {width:98px; float:left; padding:10px 5px; margin:0 13px 15px 0;  text-align:center; border: solid 1px #ccc; background-color:#fff; font-size:11px; color:#565656;}
#dashboard li a{color:#565656; text-decoration:none; font-size:11px;}
#dashboard .blue-btn{ background-color:#003366; padding:1px 6px; margin:5px 0 0 0!important;}
#dashboard  a.blue-btn{ float:right; color:#fff!important; font-size:10px; text-decoration:none!important;}

#dashboard .table-border-dash{ background-color: #FFFFFF;
    border-collapse: collapse;}
 
#dashboard .table-border-dash th, td {
    border: 1px solid #D5D5D5!important;
    font-size: 11px;
    padding: 5px;
} 

#dashboard .table-border-dash th, td a{ color: #0099CC;}



#dashboard .table-border-dash th {
    background-color: #DDEEFE!important;
    font-weight: bold;
}
#dashboard .table-border-dash td, th {
    vertical-align: middle;
}

#dashboard .table-border-dash td {
    font-size: 11px;
	line-height:16px!important;
    padding: 5px!important;
}



#wrapper-grid{background:#FFFFFF; margin:10px; padding:0;}
#wrapper-grid table.grid{border-collapse:collapse;}
#wrapper-grid table.grid td.thead{background:#65AF15; color:#FFFFFF; font-size:14px; padding:5px 10px; border:0;}
#wrapper-grid table.grid th, #wrapper-grid table.grid td{border:1px solid #d5d5d5; padding:5px;}
#wrapper-grid table.grid th{font-weight:bold; background:#FFF3DF;}
#wrapper-grid table.grid tr.row2 td{background:#F7F7F7;}

#wrapper-heading{padding:10px; border-bottom:1px solid #D5D5D5;}
#wrapper-heading #controls{padding-left:50%;}
#controls ul{margin:0; padding:0; list-style:none;}
#controls ul li{float:right;}
#controls ul img{vertical-align:middle;}
#controls ul li a:link, #controls ul li a:visited{display:block; font-size:10px; padding:5px 15px 5px 10px; color:#666666; text-decoration:none;}
#controls ul li input.save { border:none; background:url(../images/ico-save.png) no-repeat; xwidth:24px; height:24px; padding:0 10px 0 25px; font-weight:normal; }
#controls ul li input.new { border:none; background:url(../images/ico-new.png) no-repeat; xwidth:24px; height:24px; padding:0 10px 0 25px; font-weight:normal; }
#controls ul li input.edit { border:none; background:url(../images/ico-edit.png) no-repeat; xwidth:24px; height:24px; padding:0 10px 0 25px; font-weight:normal; }
#controls ul li input.delete { border:none; background:url(../images/ico-delete.png) no-repeat; xwidth:24px; height:24px; padding:0 10px 0 25px; font-weight:normal; }

#controls ul li a:hover, #controls ul li a:focus,#controls ul li:hover{background:#F5F5F5; color:#000000;}



#heading{float:left; width:50%;}
#heading h1{color:#000000; font-size:24px; font-weight:bold;}

#wrapper-footer{background:#FFFFFF; border-top:1px solid #669900;}
#footer{width:95%; margin:0 auto; padding:20px 0; color:#666666;}
#footer a{color:#666666;}
.clear{clear:both;}
input[type=text],input[type="password"], textarea{border:1px solid #dadada; border-top:2px solid #bcbaba; border-right:1px solid #bcbaba; border-bottom:1px solid #dadada; border-right:1px solid #dadada; padding:3px 5px 4px;}
input[type=checkbox], input[type=radio], input[type=file]{border:none; vertical-align:middle;}
select{border:1px solid #dadada; border-top:2px solid #bcbaba; border-right:1px solid #bcbaba; border-bottom:1px solid #dadada; border-right:1px solid #dadada; padding:3px 3px 3px 0;}
input[type=button], input[type=submit]{font-weight:bold; border:1px solid; border-color:#999 #333 #333 #999; padding:3px 10px; margin:0;}
option{padding:0 5px;}
input.button-black{border:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; line-height:150%; background:#000000; padding:3px 10px; margin:0; color:#FFFFFF; vertical-align:baseline;}
.left{width:30%; float:left; padding:7px 0px 0px 7px; min-height:24px; margin-right:20px;}
.right{width:60%; float:left; padding:5px; min-height:24px;}
.clear{float:none; clear:both; height:0px;}
.row{background-color:none; display:block; min-height:32px;}
.width-xl{width:300px;}
select.width-xl{width:312px;}
.width-l{width:200px;}
.width-d{width:120px;}
select.width-l{width:212px;}
.width-m{width:100px;}
select.width-m{width:112px;}
.width-s{width:50px;}
select.width-s{width:62px;}
.over{background-color:#f0f0f0;}
.out{background-color:none;}
hr{border:1px solid #dadada;}
.text-red{color:#FF0000;}
.align-right{ float:right; vertical-align:middle; margin:7px 0 0 0;}


.uploader{
position:absolute;
left:180px;
top:30px;
width:650px;
height:550px;
border:1px solid #336666;
display:none;
background-color:#FFFFFF;
z-index:1001;
}
.uploader_cms{
display:none;
position: absolute;
background-color: #FFFFFF;
border:1px solid #336666;
z-index:1002;
overflow: hidden;
}
.uploader-frame{
background-repeat:no-repeat;
position:relative;
left:0px;
top:0;
width:650px;
height:550px;
display:block;
overflow:hidden;
}
.error {
color:#FF0000;
}
.div_input_b{
float:left;
width:700px;
}
.div_input_b div{
float:left;
width:200px;
}
.imagetitle{float:right;}/*padding:0 5px;*/
.imagefile{}/*float:left;*/

/* Image Uploader elements */

#img_uploader{
	display: none;
	position: absolute;
	background-color: white;			
	z-index:1002;
	overflow: auto;
	width:510px;
	height:150px;
	left:30%;top:40%;
}
#sortable{
background:none;
border:none;
}
#sortable{
	height:auto;
	margin:10px 0;
	padding-bottom:10px;
	position:relative;
}

#sortable li{
	float:left;
	width:100px;
	height:100px;
	display:inline;
	position:relative;
	list-style-type:none;
	margin:0 10px 10px 0;
	padding-top:19px;
}
#sortable li.ui-state-default{
background:none;
border:none;
padding-bottom:10px;
}

#sortable div.img_div{
	background-repeat: no-repeat;
	background-position: left top;
	cursor:pointer;
	width:100px;
	height:75px;
	border:1px solid gray;
}

#sortable img{
	display: block;
	position:absolute;
	top:19px;
	left:0px;
}
#addImageDetails .div_container{
width:170px;
}
#sortable div.e_image{
width:45px;
}
#sortable div.x_image{
/*	background:url(../../images/close-img.gif) no-repeat;
	position:absolute;
	top:20px;
	width:19px;*/
	width:45px;
	float:right;
	overflow:hidden;
	border:0 none;
	display:block;
	cursor:pointer;
	right:5px;
	height:19px;
}

#sortable div.div_container{
	padding-bottom:100px;
}
#sortable img{
	cursor:pointer;
	position:absolute;
	cursor:pointer;
/*	right:0px;
	left:1px;
	top:20px;
	width:170px;
	height:170px;*/
}


#sortable input.img-title{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border:1px solid #5D5D5D;
	display:block;
	width:160px;
	text-align:center;
}

#sortable div.product-thumb-title{
	cursor:pointer;
	width:170px;
	color: #333366;
}

.img_uploader-tab {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A5A5A5;
	border-right-color: #A5A5A5;
	border-bottom-color: #A5A5A5;
	border-left-color: #A5A5A5;
	background-image: url(../../images/product-gradient-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.img_uploader-title {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #620000;
	text-decoration: none;
}

.img_uploader_return_msg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #1D222D;
	text-decoration: none;
}

#ifrm_uploader {
	background-color:white;
	background-repeat:no-repeat;
	position:relative;
	left:0;
	top:0;
	width:420px;
	height:66px;
	display:block;
	overflow:hidden;
	border:none;
}
#addImageDetails div{float:left;width:200px;}
#addImageDetails{clear:both;}
#imagesDiv{}
.link_edit{}
/* Image Uploader elements */



#feature_list{
	height:auto;
	background:none;
	border:none;
	padding:10px;
	position:relative;
}

#feature_list li{
	float:left;
	width:175px;
	height:155px;
	display:inline;
	position:relative;
	list-style-type:none;
	margin:10px;
	background:none;
	border:none;
}

#feature_list .div_container{
	width:170px;
	height:150px;
}

#variation_container{
	width:100%;
	padding:5px;
}

.button-black_i {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #CCCCCC;
border:0 none;
color:#000000;
font-family:arial;
font-size:13px;
line-height:150%;
padding:3px 10px;
text-align:center;
vertical-align:top;
}

.disabled_row
{
color:#888888;
}
.controls_report{}
.hide{display:none;}
div.searchfields{
float:left;
width:140px;
}
div.divsubmit{
float:left;
width:70px;
padding:0 10px;
}
div.divsubmit .search{
border:none;
background:none;
}
div.mydiv-grid{
min-height:500px;
}
table.mytable-grid{
background-color:#E8E8E8;
border:1px solid #CCCCCC;
}
table.mytable-grid th{
vertical-align:middle;
text-align:left;
height:30px;
background-color:#F1F2F4;
border-bottom:1px solid #DDDDDD;
/*cursor:pointer;*/
font-weight:bold;
padding:2px 5px;
}
table.mytable-grid td{
vertical-align:middle;
white-space:nowrap;
border:1px solid #FFFFFF;
overflow:hidden;
height:30px;
padding:2px 5px;
}
.searchcontrols{
clear:both;
float:left;
margin:5px;
}
.searchcontrols .datepicker{
	width:222px;
	float:left;
}
.wrapper-grid{
clear:both;
}
.issortable{
cursor:pointer;
}
.odd{background-color:#F0F0F0;}
.even{background-color:#F6F6F6;} 
#div_scroller{
height:300px;
overflow:auto;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 300%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}


table.tblbrd{
background-color:#E8E8E8;
border:1px solid #CCCCCC;
}
table.tblbrd th{
vertical-align:middle;
text-align:left;
height:30px;
background-color:#F1F2F4;
border-bottom:1px solid #DDDDDD;
/*cursor:pointer;*/
font-weight:bold;
padding:2px 5px;
}
table.tblbrd td{
vertical-align:middle;
white-space:nowrap;
border:1px solid #FFFFFF;
overflow:hidden;
height:30px;
padding:2px 5px;
}


table.tblbrd-inner td{
vertical-align:middle;
white-space:nowrap;
border:none;
overflow:hidden;
height:30px;
padding:2px 5px;
}


.accordian-open{
	background-image: url(../images/btn_down.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	cursor:pointer;
	height:28px;
	line-height:28px;
	width:95%;
}

.accordian-close{
	background-image: url(../images/btn_left.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	cursor:pointer;
	height:28px;
	line-height:28px;
	width:95%;
}
.accordian-close-right{
	background-image: url(../images/btn_right.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding:0px 10px 0 0;
	cursor:pointer;
	height:28px;
	float:left;
	width:100%;
	line-height:28px;
	
}
.accordian-close-bg{
	background-image: url(../images/btn_stretch.png);
	background-repeat: repeat-x;
	background-position: right top;
	padding:0px;
	cursor:pointer;
	height:28px;
	float:left;
	width:100%;
	line-height:28px;	
}

.table-border {
    border: 1px solid #D4D5D5;
}

.view-section-title {
	border-bottom: 1px solid #D4D5D5;
	color: #000000;
	font-weight: normal;
	padding: 8px 0 8px 0;
	text-decoration: none;
	background-image: url(../images/massaction_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color:#ebebeb;	
}
.gray-box {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
.sort-drag {
    background-image: url("../images/sort.png");
    background-position: 5px 7px;
    background-repeat: no-repeat;
    color: #000000;
    cursor: move;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
    height: 30px;
    padding-left: 30px;
    text-decoration: none;
}

.table-border td, .table-border th {
    line-height: 26px;
    padding: 0 12px;
    text-align: left;
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D5D5D5;
    border-style: solid;
    border-width: 0 1px 0px 0!important;
	
}

.btn {
	float: left;
	padding: 0 0 0 0px;
	margin: 5px 10px 5px 0;
}
.btn a{
	float: left;
	height: 28px;	
	line-height: 28px;
	padding: 0 10px;
	color: #fff;
	font-weight:bold;
	font-size: 1.2em;
	text-decoration: none;
}

.dark-blue-btn { background-color: #003366; font-size:11px;  }


.btn-right {
	float: right;
	padding: 0 0 0 0px;
	margin: 5px 0px 5px 10px;
}
.btn-right a{
	float: right;
	height: 28px;	
	line-height: 28px;
	padding: 0 10px;
	color: #fff;
	font-weight:bold;
	font-size: 1.2em;
	text-decoration: none;
}

.btn-left {
	float: left;
	padding: 0 0 0 0px;
	margin: 5px 0px 10px 10px;
}
.btn-left a{
	float: left;
	height: 28px;	
	line-height: 28px;
	padding: 0 10px;
	color: #fff;
	font-weight:bold;
	font-size: 1.2em;
	text-decoration: none;
}
.alternet{ background-color:#f7f7f7;}
tr.top-bar{
	background-image:url(../images/top-bar-bg.gif);
	height:40px;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f0f0f0;
}
tr.top-bar:hover{background-color:#f0f0f0;}

.page-active{background-color:#003366; color:#fff; padding:2px 4px;}
a.page-deactive{background-color:#f2f2f2; color:#ccc; color:#000; padding:2px 4px; text-decoration:none;}

.top-border{ border-top:solid 1px #d5d5d5!important;}