@charset "utf-8"; body,
h1,
p,
ul { margin: 0 }
#buy,
h1 { display: inline-block }
#buy:hover,
a { text-decoration: none }
#page p,
h2 { color: #707070 }
#body,
#head,
#templates { border-bottom: 1px solid #d0d0d0 }
#tbar,
#tlist,
#tlist li { position: relative }
.label,
h1,
h2,
h3 { font-weight: 400 }
#tlist,
.values ul { list-style-type: none }
body { background-color: #f0f0f0 }
a { color: #004B90 }
a:hover { text-decoration: underline }
ul { padding: 0 }
#page { font-family: Tahoma, sans-serif; max-width: 900px; margin: 40px auto; color: #505050; font-size: 15px }
#head { padding-bottom: 15px }
h1 { color: #1B7AB8; font-size: 34px }
#buy { padding: 6px 11px; background-color: #64BB34; border-radius: 5px; float: right; margin-top: 10px; border: 1px solid #4E9A24; font-size: 15px; color: #fff }
#tlist li,
.values li { background-color: #fafafa; cursor: pointer }
#body { border-top: 1px solid #fff }
h2 { margin: 0 0 15px; font-size: 22px }
#templates { padding: 20px 0 25px }
#tbar { margin-top: 20px }
#tmask { overflow: hidden; height: 124px }
#next,
#prev { width: 40px; height: 40px; position: absolute; top: 42px; background-position: center; background-repeat: no-repeat; cursor: pointer }
#prev { background-image: url(https://resources.edunexttechnologies.com/web-data/dpsharni/sidebar/img/prev.png); left: -40px }
#next { background-image: url(https://resources.edunexttechnologies.com/web-data/dpsharni/sidebar/img/next.png); right: -40px }
#tlist li { width: 80px; height: 100px; border-radius: 5px; border: 1px solid #d0d0d0; float: left; margin: 1px 11px 1px 1px; padding: 10px 20px; overflow: hidden }
#tlist li:last-child { margin-right: 1px }
#tlist li.selected,
#tlist li:hover { border: 2px solid #1B7AB8; margin: 0 10px 0 0 }
#tlist li.selected:last-child,
#tlist li:last-child:hover { margin-right: 0 }
#tlist img { max-height: 100px }
.num { color: #a0a0a0; position: absolute; bottom: 7px; right: 12px; font-size: 14px }
#options { border-top: 1px solid #fff; padding-top: 20px }
#options p { margin-bottom: 5px }
.section { padding: 20px 0 25px }
.section:not(:last-child) { border-bottom: 1px solid #dadada }
h3 { font-size: 19px; color: #707070; margin-top: 1px; margin-bottom: 17px }
#options-main { padding-top: 15px }
.option { margin-left: 3px }
.option:not(:first-child) { clear: left; padding-top: 15px }
.label { font-size: 17px; color: grey; width: 20%; float: left; line-height: 36px }
.values { width: 80%; float: left }
.values ul:not(:first-child) { position: relative; left: 10px }
.values li { border: 1px solid #d0d0d0; padding: 7px 10px; border-radius: 5px; margin: 1px 5px 1px 1px; float: left; text-transform: lowercase }
li.input { padding: 3px 5px; height: 22px }
.values .sel { border: 2px solid #1B7AB8; margin: 0 4px 0 0 }
#opt-social { padding-top: 10px }
#opt-social li { margin-top: 5px }
#opt-social li.sel { margin-top: 4px }
/* input[type=text] { width: 35px; border-radius: 3px; border: none; padding: 5px; text-align: center } input:focus { border: none; outline: 0 } */
.flabel { color: #a0a0a0; font-style: italic }
#footer { color: #707070; font-size: 15px; border-top: 1px solid #fff; padding-top: 25px; position: relative }
#copy { position: absolute; right: 0; top: 22px }
#markup { display: none }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }