#carousel_container {
    margin:20px auto;
    width: 812px;
    height:520px;
}

#carousel_inner {
float:left; /* important for inline positioning */
width:810px; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */

}

#carousel_ul {
position:relative;
left:-270px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
height: 560px
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:260px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:510px;
background: #000000;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
}

#carousel_ul li img {
margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
width: 260px;

}
#left_scroll {
position: absolute;
height:140px;
width:96px;
margin-top:70px;
padding-top:70px;
padding-left:12px;
padding-right:12px;
right: 850px;
z-index:2000
}


#right_scroll{
position: absolute;
left:850px;
height:140px;
width:96px;
margin-top:70px;
padding-top:70px;
padding-left:12px;
padding-right:12px;
z-index:2000
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}


.prtLinkR {
margin:5px;
text-align:center;
font-weight:bold;
font-size:16px;
background-color: #444;
width: 79px;
height: 28px;
position:relative;
float: right;
background: url(../../../images/slider/addcart.png) center top no-repeat;
}

.prtLinkL {
margin:5px;
text-align:center;
font-weight:bold;
font-size:16pz;
background-color: #444;
float:right;
right:30px;
width: 63px;
height: 24px;
position:relative;
top:6px;
background: url(../../../images/slider/infobutton.png) center top no-repeat;
}

.prtLink {
margin:5px;
padding:2px;
text-align:center;
font-weight:bold;
font-size:16pz;
background-color: #444;
border: 2px solid #777;
left: 50px;
position: relative;

}


.prtLink2 {
margin:5px;
padding:5px;
text-align:center;
font-weight:bold;
font-size:18px;
background-color: #444;
border: none;
width: 110px;
height: 84px;
display: block;
background: url(../../../images/slider/viewprodinfo.png) center top no-repeat;

}
.hidden {
display: none;
}

#panel {
    background: #333;
    height: 200px;
    display: none;
    border: 1px solid #999;
}
.slide {
    margin: 0px 0px 0px 0px;
    padding: 0;
    background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
    text-align: center;
    width: 144px;
    height: 31px;
    padding: 10px 10px 0 0;
    margin: 0 auto;
    display: block;
    font: bold 120%/100% Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    padding: 6px;
    margin-top: 2px;
}
.active {
    background-position: right 12px;
}

.loadcarousel {
    background: url('../../../images/slider/loading.gif') no-repeat;
    position: absolute;
    top: 3%;

    width: 300px;
    height:300px;
    margin-left: auto;
    margin-right: auto;
}

.activeli {
width: 256px
height:
}

.mainimage {
width: 324px;
height: 411px;
}

.checkoutbutton {
background: url(../../../images/slider/button.png) center top no-repeat;

}


ul.navdropdown {
    list-style: none;
    padding: 0 20px;
    margin: 0;
    float: left;
    width: 920px;
    background: #222;
    font-size: 1.2em;
    background: url(navdropdown_bg.gif) repeat-x;
}
ul.navdropdown li {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.navdropdown li a{
    padding: 10px 5px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
}
ul.navdropdown li a:hover{
    background: url(navdropdown_hover.gif) no-repeat center top;
}
ul.navdropdown li span {
    bottom:58px;
    float:left;
    height:20px;
    left:394px;
    position:absolute;
    width:60px;
}
ul.navdropdown li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.navdropdown li ul.subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 394px; top: -70px;
    background: #333;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 170px;
    border: 1px solid #111;
    z-index: 1000;
    text-align:left;

}
ul.navdropdown li ul.subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #444; /*--Create bevel effect--*/
    clear: both;
    width: 170px;
}
html ul.navdropdown li ul.subnav li a {
    float: left;
    width: 145px;
    background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
    padding-left: 20px;
}
html ul.navdropdown li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}


#contact_form                   { width:500px; margin:0 auto; height:293px; padding:10px 0;
                                                background: transparent url("http://kilosports.com/store/images/formBG.png") repeat-x;
                        position:relative; -moz-box-shadow: 0px 1px 3px #450000;}
form fieldset                   { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;
                                                margin:0px 0px 20px 0px; width:478px; position:relative;
                                                border:0;display:block; padding: 0px 10px 8px; }
form fieldset legend    { border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
                                                font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px;
                                                margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }
label                                   { font-size:90%; display:block; float:none; width:10em; text-align:right;
                                                margin:.2em .2em 0 0; color:#ddc; font-weight:bold;padding:8px 0px; }
label.error           { font-weight:normal;color:red;text-align:left;width:140px;
                        background: transparent url(/images/cancel.png) no-repeat scroll left; display: inline; position: relative; left: 20px; }
input.text-input            { margin:4px;padding:2px 0;color:#333; }



span.submit_span{
 position:relative; top:0; right:0px;
}



#message h2                     { font-size:150%;color:white; }
#message p                      { color:white;font-weight:bold;margin:6px 0px; }
#checkmark                      { position:relative;top:-46px;left:60px; }