﻿@charset "utf-8";

/*****************************************************************
	MEI - ANRO - Coupons
	CSS Document

	Created by ANRO, Inc.
	www.ANRO.com
	10/01/2011


       .... .,88O8OO.8OO88O......+8O8O8O:88OOOOOOOOO?~...... ..7O88OOOOO8+......
        ....Z8OOOOOO.8OOOOOO.....+8OOO8O:OO--KOJI--OOO8,.....OOOOOOOOOOOOO8$....
       ....OOOOOOOO8.OOOOOOO8....+8OOO8O:OOO-HAMADA-OOOO...?OOOOO8OO88O8O8OO8,..
       ...OOOOOOOOO8.8OOOOOOOO...+8OOO8O:OOOO8~,~I88OOOOI.=88OOO8ZI:.,+88OOOO8..
       ..8--MARK--08.8000000080..?8OOO8OLOOOO8~..~OOOOO8.-000008.... ..~8O8OOO:
. ......O--PIESZAK-8.80000000OO8:+OOOO8O:00000~...~OOO8O$+OOOO8..:..,.~..+OOOOO$
... ...8O8OO8$OOOOO8.8OO8O88OOOO8I8OOO8O:OOOOO~,~78OOOO8:7OOOO8..7?7++....OOOOOO
  ....8OO8OO..OOOOO8.8OOOOO+8---ANDRES-O:OOOO88OOOOOOO8$.?OOOO8..=~.=,I,,:OOOOOO
....,8OOO8O..,ZOOOO8.8OOOOO.:8O--TORO--:OOOO8O8OOOO8O:...O8OOOZ..... ...8OOOOO=
...,8OOOOOO888OOOOO8.8OOO8O..,DOOOOOOO8O:OOOOOOOOO88?.....7OO8O88+.....I8OOOO8~.
..:8OO88OOOOOOOOOOO8.8OOOOO....8OOO8OO8O:OOOOO,O88OO8O.....$OOOOOOOOOOOOOOO8?..
.~OOO8OZZZZZZZ8OOOO8.8OOOOO.....8OO8OO8O:OOOOO:.$88OO88,....+DOOO8OOOOOOO8O8,...
=O8OOO7.. ....8OOOO8.8OOOOO......$OOOO8O:OOOOO,..78O8O8O~.....+8OOOOOOOO8Z~..com
--------------------------------------------------------------------------------


/*****************************************************************
        CSS Document
        
        >> Contents:
		
		O.		IMPORTS
		I.		GLOBAL PRESETS
		II.		LAYOUT
		III.	GLOBAL CLASSES :: GLOBALFORM - GLOBAL TABLE - GLOBAL BUTTONS - GLOBAL PASSWORD SWAPPER
		IV.		INSIDE PAGES
		V.		PROFILE / ADMIN PAGES

		X.		MEDIA QUERIES
        
******************************************************************
******************************************************************
	0. RESETS
******************************************************************/

@import url('reset.css');
@import url('globalClasses.css');

/******************************************************************
******************************************************************
	I. GLOBAL PRESETS
******************************************************************/

html { overflow-y: scroll; }
body { behavior: url("/Public/Scripts/csshover3.htc"); font:14px/1.142 sans-serif; font-size:small; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

::selection { background:#ccc; color:#000; }
::-moz-selection { background:#ccc; color:#000; }

p { margin:12px 0px; }

body, select, input, textarea { margin:0px; padding:0px; color: #444; font-family:"Lucida Grande", Tahoma, "Trebuchet MS", Arial, san-serif; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size:30px; } h2 { font-size:24px; } h3 { font-size:18px; } h4 { font-size:16px; }

.f10 { font-size:10px; } .f12 { font-size:12px; } .f14 { font-size:14px; } .f16 { font-size:16px; }  
.f18 { font-size:18px; } .f20 { font-size:20px; } .f24 { font-size:24px; } .f28 { font-size:28px; }

.lineHeight14 { line-height:14px; } .lineHeight16 { line-height:16px; } .lineHeight18 { line-height:18px; }
.lineHeight20 { line-height:20px; } .lineHeight24 { line-height:24px; } .lineHeight30 { line-height:30px; }

.blueLight { color:#0099d0; } .blue { color:#004192; } .blueDark { color:#012638; }
.yellow { color:#ffff44; } .yellowDark { color:#e2ae22; }
.orange { color:#fd971b; } .orangeDarker { color:#cf801b; }
.gray { color:#808080; }
.red { color:#c9002f; }
.white { color:#fff; }


a:hover, a:active { outline: none; }
a { color:#000; outline:none; text-decoration:none; }
a:hover { text-decoration: underline; }
a:link { -webkit-tap-highlight-color: #fd971b; } /* for phones */

/* Alignment classes */
.fLeft { float:left; }
.fRight { float:right; }

.clear { clear:both; } .clearLeft { clear:left; } .clearRight { clear:right; }

.alignLeft { text-align:left; }
.alignCenter { text-align:center; }
.alignRight { text-align:right; }
.justify { text-align: justify; }

.seo { font-weight:normal; font-style:normal; } /* use: <strong class="seo"> */
.strong { font-weight:bold; }

.cursorPointer { cursor:pointer; }

nav ul, nav li { margin: 0px; list-style-type:none; } 
ol { list-style-type: decimal; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }

input[type="radio"] { vertical-align: text-bottom; cursor:pointer; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

button, input, select, textarea { margin: 0; }

input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

.borderUnderline { border-bottom:5px #eee solid;}

/* webkit input background */
input:-webkit-autofill { background:none !important; }
prod
button {  width: auto; overflow: visible; }

.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.hide { display:none; } /* use for jquery hide/show stuff */
.displayBlock { display:block; }
.displayInlineBlock { display:inline-block; }

.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* jQuery Validate Styling */

.validation-summary-errors { }
.validation-summary-errors ul { display:block; clear:both; overflow:hidden; width:75%; margin:0 auto; }
.validation-summary-errors ul li { margin:3px 0; font-weight:bold; }
.validation-summary-errors ul li:before { content:"X"; color:#e6391f; font-weight:bold; margin:0 8px 0 0; }

.input-validation-error { background:#fd971b; }
.input-validation-error:focus { background:#fd971b; color:#fff; }

/* jQuery UI Changes */
.ui-widget-overlay { opacity: .50;filter:Alpha(Opacity=50); }

/******************************************************************
******************************************************************
	II. LAYOUT (&Master Page)
******************************************************************/

body { background:#fff url('/Public/Images/wrapper_bg.jpg') repeat-x; color:#242424; font:normal 14px "Lucida Grande", Tahoma, "Trebuchet MS", Arial, san-serif; height: 100%; margin: 0 0 1px; padding:0px; }

h1, h2, h3, h4, h5, h6 { padding:10px 0; }

.globalError { min-height:25px; font-weight:bold; color:#fd971b; padding-left:10px; }

/*a { color:#000; }
a:hover {  }*/
a.pdfDownload { background:url('/Public/Images/pdf.png') no-repeat; margin:15px 0px; color:#c9002f; font-weight:bold; padding-left:60px; height:50px; line-height:50px; width:100px; display:block; }
a.pdfDownload:hover { color:#880120; }

section { margin:0px auto; overflow:hidden; width:985px; }

/* FORM ELEMENTS */
.txtbox { font-family:Arial, sans-serif; background:url('/Public/Images/txtbox.jpg') no-repeat; border:0px; padding:0px 10px; margin:5px 0px 10px 0px; line-height:35px; height:35px; width:273px; }
.btnSubmit { margin:10px 19px 0px 0px; float:right; }

/* mei BUTTON - OLD 
.globalButton { border:0px; background:url('/Public/Images/buttonGlobal.jpg') no-repeat; width:208px; font-size:14px; display:inline-block; height:33px; line-height:33px; text-align:left; padding:0 0 0 15px; }
.globalButton:hover { background:url('/Public/Images/buttonGlobal_on.jpg') no-repeat; }
.globalButton span { color:#cf801b !important; }
.globalButton:hover span { color:#000 !important; }
.invisibleButton { border:0px; background:none; width:193px; height:30px; }*/


/*****************************************************************
******************************************************************
	II. LAYOUT
******************************************************************/
#wrapper { }

header { background:url('/Public/Images/intro_header_bg.jpg') no-repeat scroll center top; display:table; margin:0px auto; min-height:637px; min-width:980px; width:100%;}
section { width:980px; min-width:980px; margin:0px auto; }

nav { text-align:right; padding-right:20px; background:url('/Public/Images/headerLinks_bg.png') no-repeat right bottom; height:145px; float:right; width:507px; }

#navigation { clear:both; }
#navigation ul { width:675px; }
#navigation ul li { font-size:18px; list-style-type:none; display:inline; padding-right:40px; }
#navigation ul li:last-child { padding-right:3px; }
#navigation ul li a { color:#242424; text-decoration:none; }
#navigation ul li.logonoff a { color:#000; }
#navigation ul li a:hover { color:#cf801b; border-bottom:1px #f9b400 solid; }

#navigation span#welcomeText { display:block; margin:10px 10px 0 0; }

#shoppingCart { cursor:pointer; color:#3f3f3f; text-align:left; float:right; background:url('/Public/Images/cart_off.png') no-repeat; height:55px; width:206px; padding:38px 0px 0px 20px; }
#shoppingCart a:hover { border-bottom:1px #3f3f3f solid; }
#shoppingCart .orangeDarker { display:none; }
#shoppingCart #cartNumber { background:url('/Public/Images/bg_cartnumber.png') no-repeat center center; cursor:pointer; position:relative; top:-55px; right:-136px; font-size:35px; width:50px; text-align:center; font-weight:bold; text-shadow:0px -1px 0px rgba(000,000,000,0.7), 0px 1px 0px rgba(255,255,255,0.3); }

#coupons { clear:both; }

/* Index page */
#homeContent { clear:both; padding:25px 0 50px 0; line-height:22px; overflow:hidden; }
#leftContent { float:left; padding:0px 0 0 0; width:473px; text-align:center; }
#rightContent { line-height:26px; padding:7px 0 0 0; float:left; width:460px; }


/* FOOTER / LOGIN SECTION SECTION */
footer { clear:both; background:url('/Public/Images/topFooter_bg.jpg') top left repeat-x; height:309px; padding:73px 0px 0px 0px; }

.loginLeft { font-size:24px; float:left; background:url('/Public/Images/footer_left.jpg') top left no-repeat; height:266px; padding-top:30px; text-align:center; width:474px; }
.loginRight { font-size:16px; float:left; width:310px; padding:15px 0px 0px 45px; }
.loginRight h2 { padding:10px 0 0 0; }
.loginRight h3 { padding:0 0 10px 0; }
.loginRight .rememberMe { position:relative; top:2px; }
.loginRight .forgotPw { display:block; margin:15px 0 0 0; font-size:13px; }

.loginRight input[type="submit"].buttonOrange { margin:7px 17px 0 0; }

/* ACCOUNT LOGIN SECTION */
#accountLogin { clear:both; height:309px; padding:73px 0px 0px 0px; }
#accountLogin .loginLeft { background:none; }
#accountLogin .loginRight .txtbox { background:#f1f1f1; border:1px #888 dotted; }


#fancyLogin { width:850px; height:500px; border:1px #242424 dotted; padding:15px; }
#fancyLogin .loginLeft { display:none; }
#fancyLogin .loginRight { margin:15px 0 0 15px; height:315px; padding:15px; border:1px #ccc dotted; }
#fancyLogin .loginRight .txtbox { background:#f1f1f1; border:1px #888 dotted; }

#fancyLogin .loginGuest { float:left; width:380px; height:315px; border:1px #ccc dotted; margin:15px 15px 0 0; padding:15px; }
#fancyLogin .loginOr { float:left; width:45px; font-weight:bold; line-height:300px; height:300px; }

#fancyLogin .ajaxErrors { float:right; margin:0 25px 0 0; color:#e6391f; border-bottom:2px #e6391f solid; font-weight:bold; font-size:18px; }

/* DARK FOOTER */
#darkFooter { color:#fff; clear:both; background:url('/Public/Images/footer_bottom.jpg'); border-top:2px #ccc solid; line-height:22px; padding:15px 0; }
#darkFooter .links a { color:#fff; text-decoration:none; }
#darkFooter .links a:hover { border-bottom:1px #fff solid; }

a.backToTop { font-weight:bold; color:#fff; background:url('/Public/Images/arrow-backtotop_hover.png') no-repeat left center; height:50px; line-height:50px; display:block; padding-left:25px; }
a.backToTop:hover { color:#f9b400 !important; }


/******************************************************************
******************************************************************
	III. GLOBAL FORM - GLOBAL TABLE - GLOBAL BUTTONS - GLOBAL BUTTONS
******************************************************************/




/*****************************************************************
******************************************************************
	IV. INSIDE PAGES
******************************************************************/

#insideContent { clear:both; margin:0px auto; padding-top:40px; width:911px; padding-left:15px; min-height:420px; }
#insideContentTop { background:url('/Public/Images/contentbg_top.jpg') no-repeat; }

/* Inside pages have exactly 861px width to work with */
#insideContentMiddle { color:#4d4d4d; background:url('/Public/Images/contentbg_repeat.jpg') repeat-y; padding:0px 25px 35px 25px; min-height:250px; overflow:hidden; } 
#insideContentMiddle h1 {  }
#insideContentMiddle p { line-height:24px; margin:5px 0 30px 0; }

#insideContentMiddle h1.breadcrumbs { }
h1.breadcrumbs { color:#ccc; }
h1.breadcrumbs a { }
h1.breadcrumbs a:hover { color:#4b4b4b; }


/* shoppingcart breadcrumbs */
/* Breadcrumbs w/Three Steps */
ul.breadcrumbs { margin:15px 0px 0px 0px; background:url('/Public/Images/sprite_breadcrumbs.jpg') 0 0 no-repeat; width:504px; height:35px; }
ul.breadcrumbs li { float:left; font-size:18px; color:#fff; line-height:33px; list-style-type:none; width:158px; text-align:center; }
ul#stepOne { background-position:0px 0px; }
ul#stepTwo { background-position:0px -35px; }
ul#stepThree { background-position:0px -70px; }


/* 2 column layout - 550px leftContent - 275px rightSidebar */
#insideContentMiddle .leftContent { float:left; width:550px; }
.rightSidebar { float:right; width:275px; padding:0 0 0 20px; border-left:1px #f1f1f1 dotted; }

#insideContentBottom { clear:both; background:url('/Public/Images/contentbg_bottom.jpg') no-repeat; height:155px; }


/*****************************************************************
******************************************************************
	 PRODUCTS PAGE
******************************************************************/
#products { padding:20px 0 0 0; clear:both; margin:0 0 20px 0; line-height:22px; }
#products ul { padding:0 0 0 60px; }
#products ul li { float:left; vertical-align:top; list-style-type:none; border-bottom:10px #f1f1f1 solid; background:url('/Public/Images/productbg.jpg') no-repeat top left; margin:35px 50px 0 0px; padding:17px 20px 25px 0px; width:325px; height: 370px; }
#products ul li img { margin:3px 0 0 15px; border:2px #d0d0d0 solid; }

.description { float:left; padding:10px 0 0 15px; width:100%; }
.description .readMore { margin:0 20px 0 0; border-bottom:1px #242424 dotted; }
.description h2 {  }
.description input[type="submit"].buttonOrange { margin:-1px 0 0 15px; }
.description .displayInlineBlock { display:inline-block; margin-top:-1px; } /* customize button fix */

.ddlQuantity { padding:6px 5px; width:160px; border:1px #888 dotted; background:#f1f1f1; }

/* old 
.addtocart { background:url('/Public/Images/addtocart_off.jpg') no-repeat; width:146px; height:60px; border:0px; margin:5px 10px 0 0; } */
.moreinfo { background:url('/Public/Images/info_off.jpg') no-repeat; width:146px; height:60px; border:0px; }

.txtOtherQuantity { margin-left:5px; padding:0px 3px; background:#f4f4f4; color:#000; width:45px; font-family:"Trebuchet MS", �Lucida Sans Unicode�, "Lucida Sans", Arial, sans-serif;  }
.txtOtherQuantity:focus { background:#fff; color:#000; }

.paging { text-align:center; margin:60px auto 0 auto; width:135px; }
.paging span { background:#fd971b; color:#000; width:30px; height:30px; line-height:30px; display:block; float:left; margin:0 0 0 15px; }
.paging span a { background:#ccc; color:#000; display:block; }
.paging span a:hover { background:#888; color:#fff; }

#products ul li .incompatible-product { margin:-45px -5px; width:345px; height: 215px; background-color: black; color: white;
                                        opacity:0.5; 
                                        position:absolute; text-align: center; vertical-align:central; }

/*****************************************************************
******************************************************************
	 Validators PAGE
******************************************************************/
#validators { padding:0 0 0 60px; margin:0 0 20px 0; overflow: scroll; height:600px;}
#validators li { float:left; vertical-align:top; list-style-type:none; 
                 border-bottom:10px #f1f1f1 solid; margin:35px 50px 0 0px; padding:17px 20px 25px 0px; 
                 width:185px; height: 300px;}

#validators li img { margin:3px 0 0 15px; border:2px #d0d0d0 solid; 
                     max-width:185px; max-height:230px; }

#validators li .description p { display:none; }

#validators li:hover img, #validators li.selected img {
    border: 2px solid #FD971B;
}

#validators li.selected {
    border-bottom: 10px solid #FD971B;
}

#validators li input[type="checkbox"]{
    display:none;
}
    #validators li input[type="checkbox"] + input[type="hidden"] + label {
        background: url(/Public/Images/cborange_unchecked.png) left top no-repeat;
        display: inline-block;
        width: 19px;
        height: 19px;
        margin: -1px 4px 0 15px;
        vertical-align: middle;
        cursor: pointer;
    }
     #validators li input[type="checkbox"]:checked + input[type="hidden"]  + label {
        background:url(/Public/Images/cborange_checked.png) left top no-repeat;
    }

 /*#btContinue {
    position: fixed;
    right: 10%;
    bottom: 100px;
 }*/


#compatible-validators li {
    list-style: square inside none;
    line-height: 22px;
    padding: 5px;
}

/*****************************************************************
******************************************************************
	 SHOPPING CART
******************************************************************/

#shoppingCartTable { clear:both; margin-top:20px; width:861px; border-top:1px #c1c1c1 solid; }
#shoppingCartTable td { padding:10px 15px; vertical-align:top; }
tr.cartHeader td { /*background:url('/Public/Images/shopcart_header_bg.jpg') repeat-x;*/ background:#f7972c; border-bottom:5px #888 solid; padding:15px !important; font-size:16px; color:#fff; font-weight:bold; }
#shoppingCartTable .height td { padding:10px 15px 0px 10px; border-bottom:1px #888 dotted; vertical-align:middle; }

#shoppingCartTable .cartImage { border-bottom:3px #888 solid; }
tr.one { background:#DADBDB; }
tr.two { background:#EEEEEE; }

#shoppingCartTable .deleteItem { position:relative; top:-7px; }
#shoppingCartTable .deleteItem img { vertical-align:middle; }

.txtCartQuantity { font-family:"Trebuchet MS", �Lucida Sans Unicode�, "Lucida Sans", Arial, sans-serif; width:45px; background:#888; color:#fff; }
.txtCartQuantity:focus { background:#ccc; color:#000; }

#floatWrapper { margin-top:55px; }

#shoppingPriceTable { width:300px; border-top:1px #c1c1c1 solid; border-bottom:1px #888 solid; }
#shoppingPriceTable td { padding:15px 10px; }

#cartButtons { background:#f9f9f9; clear:both; overflow:hidden; margin:55px 0 0 0; padding:0 15px; border-top:1px #ccc dotted; border-bottom:1px #ccc dotted; }
#cartButtons div { padding:30px 0 30px 0; }

.cartbutton-checkout { background:url('/Public/Images/checkout.jpg') no-repeat; width:207px; height:33px; border:0px; margin-right:10px; }
.cartbutton-update { background:url('/Public/Images/update_quantity.jpg') no-repeat; width:207px; height:33px; border:0px; margin-right:10px; }

.hiddenInfo {display:none;}

/*
	----- Order Review
************************************************/

.ui-autocomplete 
{
    width: 150px;
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
    
div.orderReviewArea { padding:35px 0 0 0; clear:both; }
div.orderReviewArea img.couponExample { margin:40px 0 0 0; }
#paymentTypes .selected { color:#fff; }
#paymentTypes label { font-size:16px; font-weight:bold; }

#billingReview { margin:65px 0 0 0; float:right; border-bottom:3px #f1f1f1 solid; border-top:3px #f1f1f1 solid; }
#billingReview label { cursor:auto; }

.shippingMethod { float:left; }
.shippingMethod div.checkboxes { float:left; line-height:20px; margin:5px 0 0 0; }
.shippingMethod div { float:left; }

div.selectShipping { border-left:1px #ccc dotted; margin-top:0; padding-top:0; padding:0 0 0 35px; margin:0 0 0 35px; }

.shippingMethod input[type="radio"] { position:relative; top:-3px; }
.ie7 .shippingMethod input[type="radio"] { top:0px; }



/*****************************************************************
	Custom Coupons
******************************************************************/

h2.center { padding-top:25px; clear:both; text-align:center; }

#customCoupons { }
.couponSpecs { }
.couponSpecs { margin:10px auto 0px auto; clear:both; width:600px; }
.couponSpecs li { height:30px; list-style-type:none;  }
.couponSpecs li.left { width:100px; font-weight:bold; clear:both; float:left; text-align:right; padding-right:25px; }
.couponSpecs li.right { float:left; }

#customExample { width:550px;  border:1px #ccc dotted; text-align:center; margin:35px auto 0px auto; }


/*
	----- LOGIN PAGE
********************************************/

body#login { background:url('/Public/Images/bg_login_repeat.jpg') repeat; }
#loginArea { overflow:hidden; background:url('/Public/Images/bg_login.jpg') no-repeat; height:692px; width:900px; margin:0px auto; }
#loginForm { padding:345px 0px 0px 0px; width:300px; margin:0px auto; }
#loginForm label { cursor:auto; }
#loginForm .txtbox { background:url('/Public/Images/txtbox_login.png') no-repeat; border:0px; font-size:12px; padding:0px 15px; width:204px; height:34px; line-height:34px; }
#loginForm .btn_Login { background:url('/Public/Images/btn_login.png') no-repeat; height:40px; width:129px; border:0px; }
#loginForm .btn_Login:hover { background:url('/Public/Images/btn_login_hover.png') no-repeat; }
#loginForm .btn_Login2 { background:url('/Public/Images/btn_login2.png') no-repeat; height:40px; width:129px; border:0px; }
#loginForm .btn_Login2:hover { background:url('/Public/Images/btn_login2_hover.png') no-repeat; }

#loginForm ul { margin-top:10px; }
#loginForm ul li { overflow:hidden; clear:both; margin:0px auto 15px auto; width:234px; }
li#loginError { display:block; color:#fd971b; font-size:18px; height:34px; }
#lb_ErrorMsg { cursor:auto; }
#loginForm ul li.forgotPwError { height:45px; }

#loginStatus { font-weight:bold; color:#e6391f; }
.validation-summary-errors { font-weight:bold; color:#e6391f; }

#loginForm .errorMsg { font-weight:bold; }

/*
	----- HOME PAGE
********************************************/
.listArrows { padding:5px 10px 20px 10px; }
.listArrows li { background:url('/Public/Images/arrow.png') no-repeat 0px 5px; padding:0px 0px 0px 15px; line-height:20px; height:20px; }


/*
	----- PRODUCT DETAILS PAGE
********************************************/
div#productsPage { }

ul.products { margin:20px 0px; overflow:hidden; }
ul.products h2 { color:#e2ae22; }
ul.products > li { background:url('/Public/Images/bg_products_repeat.jpg') repeat-x bottom; padding:15px 15px 45px 15px; overflow:hidden; margin-bottom:20px; }
ul.products > li:last-child { border-bottom:0px; }
ul.products > 

/* Left image area */
div.imgArea { float:left; padding:0px 25px 0px 0px; width:225px; }
.mainImgArea { float:left; vertical-align:top; list-style-type:none; background:url('/Public/Images/productbg.jpg') no-repeat top left; padding:17px 70px 25px 0px; width:325px; }
.mainImgArea img { margin:3px 0 0 13px; border:2px #d0d0d0 solid; }
.imgOptions { display:block; padding:5px 0px 0px 0px; }
.imgOptions ul { margin:0px auto; display:none; }
.imgOptions ul li { display:block; float:left; padding:0px 2px; }
.imgOptions ul li img { border:1px #888 solid; }
.imgOptions ul li img:hover { border-bottom:4px #0099d0 solid; cursor:pointer; }

/* Right information area */
div.infoArea { float:right; padding:0px 15px 0px 0px; width:405px; }


/*
	----- PRODUCTS DETAILS PAGE
********************************************/
div.detailsMainImgArea { float:left; background:url('/Public/Images/productbg.jpg') no-repeat top left; margin:35px 50px 0 0px; padding:17px 20px 25px 0px; width:325px; }
div.detailsMainImgArea > img { margin:3px 0 0 15px; border:2px #d0d0d0 solid; }

div.detailsInfoArea { float:left; width:375px; padding:0; }
div.detailsInfoArea h2 { padding:0; }


/*
	----- PROOF PAGE
********************************************/
#proofPage { width:100%; height:100%; background:#00638c; }
#proofPage img { margin:50px auto 0px auto; }

/******************************************************************
******************************************************************
	V. PROFILE / ADMIN PAGES
******************************************************************/



/*
	----- Orders Page
********************************************/

div.orderDetails { min-height:110px; padding:0px 20px; }
.orderDetails strong { display:block; min-width:110px; }

tr.orderItem { cursor:pointer; }
span.moreArrow { display:block; cursor:pointer; background:url('/Public/Images/circleArrow_orange.png') no-repeat; height:23px; width:23px; }

.orderItem:hover .moreArrow { background:url('/Public/Images/circleArrow_gray_down.png') no-repeat; }
.orderItem.selected .moreArrow { background:url('/Public/Images/circleArrow_gray_down.png') no-repeat; }
.orderItem.selected:hover .moreArrow { background:url('/Public/Images/circleArrow_gray_up.png') no-repeat; }






/******************************************************************
******************************************************************
	X. MEDIA QUERIES
******************************************************************/

@import url('media.css');

/*****************************************************************/


.msg-danger {
    color: #fff;
    background-color: red;
    font-weight: bold;
    padding: 10px;
}

.msg-success {
    color: #fff;
    background-color: forestgreen;
    font-weight: bold;
    padding: 10px;
}

.access-details span {
    width: auto !important;
    float: none !important;
}