/* RESET v1.0 | 20080212 
//////////////////////////////////////////////////////////////////////////////////
**/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus
{
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/*
//////////////////////////////////////////////////////////////////////////////////
**/




*
{
    margin: 0;
    padding: 0;
}


:focus
{
    outline: 0;
}


.supremewarranty input
{
    border: 0 !important;
}


ol
{
    list-style-position: inside;
}

ul
{
    list-style-position: inside;
    margin-left: 20px;
}

li
{
    margin-bottom: 10px;
    line-height: 1.5;
}

p
{
    line-height: 1.5;
}

.footer
{
    text-align: center;
    font-family: Arial;
    font-size: 11px;
    clear: both;
    padding-top: 12px;
}

.footer a
{
    text-decoration: none;
    padding: 0 7px;
}


.footer a:hover
{
    color: #999;
}


.footer hr
{
    height: 15px;
    margin: 0px 0 16px 0;
}


.footer .address
{
    font-family: Tahoma;
    font-size: 11px;
    padding: 14px 0;
    margin: 15px 0 0 0;
}

.floatleft
{
    float: left;
}

.floatright
{
    float: left;
}

.clearfloat
{
    clear: both;
}

.topmenu li
{
    float: left;
    list-style-type: none;
    height: 24px;
    padding-top: 3px;
}

.topmenu
{
    font-family: Tahoma;
    font-size: 10px;
    margin-left: 0 !important;
}

.topmenu li a
{
    text-decoration: none;
}

.topmenu .link
{
    padding: 6px 11px 0px 2px;
    height: 21px;
}

.topmenu .link:hover
{
    text-decoration: underline;
}

.headerleftcol
{
    float: left;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    padding: 20px 0 0 12px;
}

.headerrightcol
{
    float: right;
    width: 680px;
}

.loginbtn
{
    font-size: 12px;
    font-weight: bold;
    padding: 0px 8px 0 20px;
}

.loginbtn:hover
{
    background-position: -132px 0;
}

.speechbubble
{
    clear: both;
    height: 63px;
    background-position: right;
    background-repeat: no-repeat;
    margin: 45px 0 9px 75px;
}

.speechbubble p
{
    text-transform: uppercase;
    font-size: 15px;
    font-family: Arial;
    font-weight: bold;
    float: left;
    padding: 11px 0 6px 0;
    text-align: center;
    width: 555px;
}

/* default page
-------------------------------------------------------------------------------------
**/

.spotlight1
{
    margin: 10px 10px 0 1px;
    padding: 0;
    display: block;
    width: 320px;
    height: 216px;
    float: left;
}
.spotlight2
{
    margin: 10px 10px 0 1px;
    padding: 0;
    float: left;
    display: block;
    width: 484px;
    height: 216px;
}
.spotlight1 .more, .spotlight2 .more
{
    font-family: Tahoma;
    font-size: 12px;
}
.spotlight1 .more:hover, .spotlight2 .more:hover
{
    text-decoration: none;
}

.spotlight1 .spotlightmenu
{
    width: 150px;
}
.spotlight2 .spotlightmenu
{
    width: 245px;
}

.spotlightmenu
{
    margin: 15px 0 0 15px;
    padding: 0;
    float: left;
    list-style: none;
    overflow: hidden;
    width: 165px;
    font-family: Tahoma;
    font-size: 12px;
}
.spotlightmenu li
{
    margin: 0;
    padding: 0;
    line-height: 125%;
    border: 0px;
}
.spotlightmenu li a
{
    margin: 0;
    padding: 0 0 0 15px;
    background: url(../App_Themes/b4ucameras/Images/homepage/bullet.png) no-repeat 0 7px;
    color: #000;
    display: block;
    float: left;
    width: 100%;
    line-height: 160%;
}
.spotlightmenu li a:hover
{
    text-decoration: none;
}



.spotlightcategory
{
    font-weight: bold;
    color: #000;
    text-decoration: none;
    font-family: Tahoma;
    font-size: 12px;
}


.leftcol
{
    float: left;
    width: 207px;
    margin-right: 14px;
}

.rightcol
{
    width: 761px;
    float: right;
}

.infopage
{
    font-size: 12px;
    font-family: Tahoma;
    padding: 0 45px;
}

.infopage h1
{
    font-size: 20px;
    margin: 20px 0px;
}

.infopage h2
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 28px;
}

.infopage p
{
    margin-bottom: 10px;
}



.carttableheader
{
    list-style-type: none;
    height: 22px;
    padding: 6px 0 0 14px;
    margin-left: 0 !important;
    list-style-image: none !important;
}

.carttableheader li
{
    float: left;
    font-weight: bold;
    line-height: normal;
}

.cartdetails
{
    text-align: right;
    clear: both;
    width: 379px;
    float: right;
    margin-top: 20px;
}
 
.cartdetails a
{ text-decoration:none;
}

.cartdetails a:hover
{ text-decoration:underline;
}

.carttableproducts
{
    font-family: Tahoma;
    margin-left: 0 !important;
    list-style-image: none !important;
}


.carttableproducts li
{
    float: left;
    list-style-type: none;
    margin-bottom: 0;
}

.carttableproducts .price
{
    width: 93px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.carttableproducts .date
{
    width: 93px;
    text-align: center;
    font-size: 14px;
}

.carttableproducts .actions
{
    width: 84px;
    padding: 65px 0 73px 9px;
}

.carttableproducts .actions a
{
    color: #000;
    font-size: 11px;
}

.cartbtn
{
    text-transform: uppercase;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 9px 0px 0 0;
}

.bulkbtn
{
    text-transform: uppercase;
    font-family: Tahoma;
    font-size: 9px;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 0px 0 0;
}

.grandtotal
{
    font-size: 14px;
    font-weight: bold;
    width: 240px;
    padding-top: 7px;
}

.grandprice
{
    font-size: 20px;
    font-weight: bold;
}

.cartdetails .subtotal
{
    width: 85px;
    font-weight: bold;
    text-align: left;
}


.deliveryopts
{
    margin:0;
    padding:0;
    display: block;
    width: 379px;
    float: left;
    text-align: left;
}

.deliveryopts table { margin:0 auto 5px; padding:0; border-collapse:collapse; vertical-align:top; }
.deliveryopts table tr, td { vertical-align:top; border:1px solid #ebebeb;}

.deliveryopts-top
{
    margin:0;
    padding:0;
    display: block;
    width: 359px;
    height: 17px;
}

.deliveryopts .prices
{
    float: left;
    margin-right: 20px;
    width: 55px;
}

.deliveryopts input
{
    margin-top: 5px;
}

.cartproductimg
{
    width: 118px;
    height: 105px;
    margin: 10px 15px 15px;
    padding: 0;
}

.cartproductname
{
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #000;
    display: block;
}

.cartquantity
{
    padding: 0;
    margin: 0;
    width: 24px;
    height: 19px;
    border: 1px solid #cfcfcf;
    text-align: center;
    padding-top: 5px;
    float: left;
}

.cartquantitychange
{
    padding: 0;
    margin: 0;
    float: left;
    height: 30px;
    margin-left: 4px;
    width: 7px;
}

.cartup
{
    margin-bottom: 12px;
}

.securecheckoutbtn
{
    display: block;
    width: 176px;
    height: 26px;
    float: right;
    text-align: center;
    margin-top: 23px;
}

.securecheckoutbtn:hover
{
    background-position: -176px 0;
}

.continueshoppingbtn
{
    display: block;
    width: 193px;
    height: 26px;
    text-align: center;
    margin-top: 23px;
}

.continueshoppingbtn:hover
{
    background-position: -193px 0;
}


.resetbtn
{
    display: block;
    width: 83px;
    height: 24px;
    float: right;
    text-align: center;
    margin-left: 8px;
}


.recommendbtn
{
    display: block;
    width: 130px;
    height: 24px;
    float: right;
    text-align: center;
}


.addtobasketbtn
{
    display: block;
    width: 146px;
    height: 26px;
    text-align: center;
    float: left;
    margin-top: 30px;
}


.addtobasketbtn:hover
{
    background-position: -146px 0;
}


.bulkbtn
{
    display: block;
    width: 104px;
    height: 26px;
    text-align: center;
    float: right;
    margin-top: 30px;
}

.bulkbtn:hover
{
    background-position: -104px 0;
}


.tafleftcol
{
    float: left;
    width: 646px;
}

.tafleftcol .header
{
    display: block;
    width: 632px;
    height: 22px;
    font-family: Tahoma;
    font-weight: bold;
    padding: 6px 0 0 14px;
    margin-bottom: 0px !important;
}

.tafrightcol
{
    float: right;
    font-family: Tahoma;
    width: 210px;
    padding-top: 64px;
}

.tafrightcol h1
{
    font-size: 18px;
    margin-bottom: 8px;
    color: #000 !important;
}


.tafrightcol p
{
    margin-bottom: 8px;
}


.tafrightcol .price
{
    color: #ed1c24;
    font-size: 29px;
    font-weight: bold;
    margin-bottom: 0px !important;
}

.tafrightcol .delivery
{
    color: #ed1c24;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
}


.tafleftcol label
{
    margin-left: 66px;
    width: 160px;
    display: block;
    float: left;
    margin-bottom: 3px;
    padding-top: 6px;
}

.tafleftcol input
{
    width: 238px;
    height: 22px;
    padding: 3px 4px 0 4px;
    margin-bottom: 3px;
}

.tafform
{
    padding-top: 21px;
}

.tafleftcol textarea
{
    width: 238px;
    height: 82px;
    padding: 3px 4px 0 4px;
    margin-bottom: 3px;
}

.tafbuttons
{
    margin: 15px 198px 0 0;
}

.requiredfield
{
    font-weight: bold;
    padding: 10px 0 10px 225px;
    clear: both;
}

.tafimage
{
    display: block;
}

.contactoptions
{
    width: 81px;
    margin-right: 20px;
    text-align: right;
    float: left;
}

.cuheader
{
    display: block;
    width: 680px;
    height: 22px;
    font-family: Tahoma;
    font-weight: bold;
    padding: 6px 0 0 14px;
    clear: both;
    margin: 27px 0 0 100px !important;
}

.cuform
{
    margin: 0 0 0 100px;
    width: 692px;
    padding-top: 21px;
}

.cuform label
{
    width: 108px;
    margin: 0 0 0 66px;
    display: block;
    float: left;
    margin-bottom: 3px;
    padding-top: 6px;
}

.cuform input
{
    width: 238px;
    height: 22px;
    padding: 3px 4px 0 4px;
    margin-bottom: 3px;
}

.cuform textarea
{
    width: 380px;
    height: 82px;
    padding: 3px 4px 0 4px;
    margin-bottom: 3px;
}

.cubuttons
{
    margin: 15px 345px 0px 0;
}

.signin .header
{
    width: 897px;
    height: 38px;
    font-family: Tahoma;
    font-size: 18px;
    font-weight: bold;
}

.signin .header p
{
    float: left;
    padding-left: 21px;
    padding-top: 6px;
    margin-bottom: 0 !important;
}


.signin .header .newuser
{
    color: #fff;
    margin-left: 310px;
}

.signin .leftcol
{
    float: left;
    width: 448px;
    padding-top: 30px;
    margin-right: 0;
}

.signin .leftcol label
{
    width: 89px;
    margin: 0 0 0 21px;
    display: block;
    float: left;
    margin-bottom: 3px;
    padding-top: 6px;
}

.signin .leftcol input
{
    width: 238px;
    height: 22px;
    padding: 3px 4px 0 4px;
    margin-bottom: 3px;
}

.signin .rightcol
{
    float: right;
    width: 445px;
    padding-top: 30px;
}


.signin .rightcol .buttons
{
    margin-top: 15px;
    margin-bottom: 20px;
    margin-right: 132px;
}


.signin .rightcol label
{
    width: 119px;
    margin: 0 0 0 21px;
    display: block;
    float: left;
    margin-bottom: 3px;
    padding-top: 6px;
}

.signin .rightcol input
{
    width: 238px;
    height: 22px;
    padding: 3px 4px 0 4px;
    margin-bottom: 3px;
}

.signin .rightcol select
{
    width: 81px;
    margin-bottom: 3px;
    height: 26px;
}

.leftcol .title
{
    width: 195px;
    height: 24px;
    color: #fff;
    font-family: Tahoma;
    padding: 4px 0 0 12px;
    font-size: 12px;
    font-weight: bold;
}

.homepagecatimg
{
    float: right;
    margin: 8px 1px 0 0;
    height: 183px;
}


.productboxlist
{
    margin-left: -17px;
    clear: both;
}

.searchresultsinfo
{
    font-family: Tahoma;
    font-size: 12px;
    margin-top: 17px;
}

.searchresultsinfo p
{
    margin-top: 2px;
    width: 400px;
}

.leftmenuad
{
    margin-top: 19px;
}

.basketitems
{
    font-size: 12px;
}


.basketitems:hover
{
    text-decoration: underline;
}

.backtoproducts
{
    display: block;
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 5px;
}

.backtoproducts:hover
{
    background-position: -22px 0;
}

.productpage
{
    font-family: Tahoma;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.productpage h1
{
    font-size: 18px;
}

.productpage .price
{
    font-size: 29px;
    font-weight: bold;
}

.productpage .delivery
{
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: -10px;
    padding-left: 3px;
}

.titlebar
{
    width: 747px;
    height: 23px;
    font-weight: bold;
    padding: 4px 0 0 13px;
    margin-top: 10px;
}

.infobox
{
    padding: 20px 0;
    margin: 0;
}


.blacktitlebar
{
    width: 747px;
    height: 23px;
    font-weight: bold;
    padding: 4px 0 0 13px;
    margin-top: 10px;
    color: #fff;
}

.productcol2
{
    float: left;
    width: 270px;
}

.productmain
{
    width: 215px;
    height: 183px;
    float: left;
    margin-right: 10px;
}

.productoptions a
{
    color: #000;
    text-decoration: none;
}

.productoptions img
{
    margin-right: 5px;
}


.zoomin
{
    margin: 0 243px 0 73px;
}

.wishlist
{
    margin: 0 20px;
}

.printpage
{
    margin: 0 0px 0 25px;
}

.supremewarrantyad
{
    font-family: Tahoma;
    font-size: 12px;
    text-align: center;
}

.supremewarrantyad a
{
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.supremewarrantyad a:hover
{
    text-decoration: underline;
}

.updatebtn
{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    width: 180px;
    text-align: left;
}

.contentdivider
{
    height: 15px;
    color: #000;
    background-color: #000;
    border: 0;
    margin-top: 26px;
}


/*
Stylish Select 0.4.1 - $ plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3 or newer

Dual licensed under the MIT and GPL licenses.

*/


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList
{
    left: -9999px;
}

/*==================================
red curvy example
====================================*/
ul.newList *
{
    margin: 0;
    padding: 0;
}
ul.newList a
{
    color: #000;
    text-decoration: none;
    display: block;
}
ul.newList
{
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000;
    width: 290px;
    background: #fff;
    position: absolute;
    border: 1px solid #ccc;
    top: 22px;
    left: 0;
    overflow: auto;
    z-index: 9999;
}
.newListSelected
{
    width: 285px;
    color: #000;
    height: 19px;
    padding: 3px 0 0 6px;
    float: left;
    background: url(select-bg.png) no-repeat;
}
.newListSelected span
{
    width: 284px;
    display: block;
}
ul.newList li a
{
    padding: 3px 8px;
    display: block;
}
ul.newList li a:focus
{
    -moz-outline-style: none;
}
.selectedTxt
{
    width: 258px;
    overflow: hidden;
    height: 16px;
    padding: 0 23px 0 0;
}
.hiLite
{
    background: #650101 !important;
    color: #fff !important;
}
.hiLite a
{
    background: #650101 !important;
    color: #fff !important;
}
.newListHover
{
    background: #ccc !important;
    color: #000 !important;
    cursor: default;
}
.newListSelHover, .newListSelFocus
{
    background-position: 0 -22px;
    cursor: default;
}
.newListOptionTitle
{
    font-weight: bold;
}
.newListOptionTitle ul
{
    margin: 3px 0 0;
}
.newListOptionTitle li
{
    font-weight: normal;
    border-left: 1px solid #ccc;
}

/*======================================
windows xp style - div that contains the 
<select> has been given an id of #win-xp
(for the purposes of this example
========================================*/
#win-xp .newListSelected
{
    background: #FFF url(dropdown.gif) no-repeat scroll 155px 1px;
    border: 1px solid #A5ACB2;
    color: #000;
    height: 17px;
    margin-bottom: 10px;
    padding: 0;
    width: 173px;
}
#win-xp .newListSelected div
{
    display: block;
    font-size: 0.85em;
    padding: 2px 21px 2px 4px;
    text-align: left !important;
    width: 149px;
}
#win-xp ul.newList
{
    list-style: none;
    color: #000;
    width: 172px;
    background: #fff;
    border: 1px solid #000;
    top: 22px;
    left: 0;
    height: auto;
    overflow: auto;
    font-size: 0.85em;
    text-align: left !important;
    position: absolute;
    z-index: 9999;
}
#win-xp ul.newList li
{
    padding: 2px 5px !important;
    border-bottom: 1px solid #cccccc;
}
#win-xp .hiLite
{
    background: #316ac5 !important;
    color: #fff !important;
}
#win-xp .newListHover
{
    background: #ccc !important;
    color: #000 !important;
    cursor: default;
}
#win-xp .newListSelHover
{
    cursor: default;
}
#win-xp .newListSelHover, #win-xp .newListSelFocus
{
    background-position: auto;
}
#win-xp .newListSelHover div, #win-xp .newListSelFocus div
{
    font-weight: bold;
}


.confirmhr
{
    border: none;
    background-color: #9cafc9;
    color: #9cafc9;
    height: 1px;
    clear: both;
}

.confirmorderdetails
{
    margin-left: 10px;
    margin-top: 20px;
}




.confirmorderdetails p
{
    float: left;
    display: block;
    margin-right: 20px;
}

.cartlist
{
    margin: 5px 0;
    padding: 0 25px 0 25px;
}

.cartheaders li
{
    float: left;
    color: White;
    font-weight: bold;
    font-size: 11px;
}

.cartheaders
{
    margin-left: -25px;
    width: 627px;
    padding: 5px 0 0 135px;
}

.cartheaders ul
{
    height: 20px;
    list-style-type: none;
}

.orderdetails
{
    text-align: right;
    margin: 22px 0 0 0;
    font-size: 12px;
}


.breadcrumbs
{
    height: 32px;
    margin-top: 5px;
}

.breadcrumbs p
{
    font-size: 10px;
    padding: 4px 0 0 10px;
    letter-spacing: 1px;
    color: #374B63;
    font-weight: bold;
}
.breadcrumbs a
{
    color: #374B63;
    text-decoration: none;
    font-weight: normal;
    padding-left: 8px;
}

.breadcrumbs a:hover
{
    color: #000;
}

.costs
{
    color: #F02F26;
    font-weight: bold;
    text-align: right;
    width: 220px;
    font-size: 14px;
}

.costname
{
    width: 102px;
}