@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Cousine');

body {margin:0px;padding:0px;overflow-y:scroll;background-color:#EEEEEE;}
@media (-webkit-min-device-pixel-ratio: 1.3),
       (min--moz-device-pixel-ratio: 1.3),
       (min-resolution: 1.3dppx),
       (min-resolution: 158dpi) {
	body {margin:0px;padding:0px;background-color:#FFFFFF;-webkit-text-size-adjust:none;}
}
body.product {background-color:#FFFFFF;}
body.clean {background-color:#FFFFFF;overflow-y:hidden;}

a:link {color:#000000;font-weight:bold;text-decoration:none;}
a:visited {color:#000000;font-weight:bold;text-decoration:none;}
a:hover {color:#000000;font-weight:bold;text-decoration:underline;}

ul.list {list-style:square;margin-bottom:8px;margin-top:0px;margin-left:18px;padding:0px;line-height:18px;}
ul.square {list-style:square;margin-bottom:2px;margin-top:0px;margin-left:30px;padding:0px;line-height:16px;}
ul.computers {list-style:square;margin-bottom:-12px;margin-top:0px;margin-left:20px;padding:0px;line-height:18px;}
ul.comp_options {list-style:square;margin-bottom:0px;margin-top:0px;margin-left:18px;padding:0px;line-height:16px;}
ul.selector {list-style:none;width:120px;margin:0px;padding:0px;margin-left:auto;margin-right:auto;}
ul.selector li{padding:4px;}

hr {background-color:#d4d4d4;color:#d4d4d4;height:1px;border:0px;padding:0px;margin:0px;}
hr.w70 {width:70%;margin-left:auto;margin-right:auto;}
hr.creator {width:38%;background-color:#666666;color:#666666;margin:4px auto 2px auto;}

p.date {margin:5px 0px 20px 0px;padding:0px;text-align:center;}

input {cursor: pointer;}

div.update {height:30px;line-height:30px;width:200px;background-color:#CDDBEB;position:relative;margin-left:auto;margin-right:auto;border:0px;padding:0px;border-radius:3px;text-align:center;}
div.update:hover {background-color:#005078;color:#CDDBEB;}
input.update {height:30px;width:196px;border:0px;background-color:#CDDBEB;font-family:montserrat;font-size:12pt;font-weight:bold;color:#005078;}
input.update:hover {background-color:#005078;color:#CDDBEB;}

div.reset {height:30px;line-height:30px;width:160px;background-color:#005078;position:relative;border:0px;padding:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;margin-left:auto;margin-right:0px;}
div.reset:hover {background-color:#3DA0DB;}
input.reset {height:30px;width:160px;border:0px;background-color:#005078;color:#FFFFFF;font-family:montserrat;font-size:12pt;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
input.reset:hover {background-color:#3DA0DB;color:#FFFFFF;}
/* Backup reset - input.reset {height:170px;width:30px;border:0px;background-color:#005078;color:#FFFFFF;font-family:tahoma,arial;font-size:12pt;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;white-space:normal;} */

input.close {border:0px;width:10px;height:202px;background-color:#eeeeee;}
input.close:hover {background-color:#aaaaaa;}

div.systemTitle {position:absolute;margin:-26px 0px 0px -2px;border:2px solid #005078;background-color:#CDDBEB;padding:1px 6px 1px 6px;border-radius:16px;display:inline !important;opacity:1.0 !important;}
div.systemTitle:hover {background-color:#005078;}
a.systemTitle {font-size:12pt;font-weight:bold;color:#005078;}
a.systemTitle:visited {color:#005078;}
a.systemTitle:hover {color:#FCCE55;text-decoration:none;}

div.homeCat {margin:6px 6px 6px 6px;border:2px solid #005078;background-color:#CDDBEB;padding:6px 6px 6px 6px;border-radius:16px;display:inline !important;opacity:1.0 !important;}
div.homeCat:hover {background-color:#005078;}
a.homeCat {font-family:montserrat;font-size:12pt;font-weight:bold;color:#005078;}
a.homeCat:visited {color:#005078;}
a.homeCat:hover {color:#FCCE55;text-decoration:none;}

div.orderL {height:22px;text-align:center;background-color:#00CC00;border:2px solid #00AA00;padding:1px 6px 1px 6px;border-radius:16px;display:inline !important;opacity:1.0 !important;}
div.orderL:hover {background-color:#00AA00;cursor:pointer;border:2px solid #006600;}

select {border:1px solid #BBBBBB;min-height:18px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
select:hover {border:1px solid #005078;}

textarea {border:1px solid #BBBBBB;resize:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
textarea:hover {border:1px solid #005078;}
textarea:focus {border:1px solid #005078;}

img.topPic {max-height:38px;width:auto;height:auto;padding:0px 12px 0px 12px;vertical-align:middle;}
img.home {padding-right:12px;float:left;}

.hidden{}

/* Promotie cirkel */
.circle100 {width:100px;height:100px;background:#CDDBEB;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;padding:15px;line-height:100px;text-align:center;vertical-align:middle;}
.circle100_promo {width:100px;height:100px;background:#CDDBEB;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;padding:15px;line-height:100px;text-align:center;vertical-align:middle;border:3px solid red;}
.circletext {font-family:montserrat;font-size:18pt;font-weight:bold;color:#005078;}

/*Styles***************************************************************************************/

.title {font-family:montserrat;font-size:18pt;font-weight:bold;}
.head {font-family:montserrat;font-size:12pt;font-weight:bold;color:#005078;}
.headh {font-family:montserrat;font-size:10pt;font-weight:bold;color:#005078;}
.headT {font-family:arial;font-size:12pt;font-weight:bold;color:#5c5b59;}
.text {font-family:montserrat;font-size:10pt;color:#000000;}
.Btext {font-family:montserrat;font-size:10pt;font-weight:bold;color:#000000;}
.Ltext {font-family:arial;font-size:11pt;font-weight:bold;color:#000000;}
.write {font-family:arial;font-size:12pt;font-weight:normal;color:#FFFFFF;}
.spec {font-family:arial;font-size:7pt;font-weight:bold;}
.boxHead {font-family:montserrat;font-size:12pt;font-weight:bold;color:#FCCE55;}
.order {font-family:montserrat;font-size:11pt;color:#FFFFFF;}

.user {border:1px solid #005078;width:320px;height:21px;font-family:montserrat;background-color:#FFFFFF;margin:2px 2px 2px 2px;}
.user:hover {border:1px solid #FCCE55;}
.userOrder {border:1px solid #BBBBBB;width:280px;height:21px;font-family:montserrat;background-color:#FFFFFF;margin:2px 2px 2px 2px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.userOrder:hover {border:1px solid #005078;}
.userOrder:focus {border:1px solid #005078;}

/*For mobile phones***************************************************************************/
@media (-webkit-min-device-pixel-ratio: 1.3),
       (min--moz-device-pixel-ratio: 1.3),
       (min-resolution: 1.3dppx),
       (min-resolution: 158dpi) {
	.mobile{display:none;}
	.headh {font-family:montserrat;font-size:12pt;font-weight:bold;color:#005078;}
	.text {font-family:montserrat;font-size:12pt;color:#000000;}
	img.topPic {max-height:46px;width:auto;height:auto;padding:0px 12px 0px 12px;vertical-align:middle;}
}

/*Left Menu************************************************************************************/

.TLlink {font-family:montserrat;font-size:8.5pt;font-weight:bold;}
.TLlinkinfo {font-family:montserrat;font-size:9pt;}
.TLlinkprice {font-family:montserrat;font-size:10pt;font-weight:bold;}

.stHeadliner {font-family:arial,monospace;font-size:12pt;font-weight:bold;background-color:black;background-repeat:repeat;background-attachment:scroll; 
              color:#FFFFFF;vertical-align:middle;text-transform:capitalize;text-align:left;border-style:solid;border-color:#000000;margin-bottom:-20px;background-position:0% 50%;}

/*Unhide***************************************************************************************/

.unhide_title {overflow:hidden; cursor:pointer;}
.unhide_style {visibility:hidden; height:0px; overflow:hidden; position:relative;}
.unhide_content {position:relative;}

/*Table****************************************************************************************/
#maintop {border-collapse:collapse;padding:0px;height:44px;width:100%;background-color:#FFFFFF;border-spacing:10px;}
#maintop tr {height:100%;vertical-align:middle;}
#maintop td {height:100%;}
#maintop td.left {width:20%;text-align:left;}
#maintop td.middle {width:40%;text-align:center;}
#maintop td.right {width:40%;text-align:right;}

@media (-webkit-min-device-pixel-ratio: 1.3),
       (min--moz-device-pixel-ratio: 1.3),
       (min-resolution: 1.3dppx),
       (min-resolution: 158dpi) {
	#maintop {border-collapse:collapse;padding:0px;height:54px;width:100%;background-color:#FFFFFF;border-spacing:10px;}
}

#mainbottom {border-collapse:collapse;padding:0px;height:40px;width:100%;background-color:#CDDBEB;}
#mainbottom tr {height:40px;vertical-align:middle;}
#mainbottom td {height:40px;}
#mainbottom td.left {width:20%;text-align:left;}
#mainbottom td.middle {width:60%;text-align:center;}
#mainbottom td.right {width:20%;text-align:right;}

#main {border-collapse:collapse;border:0px;padding:0px;width:99%;margin-left:auto;margin-right:auto;}
#main tr {padding:0px;vertical-align:top;}
#main td {padding:0px;}
#main td.w174 {width:174px;text-align:center;}
#main td.hspacer {width:10px;}
#main td.vspacer {height:20px;}

#maincolumn {border-collapse:collapse;border:0px;padding:0px;width:174px;background-color:#FFFFFF;}
#maincolumn tr {padding:0px;vertical-align:middle;}
#maincolumn td {padding:0px;}
#maincolumn td.top {height:37px;width:174px;text-align:center;background-image:url('../images/borderToolbar/top.jpg');background-repeat:no-repeat;}
#maincolumn td.border {width:4px;min-width:4px;background-color:#005078;}
#maincolumn td.content {width:166px;text-align:center;}
#maincolumn td.bottom {height:12px;width:174px;background-image:url('../images/borderToolbar/bottom.jpg');background-repeat:no-repeat;}

#maincolumn_left {border-collapse:collapse;border:0px;padding:0px;width:100%;background-color:#FFFFFF;}
#maincolumn_left tr {padding:0px;}
#maincolumn_left td {padding:0px;}
#maincolumn_left td.select {height:50px;}
#maincolumn_left td.icon {height:36px;width:60px;text-align:left;}
#maincolumn_left td.cat {height:36px;text-align:left;}
#maincolumn_left td.dot {height:1px;}

#maincenter {border-collapse:collapse;border:0px;padding:0px;width:100%;}
#maincenter tr {padding:0px;vertical-align:middle;}
#maincenter td {padding:0px;}
#maincenter td.topleft1 {height:37px;width:4px;background-image:url('../images/borderMain/top_left1.gif');background-repeat:no-repeat;}
#maincenter td.topleft2 {height:37px;width:12px;background-image:url('../images/borderMain/top_left2.gif');background-repeat:no-repeat;}
#maincenter td.topright1 {height:37px;width:12px;background-image:url('../images/borderMain/top_right1.gif');background-repeat:no-repeat;}
#maincenter td.topright2 {height:37px;width:4px;background-image:url('../images/borderMain/top_right2.gif');background-repeat:no-repeat;}
#maincenter td.bottomleft {height:12px;width:4px;background-image:url('../images/borderMain/bottom_left.gif');background-repeat:no-repeat;}
#maincenter td.bottomright {height:12px;width:4px;background-image:url('../images/borderMain/bottom_right.gif');background-repeat:no-repeat;}
#maincenter td.middlebar {background-color:#005078;text-align:center;}
#maincenter td.border {width:4px;min-width:4px;background-color:#005078;}
#maincenter td.content {padding:1px;background-color:#FFFFFF;}
#maincenter td.hspacer {width:12px;background-color:#FFFFFF;}

#maincontent {border-collapse:collapse;border:0px;padding:3px;width:100%;}
#maincontent tr {padding:0px;}
#maincontent td {padding:3px;}
#maincontent td.info {padding-top:6px;padding-bottom:6px;padding-left:4px;padding-right:4px;text-align:left;}
#maincontent td.promos {padding-top:6px;padding-bottom:6px;padding-left:4px;padding-right:4px;}
#maincontent td.dot {padding:0px;height:1px;}

#home {border-collapse:collapse;border:0px;padding:3px;width:100%;}
#home tr {padding:0px;}
#home td {padding:3px;}
#home td.pic {padding-right:12px;text-align:center;}

#computers {border-collapse:collapse;border:0px;padding:3px;width:100%;}
#computers tr {padding:0px;}
#computers td {border:0px;padding:0px;vertical-align:middle;text-align:center;width:50%;}
#computers td.desc {min-width:220px;}
#computers td.sspacer {height:10px;}
#computers td.bspacer {height:60px;}

#comp_options {border-collapse:collapse;border:0px;padding:4px;width:80%;min-width:220px;max-width:350px;background-color:#DDDDDD;margin-left:auto;margin-right:auto;}
#comp_options tr {padding:0px;}
#comp_options td {padding:2px;text-align:left;}
#comp_options td.head {height:20px;text-align:center;background-color:#CCCCCC;}
#comp_options td.right {width:15%;text-align:right;}
#comp_options td.order {height:22px;text-align:center;background-color:#00CC00;border:2px solid #00AA00;}
#comp_options td.order:hover {background-color:#00AA00;cursor:pointer;border:2px solid #006600;}

#laptops {border-collapse:collapse;border:0px;width:99%;margin-left:auto;margin-right:auto;}
#laptops tr {padding:0px;border:1px solid #BBBBBB;height:200px;vertical-align:middle;}
#laptops tr:hover {border:1px solid #005078;border-style:double;}
#laptops td {padding:10px;}
#laptops td.close {width:14px;min-width:14px;background-color:#eeeeee;padding:0px;vertical-align:middle;}
#laptops td.close:hover {background-color:#AAAAAA;cursor:pointer;}

#order_client {border-collapse:collapse;border:0px;padding:0px;margin-left:auto;margin-right:auto;}
#order_client tr {padding:0px;}
#order_client td {height:33px;padding:0px;width:auto;text-align:center;}
#order_client td.text {width:45%;vertical-align:top;}
#order_client td.left {text-align:right;width:70px;}
#order_client td.middle {text-align:left;}

#syscreator1 {border-collapse:collapse;border:0px;padding:0px;width:450px;margin-left:auto;margin-right:auto;}
#syscreator1 tr {padding:0px;}
#syscreator1 td {padding:0px;text-align:center;}

#syscreator2 {border-collapse:collapse;border:0px;padding:0px;width:100%;}
#syscreator2 tr {padding:0px;}
#syscreator2 td {padding:0px;text-align:center;}
#syscreator2 td.spacer {height:30px;}

#syscreator3 {border-collapse:collapse;border:0px;padding:0px;width:645px;margin-left:auto;margin-right:auto;}
#syscreator3 tr {padding:0px;}
#syscreator3 td {padding:0px;text-align:center;}
#syscreator3 td.spacer {height:15px;}

#syscreator3_table {border-collapse:collapse;border:0px;padding:0px;width:645px;}
#syscreator3_table tr {padding:0px;vertical-align:middle;}
#syscreator3_table td {padding:0px;text-align:left;}
#syscreator3_table td.topleft1 {height:37px;width:4px;background-image:url('../images/borderMain/top_left1.gif');background-repeat:no-repeat;}
#syscreator3_table td.topleft2 {height:37px;width:12px;background-image:url('../images/borderMain/top_left2.gif');background-repeat:no-repeat;}
#syscreator3_table td.topright1 {height:37px;width:12px;background-image:url('../images/borderMain/top_right1.gif');background-repeat:no-repeat;}
#syscreator3_table td.topright2 {height:37px;width:4px;background-image:url('../images/borderMain/top_right2.gif');background-repeat:no-repeat;}
#syscreator3_table td.bottomleft {height:12px;width:4px;background-image:url('../images/borderMain/bottom_left.gif');background-repeat:no-repeat;}
#syscreator3_table td.bottomright {height:12px;width:4px;background-image:url('../images/borderMain/bottom_right.gif');background-repeat:no-repeat;}
#syscreator3_table td.middlebar {background-color:#005078;}
#syscreator3_table td.border {width:4px;min-width:4px;background-color:#005078;}
#syscreator3_table td.content {padding:0px;background-color:#FFFFFF;}

#syscreator3_client {border-collapse:collapse;border:2px solid #006896;padding:0px;width:562px;margin-left:auto;margin-right:auto;}
#syscreator3_client tr {padding:0px;}
#syscreator3_client td {height:33px;padding:0px;text-align:center;}
#syscreator3_client td.left {width:30%;}
#syscreator3_client td.middle {text-align:right;}
#syscreator3_client td.right {text-align:left;}

#syscreator3_overview {border-collapse:collapse;border:0px;padding:0px;width:100%;}
#syscreator3_overview tr {padding:0px;}
#syscreator3_overview tr.alt {padding:0px;background-color:#F5F5F5;}
#syscreator3_overview td {padding:2px;height:25px;}
#syscreator3_overview td.left {width:38%;}
#syscreator3_overview td.price {height:50px;text-align:center;background-color:#CDDBEB;}

#product {border-collapse:collapse;border:2px solid #006896;padding:0px;width:600px;background-color:#FFFFFF;margin-left:auto;margin-right:auto;}
#product tr {padding:0px;}
#product tr.alt {background-color:#F0F0F0;}
#product td {height:23px;padding:0px;text-align:left;}
#product td.head {height:30px;text-align:center;background-color:#CDDBEB;}
#product td.price {text-align:right;}

#selectTable {border-collapse:collapse;border:0px;width:600px;}
#selectTable tr {padding:0px;}
#selectTable td {padding:10px;vertical-align:top;}

/*Compare****************************************************************************************/
#comparetop {background-color:#FFFFFF;border:2px solid #005078;border-collapse:collapse;padding:0px;position:relative;top:15px;left:15px;}
#comparetop tr {border:0px;vertical-align:top;}
#comparetop td {border:0px;padding:0px;}
#compare {border-collapse:collapse;padding:0px;width:280px;font-family:tahoma;font-size:10pt;}
#compare tr {height:26px;vertical-align:middle;}
#compare th {vertical-align:middle;border:0px;padding:0px;background-color:#005078;text-align:center;font-weight:bold;color:#FCCE55;}
#compare td {vertical-align:middle;border:0px;padding:0px;text-align:center;}
#compare tr.desc td {font-weight:bold;text-align:left;}
#compare tr.alt td {background-color:#F5F5F5;}
#compare tr.price td {background-color:#CDDBEB;font-size:15pt;font-weight:bold;color:#005078;}
#compare tr.big {height:40px;}
#compare tr.vbig {height:120px;}
#compare tr.pic {height:270px;}

#comparetop_resize {background-color:#FFFFFF;border:2px solid #005078;border-collapse:collapse;padding:0px;width:98%;margin:6px 0px -18px 4px;}
#comparetop_resize tr {border:0px;vertical-align:top;}
#comparetop_resize td {border:0px;padding:0px;}
#compare_resize {border-collapse:collapse;padding:0px;width:100%;min-width:170px;font-family:tahoma;font-size:10pt;margin-left:auto;margin-right:auto;}
#compare_resize tr {height:26px;vertical-align:middle;}
#compare_resize th {vertical-align:middle;border:0px;padding:0px;background-color:#005078;text-align:center;font-weight:bold;color:#FCCE55;}
#compare_resize td {vertical-align:middle;border:0px;padding:0px;text-align:center;}
#compare_resize tr.desc td {font-weight:bold;text-align:left;}
#compare_resize tr.alt td {background-color:#F5F5F5;}
#compare_resize tr.price td {background-color:#CDDBEB;font-size:15pt;font-weight:bold;color:#005078;}
#compare_resize tr.big {height:40px;}
#compare_resize tr.vbig {height:120px;}
#compare_resize tr.pic {height:270px;}