﻿.rmslide {
	 
}
/* CSS for Sitefinity eCommerce Controls */

.required { padding: 0px 0px 0px 5px; color:Red; display:inline;}
.requiredBilling {float:left; padding: 0px 0px 0px 5px; color:Red; display:inline;}


/* Site wide - used for all controls */
/* Make titles through out the site strong and bold. Primarily in the receipt page where titles for order summary are bold and strong. */

/****** newsletter *****/
#newsletter {}
#newsletter h2 {line-height: 16px; margin:0px, padding:0px; COLOR: #FF6600; font:bold 16px Verdana, Helvetica, sans-serif; margin-bottom: 1px; margin-top:0px;}
#newsletterTitle {color:orange; font:bold 16px Verdana, Helvetica, sans-serif; text-align:center; line-height: 1.05em;}
#newsletterDate {color:#666666; font:bold 14px Verdana, Helvetica, sans-serif; text-align:center; line-height: 1.15em;}
#newsletterDescription {background:#f3f3f3;width:135px; height:405px; margin-left: 5px; line-height: 1.45em;  font-style: italic; font-size: 14px; font-weight: bold; font-family: Verdana,Helvetica, sans-serif; text-align:left;  vertical-align: top}
#newsletterItems {}
#newsletterItemsDescription {}


/*****Buttons*****/
input.buttonSm {background:url(../../images/submitBg_sm.gif);width:98px; height:21px; text-align:center; border:none; font:10px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase }
input.buttonLrg{background:url(../../images/submitBg_lrg.gif);width:168px; height:21px; text-align:center; border:none; font:10px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase }
input.buttonLrgBlue {background:url(../../images/submitBg_lrg.gif);width:168px; height:21px; text-align:center; border:none; font:12px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase }
input.buttonLrgRed {background:url(../../images/submitBg_lrg_red.gif);width:195px; height:24px; text-align:center; border:none; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase }
input.buttonGrey {background:url(../../images/submitBg_grey.gif);width:123px; height:21px; text-align:center; border:none; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase }
input.buttonlBlue {background:url(../../images/submitBg_Lblue.gif);width:168px; height:21px; text-align:center; border:none; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase }
input.buttonLrgGreen {background:url(../../images/submitBg_green_lrg.gif);width:168px; height:21px; text-align:center; border:none; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase }


/*temp buttons*/
.buttonSm {background:url(../../images/submitBg_sm.gif) no-repeat;width:98px; height:16px; text-align:center; border:none; font:10px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding-top:5px }
.buttonLrg {background:url(../../images/submitBg_lrg.gif) no-repeat;width:168px; height:16px; text-align:center; border:none;font:10px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding-top:5px}
.buttonLrgBlue {background:url(../../images/submitBg_lrg.gif) no-repeat;width:168px; height:16px; text-align:center; border:none; font:12px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding-top:5px }
.buttonLrgRed {background:url(../../images/submitBg_lrg_red.gif) no-repeat;width:195px; height:19px; text-align:center; border:none; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding-top:5px }
.buttonGrey {background:url(../../images/submitBg_grey.gif) no-repeat;width:123px; height:21px; text-align:center; border:none; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding-top:5px}
.continueShopping {background:url(../../images/submitBg_Lblue.gif);width:168px; height:21px; text-align:center; border:none; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding:3px 22px; margin-right:15px;}
/*****View Control*****/	
#viewcontrol ul {margin:5px 5px 5px 0px; padding:5px 5px 5px 0px; list-style:none; float:left; width:180px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; height:230px}
#viewcontrol li a { text-align:center; display:block; text-decoration:none; color:#666666}
#viewcontrol li a:hover { text-align:center; display:block; text-decoration:underline; color:#666666}
#viewcontrol #image { height:165px; overflow:hidden}
#viewcontrol li img {width:100%}
#viewcontrol #description {}

/*****List Control*****/
#listcontrol ul {margin:5px 5px 5px 0px; padding:5px 5px 5px 0px; list-style:none; float:left; height:255px; width:22.90%; }
#listcontrol li {line-height: 12px; padding-bottom:3px}
#listcontrol .image { height:165px; overflow:hidden}
#listcontrol li img { display: block; margin-left: auto; margin-right: auto;}
#listcontrol li.product_id  {padding-top:5px}
#listcontrol .product_id a {color:#0f49ad; text-decoration:none; font-size:80%}
#listcontrol .product_id a:hover {color:#0f49ad; text-decoration:underline; font-size:80%}
#listcontrol .short_description {font-size:80%}
#listcontrol .price {padding-top:5px; font-size:90%}
#listcontrol .price .regPrice  {color:#000000; font-weight:bold}
#listcontrol .price .salePrice  {color:#cc0000; font-weight:bold}

#pagination { clear:both}

/*****Department View*****/
#department_feature { float:left; background:url(../../images/feature_bnr_bg.gif) repeat-y right; width:780px}
#department_image { float:left; width:540px; overflow:hidden}
#department_banner {float:left; width:240px; overflow:hidden}

/*****Product List View*****/

#productView {}
#productImage {height:280px; padding: 0px 0px 0px 0px; text-align:center; vertical-align:baseline; width:280px;}

#productDescription {width:430px; float:left; padding: 10px 0px 10px 15px; text-align:left;}
#productDescription .heading {color:#013E7F; font:18px Arial, Helvetica, sans-serif}
#productDescription .model {}
#productDescription .savings_price { margin:10px 0px}
#productDescription .regular_price{text-decoration:line-through}
#productDescription .price{color:#000000; font-weight:bold}

#productDescription .option { display:block; padding:5px 0px}

#productDescription .button {margin:10px 0px}
#productDescription ul {text-align:left; list-style:none; padding:5px; margin:0px}
#productDescription li {padding-bottom:5px}



/*****  Breadcrumb navigation ********/
#breadcrumb { clear:both; text-align:left; height:15px; color:#ffffff }
#breadcrumb a {color:#ffffff; text-decoration:underline}
#breadcrumb .Back {float:right; padding-right:5px; margin:0px;}

/*****  Search Control *****/
#search {}
.SearchButtWhite { background:url(../../images/searchButt.png);width:25px; height:25px; text-align:center; border:none; font:bold 12px Arial, Helvetica, sans-serif; padding: 2px 5px 10px 0px; }
#searchBox { width:180px; float:right}
#searchTextBox { float:left; margin-top: -4px;}		
#searchTextBox input { width:130px}
#searchButt { float:left; width:25px; height:26px; padding:0px 5px; margin-top:-2px;}

#search fieldset {margin:0; padding:0}
.sf_searchbox { background:url(../../images/search_bg.gif) no-repeat;width:128px; height:18px; padding:3px; margin:0px 10px }
.sf_searchText { background:url(../../images/search_bg.gif); border:1px solid #ffffff; width:120px; height:15px; padding:0px; margin:0}
.sf_searchSubmit {background:transparent; border:none; padding:0px 0px 0px 4px; margin:0px; font:12px Verdana, Helvetica, sans-serif; cursor: pointer;}

	
/*interior Page */

/*  manufactures */
.RadTreeView_manulist {text-align:left;}


/*****Product Tabs*****/
#productTabs {
width:418px;
text-align:left;
line-height:1.4em;
border-bottom:solid 1px #cccccc; 
 }
#productTabs li {padding-bottom:0px;}
.rtsUL {}
.rtsLI  { border:1px solid #cccccc}
.rtsFirst {}
a.rtsLink {color:#000000; padding:0px 5px; text-decoration:none;background:#e2e2e2; border:1px solid #ffffff; display:block}
a.rtsSelected {padding:0px 5px; text-decoration:none;background:#ffffff; border:1px solid #ffffff}

#tabInfo { width:410px; padding:4px; height:300px; overflow:auto; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc; border-bottom:solid 1px #cccccc; 
}
#tabInfo ul { list-style:inherit}
/*****ProductRotator*****/

ul#ProductRotator_products  {list-style:none; margin:5px 0px; padding:0}
ul#ProductRotator_products  li  {width:140px; font-size:95%; line-height:12px; padding-bottom:5px }
ul#ProductRotator_products  li a { display:block; text-decoration:none; color:#666666}
ul#ProductRotator_products  li a:hover { display:block; text-decor?tion:underline; color:#666666}
ul#ProductRotator_products  #image {width:140px; height:140px; overflow:hidden; border:1px solid #e2e2e2}
ul#ProductRotator_products  li img {}
ul#ProductRotator_products  #description {}
ul#ProductRotator_products  #price { font-weight:bold; color:#000000}
ul#ProductRotator_products li#button {margin:5px 0px}

/***** Related Items *****/
.radr_Default {}
#ProductRotator {border: solid 1px #ffae33;}
#ProductRotator h1 { display:block; background:#cccccc; color:#000000; font:14px Arial, Helvetica, sans-serif;  text-transform:uppercase; padding:5px 10px; margin:0px}


/* Related Items list */
.radr_Default .radr_clipRegion  .radr_itemsList 
{
float: left;
padding: 0;
margin: 0;
list-style: none;          
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari */

.radr_Default .radr_button {background: url(../../images/control_arrows.gif) no-repeat;
height: 20px; /*Button size is defined here, we use margins to position them too */
width: 20px;
line-height: 20px; /* Very important for the layout!*/	

}

.radr_Default .radr_button.radr_buttonUp {
background-position: 0 0;
top: -20px; /* -15px */
left: 50%;
margin-left: -10px;
}

.radr_Default .radr_button.radr_buttonUp:hover {
	background-position: -20px 0;
}

.radr_Default .radr_button.radr_buttonRight {
background-position: 0 -20px;
margin-top: -10px;
right: /*-20px;*/ -16px;
top: 50%;   
}

.radr_Default .radr_button.radr_buttonRight:hover {
background-position: -20px -20px;
}

.radr_Default .radr_button.radr_buttonDown {
background-position: 0 -40px;
top: 100%;
left: 50%;
margin-left: -10px;
}

.radr_Default .radr_button.radr_buttonDown:hover {
background-position: -20px -40px;
}

.radr_Default .radr_button.radr_buttonLeft {
background-position: 0 -60px;
margin-top: -10px;
left: -20px; /* -15px */
top: 50%;
}

.radr_Default .radr_button.radr_buttonLeft:hover {
background-position: -20px -60px;
}

.radr_Default .radr_button.radr_buttonDisabled {
filter: alpha(opacity=20);
opacity: .2;
-moz-opacity: .2;
}


/***** View Cart *****/

a.viewcart {font-weight:bold}
#shoppingCart { width:900px;}
#shoppingCart_totals, #shoppingCart_summary {border:1px solid #dadada; padding:5px; margin-bottom:15px }

.GridHeader_Default { background:#ffae33; color:#ffffff; border:1px solid #ffffff}
.GridRow_Default td, .GridAltRow_Default td { background:#ffffff; border-bottom:1px solid #ccc}
.GridFooter_Default td, .rgHeader { background:#eaeaea;padding:5px 15px; font-weight:bold; color:#000; text-align:center}
.rgAltRow td, .rgRow td { border-top:1px solid #cccccc;  padding:5px}

#shoppingCart #imageThumb { float:left; text-align:center; width:75px; }
#shoppingCart #itemDescription { float:left; margin-left:10px}
#expand { float:left; margin-right:5px}
#description { float:left}
#shoppingCart ul, #buttons ul  { list-style:none; margin:0px; padding:0px}
#remove { list-style:none; margin:0px; padding:0px; font-size:9px; line-height:14px}
#remove a {color:#0f49ad; text-decoration:none; }
#remove a:hover {color:#0f49ad; text-decoration:underline;}

#description li.title { font-weight:bold; padding-top:5px}
#description li.short_description {}
#description li.model {}



/*individual column styles - optional -*/
span.cartTitle {}
span.cartSKU {}
span.cartDescription {}
span.cartPrice {}
span.cartTotal { color:#000000; padding-right:15px}

#quantity { margin:auto; width:80%}

#addOns { }
#addOns ul { margin:0px padding:0px}
#addOns ul li { clear:both; padding:0px }
#addOns input { float:left}
#addOns label { display: block;width:210px; float: left; font-size:11px; color:#000000}
#addOns span {color:#000; display:block; float:right}

#clear, .clear {clear:both}

#shippingCharges { float:left; font-size:11px;padding:10px}
#shippingCharges li { padding:5px 0px}
#shippingCharges input, #shippingCharges select {font-size:10px}
#shippingCharges li.title { font-weight:bold; color:#000}
#shippingCharges  label { clear:both; display: block;width:130px;float: left; text-align:right; color:#000000; padding-right?10px;}

#cartTotal { float:right; width:320px; padding:34px}
#cartTotal #totals {text-align:right; padding:0px}
#cartTotal ul {margin:0px; padding:0px}
#cartTotal #totals li { text-align:right; clear:both; list-style:none; padding: 5px;}
#cartTotal #totals label { clear:both; display: block;width:225px;float: left; color:#000000; padding-right:10px;}
#cartTotal #totals span {color:#000000; display:block; float:right; border:1px solid #cc0000}

#deptList #cartTotal { float:none; width:auto; padding:15px; border:1px solid #cccccc; font-size:90%}
#deptList #cartTotal ul {margin:0px; padding:0px}
#deptList #cartTotal #totals label { clear:both; display: block; width: 10px; float:left; color:#000000}
#deptList #cartTotal #totals span {color:#000000; display:block; float:right}

#login {width:auto; margin:5px 0px}
#login ul { list-style:none; margin:0px; padding:15px; border:1px solid #cccccc}
#loign li { text-align:left; padding:3px 0px}


#grandtotal { text-align:right; background:#eaeaea;padding:5px 15px; font-weight:bold; color:#000; font-size:14px}

#buttons, #buttons li { float:left; padding-right:5px}
#buttons ul  { list-style:none; margin:0px; padding:0px}
#buttons a {color:#fff; text-decoration:none}
#checkoutButton { float:right}

#errorList { color:#cc0000}

/***** Check Out *****/

#checkOut { /*padding-left:50px;*/ width:700px; font-size:12px; text-align:left}
#checkOut h2 {margin:0px; padding:10px; font-size:14px;}

/* Cart Summary Fix on Checkout and Receipt Page */

#checkOut #buttons, 
#checkOut #checkoutButton,
#checkOut .GridFooter_Default,
#checkOut #shippingCharges,
#checkOut #addOns, 
#receipt #buttons, 
#receipt #checkoutButton,
#receipt .GridFooter_Default, 
#receipt #expand,
#receipt #imageThumb,
#receipt #shoppingCart_totals {display:none}
#checkOut #shoppingCart_summary { border:1px solid #ffae33; border-bottom:0px; padding:5px; margin-bottom:0px }
#checkOut #shoppingCart_totals { border:1px solid #ffae33; border-top:1px solid #cccccc;  padding:5px; margin-bottom:0px }
.rgMasterTable td { padding:0; margin:0}
.rgMasterTable th { padding:5; margin:0}
/**/

#formFrame {border:solid 1px #cccccc; padding:10px 20px; margin:5px 0px 25px 0px; width:675px;}
#formFrame ul { list-style:none; margin:0px; padding:0px; width:760px}
#formFrame li {padding:8px 0px}

#formFrame li.odd { float:left}
#formFrame li.even {float:left}
#formFrame input, #formFrame select {width:200px}

#formFrame label {display: block; width:100px; float: left; text-align:right; padding:0px 10px }
#formFrame .row  {width:90%}

/*Billing Info*/
#formFrame .billinginfo input {font-size:12px;}
#formFrame ul.billingInfo, #formFrame ul.paymentInfo {}
#formFrame label.zip  { float:left; width:20px}
#formFrame label.country { float:left; width:50px}
#formFrame select.state, #formFrame select.country {width:160px; float:left }
#formFrame input.zip {width:80px; float:left }
#formFrame .checkbox input { float:left;width:40px;}

#formFrame .checkbox label { display: block; width:400px; float: left; text-align:left; padding:0px 10px}
#formFrame label.confirm, #formFrame label.passsword { float:left; width:120px}
#formFrame input.confirm, #formFrame input.password { float:left}

/*Shipping Info*/
#formFrame ul.paymentInfo {}
/*#formFrame select.state, #formFrame select.country {width:160px; float:left }*/

/*Payment Info */

#formFrame select.expireMonth, #formFrame select.expireYear {width:110px; float:left}
#formFrame label.ccv { float:left; width:80px}
#formFrame input.ccv { float:left; width:80px; margin-right:10px}
#formFrame a {font-size:10px}
#completeCheckout {float:right}

/*****Receipt Page******/

#receipt { }

#orderSummary {border:1px solid #ffae33; padding:10px; margin-bottom:15px; color:#000000}
#orderSummary ul { list-style:none; margin:0px; padding:0px}
#orderSummary li { padding-bottom:3px }
#orderSummary #orderInfo { padding-bottom:15px}
#orderSummary #billingInfo, #orderSummary #shippingInfo {float:left; width:33%}
#orderSummary #totals { float:right; width:23%; padding-bottom:25px}

#orderSummary h2 { font-weight:bold; padding:0px 0px 5px 0p?; margin:0px}
.orderNumber { font-weight:bold; font-size:120%}
.orderDate {}

#billingInfo {}
#orderSummary label {font-weight:bold; padding-right:5px}
#orderSummary .cardType, #orderSummary .shippingVia  { padding-top:15px}
.cardNumber {}

#shippingInfo {}

.createAccount { display:block;
list-style-type:none; }

#totals .subtotal {}
#totals .subtotal label {font-weight:bold;}
#totals .discount label {font-weight:bold;}
#totals .tax label {font-weight:bold;}
#totals .shipping label {font-weight:bold;}
#totals .grandTotal label { font-weight:bold; font-size:120%; padding-top:10px}

#orderSummary  #totals {text-align:right; background:#eaeaea; padding:65px 20px 50px 10px}
#orderSummary #totals li { text-align:right;  clear:both}
#orderSummary  #totals label { clear:both; display: block;width:100px;float: left; color:#000000}
#orderSummary #totals span {display:block; float:right}
#receipt #print {float:right}



/***** Pager Control *****/
#ProductPager {}
#ProductPager a { padding-right:10px; }
#ProductPager .CurrentPage { color:white; padding-right:10px; }
#ProductPager .Last { color:Black; }
#ProductPager .Next { color:Black; }
#ProductPager .First { color:white; }
#ProductPager .Prev { color:Green; }

/******  My Account Control ****/

#MyAccount { text-align:left; }
#MyOrder { text-align:left; }
hr {
  border:0;
  border-top: 1px solid #dadada;
  height: 0;
  background: #cccccc;
}

#MyOrder h1 { display:block; background:url(../../images/gradient_webblue.gif); color:#dadada; font:14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:5px 10px; margin:0px}

