/*Our system supports FF, Opera and IE browsers.
Fixes for IE6 and Opera have been applyed in the separated stylesheets ..\Web\_design\graysky\_style\opera.css, ..\Web\_design\graysky\_style\ie.css.
All stylesheets can be switched on/off in the ../_design/xsl/includes/Main.xsl file.
Design is adapted for 1024*768 resolution.*/

/*----------bof Common block-------------------------------------------------------------------*/
DIV
{
    font-size: 8pt;
    font-family: Verdana;
}
FORM
{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    margin: 0;
    padding-top: 0;
}
H1
{
    text-align: left;
    margin-top: 7pt;
    font-size: 8pt;
    margin-bottom: 7pt;
    font-family: Verdana;
}
H2
{
    margin-top: 0;
    font-size: 11pt;
    margin-bottom: 6pt;
    font-family: Verdana;
}
HR
{
    height: 0;
    color: #F7F7F7;
    border-width: 1px 0 0 0;
}
INPUT
{
    color: #000;
    font-size: 8pt;
    font-family: Verdana;
}
INPUT.email
{
    width: 120px;
    color: #000;
    font-size: 8pt;
    font-family: Verdana;
}
OL
{
    margin-top: 2pt;
    margin-bottom: 0;
}
P
{
    margin-top: 2pt;
    margin-bottom: 6pt;
}
PRE
{
    font-size: 8pt;
    font-family: Verdana;
}
SELECT
{
    color: #000;
    font-size: 8pt;
    font-family: Verdana;
}
TABLE
{
    font-size: 8pt;
    font-family: Verdana;
}
TEXTAREA
{
    color: #000;
    font-size: 8pt;
    font-family: Verdana;
}
UL
{
    margin-top: 2pt;
    margin-bottom: 0pt;
}
IMG
{
    border:none;
}

.fieldname
{
    text-align: left;
}

/*---------eof Common block----------------------------------------------------------------------------*/



/*--------- bof Main block-----------------------------------------------------------------------------*/

/* 'container1' is a basic element of the AceFlex B2C design, 
it defines background-color on pages and defines width of the site*/
div#container1
{
    position:relative;
    float:left;
	background-color:#fff;
	width:998px;
	border-top:solid 1px #888;
	/*border-left:solid 1px #888;
	border-right:solid 1px #888;*/
}

.cart A
{
    color: #c44;
}
div#menu-container
{
    position:relative;
    float:left;
    width:643px;
}
div#menu 
{
    position:relative;
    float:left;
	height:14px;
	margin-top:17px;
	margin-bottom:5px;
	text-transform: capitalize;
	padding-left:5px;
	padding-right:5px;
}
div#topnav
{
    position:relative;
    background-color:#F7F7F7;
    float:left;
    text-align:left;
	height:20px;
	width:643px;
	padding-top:7px;
	border-top: solid 1px #888;
    border-right: solid 1px #888;
    border-left: solid 1px #888;
}

div#welcome
{
    position:relative;
    float:right;
    text-align:left;
	height:18px;
	margin-top:17px;
}
div#cartitems-container
{
    position:relative;
    text-align:center;
    float:right;
	border-bottom: solid 1px #888;
	color: #557;
	width: 181px;
}

div#cartitems
{
    position:relative;
    text-align:left;
	color: #557;
	padding-top:28px;
	padding-bottom:9px;
	padding-left:30px;
}

/*Div 'content' includes blocks of the left, right navigations and main area.*/
div#content
{
    position:relative;
    float:left;
	width:996px;
	height:auto;
	border-left:solid 1px #888;
	border-right:solid 1px #888;
}

div#content A
{
    color: #555577;
}

div#content .center
{
    position:relative;
    float:left;
	text-align:left;
	width:635px;
	border-collapse:collapse;
	border:solid 0px olive;
	padding-left:5px;
	padding-right:5px;
}

/*The content of the 'main' div is changed on the each page of the site. Current style 'div#main' is common for all of them.*/ 
div#main
{
    position:relative;
    float:left;
    margin-top:5px;
    width:100%;
}

/*This element 'banner' includes top-center banner of the store. It can be removed or modyfied on the 'Main.xsl' page.*/
div#banner
{
    position:relative;
    float:left;
	height:78px;
	width:641px;
	text-align:left;
	margin:0 0 0 1px;
	border:solid 0px green;
}
div#banner img
{
    
	margin:0 0 0 0;
	padding:0 0 0 0;
}
/*--------- eof Main block-----------------------------------------------------------------------------*/



/*--------- bof Right navigation block-----------------------------------------------------------------*/

div#right-navigation
{
    position:relative;
    float:left;
	width:181px;
	text-align:left;
}
div#right-navigation-static
{
    float:right;
    position:relative;
	width:181px;
	text-align:left;
	padding-bottom:15px;    
	padding-left:0px;
	line-height:14px;
}
div#right-navigation-static div#content-list-block
{
    position:relative;
    float:left;    
    text-align:left;
    width:171px;
	padding-left:10px;
}
div#contacts
{
    float:right;
	width:171px;
	padding-left:10px;
	height:78px;
	background-color:#F7F7F7;
	text-align:left;
	margin-bottom:1px;
	border:solid 0px blue;
}

/*---------------------------------*/
/*'hotdeals' is a border-separated right-navigation area, there are a list of advanced links, all of them can be switched on/off through the BO.*/
div#hotdeals
{
    position:relative;
    float:right;
    padding-bottom:15px;
    width:181px;
    border:solid 0px blue;
}
div#hotdeals td
{
    padding-left:10px;
    text-align:left;
}
.advancedlinks
{
    width:100%;
    border-collapse:collapse;
    border-top: solid 1px #888;
    border-bottom: solid 1px #888;
    border-left: solid 1px #888;
    border-right: none;
}
.advancedlinks THEAD *
{
    text-align: left;
    font-weight: bold;
    background-color: #888;
    color: #fff;
    padding-left: 8px;
}
.advancedlinks TBODY *
{
    margin: 0px;
}



/*----------------------------------*/

div#featuredprod
{
    position: relative;
    float:left;
    border:solid 0px green;
    text-align:left;
}
div.brands
{
    float:right;
	width:171px;
	padding-left:10px;
	border:solid 0px blue;
}
div#recentlyviewed
{
    position:relative;
    float:left;
	width:171px;
	padding-left:10px;
	text-align:left;
	padding-bottom:15px;
}

/*--------------------------------------*/
div#banners
{
    position:relative;
    float:left;
	width:171px;
	padding-left:10px;
	text-align:left;
	padding-bottom:15px;
	border:solid 0px red;
}
div#imagebanner
{
    position:relative;
    float:left;
	text-align:left;
	padding-top:15px;
}
.imagebanner
{
    border-width: 0px;
    max-width:165px !important;
}
div#textbanner
{
    position:relative;
    float:left;
	text-align:left;
	padding-top:15px;
	min-height:20px;
}
div#flashbanner
{
    position:relative;
    float:left;
	text-align:left;
	padding-top:15px;
}
div#flashbannerswf
{
    position:absolute;
	left:0px;
	top:0px;
}
div#flashbannercover
{
    position:absolute;
	left:0px;
	top:0px;
	z-index:2;
}

/*--------- eof Right navigation block-----------------------------------------------------------------*/



/*--------- bof Left navigation block------------------------------------------------------------------*/


div#small-search-ex
{
    position:relative;
	width: 160px;
	height:78px;
	float:left;
	text-align:left;
	padding-left:10px;
	border:solid 0px green;
	background-color:#F8F8F8;
	margin-bottom:1px;
}

div#left-navigation-static
{
    position:relative;
    float:left;
	width:170px;
	text-align:left;
	padding-left:0px;
	clear:none;
	line-height:14px;
}
div#category-list-block-static /*'Browse catalog' list on the left nav in the 'main.xsl'*/
{
    position:relative;
    float:left;
	width:160px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	background-color:#F8F8F8;
	margin-bottom:1px;
}
div#category-list-block /*'Browse catalog' list on the left nav all over the system except 'main.xsl'*/
{
    position:relative;
    float:left;
	width:160px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	background-color:#F8F8F8;
	margin-bottom:1px;
}
div#browse-price
{
    position:relative;
    float:left;
	width:160px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	background-color:#F8F8F8;
	margin-bottom:10px;
}


/*-----------------eof Left navigation block-----------------------------------------------------------*/


/*-----------------bof Common block--------------------------------------------------------------------*/

.caption
{
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 5px;
}

.listcap /*Caption row in grids - cart, orderconfirmation etc.*/
{
    font-weight: normal;
    font-size: 8pt;
    color: #ffffff;
    background-color: #C9D7E5;
    height: 22px;
    padding: 0px 3px 0px 3px;
}

.maincaption /*Style of the category-path text*/
{
    position: relative;
    padding-bottom:15px;
}

.menu
{
    height: 33px;
}

.row0 /*style of the grids's row #1*/
{
    background-color: #fff;
    height: 20px;
}
.row1 /*style of the grids's row #2*/
{
    background-color: #F8F8F8;
    height: 20px;
}

.no_preview_availible
{
    color:#888; /*Color of the imagearea text in the 'Cart' grid*/
}

.cart_img /*Width of the image in 'Cart' grid*/
{
    width:80px;
}

.liststatusl
{
    height: 22px;
    padding-left: 5px;
    font-size: 10px;
    color: #000000;
    background-color: #F8F8F8;
}
.liststatus
{
    height: 22px;
    font-size: 10px;
    color: #000000;
    background-color: #F8F8F8;
}


div#affiliate-agreement
{
    position: relative;
    float:left;
    overflow: auto; 
    width:480px; 
    height: 300px; 
    border: 1px solid #aaaaaa;
}


.messb
{
    font-weight: bold;
}
.messbg
{
    padding-right: 2px;
    padding-left: 2px;
    height: 20px;
    background-color: #f8f8f8;
}

.shadow /*Declarates Shadow form style, the wishlist.asp*/
{
    background-color: #F8F8F8;
}

/*---------eof Common block------------------------------------------------------------------------*/



/*------- bof Product/Category/Bundle block---------------------------------------------------------------*/

.blockitem
{
    padding-top: 8px;
    /*padding-left: 8px;*/
}
.blockitem DIV
{
    font-size: 7.5pt;
    background-color: #ffffff;
}
.blockitem TD
{
    font-size: 7.5pt;
    background-color: #ffffff;
}

.categoryitem
{
    border-style: solid;
    border-width: 0px !important;
    border-color: #ccc;
    background-color: #ffffff;
    margin: 0 2px 0 2px;
    vertical-align: top;
    height: 100px;
}
.categoryitem img
{
    max-width: 250px !important;
}
.categoryitem td.productimagecell
{
    width: 250px;
    text-align: center;
    vertical-align: top;
}
.categorylist
{
    border-style: solid;
    border-width: 1px !important;
    border-color: #F7F7F7;
    background-color: #ffffff;
    margin: 0 2px 0 2px;
    vertical-align: top;
    height:100%;
    min-height:120;
}
    
.categorylist img.thumbimg
{
    width:160px;
}
img.thumbimg
{
    width:80px;
}
img.thumbimg3
{
    width:80px;
border-style: solid;
    border-width: 1px !important;
    border-color: #F7F7F7;
}

.chain
{
    font-size: 10pt;
    color: gray;
}
.comment0
{
}
.comment1
{
    color: #a52a2a;
}
.productlist
{
    border-style: solid;
    border-width: 5px !important;
    border-color: #ccc;
    background-color: #ffffff;
    margin: 0 2px 0 2px;
    vertical-align: top;
    height: 100px;
}
.productlist-bundle .button-add
{
    display: none;
}
.productlist img
{
    max-width: 50px !important;
}
.quick-cart
{
    width: 170px;
    border: 2px solid #ccc;
    margin: 0 0 20px 0;
    background-image: url(../_images/page/bg.gif);
    background-repeat: no-repeat;
}
.quick-cart-title
{
    width: 175px;
    text-align: center;
    color: #999;
    font-weight: bold;
}

.topnavigation
{
    color: #000000;
}
.topnavigation A
{
    color: #555577;
}
.topnavigation A:hover
{
    color: #c44;
}
.value
{
    text-align: left;
}

div#gcheckout
{
    position: relative;
    float:left;
    width:620px;
}
div#product
{
    position: relative;
    float:left;
    width:630px;
    border:solid 0px green;
}
div#proditem
{
    position: relative;
    float:left;
    width:475px;
    border:solid 0px green;
}
div.product-note
{
    position: relative;
    float:left;
    text-align:left;   
    padding-bottom:5px;
    width:475px;
    border:solid 0px red;
}

div.product-property ul
{
    list-style-type: none;
    margin: 0; 
    padding: 0 0 0 15px
}
div.product-property ul li
{
    padding:none;
    margin:none;
}

div#proditemimgcontainer
{
    position: relative;
    float:left;
	width:155px;
}
div#proditemimg 
{
    position: relative;
    float:left; 
	padding-right:15px;
	padding-top:10px;
	text-align:center;
	width:140px;
	border:solid 0px red;
}

div#prodbuttons
{
    position: relative;
    float:left;
    text-align:center;
    padding-top:5px;    
    padding-bottom:5px;
}

div#bundle-image
{
    position: relative;
    float:left;
	padding-right:15px;
	padding-top:15px;
	text-align:center;
	width:150px;
	border:solid 0px red;
}
div#bundle-item
{
    position: relative;
    float:left;
	padding-top:15px;
	text-align:center;
	width:255px;
	border:solid 0px red;
}
div#bundle-products-block
{
    position: relative;
    float:left;
    text-align:left;
    width:630px;
    clear:left;
    padding-top:15px;
}
div#bundle-products-block h2
{
   padding-left:20px;
}

div#bundlebuttons
{
    position: relative;
    float:left;
    text-align:center;
    padding-bottom:15px;
}
div#bundle-name
{
    position: relative;
    float:left;
    text-align:left;
    font-weight:bold;   
    padding-bottom:15px;
    width:420px;
}
div.bundle-note
{
    position: relative;
    float:left;
    text-align:left;   
    padding-bottom:15px;
    width:270px;
    border:solid 0px red;
}
div#prodbutton
{
    position: relative;
    float:left;
}
div#prodrelated
{
    position: relative;
    float:left;
    width:100%;
    clear:left;
    padding-top:15px;
}

div#prodgallery 
{
    position: relative;
    float:left;
    width:625px;
}
div#prodgalleryname
{
    position: relative;
    float:left;
	padding-right:5px;
	padding-top: 0px;
	height:32px;
}
div#prodgalleryimg
{
    position: relative;
    float:left;
	padding-left:5px;
	padding-right:5px;
	padding-top: 0px; 
}

div.product-property
{
    float:left;
	padding-bottom:5px; 
	width:475px;
	border:solid 0px brown;
}

div.product-property .fieldname
{
    float:left;
    text-align:right;
    width:95px;
}

div.product-property .amount
{
    float:left;
    text-align:left;
    padding-left:5px;
    width:370px;
}

.gift-wrap-type
{
	width:240px;
}
.gift-wrap-message
{
	width:235px;
	height:45px;
}

.product-variants-select
{
    position: relative;
    float:left;
	padding-bottom: 10px; 
	width:475px;
	border:solid 0px green;
}
.product-variants-select .fieldname
{
    text-align:right;
    width:95px;
    float:left;
}
.product-variants-select .amount
{
    text-align:left;
    padding-left:5px;
    float:left;
    width:165px;
}
.product-variants-select0
{
    position: relative;
    float:left;
}
.product-variants-select1
{
    position: relative;
    float:right;
	padding-bottom: 10px; 
	width:475px;
	clear:right;
}
.product-variants-select1 .fieldname
{
    text-align:right;
    width:95px;
    float:left;
    height:18px;
    vertical-align:middle;
}
.product-variants-select1 .amount
{
    text-align:left;
    padding-left:5px;
    float:left;
    width:165px;
}

.profile-custom-fields
{
    width:240px;
}
.profile-custom-fields .fieldname
{
    text-align:left;
    float:left;
    width:70px;
    text-align:right;
}
.profile-custom-fields .amount
{
    text-align:right;
    float:right;
    width:140px;
    border:solid 0px red;
}


div#paging
{
    position: relative;
    float:left;
    text-align:center;
    width:100%; 
    height: 20px; 
    border:solid 0px red;
}


div#brandlist
{
    position: relative;
    color: #557;
    float:left;
    width:630px;
}
div#description
{
    position: relative;
    float:left;
    padding-bottom:15px;
    width:630px;
}
div#ctgimg
{
    position: relative;
    float:left;
    width:150px;
    padding-right:15px;
    padding-bottom:15px;
    text-align:center;
}
.ctgimg
{
    width:150px;
}
div#ctgnote
{
    position: relative;
    float:left;
    width:450px;
    padding-bottom:15px;
}
div#ctgcustomfields
{
    position: relative;
    float:left; 
    padding-top:10px;
    padding-bottom:10px;
    width:630px; 
    border:solid 0px red;
}
div#ctgcustomfields .fieldname
{
    text-align:right;
    width:95px;
    float:left;
}
div#ctgcustomfields .amount
{
    text-align:left;
    padding-left:5px;
    float:left;
    width:165px;
}
div#ctgcontent1
{
    position:relative;
    float:left;
    border:solid 0px red;
}
div#ctgcontent2
{
    position: relative;
    float:left;
}
div#ctgprice
{
    position: relative;
    height:18px;
}
div#ctgbrandlist
{
    position: relative;
    float:left;
    padding-bottom:10px;
    width:450px;
}
div#subctg
{
    position: relative;
    float:left;
	width:450px;
	text-align:left;
	padding-bottom:15px;
	border:solid 0px red;
}
div#subctgcaption
{
    background-color: #F8F8F8;
    position: relative;
    float:left;
    width: 100%;
    height:24px; 
    border: solid 1px #F8F8F8;
    vertical-align:middle;
    padding-left:10px;
    padding-top:5px;
}
div#subctgcontent
{
    position: relative;
    float:left;
    border: solid 1px #F8F8F8;
    width: 100%;
}
div#country
{
    position: relative;
    float:left;
}
div#content-list-block
{
    position:relative;
    float:left;    
    text-align:left;
}

/*-------------------eof Product/Category block---------------------------------------------------------------------*/



/*--------------------bof Search------------------------------------------------------------------------------*/
div#mainsearch
{
    background-color: #fff;
    position: relative;
    float:left;
}
COL.fields
{
    width: 70px;
    text-align: right;
}
/*--------eof Search------------------------------------------------------------------------------------*/



/*-------------------bof Buttons---------------------------------------------------------------------------*/
/*Current CSS block declarates styles for 'Special-button' and 'Button' templates (..\includes\button.xsl)*/

.button
{
    font-weight: bold;
    font-size: 8pt;
    color: #738FCB !important;
    text-decoration: underline;
}
.button-center
{
    height: 18px;
    background-image: url("../_images/button/button_center.gif");
    padding: 0 2px 0 2px;
}
.button-left
{
    height: 18px;
    width: 3px;
    background-image: url("../_images/button/button_left.gif");
    display: block;
}
.button-right
{
    height: 18px;
    width: 3px;
    background-image: url("../_images/button/button_right.gif" );
    display: block;
}
.button-special-container
{
    position: relative;
    background-color:#336699;
    background-image: url("../_images/button/btn_bg.gif" );
    padding: 4px 2px 1px 2px;
    border: solid 1px #fff;
    display: block;
    height: 16px;
    text-align: center;

}
.button-special
{
    /*COLOR: #cc4444*/
    color: #FFFFFF !important;
    text-decoration: none;
}
.button-group
{
    position: relative;
    top: 12px;
}


/*-------------------------*/
div#product-button
{
    position: relative;
    float:left; 
	padding-bottom: 10px; 
	width:475px;
}

div.product-button-2
{
    position: relative;
    float:right;
	padding-bottom: 10px; 
	width:475px;
	text-align:right;
	border:solid 0px red;
}
/*----------------------------eof Buttons-------------------------------------------------------------*/


/*----------------------------bof Sitemap--------------------------------------------------------------*/
/*Current area generates style for 'Sitemap.asp'*/

div.sitemap_section
{
    margin-bottom: 10px
}

.sitemap_section_header
{
    font-weight: bold;
    font-size: 8pt;
    margin: 0 0 0 0;
}

.sitemap_item
{
    font-weight: bold;
    font-size: 8pt;
    margin: 0 0 0 0;
    margin-left: 10px
}

.sitemap_sub_item
{
    font-weight: normal;
    font-size: 8pt;
    margin: 0 0 0 0;
    list-style:none;
    /*margin-left: 20px*/
}

div.sitemap_sub_categories
{
    margin-bottom: 10px
}

ul.sitemap_products
{
    /*margin-left: 10px;*/
    margin-bottom: 10px
}

li.sitemap_product
{
    list-style:none;
}
/*----------------------------eof Sitemap area--------------------------------------------------------------*/


/*----------------------------bof Progressing now area--------------------------------------------------------------*/
.progress_div
{
    position:absolute;
    width:300px;
    height:55px;
    text-align:center;
    vertical-align:middle;
    background-color:#fff;
    border:solid 1px #888;
    visibility:hidden;
    z-index:999;
}
.progress_image
{
    width:30px;
    height:30px;
    text-align:center;
    vertical-align:middle;
    border:none;
}
/*----------------------------eof Progressing now area--------------------------------------------------------------*/


div#quickview-container
{
    position:absolute;
    width:630px;
    height:100%;
    left:0;
    top:0;
    /*background-color:#E3E3E3; */
    z-index:9999;   
    vertical-align:middle; 
    background-image:url(../_images/shadow1.png);
    background-repeat:repeat;
    visibility:hidden;
}
div#quickview
{
    
    width:170px;
    height:270px;
    background-color:#FFF9E6;   
    border:solid 1px Gray; 
}

.br7{line-height:7px}

DIV#currency {
	FLOAT: right;
	POSITION: relative;
	width: 130px;
}

.whiteback
{
    background-color:#FFFFFF;
    text-align:left;
	
}
#arislogo {
	height: 70px;
	width: 200px;
	float: left;
}