body {background:url(img/bg-body.png) top center repeat-y;}

#header {font-family:Georgia, "Times New Roman", Times, serif;  color:#878882;}
#header #name {background:url(img/icon.png) top left no-repeat; margin:5px; padding:35px 0 15px 180px; font-size:1.2em; width:60%;}
#header #name h1 a{color:#878882; text-decoration:none;}
#header #name .second {color:#005f9b; font-size:1.3em;}
#header #shopbasket { width:17%; float:right; font-size:2em; margin-top:15px;}
#header #shopbasket a{display:block; background:url(img/basket.png) left 50% no-repeat; padding:0px 32px; text-decoration:none; color:#878882;}
#header #shopbasket a span{color:#005f9b; font-size:1.2em;}
#header #shopbasket a:hover{text-decoration:underline;}
#header #shopbasket img{padding-right:12px;}

#header-menu {border:1px solid #d5d5d5; width:100%; background:url(img/bg-menu.png) top left repeat-x; height:47px;}
#header-menu #search { float:right; }
#header-menu #header-items {float:left; }
#header-menu #header-items ul{}
#header-menu #header-items li {float:left; list-style:none; }
#header-menu #header-items li a{display:block; padding:12px 14px; text-decoration:none; color:#6e6e6e; font-size:1.4em; }
#header-menu #header-items li a:hover{color:#000066; background:url(img/bg-menu-active.gif) repeat-x top left; color:#DEDEDE; }


#search {
	background:transparent url(img/search.gif) no-repeat scroll 0 0;
	height:30px;
	width:224px;
	margin:9px 3px 0 0;
}

#search fieldset {
	border: 0px;
	padding:6px 3px 0 8px;
	overflow: hidden;
}

#search fieldset input {
	color:#4C4C4C;
	border: 0px;
	background: none;
	padding: 0px;
}

#search fieldset input#search-field {
	width:142px;
	font-size: 13px;
	color: #000;
	float: left;
}

#search fieldset input#search-button {
	cursor:pointer;
	float:left;
	margin-left:4px;
	margin-top:-5px;
	padding-bottom:11px;
	text-indent:-9999px;
	width:61px;
}


#frames { width:100%; background:url(img/frame-blue.jpg) 50% 50% no-repeat; border:1px solid #d5d5d5; border-top:none; }
#frames .prev,#frames .next{ color:#FFFFFF; height:100px; cursor:pointer; background:url(img/left-arrow-trans.png) left 58% no-repeat; }
#frames .next{text-align:right; background:url(img/right-arrow-trans2.png) right 58% no-repeat;}
#frames #frame-wrapper{float:left;}
#frames #slide {color:#B2CEDF;;padding:8px; font-size:1.4em;}
#frames #slide p{margin:0;}
#frames #slide a{color:#FFF;}
#frames #slide span{color:#FFFFFF;}
#frames #slide p.left{margin-left:133px;}
#frames #frames-controller{text-align:center;color:#FFFFFF;cursor:pointer;}

#content .box {margin:10px 8px 4px 0px; border:1px solid #005F9B; background:#FFF; padding:0;font-family:Geneva, Arial, Helvetica, sans-serif;}
#content .box .box {background:#F2EFEB;}
#content .box .box-title { background:url(img/bg-menu.png) top left repeat-x; text-decoration:none; color:#6e6e6e; border-bottom:1px solid #d5d5d5; padding:3px 4px;}
#content .box .box-title h1{margin:4px; font-size:1.4em;}
#content .box .box-title h2{margin:0px; font-size:1.4em;}
#content .box .box-title a{text-decoration:none; color:#111;}
#content .box .box-body, #content .box .box-content{padding:6px 4px;}
#content .box .box-body ul{list-style:none; margin:2px;}
#content .box .box-body ul ul{list-style:none; margin:2px 2px 2px 12px;}
#content .box .box-body ul ul a{color:#999999; font-size:0.85em;}
#content .box .box-body li {background:transparent url(img/list-item.gif) no-repeat scroll 0 8px; padding:0 0 0 15px; margin:2px 0px;}
#content .box .box-body li li {font-size:0.90em;}

#content .box .box-body h3,#content .box .box-content h3{margin-bottom:0; font-size:1.4em; color:#999999; padding:2px 3px;}
#content .box .box-body a,#content .box .box-content a{color:#005f9b; display:block; text-decoration:none;}
#content .box .box-body a:hover{color:#000000;}
#content .box .box-content a{display:inline;}

#content .product-list {width:100%;}
#content .product-list .product-item {border:1px solid #d5d5d5; background:#FFF; padding:0;font-family:Geneva, Arial, Helvetica, sans-serif;}
#content .product-list .product-item .product-title {background:#005f9b url(img/title.png) no-repeat top left; color:#FFF; padding:6px 8px; margin-bottom:2px;}
#content .product-list .product-item .product-title a{text-decoration:none;}
#content .product-list .product-item .product-title h1 {font-size:1.6em; margin-bottom:0; color:#FFF;}
#content .product-list .product-item .product-text{ text-align:center; padding:5px;}
#content .product-list .product-item .product-text img{margin:0; text-align:center;}
#content .product-list .product-item .product-text a{ color:#005f9b; background:#FFFFFF;}
#content .product-list .product-item .product-text p{ text-align:left;}
#content .product-list .product-item .product-text h2{margin:0; text-align:left;}

#content .product-list .box .box-title h2{font-weight:bold;}

#content .product-info .box-body img{border:none !important;}

#product-info .box-title h2{}

#footer #page-border {background:url(img/bg_footer_border.png) repeat-x top left; width:100%; height:14px;}
#footer #page-info {background:url(img/bg_footer_info.png) repeat top left; width:100%; color:#B5A689; padding:8px 0px;}
#footer #page-info a{color:#B5A689;}


    
#main {margin-top:10px;}
.foto {float:left; padding:5px 32px; }
.box-title .date {font-size:14px; font-style:italic;}


.box-body img{ float:left; margin:2px 18px; }

.product-info{background:#f2efeb;}
.product-info img{border:2px solid #CFCFCF; float:left; margin:2px 8px;}

#content .basket .actions a{cursor:pointer;}
#content .basket .actions a:hover{text-decoration:underline;}

.checkout{background:#FFFBE5; border:1px solid #d5d5d5; margin-bottom:1em; padding:0.8em; text-align:center; color:#6E6E6E;}
.checkout #checkout-amount{border-left:1px solid #FFEB80;}
.checkout #checkout-amount h1{margin:0;}
.checkout #checkout-amount img{border:1px solid #FFEB80;}


.checkout #checkout-amount h1{color:#6FB305; display:block;}
.checkout h5{color:#741C1C; margin:0;}
.checkout span{color:#6E6E6E;}
.checkout a{display:inline;}

.checkout-table {background:#F7F7F7 none repeat scroll 0 0; border:1px solid #CCCCCC;}
.checkout-table input[type="text"]{margin:0; }
.checkout-table h3 {padding:8px; margin:0px;}
.checkout-table h4 {margin-bottom:0.3em;}
.checkout-table span{color:#666666;}

#customer-data {padding:13px;}
#customer-data .label{text-align:right;}

.payment-item {padding:13px;}
.payment-item h4{margin-bottom:0.5em;}
.payment-item p{color:#666666;}
.payment-item .payment-icon {float:right; width:110px; height:110px;}
.payment-item .payment-text {float:left; width:75%;}


/* Grid Table */ 
.grid table {border:#D9DBDC 1px solid; border-bottom:none; border-top:none;}
.grid tr td{border-color:#D9DBDC; border-style:solid; border-width:0 1px 1px 0px; padding:4px 10px !important; cursor:default;}

/* Grid Headers */
.grid tr.headers { background: url(img/grid_hd_bg.gif) repeat-x scroll 0 50%; }
.grid tr.headers th {background: url(img/grid_hd_bg.gif) repeat-x scroll 0 50%;
border-color:#F9F9F9 #D1CFCF #F9F9F9 #F9F9F9;
border-style:solid;
border-width:1px;
color:#2D444F;
}

/* Grid Filter */
.grid .grid-menu { border:1px solid #CDDDDD; background:#E7EFEF; color:#2D444F; line-height:1; margin:0; padding:0;}
.grid .grid-menu .grid-filter { width:25%; float:left; }
.grid .grid-menu .grid-massaction {width:25%; float:left; }
.grid .grid-menu .grid-search {width:25%; float:left;}
.grid .grid-menu .grid-buttons{margin:0.5em;}
.grid .grid-menu .last{text-align:right;}

.grid .grid-menu label{padding:0px 6px; font-weight:normal;}
.grid .grid-menu input{margin:0.5em 0; border:1px solid #BBBBBB; padding:2px;}
.grid .grid-menu input:focus{border:1px solid #000; }


.grid .grid-menu .grid-filter-adv{margin:3px 8px; padding:6px; background:#E2E1E1; border-top:1px dotted #999; border-bottom:1px dotted #999; color:#333;}

/* Grid Rows */
.grid tr.even td{  background:#F0F0F0;}
.grid tr.odd td{background:#FFFFFF;}
.grid tr.even:hover td, .grid tr.odd:hover td{background:#FCF5DD;}
.grid td.right {text-align:right;}
.grid td.last, .grid tr.headers th.last{border-right:none;}
.grid td.empty{ padding:8px 5px !important; text-align:center; font-size:1.2em;}


.payment-option {padding-left:30px;}


/* Buttons */
/* Btn */ 
/* Start custom button CSS here ---------------------------------------- */
.btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:red !important;
	  cursor:pointer;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(img/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px 0.4em 3px 0.4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
	  color:#333;
	  }
	
	.btn span span.add {background:url(css/add.png);}
	.btn span span.del {background:url(css/delete.png);}
    .btn span span.more{background:url(css/bullet_arrow_down.png); }
	.btn span span.filter-save{background:url(css/application_form_add.png); }
	
	.btn span span.icon{background-position:50% 50%; padding:3px 0.8em; background-repeat:no-repeat;}
	.btn span span.lft{ background-position:3% 50%; padding-left:1.8em; background-repeat:no-repeat; }
	.btn span span.rght{background-position:97% 50%; padding-right:1.8em; background-repeat:no-repeat;}
	
    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #bbb;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #bbb;
      }
    button.pill-r span {
      border-left-color:#fff;
      }
	  
.body-img {border:none !important;}


.btnProduct .bntInfo {margin-top:3px;  margin-left:14px;}
.btnProduct .btnRight{text-align:right; margin-right:14px;}

button.styleBtn{background:none; border:0; padding:0; margin:0; cursor:pointer;}

input.product-input{text-align:right; width:40px;}

.description {height:60px;}

#news label{color:#005F9B;}
#news input{width:110px;}
#news input.error,#contact-news input.error{margin:0; padding:0;}
#news label.error,#contact-news label.error{color:#990000; display:block; margin:3px 0px; padding:2px; width:100px;}
#news td{padding:2px;}
#news p {margin:0;}

img.twitter{margin:0 !important;}