/* CSS by Gotfredsen */
/* RESET */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
ul, ol { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


#shopfield { padding-left: 11px; position: relative; width: 950px; height: 0px; margin-bottom: 10px; }

/* LAYOUT DATA */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

#container { width: 980px; margin: 0 auto; position: relative; }
#main { width: 100%; position: relative; }
#content { padding: 3px 10px; position: relative; color: #333; }

/* GRID DATA */
.column { float: left; position: relative; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2colc .column.first { width: 18%; }
.grid2colc .column.last { width: 80%; }

.infoicon { position: relative; width: 15px; height: 15px; float: left; background-color: #00553B; text-align: center; color: #fff; cursor: pointer; margin: 1px 5px; }


.mypageinfo { padding-top: 10px; width: 745px; position: relative; float: left; }

img.infbox { width: 186px; height: 136px; float: left; position: relative; }

img.infboxbig { /*width: 372px;height: 272px;*/ float: left; position: relative; }


.captechborder { width: 745px; margin-bottom: 10px; position: relative; color: #fff; line-height: 19px; font-size: 9px; height: 22px; float: left; }

.captechborder.green { background: url(/global/images/greenlist.jpg) no-repeat top left; }

.captechborder.black { background: url(/global/images/blacklist.jpg) no-repeat top left; }

.captechborder .rek { position: absolute; left: 10px; top: 0px; font-size: 9px; }


#contactct { margin: 10px; }
#contactct textarea.styled { font-size: 11px; position: relative; width: 334px; height: 200px; background-color: #E0EBE6; overflow: auto; color: #444444; border: 1px solid #00553B; font-family: "Lucida Grande" , "Lucida Sans Unicode" ,Arial,Verdana,sans-serif; }
#contactct input.styled { font-size: 9px; padding-left: 5px; position: relative; border: 0px; float: left; width: 110px; height: 15px; background: url(/global/images/cartselect3.gif) no-repeat; border-right: 1px solid #00553B; }

#products { position: relative; float: left; padding-left: 0px; padding-right: 8px; width: 766px; overflow: auto; }
#produktlist { min-height: 750px; background-color: #fff; }
#capweb { line-height: 18px; position: relative; float: left; font-size: 9px; margin-top: 10px; padding-left: 5px; padding-right: 5px; background-color: #00553B; width: 735px; height: 19px; color: #ffffff; }



.minasidor_space { position: relative; width: 700px; height: 28px; float: left; }

/* Detta är fruktansvärt fult, men vad kan jag om design... Plus att det inte följer standarden och bara IE har stöd för det. Vilket är tur för mig som använder FF... */
body { font: 9px/14px "Lucida Grande" , "Lucida Sans Unicode" , Arial, Verdana, sans-serif; background-color: #FFFFFF; color: #333333; scrollbar-base-color: #00553B; scrollbar-track-color: #C9DDD5; scrollbar-arrow-color: #C9DDD5; scrollbar-shadow-color: #00553B; scrollbar-highlight-color: #00553B; scrollbar-darkshadow-color: #000000; scrollbar-3dlight-color: #000000; }

#header { position: relative; width: 980px; height: 75px; background: url(/global/images/logo/ct_header.png) no-repeat top left; cursor: pointer; }
#header.quiq { background: url(/global/images/logo/quiq_header.png) no-repeat top left; }

.intext { font: 9px/14px "Lucida Grande" , "Lucida Sans Unicode" , Arial, Verdana, sans-serif; position: relative; float: left; width: 150px; height: 16px; border: 1px solid #00553B; background-color: #e0ebe6; padding-left: 2px; }

a.minasidorlink { position: relative; float: right; text-decoration: none; overflow: hidden; height: 15px; font-size: 9px; line-height: 14px; background: url(/global/images/greenarrowlink.png) no-repeat; background-position: 0px 0px; color: #fff; text-indent: 15px; padding-top: -1px; padding-right: 5px; }
a.minasidorlink_disabled { background: url(/global/images/greyarrowlink.gif) no-repeat; cursor: default; }
a.minasidorlink:hover { background-position: 0px -15px; }
a.minasidorlink_back { position: relative; float: right; text-decoration: none; overflow: hidden; height: 15px; font-size: 9px; background: url(/global/images/greenarrowlink_back.png) no-repeat; background-position: 0px 0px; color: #fff; text-indent: 15px; padding-top: -1px; padding-right: 5px; padding-left: 3px; }
a.minasidorlink_back:hover { background-position: 0px -15px; }

a.minasidorlink.left { float: left; }

a.minasidorlink.left:hover { float: left; }


a.minasidorlinkorange { position: relative; float: right; text-decoration: none; overflow: hidden; padding-top: -1px; height: 15px; font-size: 9px; line-height: 14px; background: url(/global/images/greenarrowlink.png) no-repeat; background-position: 0px -15px; color: #fff; text-indent: 15px; padding-right: 5px; }

a.minasidorlinkorange:hover { background-position: 0px 0px; }

a.minasidorlinkorange.left { float: left; }

a.minasidorlinkorange.left:hover { float: left; }

a.arrowlink { margin-left: 5px; height: 15px; float: left; font-size: 9px; background: url(/global/images/blackarrow.gif) no-repeat; background-position: 0px 3px; color: #000; text-indent: 14px; }

a.blacklink { position: relative; text-decoration: none; color: #000000; }
a.blacklink:hover { color: #00553B; text-decoration: underline; }

a.graylink { position: relative; text-decoration: none; color: #777777; }
a.graylink:hover { color: #00553B; text-decoration: underline; }

a.greenarrowlink3 { position: relative; text-decoration: none; margin-right: 20px; margin-bottom: 5px; overflow: hidden; float: left; padding-top: -1px; height: 15px; font-size: 9px; background: url(/global/images/greenarrowlink.png) no-repeat; background-position: 0px 0px; color: #fff; text-indent: 15px; padding-right: 5px;}
a.greenarrowlink3:hover { background-position: 0px -15px; }

.savescreen { position: relative; padding: 10px; width: 330px; }

h1.max { position: relative; float: left; margin-top: 0px; width: 210px; height: 25px; background: url(/global/images/max.jpg) no-repeat top left; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }

h1.sparavarukorg { position: relative; float: left; margin-top: 0px; width: 200px; height: 25px; background: url(/global/images/titles/cart_save.jpg) no-repeat top left; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }

h1.sammanfogavarukorgar { position: relative; float: left; margin-top: 0px; width: 310px; height: 25px; background: url(/global/images/titles/cart_merge.jpg) no-repeat top left; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }

h1.tabortvarukorg { position: relative; float: left; margin-top: 0px; width: 206px; height: 25px; background: url(/global/images/titles/cart_remove.jpg) no-repeat top left; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }

h1.sparasom { position: relative; float: left; margin-top: 0px; width: 200px; height: 25px; background: url(/global/images/titles/cart_saveas.jpg) no-repeat top left; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }

p.modalboxtext { font-size: 10px; line-height: 15px; float: left; color: #767676; width: 100%; }
a.greenarrowlink2 { position: relative; float: left; text-decoration: none; overflow: hidden; margin-right: 15px; margin-top: 10px; height: 15px; font-size: 9px; background: url(/global/images/greenarrowlink.png) no-repeat; background-position: 0px 0px; color: #fff; text-indent: 15px; padding-right: 5px; }

a.greenarrowlink2:hover { background-position: 0px -15px; }

p.small { font-size: 9px; }

p.medium { font-size: 12px; line-height: 18px; }

.sparasomfield { position: relative; float: left; font-size: 9px; background-color: #ffffff; border: 1px solid #aaaaaa; width: 225px; height: 15px; }


html, body { overflow: hidden; }



img { border: 0; }

img.green { border: 1px solid #00553B; position: relative; }


#loginbutton { display: block; height: 35px; width: 150px; margin-top: 10px; }

a { color: #000000; }
a:link, a:visited, a:active { text-decoration: none; }
a.green { color: #00553B; background: none; }
a.white { color: #FFFFFF; background: none; }


#copy { float: left; }
.webinfo { float: right; padding-left: 15px; }



.falt { font-size: 11px; background-color: #ffffff; border: 1px solid #aaaaaa; width: 120px; height: 18px; }

label .captext { display: block; color: #ffffff; font-size: 10px; margin-top: 2px; }


label .capsearch { display: block; color: #ffffff; font-size: 9px; margin-top: 8px; margin-bottom: 2px; }

.cotext { display: block; color: #ffffff; font-size: 9px; margin-top: 12px; }




h1 { color: #96BF55; font-size: 10px; font-weight: normal; margin: 5px 0 5px 0; text-align: left; }


/* Prototype ScrollBars by Holviks */


* { margin: 0; padding: 0; }
.PSB_container { float: left; width: 14px; height: 400px; }

.PSB_track { left: 0; width: 15px; height: 100%; background: url(/global/images/scroller_list.png) repeat-y top left; }
.PSB_handle { position: relative; left: 0; top: 0; width: 14px; height: 14px; background: #01553b; }

.PSB_buttonup { position: relative; top: 0; left: 0; width: 15px; height: 15px; background: url(/global/images/scroller_up.png) no-repeat top left; }
.PSB_buttondown { position: relative; left: 0; width: 15px; height: 15px; background: url(/global/images/scroller_down.png) no-repeat top left; }

.PSB_containermini { float: right; height: 400px; width: 10px; z-index: 1; margin: 0; padding: 0; }

.PSB_trackmini { position: absolute; display: block; width: 10px; height: 100%; min-height: 100%; background: url(/global/images/scroll/miniscroller_list.png) repeat-y top left; }
.PSB_handlemini { margin-top: 10px; position: relative; width: 9px; height: 19px; background: #01553b; }
.PSB_buttonupmini { display: block; position: absolute; z-index: 1; top: 0px; right: 0px; width: 10px; height: 10px; background: url(/global/images/scroll/miniscroller_up.png) no-repeat top left; }
.PSB_buttondownmini { display: block; position: absolute; z-index: 1; right: 0px; bottom: 0px; width: 10px; height: 10px; background: url(/global/images/scroll/miniscroller_down.png) no-repeat top left; }

/* CapTech Menu by Holviks */


#menu-container { float: left; width: 170px; height: 400px; overflow: auto; display: inline; }
#menu { float: left; width: 152px; }

#menu_news { float: left; width: 152px; display: none; }
#menu_news .top { background: transparent url(/global/images/top_info.jpg) no-repeat scroll left top; display: block; height: 19px; padding: 4px 0px 0px 12px; width: 140px; color: #FFFFFF; font-weight: bold; font-size: 10px; overflow: hidden; }
#menu_news .middle { display: block; height: auto; width: 140px; background: url(/global/images/middle_info.jpg) repeat-y top left; padding: 0px 0px 0 12px; }
#menu_news .middle .content { width: 130px; }

#menu_news .bottom { background: transparent url(/global/images/bottom_info.jpg) no-repeat scroll left top; display: block; height: 19px; line-height: 19px; margin-bottom: 10px; padding: 0 0 0 12px; width: 140px; }



#info_field_bottom { display: block; height: 19px; width: 130px; background: url(/global/images/bottom_info.jpg) no-repeat top left; padding: 0px 0px 0px 22px; line-height: 19px; margin-bottom: 10px; }


#info_field_middle { display: block; height: auto; width: 140px; background: url(/global/images/middle_info.jpg) repeat-y top left; padding: 0px 0px 0 12px; line-height: 19px; margin-top: 1px; }

#info_field_middle p { font-size: 10px; color: #ffffff; line-height: 14px; }