@charset "utf-8";

/* corners support in Moz & Webkit, rest of browsers with curvycorners.js
-moz-border-radius-bottomleft:20px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:20px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-topleft:20px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topright:20px;
-webkit-border-top-right-radius:5px;
*/

/*basic color scheme: 
Dark gray #61575A
Red #D50000
Light gray #D2CECD
Very light blue #FAFAFF
Blue #4966C9
*/

/*
 font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
 font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
*/

/*Clear all params.*/
*{
    margin:0 0 0 0;
    padding:0 0 0 0;
}

/*Reset UL and OL*/
ul{list-style:none;}
/*ol{list-style:none;}*/

/*Bullet styles*/
.li_tick{list-style-image:url(img/tick-circle.png);}
.li_arrow{list-style-image:url(img/arrow.png);}
.li_arrow_21{list-style-image:url(img/arrow-21.png);}
.li_disks{list-style-image:url(img/disks.png);}
.li_doc_pdf{list-style-image:url(img/document-pdf.png);}
.li_link{list-style-image:url(img/chain--arrow.png);}
.li_images{list-style-image:url(img/images.png);}
.li_doc_list{list-style-image:url(img/document-list.png);}
.li_user_pencil{list-style-image:url(img/user--pencil.png);}
.li_mail{list-style-image:url(img/mail--pencil.png);}
.li_phone{list-style-image:url(img/address-book.png);}
.li_plus{list-style-image:url(img/plus.png);}
.application_pdf{
    list-style-image:url(img/document-pdf.png);
}
.application_msword{
    list-style-image:url(img/document-list.png);
}

.red {
    color:#D50000;
}

a img{
    border:none;
}
/*body -> applied on container instead on body element*/
#doc_body{
    width:900px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:10px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    background-color:#FFFFFF;
	position:relative;
}
#header{
    
    margin-bottom:10px;
   /* background-color:#FAFAFF;*/
}

div.clear{
	display:block;
	width:0px;
	height:0px;
	clear:both;
}

#logo{
    height:100px;
    width:900px;
}

#navi{
    font-size:16px;
    color:#61575A;
    height:200px;
    background:url(img/v_e_electronics900.jpg) 0px 30px no-repeat;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
}

#navi a{
    text-decoration:none;
    text-transform:none;
    color:inherit;
}

#top ul{
    display:none;
}

#top li{
    display:block;
    color:#61575A;
}

#top{
    display:block;
    white-space:nowrap;
    
	border:1px #D2CECD solid;
    height:30px;
    line-height:30px;
    
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    
    margin:0 0 0 0;
    padding:0 10px 0 10px;
    border-bottom:1px solid #FAFAFF;
    background-color:#61575A;
    color:#FAFAFF;


}

#top>li{
    display:inline;
    padding:5px 5px 5px 5px;
    position:relative;
    color:#FAFAFF;

}

#top>li.current_page_ancestor{
    color:inherit;
    padding:5px 5px 5px 5px;
    background-color:#A6A3A2;
    color:#FAFAFF;
    
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
}

#top>li.current_page_item{
    color:inherit;
    padding:5px 5px 5px 5px;
    background-color:#A6A3A2;
    color:#FAFAFF;
    
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
}

#top>li.selected{
    color:inherit;
    padding:5px 5px 5px 5px;
    background-color:#A6A3A2;
    color:#FAFAFF;
    
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
}


#top>li>ul{
    display:none;
    position:absolute;
    top:31px;
    left:0px;
    width:auto;
}

#top>li>ul{
    padding:5px 0px;
    display:none;
    background-color:#A6A3A2;
    font-size:14px;
    margin-bottom:0px;
    border-bottom:1px #FAFAFF solid;
    border-left:1px #FAFAFF solid;
	border-right:1px #FAFAFF solid;
    /*Curvy corners fixes*/
	-moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
}
    
#top>li>ul>li{
    border:none;
    display:block;
    padding:0px 15px 0px 25px;
}

#top>li>ul li:hover {
    background:url(img/arrow.png) no-repeat 0px 5px;
    text-decoration:underline;
}

#top>li>ul>li ul{
    padding: 5px 0px;
    position:absolute;

    background:black;
    /*elements are positioned with JS*/
	top:0px;
	left:0px;
	border-bottom:1px #FAFAFF solid;
    border-left:1px gray dashed;
/*added for menu hacking*/
	border-right:1px #FAFAFF solid;
	border-left:1px #FAFAFF solid;
	border-top:1px #FAFAFF solid;
    background-color:#A6A3A3;

	/*curvy corners fixes*/
	-moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
	-moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
}

#top>li>ul>li ul li{
    padding:0px 15px 0px 25px;
}

#top>li>ul li.current_page_ancestor>a{
    color:#FAFAFF;
}

#top>li>ul li.current_page_item>a{
    color:#FAFAFF;
}

#float_contact{
	width:auto;
	height:auto;
	line-height:20px;
	padding:5px;
	
/*	border:1px solid white;*/
	border:none;
	background-color:#D50000;
	z-index:10;
	position:fixed;

	top:-25px;
	right:20px;
	text-align:center;

	-moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
}

#float_contact>a{
	text-decoration:none;
	color:white;
}

#float_contact:hover {
	top:-1px;
}

#content-left{
    background:url(img/v_e_background_navigation_blend.png) repeat-x 0 0px;
    background-color:#FAFAFF;
    border:1px #D2CECD solid;
    margin-bottom:10px;
    float:left;
    width:440px;
    display:block;
    
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
}

#content-right{
    background:url(img/v_e_background_navigation_blend.png) repeat-x 0 0px;
    background-color:#FAFAFF;
    border:1px #D2CECD solid;
    margin-bottom:10px;
    float:right;
    width:440px;
    display:block;
    
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
}

#content{
    background:url(img/v_e_background_navigation_blend.png) repeat-x 0 0px;
    background-color:#FAFAFF;
    border:1px #D2CECD solid;
    margin-bottom:10px;
    
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
}

.content_title{
    margin:0px 10px 10px 10px;
    border-bottom:1px solid #D2CECD;
    padding-bottom:10px;
    padding-top:20px;
    font-weight:normal;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

a.bold{
	text-decoration: none;
}

.content_title_text{
	display:block;
	float:left;
	
}

.content_title_phrase{
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #D2CECD;
	display:block;
	float:left;
	color:gray !important;
	font-weight:normal !important;
	font-style:italic !important;
	text-align:justify !important;
	font-size:12px;
	/*warning - width parameter is modified by embed.js!*/
	width:300px;
	line-height:20px;
}

#content.rnd .content_title{
    color:#D50000;
}

.content_title .bold{
    color:#4966C9;
}


.content_title .tag{
    vertical-align:super;
    margin-left:5px;
}

#sidebar{
    float:right;
    width:300px;
    margin:0 10px 0 10px;
    color:#61575A;
}

#sidebar ul{
    padding-left:25px;
    list-style:square;
}


#sidebar{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size:14px;
}

#sidebar .comment{
    font-size:12px;
}

.sidebar_item{
    margin:0 0 10px 0;
    padding:0 0 10px 0;
    border-bottom:1px solid #D2CECD;
}

.sidebar_item h1{
    text-transform:uppercase;
    font-size:18px;
    font-weight:normal;
    line-height:30px;
}

.sidebar_item li{
    padding-bottom:5px;
}

#sidebar_images img{
    width:136px;
    height:136px;
    padding:1px;
    background:white;
    border:1px solid black;
    margin:10px 10px 10px 0;
}

#sidebar_buy{
    width:280px;
    line-height:30px;
    background-color:#D50000;
    border-bottom:none;
    padding:10px 10px 10px 10px;
    margin:0 0px 10px 0px;
    color:#FAFAFF;
    font-size:15px;
    text-align:center;
    
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

#sidebar_buy a{
    text-decoration:none;
    border:none;
    font:inherit;
    color:inherit;
}

#sidebar_buy a:hover {
	border-bottom:1px solid white;
	color:#FAFAFF !important;
}

#sidebar_buy a img{
    border:none;
}

#sidebar a{
    text-decoration:none;
    color:inherit;
}

#sidebar a:hover{
    color:black;
}


.text_body{
    margin:0 0px 10px 9px;
    padding:0px 10px 0px 0;/*padding-bottom is set so the vertical divider streches to next element*/
   /* font-family:Georgia;*/
    font-size:14px !important;
    line-height:1.5em;

}

.text_body a.more{
    display:block;
    text-align:center;
    padding-top:10px;
    margin-top:10px;
    border-top:1px #61575A solid;
    color:inherit;
}

.text_body ol{
	padding-left:30px;
	border:none;
	font-size:20px;
	margin-bottom:10px;
}
.text_body ol>li{
	border:none;
	padding:2px 0px;
	margin:0px;
	font-size:14px;
}

.text_body li>a{
	color:inherit;
}

.text_body li .comment{
	display:block;
	text-decoration:none;
}


.text_body img{
	margin:5px;
	margin-right:20px;
	background:white;
	padding:1px;
	border:1px solid #D2CECD;
}

.text_body img.center{
	display:block;
	margin:5px auto;
}


/*image of a single item*/
.text_body ul>li img{
	width:60px;
	height:60px;
	margin:0px 5px 5px 0px;
	display:block;
	float:right;
}


#content .text_body{
    width:560px;
    border-right:1px solid #D2CECD;
}

#content .text_body_wide{
	width:auto;
	border:none;
	margin-right:0px;	
}


.text_body h1{
    font-size:inherit;
    padding:0 0 1em 0;
    line-height:30px;
    font-weight:normal;
    color:#4966C9;
	font-size:18px;
}

#content.rnd .text_body h1{
    color:#D50000;
}

#content-left .text_body h1{
    color:#D50000;
}

.text_body p{
    padding:0 0 1em 0;
    text-align:justify;
    font-size:14px;
    color:black
}

.text_body .comment{
    font-size:12px;
}

.text_body ul{
    padding-left:25px;
    list-style:square;
    margin-bottom:10px;
}

.text_body li{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #D2CECD;
}


#buy_products{
    margin:0px 0px 0px 0px;
    padding:0 10px 0 10px;
    border:1px solid #D50000;
    width:560px;
    width:878px;
    background:url(img/v_e_background_navigation_blend.png) repeat-x 0 0;
    background-color:#FAFAFF;
/*    font-family:Georgia;*/
    color:#4966C9;
    
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
}

#buy_products .comment{
    font-size:14px;
    color:#61575A;
}

#buy_products .price{
    color:#61575A;
    color:black;
}

#buy_products .stock{
    color:#61575A;
    color:black;
}

#buy_products h1{
    padding-top:10px;
    padding-bottom:5px;
    border-bottom:1px solid #D2CECD;
    margin-bottom:10px;
    font-weight:normal;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    color:#D50000;
}

#buy_products ol{
    padding-left:25px;
    list-style:decimal;
    font-size:18px;
    line-height:1.2em;
}

#buy_products li{
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #D2CECD;
}

#buy_products .actions{
    float:right;
    border-left:1px solid #D2CECD;
    padding-left:10px;
    margin-left:10px;
}

#buy_products .button{
    font-size:14px;
    line-height:22px;
    color:black;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    margin-left:5px;
    /*border-bottom:1px solid black;*/
}

#buy_products .button img{
    vertical-align:middle;
    margin-right:5px;
}

#buy_products h2{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-weight:bold;
    font-size:14px;
    line-height:1.3em;
    display:block;
    padding:10px 10px 10px 10px;
    margin:0 -10px 0 -10px;
    background:#D50000;
    color:#FAFAFF;
    
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
}

#buy_products h2 a{
    color:inherit;
    text-decoration:none;
    border-bottom:1px solid #FAFAFF;
}

#footer{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    width:878px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;    
    height:100px;
    color:#61575A;
    /*border:1px solid #D2CECD;
    border-bottom:none;
    background:url(img/v_e_background_navigation_blend.png) 0 0 repeat-x #FAFAFF;*/
    
    text-align:center;
    font-size:12px;
    
    padding:10px;
   /* -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;*/
}

#footer a{
    font-weight:bold;
    color:inherit;
    text-decoration:none;
    border-bottom:1px solid #61575A;
}

/*diagon sitemap css styles:*/
.ddsg-wrapper>ul{
	padding-left:25px;
	margin-bottom:10px;
	margin-top:10px;
}

.ddsg-wrapper>ul>li{
	margin-bottom:10px;
}

.ddsg-wrapper li{
	margin-bottom:0px;
	padding-bottom:0px;
	border:none;
}

.ddsg-wrapper p{
	color:#D2CECD;
}

.ddsg-wrapper p a{
	color:#D2CECD;
}

.ddsg-wrapper h2{
	display:none;
}

.ddsg-pagenav {

}

/*Contact form 7 elements*/
.wpcf7-list-item{
	display:block;
	clear:both;
}

.textarea-feedback textarea{
	width:550px;
}

.wpcf7textline {
	width:550px;
}
/*.wpcf7-form-control-wrap input{
	width:550px;
}*/


p.wpcf7-checkbox{
	width:275px;
	float:left;
}


.submitbutton{
	width:550px;
	height:30px;
	width:556px;
}
/*Very temporary, trying to make the items pop out a bit more.*/

ul.items{
	background:#F2F2F6;
	padding:5px 5px 0px 25px;
	border:1px solid #D2CECD;
	list-style-position:outside;
}
/*
ul.items>li{
	border:3px black solid;
}
*/

ul.items>li{
	display:list-item;
}
.items .red{
	font-weight:bold;
}

.items a{
	text-decoration:none;
}

.items li{
	min-height:65px;
}

.sidebar_key b{
	color:#D50000;
}

/*testing of box model for use in a LI*/

/*.test_box {
	float:left;
	height:60px;
	width:60px;
	background:green;
	margin:0px;
}

.item_content_right{
	float:left;
	width:430px;
	background:gray;
	margin:0px;
}

.item_box_clear{
	display:block;
	height:1px;
	width:1px;
	clear:both;
}

.tb_li{
	padding:0px;
}*/

/*fixes wierd bug with lists in opera and webkit. If you float an image inside a <li> to the left, then it miscalculates the position of the tick element*/
/*.item_box{
	display:block;
	position:relative;
	top:0px;
	left:0px;
}*/

/*hiding the text on the front page*/

.fp_only{
	display:none;
}

#content-left .fp_only{
	display:block;
}

h1 a:visited {
	color:inherit;
}

h1 a {
	color:inherit;
	text-decoration:none;
}

#front-title-holder{
	border:1px #D2CECD solid;
	margin-bottom:10px;
	padding:5px;
	text-align: center;
	font-size:20px;
	color:#4966C9;
	background:#FAFAFF;
	height:30px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
	display:block;
}

.front-title{
	display:block;
	width:auto;
}

#badge{
	position:absolute;
	right:0;
	top:50px;
}
/*
Dark gray #61575A
Red #D50000
Light gray #D2CECD
Very light blue #FAFAFF
Blue #4966C9
*/