* { margin: 0; padding: 0 }
body { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; }

h1 {font-size: 3.2em }
a {color: inherit; text-decoration: none }
img { border: none }
label { cursor: pointer }
ul { list-style: none }


header {width: 100%; margin: auto; height: 180px;}
header .top {margin: auto; width: 960px; height: 120px;}
header .top div { margin: 0 50px 0 0; float: left }
header .top div.last { margin: 0 }
header .top a { background: url(../images/icons/sprite.png) no-repeat; display: block; font-size: 0px; margin: 10px 0; text-align: center }
header .top div.last a.inline { display: inline-block; margin: 20px 0 0 0 }
header .top div.last a { margin: 11px 0 0 0 }
header .top a.button { text-transform: none; border-radius: 6px; padding: 5px 0; width: 120px; background: #f7d245; font-size: 11px; color: #333; box-shadow: 1px 1px 1px #333; -webkit-box-shadow: 0 0px 5px #333 }
header .top a.button.alt { color: #fff; background: #9b2600 }
header .top a.button.panier { margin: 20px 0 0 0 }
header .top .boutique{ background-position: 0 -74px; width: 88px; height: 37px; }
header .top .commerce{ background-position: 0 -161px; width: 90px; height: 26px; margin: 30px 0 0 15px }
header .top .facebook{ background-position: 0 -237px; width: 18px; height: 17px; }
header .top .gplus{ background-position: 0 -304px; width: 18px; height: 17px; }
header .top .login{ background-position: 0 -371px; width: 139px; height: 29px; }
header .top .logo{ background-position: 0 -450px; width: 207px; height: 113px; }
header .top .monolj{ background-position: 0 -584px; width: 103px; height: 29px; }
header .top .archive-search { background: url(../images/icons/sprite.png) no-repeat 117px -1085px; padding: 4px 20px 4px 4px; width: 109px; border: 1px solid #aaa }
header .top .newsletter{ background-position: 0 -663px; width: 117px; height: 26px; }
header .top .phone{ background-position: 0 -739px; width: 18px; height: 17px; }
header .top .sabonner{ background-position: 0 -806px; width: 91px; height: 102px; }
header .top .twitter{ background-position: 0 -958px; width: 18px; height: 17px; }
header .top .youtube{ background-position: 0 -1025px; width: 18px; height: 17px; }
header .top .loginData { font-size: 12px; margin: 0; padding: 9px 0 0 0; width: 180px; float: none }
header .top .loginData a { background: none; font-size: 12px; margin: 0; width: auto; height: auto; display: inline-block; color: #999; }
header nav ul {margin: auto; width: 960px;}
header nav ul { list-style: none }
header nav ul li { float: left }
header nav ul li.return { float: right }
header nav.main {clear: both; text-transform: uppercase; height: 27px; background: #333; color: white; -webkit-box-shadow: 0px -3px 4px rgba(50, 50, 50, 0.75); -moz-box-shadow:    0px -3px 4px rgba(50, 50, 50, 0.75); box-shadow: 0px -3px 4px rgba(50, 50, 50, 0.75); }
header nav.main ul li {font-weight: bold; font-size: 0.75em; border-left: 1px solid grey;}
header nav.main ul li a { padding: 5px 9px 6px 9px; display: block }
header nav.main ul li:first-child { border-left: none }
header nav.main ul li.active { background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top, #e0e0e0 0%, #f3f3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e0e0e0 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e0e0e0 0%,#f3f3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e0e0e0 0%,#f3f3f3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e0e0e0 0%,#f3f3f3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */;
    color: #333 }
header nav.sub { height: 27px; color: #808080; background: #F3F3F3; display:none; border-bottom: 1px solid #d8d8d8}
header nav.sub ul li {font-size: 0.75em; padding: 0px 9px; margin: 6px 0; border-left: 1px solid grey;}
header nav.sub ul li:first-child { border-left: none }


/*footer {padding-top: 50px; width: 990px; margin: auto; clear: both;}*/
/*footer h2 {color: #333; padding-bottom: 8px; margin-bottom: 24px; width: 960px; font-size: 1.2em; border-bottom: solid 1px grey; text-transform: uppercase; font-family: Arial;}*/
/*footer h4 {font-size: 0.9em; font-weight: bold; margin-bottom: 18px; color: #333; }*/
/*footer ul li {line-height: 17px; color: #333; font-size: 0.75em;}*/
/*.footlist {padding: 0 5px 50px 0; width: 135px; float: left; text-transform: uppercase;}*/

.bottom {clear: both; background-color: #222;}
.orientlogo {width: 960px; margin: auto; padding: 20px 0 }

.red {color: red}

footer {width: 970px; margin: auto;}
footer .categories{height: 53px;}
footer .categories a{display: block; width:121px; float:left;font-size: 9px;  color: white;background: #222;text-align: center;  padding: 10px 0;}
footer .sitemap {display: none;}
footer .referral {height:80px; background: #222;}
footer .referral figure {width:200px;float: left;}
footer .referral .os{width:300px; margin:auto;}
footer .referral .os a{background: url("../images/sprite1.png") no-repeat; display: block; width: 46px; height: 46px; float: left; padding: 0 25px; margin: 17px 0;}
footer .referral .os .android { background-position: -0px -0px; }
footer .referral .os .apple {background-position: -0px -46px; }
footer .referral .os .windows {background-position: -0px -92px;}
footer .referral .social{  float: right;margin: 0 30px 0 0;}
footer .referral .social a{background: url("../images/socialsprite.png") no-repeat; display: block; float: left; width: 51px; height: 51px;    margin: 15px 5px;}
footer .referral .social .insta{  background-position: -0px -0px;}
footer .referral .social .fb{   background-position: -51px -0px;}
footer .referral .social .twitter {  background-position: -0px -51px;}
footer .referral .social .yt {  background-position: -51px -51px;}
/*.arrow-down {width: 0;height: 0;  border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 12px solid #222;float: right;margin: 0 38px 0 0;display: none;}*/
/*.footlist {padding: 0 21px 50px 0; width: 116px; float: left; text-transform: uppercase;font-size: 15px}*/
.whitebeard { text-align: center; background: #efefef; margin: 0 0 10px 0; padding: 5px 0; font-size: 12px }

.banner {margin: 20px auto; width: 960px; clear:both; text-align: center }

.maincontainer {margin: auto; position: relative; width: 970px; }

.carou {position: relative;}
.caroubackground {background: transparent ; width: 970px; margin: auto;}

.caroutop {position: relative; padding-top: 40px; padding-left: 44px; margin: auto; color: white; width:1000px ; height: 250px; }
    .caroutop h1 {font-weight: normal;font-size:35px}
.caroutop {position: relative;}
#carousel {margin: 0px;padding:10px}
.caroutext {float: left; width: 428px; }
    .caroutext a {margin: 21px; float: left; font-size: .9em; padding-top: 5px; display: block; width: 95px; height: 23px;
        text-align: center; color: black; background: yellow; border-radius: 8px; font-weight: bold; text-transform: uppercase;
        -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888;}
    .caroutext .prix {width: 259px; height: 61px; float: left;}
.caroupic {position: absolute; right: 140px; background: url("../images/catalogues.png"); width: 391px; height: 290px;}

.seperator {height: 8px;}

.caroubottom {text-align: center; height: 92px; background-color: #f7ca00;}
.caroutop nav { margin-top: 15px; margin: auto; width: 55px; }
.caroubackground nav {background: url("../images/caroubottom.png") no-repeat center; width: 100%; height: 90px; background-color: #f7ca00; position: relative;}
.caroubackground nav .pages {margin: auto; width: 52px; padding: 40px 0 0 275px; display: none;}
.caroubackground nav div.pages a {background: url("../images/pagers.png"); width: 13px; height: 11px; display: block; float: left; }
.caroubackground nav div.pages a.active {background: url("../images/pagers.png") 21px;}

.caroubackground nav a { position: absolute; height: 50px; top: 25px; display: block }
.caroubackground nav a.link-1 { width: 80px; left: 20px }
.caroubackground nav a.link-2 { width: 80px; left: 115px }
.caroubackground nav a.link-3 { width: 80px; left: 207px }
.caroubackground nav a.link-4 { width: 145px; left: 307px }


.image_container {float: left; margin-left: 35px;}
div#carousel.ui-carousel {position: relative; margin: 0 0 15px 15px;}
a#ui-carousel-prev {width: 20px; height: 20px; display: block; float: left; margin-right: 11px;
background: url("../images/arrows.png");}
a#ui-carousel-next {width: 20px; height: 20px; display: block; float: left; margin-right: 3px;
    background: url("../images/arrows.png") -16px 0; }

.prixweb {padding-bottom: 36px; height: 40px; background: url("../images/prixweb.png") no-repeat top center;}

.appareilles {position: relative;}
    .appatext {float: left; max-width: 435px;}
        .appatext ul li {list-style-image:url('../images/list.png'); font-size: 0.8em; padding-bottom: 17px; margin-left: 17px;}
        .appatext h2 {text-transform: uppercase; padding-bottom: 28px; font-size: 1.55em;}
.appatext .inscrire a {margin-bottom: 22px; font-size: 1.1em; font-weight: bold; width: 206px; height: 33px;
    background-color: #bb0202; color: white; text-transform: uppercase;
margin: 21px; float: left; padding-top: 5px; display: block;
    text-align: center; border-radius: 8px; font-weight: bold;
    -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888;}
    .appapic {float: right;}
        .appapic img {margin-right: 34px;}

.ventes {padding-top: 30px; clear: both;}
    .ventes .tabs {text-align: center;}
        .tabs ul li {text-transform: uppercase; font-size: 0.9em;}
            .tabs ul a:visited, .tabs ul a:link {color: black;}
    .ventes ul {list-style: none; margin: auto; display: none;}
        .ventes ul li {padding: 19px 40px 5px; margin-left: -3px; border: solid 1px #d3d3d3; display: inline-block;}

.mags {width: 110%; padding-top: 49px; }
    .mag {margin-bottom: 76px; margin-right: 38px; float: left; width: 207px; height: 408px; background: url("../images/magback.png"); }
        .magimage {padding: 7px 0px 0px 3px; min-height: 230px; margin-top: 15px;}
.magimage a img {margin: auto; display: block; max-height: 181px;}
.magtext {padding: 10px; position: relative;}
.magtext .price {float: right; font-size: 2.4em;}
.magtext .price p {float: right;}
.magtext .reviews {font-size: 0.7em;}
.magtext .reviews h4 {display: table-cell; vertical-align: middle; height: 40px; width: 176px; text-align: center;
    color: #273e5b; padding-bottom: 10px; font-size: 16px;}
.magtext .prixtaxe {line-height: 129%; font-weight: bold; font-size: 0.75em; color: #DD0000; }
.magtext .valable {font-weight: bold; font-size: 0.6em; color: #808080;}
.mags .buttons {padding-top: 13px; width: 172px; margin: auto; text-align: center;}
.content form a {font-size: 0.80em; float: left; padding: 6px 12px; text-transform: uppercase; background-color: #2774B2; border-radius: 4px;}
article h2 {text-align: center; padding-bottom: 20px;}
article .buttons {text-align: center;}
article .buttons a {color: white; font-size: 0.80em; padding: 6px 12px; text-transform: uppercase; background: #2774B2; border-radius: 4px;}
article .buttons a.centered {margin: auto; width: 88px;
    display: block; text-align: center;}
.mags .buttons a {font-size: 0.80em; padding: 6px 12px; color: white; text-transform: uppercase; background: #2774B2; border-radius: 4px;}

.content .buttons input, .imitate-buy .buttons input {float: right; font-size: 0.80em; padding: 6px 12px; text-transform: uppercase; background-color: #2774B2; border-radius: 4px; color: white; border: none; width: 88px;}
.content label, .imitate-buy label {font-size: 1.17em; font-weight: bold;}
.imitate-buy {width: 300px; clear: both; float: right}

.empty_body{height: 440px; clear: both;}

.socialShare {width: 100%;text-align: right;height: 100px;clear: both}
.socialShare .channel {float: right; font-size: 25px; margin: 0 10px}

.mt15 {margin-top: -8px;}
.superscript {vertical-align: super; font-size: 50%;}
.bottomdot {border-bottom: dotted 1px grey;}
.bottomsolid {border-bottom: solid 1px #d3d3d3;}
.transform {text-transform: uppercase;}
.alignright {text-align: right;}
.normal {font-style: normal;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.floatleft {float: left;}
.floatright {float: right;}
.topleft {}
.boldred {color: red; font-weight: bold;}
.topsolid {border-top: solid 1px #d3d3d3;}
.notransform {text-transform: none;}
.extra {font-size: 1.6em}
.author {font-size: 1.2em; font-weight: bold;}
.clearfix {clear: both; padding: 10px;}
.logout a.button{color: grey;}

/*--------------------------  css for products --------------------*/
/*------ -----------------------------------------------------------*/

.vertical_nav {width: 195px; float: left; position: absolute;}
.vertical_nav nav {width: 162px; background: #f8f7fa; padding: 27px 13px 27px ;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  margin-bottom: 20px;}
.vertical_nav nav h4 a {color: #696969;}
.vertical_nav nav ul {list-style: none; color: #696969; font-size: .85em;}
.vertical_nav nav ul li {background: url("../images/list_arr.png") no-repeat 0 7px; padding: 0 0 0 9px }
.vertical_nav nav ul li a {color: #696969; }
.vertical_nav nav ul li.active a {color: #002041; cursor: default;}
.vertical_nav .box {word-break: break-word; width: 173px; padding: 23px 5px 27px 7px; background: url("../images/box_bg.png") repeat-x; border-radius: 5px; margin-bottom: 20px; color: white; font-size: .8em;}
.vertical_nav .box.questions .icon {background: url("../images/question.png") no-repeat; height: 46px;}
.vertical_nav .box.secure .icon {background: url("../images/secure.png") no-repeat; height: 46px;}

nav.annonces h4.active a {cursor: text; color: black;}
nav.annonces ul li a.active {color: #022242; cursor: text; }

.products {float: right; color: white; width: 804px; margin-bottom: 10px; min-height: 500px;}

.products article figure {height: 240px; margin: 20px 0px; text-align: center;}
article > a {display: block; width: 234px; height: 58px; background-color: #022242; margin-left: -27px; margin-top: -5px;}
.products article form h3 {display:table-cell; vertical-align:middle; height: 25px; color: #273e5b;}

.products.templatea article {height: 390px; width: 180px; color: #29405f; background-color: #f8f8f7;
    padding: 5px 27px 47px; float: left; margin: 0 0 16px 34px;}
.products.templatea article h4 {display:table-cell; vertical-align:middle; height: 40px; width: 176px; text-align: center; color:#273e5b; padding-bottom: 10px;}
.products.templatea article h3 {display:table-cell; vertical-align:middle; height: 58px; color: white; width: 234px; text-align: center; padding: 0 5px }
.products.templatea article img { max-width: 180px; max-height: 250px }

.products.templateb {margin-bottom: 45px;}
.products.templateb article { color: #29405f; margin: 0 0 20px 35px; padding: 20px 0 0 0; clear: both }
.products.templateb article h3 {color: white; text-align: center; background: #273e5b; padding: 10px 0; display: block }
.products.templateb article .content { float: right; width: 300px; margin-top: 21px; color: #002041;}
.products.templateb article figure {text-align: left; float: left; height: 100% }
.products.templateb article figure img {width: 320px}
.products.templateb article .content h4 {font-size: 1.3em; clear: both}
.products.templateb article .content p {margin-bottom: 7px;}
.products.templateb article h4 { color:#273e5b; padding: 0 0 10px 0 }

/*----------------------------   css for items --------------------*/
/*------ -----------------------------------------------------------*/

.item_main {float: right; width: 755px; margin-bottom: 275px;}
.item_main .cover_photo {float: left;}
.item_main .cover_photo img {max-width: 190px;}
.item_main .info {float: right; position: relative; width: 545px;}
.item_main .info .main_info {width: 355px; float: left;}
.item_main .info .title {width: 355px; float: left;}
.item_main .info .price_container {width: 123px; float: right;}
.item_main .info .price_container .price h3 {float: left;}
.item_main .info .price_container .price small {font-size:11px}
.item_main .info .price_container .button { cursor: pointer; font-size: 0.80em; padding: 6px 12px; text-transform: uppercase; background-color: #2774B2; border-radius: 4px; color: white; border: none; width: 88px; }
.item_main .info .description {width: 510px; float: left; clear: both; margin-top: 67px;}

/*----------------------------   css for clasif --------------------*/
/*------ -----------------------------------------------------------*/

.classif_container {width: 767px; float: right; padding-bottom: 15px;}
.classif_container .icons {width: 110%;}
.classif_container .icon {width: 182px; height: 191px; background: url("../images/anno_bg.jpg") repeat-x;
float: left; text-align: center; margin-right: 13px;}
.classif_container .icon img {margin: 33px; height: 77px;}
.classif_container .icon h5 {width:85px; margin: auto; color:#002041;}
.classif_container .carnet_icon {width: 228px; height: 191px; background: url("../images/anno_bg.jpg") repeat-x;
    float: left; text-align: center; margin-right: 40px;}
.classif_container .carnet_icon img {margin: 33px; height: 80px;}
.classif_container .carnet_icon h5 {width:85px; margin: auto; color:#002041;}
.classif_container .inf p a {color: rgba(5, 18, 91, 0.82); font-weight: bold;}

.classif_container .sep .clearfix {background-color:#002041;}
.classif_container h4 {margin: 15px 0; color:#002041;}
.classif_container ul {list-style: none;}
.classif_container > ul {color:#002041; float: left; margin-bottom: 20px; padding-bottom: 20px;
    background: url("../images/ann_hl.png") repeat-x bottom; }
.classif_container ul h5 {margin-bottom: 5px; font-size: .9em;}
.classif_container ul li {float: left; width: 237px; color: #001A4C;}
.classif_container ul.type li {width: 184px;}
.classif_container form .clearfix {background: url("../images/ann_hl.png") bottom repeat-x; height: 4px}
.classif_container textarea {width: 94%; height: 216px; margin-bottom: 20px; padding: 20px;}
.classif_container form input.button {float: right; border: none; border-radius: 6px; cursor: pointer; background: #333; color: white; padding: 5px 12px; text-align: center; display: inline-block; margin: 10px 0; text-transform: uppercase; font-size: 12px}
.classif_container .inf {color: #001A4C; clear: both; }
.classif_container .inf h3 {padding: 15px 0;}
.classif_container .inf h4 {font-style: italic;}

/*----------------------------   css for datepicker section --------------------*/
/*------ -----------------------------------------------------------*/
.datepicker {float: left; margin-right: 5px;}
.classif_container .dates_selected {border-radius: 4px; border: 1px solid #aaaaaa; height: 217px;
    font-family: Verdana,Arial,sans-serif; width: 284px; padding: 10px; float: left;}
.dates_selected ul div li {background: url("../images/x.png") no-repeat left; padding-left: 25px;
margin-bottom: 2px;}

/*----------------------------   css for cart section --------------------*/
/*------ -----------------------------------------------------------*/
.cart.page .cart_main {float: right; width:764px; margin-bottom: 220px;}
.panier_nav { height: 70px; width: 684px;}
.panier_nav a {color: #2774B2; display: block;  clear: both;}
.panier_nav a.panier {color: #727477; background-color: #F2F2F2; width: 286px; display: block;
position: relative; margin-bottom: 10px;
    -moz-box-shadow: 0 0 4px #888; -webkit-box-shadow: 0 0 4px#888; box-shadow: 0 0 4px #888;
    float: left; font-size: 2.1em; font-weight: normal; padding-left: 10px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 2px #EAEAEA;
}
.panier_nav .panier .total { width: 145px; text-align: right; font-size: 15px; display: table-cell; vertical-align: middle;
padding-left: 20px; height: 52px;}
.panier_nav .panier h3{float: left; font-weight: normal;}
.panier_nav nav {float: right;}
.panier_nav ul {list-style: none; display: table-cell; vertical-align: bottom; height: 56px;}
.panier_nav ul li {display: table-cell; font-size: .9em; margin-left: 5px; padding-left: 7px; float: left;}
.panier_nav ul li:first-child a {background: url("../images/envoyer.png") no-repeat; padding-left: 20px;}
.panier_nav ul li:nth-child(2) a {background: url("../images/vider.png") no-repeat; padding-left: 20px;}

a.arrow_down { display: inline-block; margin: 0 2px; height: 22px; width: 22px;
    background: url(../images/arrows_cart.png) no-repeat 0px 0px; vertical-align: middle; }
a.arrow_up { display: inline-block; margin: 0 2px; height: 22px; width: 22px;
    background: url(../images/arrows_cart.png) -23px 0px no-repeat; vertical-align: middle; }
section.cart.page section h1 {background: #63c8d4;}
table#cart.chrome {width: 100%;}
.chrome thead {background-color: #F6F6F6; color: #ADADAD;}
.chrome thead tr th {text-align: center; font-size: .75em; line-height: 30px; border-top: solid 2px #EAEAEA;
    border-bottom: solid 2px #EAEAEA;}
.chrome thead tr th:first-child {border-left: solid 2px #EAEAEA;}
cart.chrome thead tr th:last-child {border-right: solid 2px #EAEAEA;}
.chrome tbody tr:last-child {height: 50px;}
.chrome tbody tr td {text-align: center;}
.quantityControl a {cursor: pointer;}
table#cart.chrome tr td.name {text-align: left; padding: 5px;}
table#cart.chrome tr td.name a {display: table-cell; color: #062546; vertical-align: middle;
    font-weight: bold; }
table#cart.chrome tr td.name a img {margin-right: 10px; max-width: 55px;}
tbody tr {border-top: solid 2px #EAEAEA;}
tr td.total {color: #166BB7; font-weight: bold; padding-top: 15px;}
tbody tr td.name input,  .button{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
tbody tr td.name input.promo {font-size: .70em; border: 1px solid #EAEAEA; color: #ADADAD; text-transform: uppercase;
font-weight: bold; padding: 5px 1px; }
tbody tr td.name input.ok {background-color:#ADADAD; color: white;  }
tr td a.button {color: white; background-color: #2774B2; padding: 8px 10px; text-transform: uppercase;
font-size: .85em;}
.cart .vertical_nav {width: 195px; }

.cart .remove { display: block; height: 19px; width: 21px; margin: auto; background: url(../images/x.png) no-repeat }

table.table-striped { border-top: 2px solid black; border-bottom: 2px solid black; border-collapse: collapse; margin: 10px 0 }
table.table-striped td, table.table-striped th { padding: 4px 10px 4px 5px; color: black }
table.table-striped thead tr:last-child { border-bottom: 2px solid black }
table.table-striped th { font-weight: bold; text-align: left }
table.table-striped tbody tr:nth-child(2n+1) { background: #ccc }

/*----------------------------   css for checkout section --------------------*/
/*------ -----------------------------------------------------------*/

.checkout .cart {border: 1px dashed #ADADAD; padding: 20px }
.checkout thead {color: #ADADAD;}
.checkout h2 {color: #545454; font-size: 1.5em; margin: 0 0 10px 0 }
.checkout h2.payment {border-top: 1px dashed #ADADAD; padding: 15px 0; margin: 10px 0 0 0 }
.checkout h2.payment span {margin-left: 15px; color: #2774B2; font-size: 10px;}
.checkout input[type=text] { padding: 5px; width: 200px; border: solid 1px #D2D2D2; }
.checkout td.label {color: #545454; font-size: .75em; font-weight: bold; width: 200px }

.checkout table#cart.noChrome tr th span a {color: #2774B2; font-size: 10px; margin-left: 5px;}
.checkout input.button {float: right; font-size: 0.80em; padding: 6px 12px; text-transform: uppercase;
    background-color: #2774B2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    color: white; border: none; width: 88px;}

.checkout input.error { border: 2px solid red }

.checkout a.button-link {background: #666; cursor: pointer; font-size: 0.80em; padding: 6px 12px; text-transform: uppercase; border-radius: 4px; color: white; border: none}

.product-checkout-info { width: 75%; font-size: 1.05em; margin: 15px 0 }
.product-checkout-info thead th { border-bottom: 4px solid #f7ca00; text-align: left; color: black; font-weight: bold; font-size: 1.2em; padding: 0 0 10px 0 }
.product-checkout-info tbody tr:first-child td, .product-checkout-info tbody tr:first-child th { padding: 10px 0 0 0 }
.product-checkout-info tbody th { text-align: left; font-weight: normal }
.product-checkout-info tbody td { text-align: right; font-weight: bold }

    /*----------------------------   css for rcarousel --------------------*/
/*------ -----------------------------------------------------------*/

.paginated {
    /*height: 305px;*/
    margin: auto;
    overflow: auto;
    padding: 0;
    position: relative; /*for ie7 to work e.g in html carousels*/
    width: 890px
}

.paginated > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}

.paginated > .wrapper > * {
    border: 0;
    display: block;
    float: left;
    height: 305px;
    overflow: hidden;
    width: 890px;
}

/*----------------------------   css for Login --------------------*/
/*------ -----------------------------------------------------------*/
.account h1 {color: white; background: #022242; padding: 10px; font-size: 2.9em; margin-bottom: 15px;
    line-height: 42px;}
.account h2 {color: #022242; margin-bottom: 15px;}
.oldUser {float: left; width: 200px; margin-right: 200px;}
.newUser {float: left; width: 200px;}
.account input {border-radius: 4px; padding: 4px; border: 1px solid #999; font-size: 13px; width: 190px;}
.account .button {margin-top: 15px; width: 201px;}


/*----------------------------  Messages    ------------------------*/
/*------ -----------------------------------------------------------*/
.message { margin: 0 0 10px 0; color: red }
.notice { width: 950px; margin: 0 auto 10px auto; color: red; background: #efefef; padding: 10px; border-radius: 10px; font-size: 13px; }