@charset "utf-8";
/* CSS Document */

body {
background-image:url(/images/page-bg.png);
background-repeat:repeat-x;
background-color:#FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #303638;
font-size: 13px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
}

img {
border: 0px;
}

h2 {
margin: 10px;
font-weight: 18px;
color: #2a6dac;
text-transform:uppercase;
padding: 0;
}

h3 {
margin: 0px;
padding: 0px;
font-size: 12px;
color: #E85C00;
}


#wrapperpage {
width: 970px;
height: 100%;
}

#header {
height: 137px;
z-index: 1;
}

#header-left {
float: left;
padding-left: 47px;
padding-top: 14px;
}

#header-right {
float: right;
margin-right: 32px;
}

.header-right-langs {
text-align:right;
height: 13px;
}

.header-right-langs a  {
color: #DA251D;
text-decoration: none;
}

#flash-in-the-header {
background-image:url(/images/flash-in-the-header-bg.png);
width: 359px;
height: 30px;
margin-bottom: 21px;
float: right;
}

#headermenu {
float: right;
}

.first-active {
background-image: url(/images/first-active.png);
width: 123px;
height: 42px;
font-family:Candara,"Trebuchet MS",Trebuchet,sans-serif; 
font-size: 18px;
text-transform:uppercase;
line-height: 40px;
float:left
}

.first-active a {
color: #FFF;
text-decoration:none;
}

.first-inactive {
background-image: url(/images/first-inactive.png);
width: 123px;
height: 42px;
font-family:Candara,"Trebuchet MS",Trebuchet,sans-serif; 
font-size: 18px;
text-transform:uppercase;
line-height: 40px;
float:left
}

.first-inactive a {
color: #FFF;
text-decoration:none;
}

.first-inactive:hover {
background-image: url(/images/first-hover.png);
}

.second-active {
background-image: url(/images/second-active.png);
width: 123px;
height: 42px;
font-family:Candara,"Trebuchet MS",Trebuchet,sans-serif; 
font-size: 18px;
text-transform:uppercase;
line-height: 40px;
float:left
}

.second-active a {
color: #FFF;
text-decoration:none;
}

.second-inactive {
background-image: url(/images/second-inactive.png);
width: 123px;
height: 42px;
font-family:Candara,"Trebuchet MS",Trebuchet,sans-serif; 
font-size: 18px;
text-transform:uppercase;
line-height: 40px;
float:left
}

.second-inactive:hover {
background-image: url(/images/second-hover.png);
}




.second-inactive a {
color: #FFF;
text-decoration:none;
}


.last-active {
background-image: url(/images/last-active.png);
width: 126px;
height: 42px;
font-family:Candara,"Trebuchet MS",Trebuchet,sans-serif; 
font-size: 18px;
text-transform:uppercase;
line-height: 40px;
float:left
}

.last-active a {
color: #FFF;
text-decoration:none;
}


.last-inactive {
background-image: url(/images/last-inactive.png);
width: 126px;
height: 42px;
font-family:Candara,"Trebuchet MS",Trebuchet,sans-serif; 
font-size: 18px;
text-transform:uppercase;
line-height: 40px;
float:left
}

.last-inactive:hover {
background-image: url(/images/last-hover.png);
}


.last-inactive a {
color: #FFF;
text-decoration:none;
}

#home-div {
background-image:url(/images/home-div-bg.jpg);
width: 865px;
height: 247px;
border-bottom: 3px solid #3d1e63;
padding-bottom: 19px;
padding-left: 62px;
padding-right: 43px;
padding-top: 18px;
z-index: 2;

}

.home-div-left {
float: left;
width: 502px;
font-size: 14px;
text-align: justify;
}

.home-div-right {
float: right;
}

.home-div-right img {
border: 3px solid #2889c2;
}

.redfont {
color: #da251d;
font-weight:bold;
}

#home-content {
background-image:url(/images/content-bg.png);
background-repeat:repeat-x;
background-color:#FFF;
padding: 12px;
}

#main-left {
float: left;
width: 264px;
margin-top: 12px;
}

#main-right {
float: right;
margin-left: 30px;
text-align:left;
width: 652px;
margin-top: 29px;
min-height:500px;
}


#main-left-content {
}


/* menu 3 */

.urbangreymenu{
margin: 5px 0;
padding: 0;
width: 264px; /*width of menu*/
}

.urbangreymenu .headerbar{
background: url(/images/ul-title.png) repeat-x left;
color: #fff;
font-size: 11px;
font-weight:normal;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 8px 3px;
padding-left: 10px;
text-decoration: none;
text-align:left;
margin-bottom: 3px;
margin-top: 3px;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
background-image: url(/images/ul-title-link.png);
background-repeat:no-repeat;
display: block;
padding-left: 22px;
height: 19px;
text-decoration: none;
font-size: 11px;
margin-top: 5px;
color: #323232;
text-align:left
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
text-decoration: underline
}

/* end menu 3 */


/* stepcarousel */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 620px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* end stepcarousel */

#newproducts {
border: 2px solid #c7f3ff;
padding: 10px;
}

#home-partners {
padding: 10px;
text-align:center
}

#home-partners  img {
margin-left: 15px;
margin-top: 15px;
}

#footer {
background-image:url(/images/footer-bg.png);
height: 167px;
margin-top: 10px;
border-top: 3px solid #3f1e63;
font-size: 12px;
line-height: 21px;

}

#footer a {
color: #fbd881;
text-decoration:none
}

#footer a:hover {
color: #fff;
}


.footer-left {
float: left;
width: 417px;
text-align:left;
padding-top: 10px;
color: #FFF;
}


.footer-right {
padding-top: 10px;
float: right;
width: 204px;
text-align:right;
color: #fff;
}

.categorytree {
margin-bottom: 10px;
}

.categorytree a {
color: #0071b6;
text-decoration:none;
font-weight: bold;
}

.categorytree a:hover {
color: #da251d;
}

.table-title {
background-image: url(/images/titile-bg.png);
font-size: 16px;
font-weight: bold;
color: #FFF;
padding: 5px;
margin-bottom: 10px;
margin-top: 10px
}

.offer-table-left {
float: left;
width: 160px;
}

.offer-table-right {
float: right;
width: 485px;
}

.inputbox {
border: 1px solid #2467A6;
width: 300px;
padding: 3px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.inputbox:hover {
border: 1px solid #7FBF37;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}