/* ---------- css reset ----------- */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, select, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;	
}
:focus { outline: 0; } 
textarea { resize: none; } 

/* ------------ site --------------- */
.body { background: #404040; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #666; }

/* ---- login layout ---- */
.loginmaster { min-width: 600px; }
.logintop { background: url('/Content/images/topbg.gif') repeat-x #fff; height: 70px; color: #fff; padding: 45px 0 5px 0; font-size: 14px; font-weight: bold; text-align: center; }
.logintop h5 { font-size: 24px; letter-spacing: 1px; color: #fff; font-weight: bold; }
.logintitle { background: url('/Content/images/toplinksbg.gif') repeat-x #000; height: 32px; line-height: 32px; text-align: center; color: #6080ba; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 17px; text-decoration: none; }
.logincenter { margin: auto; height: 300px; width: 520px; text-align: center; background: url('/Content/images/boxbg.gif') left bottom repeat-x #fff; padding: 40px 30px 0 30px; border-left: solid 1px #ccc; border-right: solid 1px #ccc;   } 
.logincenter .logintable>tbody>tr>td { font-size: 20px; font-weight: bold; padding: 4px 0 6px 0; line-height: 30px; text-align: left; }
.logincenter input[type="text"], .logincenter input[type="password"]  { width: 330px; height: 30px; line-height: 30px; font-size: 20px; border: solid 1px #9f9f9f; padding: 3px 3px 2px 3px; color: #666; } 
.checkbox-fix label { position: relative; top: 1px; }
@-moz-document url-prefix() 
{  
	.checkbox-fix label { position: relative; top: 2px; }
}
.logincenter a { color: #656565; text-decoration: underline; padding-left: 10px; }
.logincenter a:hover { text-decoration: none; }
.logincenter .validation-summary { color: #f00; line-height: 21px; text-align: left; margin-left: 180px; font-size: 14px; }

/* ------------ layout --------------- */
.master { min-width: 1200px;  }
.top { background: url('/Content/images/topbg.gif') repeat-x; height: 80px; font-size: 13px; }
.top a, .top span{ font-size: 13px; text-decoration: none; white-space: nowrap; } 
.top a { color: #ffa136;  white-space: nowrap; }
.top a:hover { text-decoration: underline;  white-space: nowrap; }
.top .dv { margin: 0 5px 0 5px; position: relative; left: 0; top: 0; color: #fe9625;  } 
.top h5 { font-size: 32px; color: #fff; font-variant: small-caps; letter-spacing: -2px; position: absolute; left: 10px; top: 17px;  white-space: nowrap;}
.top span { position: absolute; left: 10px; top: 55px; color: #ddd;}
.toplinks { background: url('/Content/images/toplinksbg.gif') repeat-x #000; height: 32px; padding-left: 210px; }
.toplinks div { height: 32px; background: url('/Content/images/toplinkbgd.gif') no-repeat; float:left; }
.toplinks a { height: 32px; display: block; color: #6080ba; font-family: Arial, Helvetica, sans-serif; line-height: 32px; font-size: 17px; font-weight: bold; text-decoration: none; padding: 0 40px 0 40px;}
.toplinks a:hover { text-decoration: underline; }
.toplinks .active { }
.topph { height: 20px; clear: right; }
.content { float: left; width: 100%;  background: url('/Content/images/contentbg.gif') repeat-x #efefef; min-height: 400px; padding-bottom: 20px; }
.content h1 { font-size: 19px; font-family: Verdana, Tahoma, Arial, Sans-Serif; font-weight: normal; color: #32476b; margin: 0; }
.content h2 { font-size: 15px; font-weight: bold; color: #32476b; margin: 5px 0 14px 0; }
.content h2.edit-form { font-size: 16px; font-weight: bold; color: #32476b; margin: 25px 0 14px 0; border-bottom: solid 1px #ddd; width: 400px; }
.content h3 { font-size: 12px; font-weight: bold; color: #32476b; margin: 5px 0 8px 0; }
.content h4 { font-size: 12px; font-weight: bold; color: #000; margin: 24px 0 8px 0; }
a:hover { cursor: pointer; }
.content .actionbar { padding: 6px 10px 4px 10px; margin-bottom: 12px; height: 27px; background: url("/Content/images/boxbg.gif") repeat-x; border-bottom: solid 1px #ccc; white-space: nowrap;  }
.clear { clear: both; }
.button-container>tbody>tr>td { padding-right: 6px; }
.content .edit-form>tbody>tr>th { padding-right: 6px; padding-bottom: 6px; text-align: right; vertical-align: top; padding-top: 4px; font-weight: normal; white-space: nowrap; }
@-moz-document url-prefix() 
{  
	.content .edit-form>tbody>tr>th { padding-top: 4px;  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	.content .edit-form>tbody>tr>th { padding-top: 3px;   }
}
.content table.edit-form tr.heading>td { padding: 0 0 14px 0; }
.content table.edit-form tr.heading div { font-size: 16px; font-weight: bold; color: #32476b; margin: 6px 0 0 0; border-bottom: solid 1px #ddd; }
.content .edit-form>tbody>tr>td { padding-right: 6px; padding-bottom: 6px; }
.content .edit-form .top-head>th { text-align: left; }
.content .edit-form label { font-weight: normal; white-space: nowrap; }
.country-selector { float: left; background: #32476b; cursor: pointer; color: #fff; padding: 8px; margin-right: 12px; margin-bottom: 12px; font-weight: bold; text-align: center; }
.country-selector-active { color: #fff; background: #6789bd; }
.content .edit-form-view>tbody>tr>th { padding-right: 6px; padding-bottom: 6px; text-align: right; vertical-align: top; padding-top:0; font-weight: normal; white-space: nowrap; }
.content .edit-form-view>tbody>tr>td { padding-right: 6px; padding-bottom: 6px; font-weight: bold; vertical-align: top; color: #000; }

.box { background: url('/Content/images/boxbg.gif') left bottom repeat-x #fff; margin: 0 10px 20px 10px; border: solid 1px #ccc; } 
.left { width: 180px; float: left; background:  url('/Content/images/boxbgl.gif') left bottom repeat-x #f3f3f3; }
.right { margin-left: 210px; }
.right  .right-body { padding: 5px 10px 15px 10px;  }
.right-body { overflow: hidden; }
.bottom { clear: both; padding: 40px 50px 0 50px; height: 40px; color: #666; background: url('/Content/images/footerbg.gif') repeat-x #404040; }
.bottom div { line-height: 40px; }
.bottom .ad { position: relative; top: 5px; }
.bottom .dv { color: #fe9625; margin: 0 5px 0 5px; }
.bottom a { color: #999; text-decoration: none; }
.bottom a:hover { text-decoration: underline; }

/* ---- menu --- */
.menu h6 { font-size: 16px; color: #32476b; padding: 5px 5px 0 5px;  margin: 5px 3px 10px 3px; }
.menu h6.dv { background: url('/Content/images/menudiv.gif') repeat-x; }
.menu h6 img { position: relative; top: 2px; padding-right: 5px; }
.menu div { height: 20px; line-height: 20px; }
.menu a { font-size: 13px; text-decoration: none; padding: 4px 8px 4px 11px; color: #6789bd;  display: block; }
.menu a:hover {text-decoration: hover; background: #6080ba; color: #fff; }

/* ----- document grid ---- */
.document { table-layout: fixed; width: 950px; }
.document strong { color: #000; font-size: 12px; padding-bottom: 5px; display: inline-block; }
.document>tbody>tr>td { border: solid 1px #ccc; padding: 20px; vertical-align: top; }
.document>tbody>tr>td, .document>tbody>tr>th { vertical-align: top; }
.document .dates>tbody>tr>td { padding-right: 40px; vertical-align: top; }
.document .dates .div { padding-top: 5px;  }
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    .document .dates .div { padding-top: 3px;  }
}
@-moz-document url-prefix() 
{  
    .document .dates .div { padding-top: 4px;  }
}
.document .items-row>td { padding: 0; }
.document .items { width: 100%; }
.document h3, .document th { color: #000; }
.document .items>tbody>tr>td, .document .items>tbody>tr>th { padding: 5px; text-align: right; font-size: 11px; }
.document .items>tbody>tr>td:first-child, .document .items>tbody>tr>th:first-child { padding-left: 20px; }
.document .items>tbody>tr>td:last-child, .document .items>tbody>tr>th:last-child { padding-right: 20px; }
.document .items>tbody>tr>th { border-bottom: solid 1px #ccc; background: #f0f0f0;  }
.document .totals { float: right; }
.document .totals>tbody>tr>td, .document .totals>tbody>tr> th { text-align: right; padding: 0 0 3px 0; }
.document .totals .summary th, .document .totals .summary td { padding-top: 10px; }
.document .ta-left { text-align: left!important; }

#filelist td { text-align: left; font-family: Verdana; font-size: 11px; color: #000; border: solid 1px #cfddee; padding: 4px 6px; }
#filelist th { text-align: left; font-family: Verdana; font-size: 11px; font-weight: normal; color: #1e395b; border: solid 1px #cfddee; padding: 5px 6px; background: url('/DXR.axd?r=0_2080-PLj25') repeat-x top #e4effa; height: 17px; line-height: 17px; }
.up-progress-wrap { position: relative; }
.up-progress-wrap, .up-progress-text { width: 100%; }
.up-progress-bar { background: #e4effa; height: 26px; }
.up-progress-bar { width: 0%; }
.up-progress-text { position: absolute; top: 0; left: 0; width: 100%; line-height: 26px; padding: 0 2px; }


.photo-organizer { overflow: hidden; }
.photo-organizer .photo { float: left; margin-right: 10px; margin-bottom: 10px; background: transparent; border: solid 2px transparent; }
.photo-organizer .default-photo { border: solid 2px #1e395b!important; }
.photo-organizer .slideshow-photo { border: solid 2px #fb391e!important; }
.photo-organizer .default-photo.slideshow-photo { border: solid 2px #39ab1e!important; }
.photo-organizer .photo:hover { border-color: #cfddee;  }
.photo-organizer .photo .photo-operations { background: #cfddee; filter:alpha(opacity=90); opacity:0.9; -moz-opacity: 0.9; z-index: 99; 
								position: relative; width: 197px; text-align: right; 
								height: 19px; top: 22px; margin-top: -22px; display: none; padding: 3px 3px 0 0;
								}
.photo-organizer .photo .photo-operations a { display: inline-block; height: 16px; width: 16px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; opacity: 0.3;}
.photo-organizer .photo .photo-operations a:hover { opacity: 1; }
.photo-organizer .photo td { overflow: hidden; vertical-align: middle; text-align: center; line-height: 0; width: 200px; height: 200px; background: #transparent; }
.photo-organizer .photo td.placeholder { background: #c9d2f7; }

.form { border: solid 1px #d4d4d4; border-bottom: 0; padding: 20px; width: 758px; }
.form input[type="text"], .form input[type="email"], textarea { border: solid 1px #d4d4d4; padding: 4px 3px; height: 14px; font-size: 11px; line-height: normal; width: 340px; }
.form textarea { height: 100px; width: 710px; font-family: Tahoma, Arial, Helvetica, Sans-Serif;  }
.form-left { float: left; width: 369px; margin-right: 20px;  }
.form-right { float: left; width: 369px; }
.form label { line-height: 22px; }
.form h3 { border: 0; font-weight: normal; font-size: 17px; margin: 24px 0 6px 0; }
.form h3.first { margin-top: 18px; } 
.form .required { color: #ff7409; font-weight: bold; padding-right: 3px; }
.form .validationError { color: #f32; display: inline-block; margin-left: 6px; }
.form-review { line-height: normal; font-weight: bold; color: #000;  }
.form-review label { display: inline-block; text-align: left;  font-weight: normal; color: #8b8a8a; white-space: nowrap; }



.cart { width: 800px; }
.cart th, .cart td { text-align: left; padding: 7px 7px 6px 8px; border: solid 1px #d4d4d4; line-height: 17px; }
.cart th { color: #000; }
.cart select { border: solid 1px #d4d4d4; padding: 3px 3px 4px 3px; height: 25px; font-family: Arial; font-size: 11px; font-weight: normal; line-height: normal; letter-spacing: normal; }
.cart td.image { width: 50px; height: 50px; vertical-align: middle; text-align: center; }
.cart td.name { color: #000; }
.cart td.name a { color: #000; text-decoration: none; }
.cart td.name a:hover { text-decoration: underline; }
.cart td.modelno { white-space: nowrap; }
.cart td.price { text-align: right; color: #000; font-size: 17px; white-space: nowrap; }
.cart td .o-remove img {  position: relative; top: 3px; padding-left: 1px; }
.cart .sum {  text-align: right; }


.right a { color: #fe9625; text-decoration: underline; }
.right a:hover { text-decoration: none; }
.dxbButton_Office2010Blue { line-height: 15px; }
.dxeErrorCell_Office2010Blue { padding-top: 1px; }
@-moz-document url-prefix() 
{  
	.dxeErrorCell_Office2010Blue { padding-top: 2px; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	.dxeErrorCell_Office2010Blue { padding-top: 2px; }
}

.dxeDisabled_Office2010Blue input[readonly], .dxeDisabled_Office2010Blue .dxic, .dxeEditArea_Office2010Blue[disabled] { background: #f6f6f6; color: #333; } 
textarea { padding-top: 2px!important; }
@-moz-document url-prefix() 
{  
	textarea { padding-top: 3px!important; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	textarea { padding-top: 3px!important; }
}

.price-matrix { width: 100%; table-layout: fixed; }
.price-matrix td:first-child { width: 200px; }
.price-matrix td { padding: 0px; border: solid 1px #d4d4d4; white-space: nowrap; overflow: hidden;  }
.price-matrix input { border: 0; width: 100%; padding: 3px; font-family: Verdana; font-size: 11px; 
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.vgtable { table-layout: fixed; margin: 12px 0; }
.vgtable th { text-align: right; font-weight: bold; color: #000;  }
.vgtable td, .vgtable th { padding: 3px; border: solid 1px #d4d4d4; white-space: nowrap; overflow: hidden;  }
.vgtable input { border: 0; width: 80px; padding: 3px; font-family: Verdana; font-size: 11px;  text-align: right;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }

div.option { border: solid 1px #d4d4d4; padding: 12px; background: #fafafa; 
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; }

div.option select,
div.option input { border: solid 1px rgb(139, 160, 188); padding: 3px; font-family: Verdana; font-size: 11px; 
            -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
div.option select { padding: 2px; }

/*.dxtc-strip li { border-bottom: 0!important; }                                                             */
/*.dxtc-rightIndent { border-bottom: 0!important; }                                                          */
/*.dxtc-leftIndent { border-bottom: 0!important; }                                                           */
.dxtc-content { padding: 0!important; border: 0!important;  }                                              
.dxtc-content .dxgvControl_Office2010Blue { border-top: 0!important; }                                                              
/*.dxeCalendarFooter_Office2010Blue { text-align: right!important; vertical-align: middle!important; }       */
/*.dxeCalendarFooter_Office2010Blue>table { margin: auto!important; }                                        */
.dxgvLight .dxgvEmptyDataRow_Office2010Blue>td {  padding:4px 6px !important; }