/** AA start **/
body {
	margin: 0;
	/*background-color: #FFF;*/
	/*background : #fff url(../images/backgr_snow_alt_small_sparse_contrast_randomer.jpg) repeat;  SBISIMO META TA XRISTOUGENNA  */
	text-align:left;
}
form {padding:0;margin:0;}
img {border:0;}
ul, li { list-style: none; }
td {text-align:left;}

#product_desc_val ul,#product_desc_val li { list-style: disc outside none; }


.pagination {
	text-align:center;
	font-size: 12px;
}
.pagination a {
	padding-right:6px;
	padding-left:6px;
}
.pagination a:hover {
	color:white;
	background-color:#333;
}
.article li, #product_details li { list-style: disc; }
.productCell {text-align:center;}
.productCell img {max-height: 196px;}
.main_page .productCell {height:196px;}
.buildpcform select {width:100%;}
.buildpcform input {width:60px; text-align:right;}
.buildpcform .cosmo2-big {width:auto;}
.buildpcform label, .buildpcform select {
	font-size: 12px;	
}
.curr_cat {
	font-weight:bold; 
	font-size:12px; 
}
.bf_item {font:11px "PFDinText-Medium"; color:#333;}
.bf_item a {color:#006699;text-decoration:none;}
.bf_item {margin: 2px;}

.osNew {color:#3a3;}
.osErr {color:#f33;}
.psPaid {color:#3a3; font-weight:bold;}
.psErr {color:#f33; font-weight:bold;}
.field_desc {font-size:11px;}
.pricecell {text-align:right;}
.cosmo6street {
	color: #aaa;
	font: bold normal 11px "PFDinText-Medium";
	text-decoration: line-through;
}
#reset_filter {
	border:0;
	background-color:transparent;
	text-decoration:underline;
	cursor:pointer;
}
#cmp_form .selectable {
	border:2px solid transparent;
}

#cmp_form .selected{
	border:2px solid #0D89CF;
	-webkit-transition: 300ms ease-out;
	-moz-transition: 300ms ease-out;
	-o-transition: 300ms ease-out;
	-ms-transition: 300ms ease-out;
	transition: 300ms ease-out;
}
.subcat {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.subcat a {
	display:block;
}
.subcat h3 {
	/*float:left;*/
	text-align: center;
	margin-top: 50px;
}
.subcat img {
	max-width: 150px;
	float:right;
	vertical-align:text-bottom;
}
.basketbox button.add-basket {
	margin:0;
	padding-right: 10px;
}
td.subcat a img, img.prod_fr_sm, .main_page .productCell a img,
.category_page .productCell a img, .search_page .productCell a img {
opacity: 1;
-webkit-transform: scale(1);
-webkit-transition: 100ms ease-out;
-moz-transition: 100ms ease-out;
-o-transition: 100ms ease-out;
-ms-transition: 100ms ease-out;
transition: 100ms ease-out;
}
td.subcat a:hover img, .main_page .productCell a:hover img,
.category_page .productCell a:hover img, .search_page .productCell a:hover img {
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;

opacity: .7;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: 100ms ease-out;
-moz-transition: 100ms ease-out;
-o-transition: 100ms ease-out;
-ms-transition: 100ms ease-out;
transition: 100ms ease-out;
}
img.prod_fr_sm:hover {
-moz-box-shadow: 0 0 3px 3px #888;
-webkit-box-shadow: 0 0 3px 3px#888;
box-shadow: 0 0 3px 3px #888;

opacity: .7;
-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
-webkit-transition: 100ms ease-out;
-moz-transition: 100ms ease-out;
-o-transition: 100ms ease-out;
-ms-transition: 100ms ease-out;
transition: 100ms ease-out;
}

.basket_table th {
	border-bottom:1px solid #bbb;
}

.basket_table td {
	border-bottom:1px solid #eee;
}

.basket_table .sum_details td {
	border-bottom:0;
}

.basket_table .quant {
	text-align:center;
}

.basket_table .del {
	text-align:center;
}

.basket_table .price {
	text-align:right;
}

.basket_table .quant button {
	font-size:10px;
}

.review_item {
	float:left;
	width:45%;
	padding:1em;
}
/** AA end **/

#ctable { 
/* christmas:   background: #fff url(../images/backgr_snow_alt_small_sparse_contrast_randomer.jpg) repeat;   */
background : #fff url(../images/navibg.jpg) repeat-x; /* original:  */
} /*  backgr_snow_alt_small_sparse.jpg  */

.menu {
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-position: center;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 12px;
	padding-left: 2px;
	text-align: center;
	letter-spacing: 0px;
	width: auto;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #7FC0F1;
	font: normal 12px/normal PFDinText-Medium;
}


a.menu:hover {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	font-family: PFDinText-Medium;
	display: block;
	background: #666;
}
.title {
	color: #333333;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

/*Apply this class to the text you'd like a different link color. Text that 
 is not a link will appear in this style.*/

.text_main {
	color: #818181;
	font-family: PFDinText-Medium;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*These are the 	link style definitions.*/

a.text_main:link {
	color: #106699;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	padding-top: 0px;
	padding-bottom: 0px;
}
a.text_main:visited {
	color: #106699;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}
a.text_main:hover {
	color: #c00;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}
a.text_main:active {
	color: #106699;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}







/*Apply this class to the text you'd like a different link color. Text that 
 is not a link will appear in this style.*/

.solid_border {
	border: 1px solid #AAAAAA;
	font-size: 2px;
	display: block;
}

/*Apply this class to the text you'd like a different link color. Text that 
 is not a link will appear in this style.*/

.mainwin_links {
	color: #333333;
	font-family: PFDinText-Medium;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

/*These are the 	link style definitions.*/

a.mainwin_links:link {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
a.mainwin_links:visited {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
a.mainwin_links:hover {
	color: #015492;
	font-weight: normal;
	text-decoration: none;
	background-color: #E5E5E5;
}
a.mainwin_links:active {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}


/*Apply this class to the text you'd like a different link color. Text that 
 is not a link will appear in this style.*/

.dir {
	color: #333333;
	font-family: PFDinText-Medium;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 1px;
	letter-spacing: 1px;
	padding-right: 1px;
}

/*These are the 	link style definitions.*/

a.dir:link {
	color: #0264AB;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a.dir:visited {
	color: #0264AB;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a.dir:hover {
	color: #0264AB;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}
a.dir:active {
	color: #0264AB;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.buttons {
	color: #000000;
	font-family: PFDinText-Medium;
	font-size: 10px;
	font-weight: normal;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
}

/*Apply this class to the text you'd like a different link color. Text that 
 is not a link will appear in this style.*/

.text_columns {
	color: #FFFFFF;
	font-family: PFDinText-Medium;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	display: block;
}



/*These are the 	link style definitions.*/

a.text_columns:link {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
}
a.text_columns:visited {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
a.text_columns:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #6F6F19;
}
a.text_columns:active {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}




.spacer {
	color: #FFFFFF;
	font-family: PFDinText-Medium;
	font-size: 2px;
	text-decoration: none;
}
.fields {
	color: #515151;
	font-weight: normal;
	font-family: PFDinText-Medium;
	font-size: 11px;
	text-decoration: none;
}


/*Apply this class to the text you'd like a different link color. Text that 
 is not a link will appear in this style.*/

.bottom_links {
	color: #EFDC01;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
}

/*These are the 	link style definitions.*/

a.bottom_links:link {
	color: #FFFFFF;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
}
a.bottom_links:visited {
	color: #FFFFFF;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
}
a.bottom_links:hover {
	color: #CCCCCC;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}
a.bottom_links:active {
	color: #FFFFFF;
	font-family: PFDinText-Medium;
	font-size: 11px;
	font-weight: normal;
}

/*Apply this class to the text you'd like a different link color. Text that 
 is not a link will appear in this style.*/

.menu_columns {
	color: #333333;
	font-family: PFDinText-Medium;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #188DD3;
	border-right-color: #188DD3;
	border-bottom-color: #188DD3;
	border-left-color: #188DD3;
}

/*These are the 	link style definitions.*/

a.menu_columns:link {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
a.menu_columns:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
a.menu_columns:hover {
	color: #ECD901;
	font-weight: normal;
	text-decoration: underline;
	background-color: #0163AA;
}
a.menu_columns:active {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

/*Apply this class to the text you'd like a different link color. Text that 
 is not a link will appear in this style.*/

.menu_horiz {
	color: #A00000;
	font-family: PFDinText-Medium;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}

/*These are the 	link style definitions.*/

a.menu_horiz:link {
	color: #FFFFFF;
	font-family: PFDinText-Medium;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
a.menu_horiz:visited {
	color: #FFFFFF;
	font-family: PFDinText-Medium;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
a.menu_horiz:hover {
	color: #CAA90C;
	font-family: PFDinText-Medium;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
a.menu_horiz:active {
	color: #FFFFFF;
	font-family: PFDinText-Medium;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/*Apply this class to the text you'd like a different link color. Text that 
 is not a link will appear in this style.*/

.mainwin_links_second {
	color: #333333;
	font-family: PFDinText-Medium;
	font-size: 12px;
	font-weight: bold;
}

/*These are the 	link style definitions.*/

a.mainwin_links_second:link {
	color: #333333;
	font-family: PFDinText-Medium;
	font-size: 12px;
	font-weight: bold;
}
a.mainwin_links_second:visited {
	color: #333333;
	font-family: PFDinText-Medium;
	font-size: 12px;
	font-weight: bold;
}
a.mainwin_links_second:hover {
	color: #EC0E0D;
	font-family: PFDinText-Medium;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
a.mainwin_links_second:active {
	color: #333333;
	font-family: PFDinText-Medium;
	font-size: 12px;
	font-weight: bold;
}
/*Apply this class to the text you'd like a different link color. Text that 
 is not a link will appear in this style.*/

.copyright {
	color: #FFFFFF;
	font-family: PFDinText-Medium;
	font-size: 10px;
	font-weight: normal;
	padding-right: 2px;
	padding-left: 2px;
}

/*These are the 	link style definitions.*/

a.copyright:link {
	color: #FFFFFF;
	font-family: PFDinText-Medium;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a.copyright:visited {
	color: #FFFFFF;
	font-family: PFDinText-Medium;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a.copyright:hover {
	color: #D7BC47;
	font-family: PFDinText-Medium;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
a.copyright:active {
	color: #FFFFFF;
	font-family: PFDinText-Medium;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
.bold {
	color: #006699;
	font: normal 11px "PFDinText-Medium";
	text-decoration: none;
}
.bold33 {
	color: #000000;
	font: normal 11px "PFDinText-Medium";
	text-decoration: none;
}
.bold:hover {
	color: #4F4F4F;
}
.cats {
	color: #105A8D;
	font-family: PFDinText-Medium, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	border-top: 0px solid #BDBDBF;
	border-right: 0px solid #BDBDBF;
	border-bottom: 1px solid #F7F7F7;
	border-left: 0px solid #BDBDBF;
}
.cats:hover {
	color: #105A8D;
	font-family: PFDinText-Medium, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	border-top: 0px solid #BDBDBF;
	border-right: 0px solid #BDBDBF;
	border-bottom: 1px solid #BDBDBF;
	border-left: 0px solid #BDBDBF;
}
.newsletter {
	color: #FFFFFF;
	border-top: 0px solid #BDBDBF;
	border-right: 0px solid #BDBDBF;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #BDBDBF;
	font: bold 10px PFDinText-Medium;
	background: #333333;
	padding: 2px;
}
.product_title {
	color: #CC3300;
	font: bold 12px PFDinText-Medium;
	text-decoration: none;
}
.product_bottomline {
	color: #1571A4;
	font: bold 12px PFDinText-Medium;
	text-decoration: none;
	border-top: 0px solid #EDECEC;
	border-right: 0px solid #EDECEC;
	border-bottom: 5px solid #EDECEC;
	border-left: 0px solid #EDECEC;
}
.footer {
	color: #333333;
	font: normal 11px PFDinText-Medium;
}
.text_breadcrumb {
	color: #FFFFFF;
	text-decoration: underline;
	font: normal 13px PFDinText-Medium;
}
.text_breadcrumb2 {
	color: #FFFFFF;
	text-decoration: none;
	font: bold normal 13px PFDinText-Medium;
}
.product_subtitle {
	color: #575352;
	font: bold 12px PFDinText-Medium;
	text-decoration: none;
}
.boldW {
	color: #FFFFFF;
	font: bold 11px PFDinText-Medium;
	text-decoration: none;
}
.boldW:HOVER{
	color: #e9e9e9;
	font: bold 11px PFDinText-Medium;
	text-decoration: none;
}
.cosmo0 {
	color: #575352;
	font: bold 12px PFDinText-Medium;
	text-decoration: none;
	border: 1px solid #CCCCCC;
}
.cosmo1 {
	color: #575352;
	font: normal 11px "PFDinText-Medium";
	text-decoration: none;
	border: 1px solid #CCCCCC;
	background: #FAFAFA;
}
.cosmo2 {
	color: #FFFFFF;
	font: bold normal 10px "PFDinText-Medium";
	text-decoration: none;
	background: #0D89CF;
	border: 0px solid #CCCCCC;
}
.cosmo3 {
	color: #666666;
	font: normal 11px "PFDinText-Medium";
	text-decoration: none;
	background: transparent;/*#FFFFFF;*/
	border-top: 0px solid #EDEDED;
	border-right: 0px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	border-left: 0px solid #EDEDED;
}
.cosmo4 {
	color: #FFFFFF;
	font: bold normal 12px "PFDinText-Medium";
	text-decoration: none;
	background: #0D89CF;
	background: #0D89CF;
	/*background: #a0000d;   for  CHRISTMAS  */
	border-top: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
}
.cosmo5 {
	color: #666666;
	font: normal 12px "PFDinText-Medium";
	text-decoration: none;
	background: #FFFFFF;
	border-top: 0px solid #EDEDED;
	border-right: 0px solid #EDEDED;
	border-bottom: 0px solid #EDEDED;
	border-left: 0px solid #EDEDED;
}
.cosmo6 {
	color: #CC0000;
	font: bold normal 11px "PFDinText-Medium";
	text-decoration: none;
}
.cosmo7 {
	color: #666666;
	font: bold normal 11px "PFDinText-Medium";
	text-decoration: none;
	border-top: 1px solid #CBC7CF;
	border-right: 0px solid #CBC7CF;
	border-bottom: 0px solid #CBC7CF;
	border-left: 0px solid #CBC7CF;
}
.cosmo8 {
	color: #333333;
	font: bold normal 12px "PFDinText-Medium";
	text-decoration: none;
	background: #F4F4F4;
	border-top: 1px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
}
.cosmo9 {
	color: #006699;
	font: bold normal 15px "PFDinText-Medium";
	text-decoration: none;
}
.bold10, .bold10 a {
	color: #333333;
	font: normal 11px "PFDinText-Medium";
	text-decoration: none;
}
.cosmo10 {
	color: #333333;
	font: normal 11px "PFDinText-Medium";
	text-decoration: none;
	background: #F4F4F4;
	border: 1px solid #CCCCCC;
}

#catmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:100%;
}

#catmenu  ul li {
	position: relative;
	width:100%;
	color: #666666;
	font: normal 12px "PFDinText-Medium";
	text-decoration: none;
	background: #FFFFFF;
	border-top: 0px solid #EDEDED;
	border-right: 0px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	border-left: 0px solid #EDEDED;
}
/* keep folowing styles together..........................*/
#catmenu  * html ul ul {
	margin-left:-16px;/* ie5 fix */
	voice-family: "\"}\""; 
	voice-family: inherit;
}	
#catmenu * html ul li {float:left;/* hide float from ie5*/}
#catmenu * html ul ul {
	width:100%;	
	w\idth:100%;
	voice-family: "\"}\""; 
	voice-family: inherit;	
}
#catmenu  * html ul ul {margin-left:0;/* hide margin from ie5*/}

/* keep above styles together .............*/

#catmenu  li ul {
	position: relative;
	display:none;
}
#catmenu li ul li {
	width:98%;
	border-left:4px solid #4773AF
}

#catmenu li ul li li{
	width:98%;
	border-left:4px solid #c00
}

/* Styles for Menu Items */
#catmenu ul li a {
	display:block;
	font: normal 11px "PFDinText-Medium";
	text-decoration: none;
	color: #006699;
	background: #fff; /* IE6 Bug */
	line-height:2em;
	height:2em;	
	padding:0 5px
}
#catmenu li li a {background:#D4E5FC}

#catmenu li li li a {background:#ccc}

/* set dropdown to default */
#catmenu li:hover li a, li.over li a {
   color: #666;
   background-color: #D4E5FC;
}

/* this sets all hovered lists to red */
#catmenu li a:hover,
#catmenu li:hover a, li.over a,
#catmenu li:hover li a:hover, li.over li a:hover {
   color: #fff;
   background-color: #666;
}

#catmenu li ul li  {  } /* Sub Menu Styles */
#catmenu  li.on ul { display:block  } /* The magic */
#catmenu li.off ul{display:none}
.web_prosf1 {
	color: #0D89CF;
	font: bold 18px PFDinText-Medium;
	text-decoration: none;
}
.web_prosf2 {
	color: #666666;
	font: bold 12px PFDinText-Medium;
	text-decoration: none;
}
.web_prosf3 {
	color: #666666;
	font: bold 11px PFDinText-Medium;
	text-decoration: none;
}
.web_prosf4 {
	color: #FFBA04;
	font: bold 18px PFDinText-Medium;
	text-decoration: none;
}
.web_prosf5 {
	color: #999999;
	font: bold 10px PFDinText-Medium;
	text-decoration: none;
}
.cats11 {
	color: #333333;
	border-top: 0px none #BDBDBF;
	border-right: 0px none #BDBDBF;
	border-bottom: 1px none #F7F7F7;
	border-left: 0px none #BDBDBF;
	font: bold 11px PFDinText-Medium, Helvetica, sans-serif;
}
.cosmod0 {
	color: #FFFFFF;
	font: bold normal 12px "PFDinText-Medium";
	text-decoration: none;
	border-top: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	background-color: #CC0000;
}
.cosmo78 {
	color: #666666;
	font: bold normal 11px "PFDinText-Medium";
	text-decoration: none;
	border-top: 1px solid #CBC7CF;
	border-right: 0px solid #CBC7CF;
	border-bottom: 0px solid #CBC7CF;
	border-left: 0px solid #CBC7CF;
}
/** AA **/
.odd {background-color:#f3f3f3;}
.cosmo4 a {
color: #fff;
text-decoration: none;
}

.cosmo4 a:hover {
color:#FDBD1F;
text-decoration: none;
}

.form-content {margin-left:5em;}
.form-content div {margin-top:0.5em;}
.form-content label {display:block; font-size:0.7em;width:10em; color:336;}
.form-buttons {margin-top:1em;}
.error {color:red; font-weight:bold;border:1px solid red; padding:4px;}
.info {color:#0D89CF; font-weight:bold;border:1px solid #0D89CF; padding:4px;}

.tag-selected {background-color: #C4DBFB; border:1px solid white;
-webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;}

.select-makers a, .select-specs a, .select-prices a {
	padding: 2px;
}

#filter_categories {
	float:right;
	display:none;
}
#filter_categories input {font-size:8pt;}

.compare_table {
	width:100%;
	border:0;
}

.compare_table .cosmo3 {
	border-style:none;
}	

.compare_part {
	color: #666666;
	font: bold normal 11px "PFDinText-Medium";
	text-decoration: none;
	border-top: 1px solid #CBC7CF;
	border-right: 0px solid #CBC7CF;
	border-bottom: 0px solid #CBC7CF;
	border-left: 0px solid #CBC7CF;
	line-height:6px;
	height:6px;
}

.cosmo2-big {
	color: #FFFFFF;
	font: bold normal 12px "PFDinText-Medium";
	text-decoration: none;
	background: #0D89CF;
	border: 0px solid #CCCCCC;
}

.cosmo2-btn {
	color: #FFFFFF;
	font: bold normal 14px "PFDinText-Medium";
	text-decoration: none;
	background: #0D89CF;
	border: 0px solid #CCCCCC;
	padding: 6px;
	margin: 0;
	cursor: pointer;
}

.cosmo2-secondary {
	color: #FFFFFF;
	font: bold normal 14px "PFDinText-Medium";
	text-decoration: none;
	background: #CCCCCC;
	border: 0px solid #0D89CF;
	padding: 6px;
	margin: 0 2em;
	cursor: pointer;
}

.required {/*font-weight:bold;*/}

.basketbox {}

.basketbox ul, .accountbox ul { 
	margin: 0;
	padding: 0;
	list-style: none;
}

.basketbox li {
	border-bottom: 1px solid #eee;
	padding-bottom: 2px;
}

.spinner {
	background-image:url(../images/19-1.gif);
	background-repeat: no-repeat;
	float:right;
	width:18px;	
}

.left {float:left;}
.right {float:right;}
.clr {clear:both;}
.w80 {width:80%}
.w85 {width:85%}
.w90 {width:90%}

button {
	border:0;
	background:transparent;
	cursor:pointer;cursor:hand;
}

.basketbox button {
	padding:0;
}

.accountbox a {
	color: #106699;
	text-decoration: none;
}
.accountbox a:hover {
	text-decoration: underline;
}

/* athan code */
.super_kal_left_float{
	position: relative;
	left: -1200;
	float: left;
}



/* PICBOX */
#pbOverlay, #pbImage, #pbBottom, #pbCloseBtn {
	position: fixed;
	z-index: 9999;
}

#pbOverlay {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    background: #000;
	cursor: pointer;
}

#pbCloseBtn {
	top: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/picbox-closebutton.png) no-repeat top left;
}

.pbLoading {
	background: #000 url(../images/picbox-loading.gif) no-repeat center !important;
}

#pbImage {
	border: none;
	background: #000 no-repeat;
	-moz-box-shadow: 0 0 40px #000;
	-webkit-box-shadow: 0 0 40px #000;
	box-shadow: 0 0 40px #000;
	cursor: move;
}

#pbBottom {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #EEE;
	line-height: 1.4em;
	left: 50%;
	bottom: 10px;
	width: 400px;
	margin-left: -200px; /* half the width */ 
}

#pbCaption {
	font-weight: bold;
	padding: 4px;
	display: inline-block;
	*display: inline; /* IE 7 */
	background-color: rgba(0,0,0,0.7);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B0000000, EndColorStr=#B0000000);
	zoom: 1;
}

#pbNav {
	display: block;
	width: 200px;
	height: 65px;
	margin: auto;
	margin-top: 5px;
}

#pbPrevBtn, #pbNextBtn, #pbZoomBtn  {
	display: inline-block;
	width: 70px;
	height: 65px;
	outline: none;
	text-indent: -9000px;
	background: url(../images/picbox-navbtns.png) no-repeat;
}

#pbPrevBtn {
	background-position: -70px 0;
	float: left;
}

#pbPrevBtn.pbgreyed {
	background-position: 0 0;
}

#pbNextBtn {
	background-position: -320px 0;
	float: right;
}

#pbNextBtn.pbgreyed {
	background-position: -390px;
}

#pbZoomBtn {
	width: 60px;
	background-position: -140px 0;
	float: left;
}

#pbZoomBtn.pbgreyed { 
	background-position: -200px 0;
}

#pbZoomBtn.pbzoomed {
	background-position: -260px 0;
}

/* END PICBOX */

/* ie6 trash */
* html #gritter-notice-wrapper {
	position:absolute; 
}
* html .gritter-top {
	margin-bottom:-10px;
}
* html .gritter-item {
	padding-bottom:0;
}
* html .gritter-bottom {
	margin-bottom:0;
}
* html .gritter-close {
	background:url(../images/gritter-close-ie6.gif);
	width:22px;
	height:22px;
	top:7px;
	left:7px;
}

/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('.'); /* ie7/8 fix */ 
}
.gritter-top {
	background:url(../images/gritter.png) no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url(../images/gritter.png) no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url(../images/gritter.png) no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
}
.gritter-close {
	position:absolute;
	top:5px;
	left:3px;
	background:url(../images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0 0 5px 0;
}
.gritter-with-image {
	width:220px;
	float:right;
}


/*
	List Expander 
*/

.listexpander{width:98%;}
.listexpander, .listexpander ul, .listexpander li{
	margin:0;
	padding:0;
	list-style:none;
}
.listexpander ul{
	/*
	Uncomment this if you want to initially hide the child lists. 
	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.
	display:none;
	*/ 
}
.listexpander li{
	line-height:200%;
	margin-top:0px;
	cursor:default;
	text-indent:23px;
	font-weight:bold;
	width:100%;
}

.listexpander li.collapsed, .listexpander li.expanded{cursor:pointer;} 

/* first level */

.listexpander li, .listexpander li.collapsed{background:#fff url(../images/plus1.png) no-repeat 5px .4em; border-bottom: 0px solid silver;color:#000;font: normal 14px "PFDinText-Medium";padding:5px 0px 5px 0px;} 

.listexpander li.expanded{background:#fff url(../images/minus1.png) no-repeat 5px .4em; border-bottom: 0px solid silver;color:#000;font: normal 14px "PFDinText-Medium";padding:5px 0px 5px 0px; }

.listexpander li a, .listexpander li.collapsed a{color:#000;text-decoration:none;} 
.listexpander li.expanded a{color:#000;text-decoration:none;}
.listexpander li a:hover, .listexpander li.collapsed a:hover{color:#666;text-decoration:none;} 
.listexpander li.expanded a:hover{color:#666;text-decoration:none;}


/* second level */

.listexpander li ul, .listexpander li li{font: normal 12px "PFDinText-Medium";padding:5px 0px 5px 3px;background:#fff}
.listexpander li li.collapsed{font: normal 12px "PFDinText-Medium";padding:5px 0px 5px 3px;} 
.listexpander li li.expanded{font: normal 12px "PFDinText-Medium";padding:5px 0px 5px 3px;}

/* third level */

.listexpander li li ul, .listexpander li li li{background:#fff;font: normal 10px "PFDinText-Medium";padding:5px 0px 5px 0px;}
.listexpander li li li.collapsed{background:#fff url(../images/plus1.png) no-repeat 5px .4em;font: normal 10px "PFDinText-Medium";padding:5px 0px 5px 5px;} 
.listexpander li li li.expanded{background:#fff url(../images/minus1.png) no-repeat 5px .4em;font: normal 10px "PFDinText-Medium";padding:5px 0px 5px 5px;}

/* fourth level */

.listexpander li li li li{text-indent:0;margin-left:30px;width:auto;}

/* etc. */

/* buttons */


/* float fix */
.listexpander li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.listexpander li{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .listexpander li{
	height: 1%;
}
.listexpander li{
	display: block;
}
/* End hide from IE-mac */
/* end float fix */

.chromestyle{
width: 100%;
height: 32px;
font-weight: normal;
background-color: #064394;   /* disabled for CHRISTMAS   */
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
padding: 2px 0px;
margin: 0px 0px 0px 0px;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
/*display: inline;*/
float: left;
width: 96px;
height: 50px;
}

.chromestyle ul li a{
color: #fff;
padding: 8px 1px;
margin: 0;
font:bold 9px "Arial";
text-decoration: none;
border-right: 1px solid #1154B0;
display: block;
height: 26px;
-webkit-transition: color .3s linear;  
-moz-transition: color .3s linear;  
-o-transition: color .3s linear;  
-ms-transition: color .3s linear;  
transition: color .3s linear;  
}

.chromestyle ul li.last a {
border-right:none;
}

.chromestyle ul li a:hover{
color:#FDBD1F;
text-decoration: none;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
/*border: 1px solid #777;*/
border-bottom-width: 0;
font:normal 12px "Arial";
line-height:18px;
z-index:100;
background-color: #505050;
width: 210px;
visibility: hidden;
color: #fff;
padding: 4px;
background: #064394 url(/images/topmenyd_01.jpg) repeat-x;     /* disabled for CHRISTMAS   */
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #999;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #fff;
-webkit-transition-property: background-color, padding;
-webkit-transition-duration: .3s;
-webkit-transition-timing-function: ease, ease-out;
-moz-transition-property: background-color, padding;
-moz-transition-duration: .3s;
-moz-transition-timing-function: ease, ease-out;
-o-transition-property: background-color, padding;
-o-transition-duration: 3s;
-o-transition-timing-function: ease, ease-out;
-ms-transition-property: background-color, padding;
-ms-transition-duration: .3s;
-ms-transition-timing-function: ease, ease-out;
transition-property: background-color, padding;
transition-duration: .3s;
transition-timing-function: ease, ease-out;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{
background-color: #333;
padding-left:10px;
}