.main_image
{
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 343px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 718px;
}
.main_image img
{
    float: left;
    width: 718px;
    height: 343px;
}

.main_image h2
{
    border-bottom: 1px solid #DFDFDF;
    color: #053593;
    float: left;
    font-family: Myriad Pro,MyriadPro,trebuchet MS;
    font-size: 24px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 10px;
    margin-left: 16px;
    margin-top: 15px;
    min-height: 30px;
    opacity: 1;
    width: 350px;
}
.main_image .desc div div
{
    color: #000000;
    float: left;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    margin-top: 0px;
    opacity: 1;
    width: 340px;
}
.main_image .block p
{
    color: #000000;
    float: left;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    margin-left: 16px;
    margin-top: 0px;
    opacity: 1;
    width: 340px;
}
.main_image .block div
{
    color: #000000;
    float: left;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    margin-left: 16px;
    margin-top: 0px;
    opacity: 1;
    width: 340px;
}
.main_image p a
{
    float: left;
    font-size: 12px;
    font-family: trebuchet MS;
}

.block small
{
    /*--We'll be using this same style on our thumbnail list--*/
    float: left;
    width: 237px;
}
.main_image .block small
{
    margin-left: 16px;
    margin-top: 5px;
    padding-bottom: 10px;
}
.main_image .block small a
{
    color: #053593;
    font-family: Arial;
    font-size: 12px;
    line-height: 12px;
}

.main_image .desc
{
    float: left;
    position: absolute;
    top: 120px;
    margin-left: -4px;
    width: 391px; /* left: -6px;*/ /*--Stick the desc class to the bottom of our main image container--*/
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .desc .messageTop
{
    background: url("messageBoxTop.html")/*tpa=http://www.wilshipping.com/Themes/Default/Images/Pages/Index/messageBoxTop.png*/ no-repeat scroll 0 0 transparent;
    float: left;
    height: 9px;
    width: 385px;
}
.main_image .desc .messageMiddle
{
    background: url("messageBoxMiddle.html")/*tpa=http://www.wilshipping.com/Themes/Default/Images/Pages/Index/messageBoxMiddle.png*/ repeat-y scroll 0 0 transparent;
    float: left;
    width: 385px;
}
.main_image .desc .messageBottom
{
    background: url("messageBoxBottom.html")/*tpa=http://www.wilshipping.com/Themes/Default/Images/Pages/Index/messageBoxBottom.png*/ no-repeat scroll 0 0 transparent;
    float: left;
    height: 9px;
    width: 385px;
}
.main_image .block
{
    width: 100%;
}
.main_image a.collapse
{
    /*--This is our hide/show tab--*/
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show
{
    background-position: left bottom;
}


.image_thumb
{
    float: left;
    position: relative;
    width: 718px;
}

.image_thumb ul
{
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 10px 0px 0px 10px;
}
.image_thumb ul li
{
    float: left;
    margin-right: 10px;
    margin-bottom: 6px;
}

/* banner buttons */
.image_thumb ul li .bannerDesc
{
    float: left;
    display: block;
}
.image_thumb ul li .bannerDesc span.bannerDescLeft
{
    float: left;
    display: block;
    width: 7px;
    height: 30px;
    background: url("bannerButtonLeft.png")/*tpa=http://www.wilshipping.com/Themes/Default/Images/Buttons/bannerButtonLeft.png*/ no-repeat scroll 0 0 transparent;
}
.image_thumb ul li .bannerDesc span.bannerDescMiddle
{
    position: relative;
    float: left;
    display: block;
    height: 30px;
    font-family: Myriad Pro;
    font-size: 14px;
    line-height: 30px;
    color: #595959;
    background: url("bannerButtonMiddle.png")/*tpa=http://www.wilshipping.com/Themes/Default/Images/Buttons/bannerButtonMiddle.png*/ repeat-x scroll 0 0 transparent;
}
.image_thumb ul li .bannerDesc span.bannerDescMiddle cufon
{
    margin-top: 9px;
}
.image_thumb ul li .bannerDesc span.bannerDescMiddle .arrowTop
{
    display: none;
}
.image_thumb ul li .bannerDesc span.bannerDescRight
{
    float: left;
    display: block;
    width: 7px;
    height: 30px;
    background: url("bannerButtonRight.png")/*tpa=http://www.wilshipping.com/Themes/Default/Images/Buttons/bannerButtonRight.png*/ no-repeat scroll 0 0 transparent;
}
/* active and hover */
.image_thumb ul li.active .bannerDesc span.bannerDescLeft, .image_thumb ul li:hover .bannerDesc span.bannerDescLeft
{
    background: url("bannerButtonLeftActive.png")/*tpa=http://www.wilshipping.com/Themes/Default/Images/Buttons/bannerButtonLeftActive.png*/ no-repeat scroll 0 0 transparent;
}
.image_thumb ul li.active .bannerDesc span.bannerDescMiddle .arrowTop, .image_thumb ul li:hover .bannerDesc span.bannerDescMiddle .arrowTop
{
    display: block;
    left: 40%;
    top: -6px;
    position: absolute;
    width: 13px;
    height: 18px;
    background: url("bannerButtonArrow.png")/*tpa=http://www.wilshipping.com/Themes/Default/Images/Buttons/bannerButtonArrow.png*/ no-repeat scroll 0 0 transparent;
}
.image_thumb ul li.active .bannerDesc span.bannerDescMiddle, .image_thumb ul li:hover .bannerDesc span.bannerDescMiddle
{
    color: #0a1f62;
    background: url("bannerButtonMiddleActive.png")/*tpa=http://www.wilshipping.com/Themes/Default/Images/Buttons/bannerButtonMiddleActive.png*/ repeat-x scroll 0 0 transparent;
}
.image_thumb ul li.active .bannerDesc span.bannerDescRight, .image_thumb ul li:hover .bannerDesc span.bannerDescRight
{
    background: url("bannerButtonRightActive.png")/*tpa=http://www.wilshipping.com/Themes/Default/Images/Buttons/bannerButtonRightActive.png*/ no-repeat scroll 0 0 transparent;
}






/*--Hide the description on the list items--*/

/* ie6 issues */
.ie6 .main_image .desc .messageTop, .ie6 .main_image .desc .messageBottom
{
    background: none;
    height: 0;
}
.ie6 .main_image .desc .messageMiddle
{
    background-color: White;
    background-image: none;
}
.ie6 .image_thumb ul li.active
{
    background-image: none;
}
.ie6 .main_image .desc div div
{
    display: inline;
}
