﻿/* InstaOrder eCommerce version 6.1.072510.1 */
/* This file contains the styles definitions for InstaOrder eCommerce controls.  This file is only to be used for InstaOrder eCommerce controls.  Please reference styles.css for any site wide styles and layouts. */
/* Start customer modification. Please add any modifictaions in there section.  New updates may include this css file, which could be over written. */

/* End of customer modifications */

/* CSS for Sitefinity eCommerce Controls */
/* Generic styles */
.Back { float:right; padding-right:10px; }

/* 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. */

.zipCharges { list-style: none !important; clear: both; float: left; width: 225; }
.zipCharges li {  display: inline;  }
.shipCountry {list-style: none !important; float: left; width: 225; }
.shipLocation { list-style: none !important; clear: both; float: left; width: 325;}
.shipLocation li {display: inline; float: left;}
.shippingCharges li li {display: inline; float: right;}
.shipMethod { clear: both; }
.rounded-corners {
   background-color: #f3f3f3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #b1b1b1;
padding: 10px;
}

/*** Store Locations ***/
.storelocations  ul {list-style:none; }
.storelocations li {display: inline; }

/*****  Breadcrumb navigation ********/
#breadcrumb {font-size:10px; clear:both; text-align:left; height:15px; background:#f2f2f2; margin:0px; border-top:5px solid #ffffff; padding:5px 10px; color:#516C86; }
#breadcrumb a {color:#516C86; text-decoration:underline;}
#breadcrumb .Back {padding-right:5px; float:right; }

/*****  Search Control *****/
#search {}
.SearchButtWhite { background:url(../../images/demostore/searchButt.png);width:25px; height:25px; text-align:center; border:none; font:bold 10px Arial, Helvetica, sans-serif;   }
#searchBox { width:180px; }
#searchTextBox { float:left}
#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/demostore/search_bg.gif) no-repeat;width:128px; height:18px; padding:3px; margin:0px 10px }
.sf_searchText { 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;}


/****** 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/common/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/common/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/common/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/common/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/common/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/common/submitBg_Lblue.gif); width:118px; height:21px; text-align:center; border:none; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase }
input.buttonLrgGreen {background:url(../../images/common/submitBg_green_lrg.gif); height:29px; width:173px; text-align:center; border:none; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase }
input.buttonxLrgBlue {background:url("../../images/common/submitBg_bluexlrg.gif") repeat scroll 0 0 transparent; border:medium none; color:#FFFFFF; cursor:pointer; font:bold 12px Arial,Helvetica,sans-serif; height:32px; text-align:center; text-transform:uppercase; width:205px; }

/*temp buttons*/
.buttonSm {background:url(../../images/common/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/common/submitBg_lrg.gif) no-repeat;width:168px; height:16px; text-align:center; border:none;font:10px Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; padding-top:5px}
.buttonLrgBlue {background:url(../../images/common/submitBg_lrg.gif) no-repeat;width:168px; height:16px; text-align:center; border:none; font:12px Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; padding-top:5px }
.buttonLrgRed {background:url(../../images/common/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/common/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/common/submitBg_lrg.gif); text-decoration:none; height:29px; width:173px; 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 li.long_description { display: none; }
#listcontrol div br {line-height:1px}
#listcontrol  { height:100%; width:750px; }
#listcontrol #product_list_style {float:left; padding-top:10px; width:33%; visibility:visible; display:inline;}
#listcontrol #product_list_size {float:left; padding-top:10px; width:33%; visibility:visible; display:inline;}
#listcontrol #product_page_control {float:left; width:33%}
#ViewDetails {cursor:hand}


/********* Shop By Control ********/

#shopby { padding:20px 0px}
#shopby #shopheader { display:block; color:#000000; font-size: 12pt; font-weight:bold; text-transform:none;border-bottom:1px solid #DEDEDC;}
#shopby #links { /*border-top:1px solid #DEDEDC;*/ line-height:normal; text-decoration: none; text-transform: none; font-family: Arial, Helvetica, Sans-Serif; margin:0; padding:5px 0px;}
#shopby #links .rmtext { padding: 0px 12px 1px 0px !important; }
.shopbylinks { font-weight:bold; padding:5px 0px /*text-decoration: none;  display:block; font-size: 11px; padding:0px 15px 0px -40px;line-height:1.7em;*/ }
.shopbylinks a { font-weight:normal /*text-decoration: none;color:#676767; display:inline; font-size: 11px; */}
.shopbylinks a:hover {font-weight:normal /*text-decoration: none; color:#0F49AD; display:inline; font-size: 10pt;*/}
#shopby .headerselected {}
#shopby .linkselected { color: green; }



/*****Department View Control*****/
#departmentviewcontrol ul {margin:5px 0px 5px 5px; padding:5px 5px 5px 0px; list-style:none; float:left; width:31.90%; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc}
#departmentviewcontrol li a { text-align:center; display:block; text-decoration:none; color:#666666}
#departmentviewcontrol li a:hover { text-align:center; display:block; text-decoration:underline; color:#666666}
#departmentviewcontrol #image {width:249px; height:187px; overflow:hidden }
#departmentviewcontrol li img { }
#departmentviewcontrol #description { text-align:center; padding:5px; display:block; width:249px}

/* for grid view */
#listcontrol ul {margin:5px 0px 0px 30px; padding: 0px; list-style:none; float:left; width:160px; text-align:center}
#listcontrol ul.productview {margin:12px; padding: 0px; list-style:none; float:left; height: 290px; width:160px; border:1px solid #cccccc; text-align:center}
#listcontrol li { }
#listcontrol .image { height:165px; overflow:hidden; padding-top: 15px;}
#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:10pt; font-weight:bold; cursor:hand;}
#listcontrol .product_id a:hover {text-decoration:underline;}
#listcontrol .short_description {font-size:80%}
#listcontrol .short_description {font-size:80%}
#listcontrol .long_description_more {display:none}
#listcontrol .all_price, #listcontrol .price {padding-top:5px; font-size:10pt}
#listcontrol .all_price .regPrice  {color:#000000; font-weight:bold}
#listcontrol .all_price .saleprice  {color:#cc0000; font-weight:bold}
#listcontrol .all_price .details {float:right; display:none;}
#listcontrol .price_view {}

/* alternate1 for list view */
#listcontrol .alternate1 ul {margin:0 0 10px 0; padding:5px; list-style:none; float:left; height:220px; width:95.7%; border-bottom:1px solid #cccccc; text-align:left}
#listcontrol .alternate1 ul .image {line-height: 12px; height:200px; padding-bottom:0px; padding-right:40px; background-color:#fff; float:left;}
#listcontrol .alternate1 ul .product_id { background-color:#fff;}
#listcontrol .alternate1 ul .product_id a {font-size:12pt; line-height:22px;}
#listcontrol .alternate1 ul .short_description { background-color:#fff; font-size:10pt; line-height:22px; }
#listcontrol .alternate1 ul .regular_price { background-color:#fff; font-size:11pt; line-height:22px;}
#listcontrol .alternate1 ul .price_view { background-color:#fff; font-weight:bold; font-size:10pt; line-height:22px;}
#listcontrol .alternate1 li.long_description { display: block; max-height: 90px; overflow:hidden; padding-right: 5px; }
#listcontrol .alternate1 .long_description_more {display:block}
#listcontrol .alternate1 .long_description_more a {cursor:hand;}

/*****List Control for Home Template productlist-Home.aspx *****/
#listcontrolHome  { height:100%;}
#listcontrolHome 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}
#listcontrolHome li {line-height: 12px; padding-bottom:3px}
#listcontrolHome .image { height:165px; overflow:hidden}
#listcontrolHome li img { display: block; margin-left: auto; margin-right: auto;}
#listcontrolHome li.product_id  {padding-top:5px}
#listcontrolHome .product_id a {color:#0f49ad; text-decoration:none; font-size:80%}
#listcontrolHome .product_id a:hover {color:#0f49ad; text-decoration:underline; font-size:80%}
#listcontrolHome .short_description {font-size:80%}
#listcontrolHome .price {padding-top:5px; font-size:90%}
#listcontrolHome .price .regPrice  {color:#000000; font-weight:bold}
#listcontrolHome .price .salePrice  {color:#cc0000; font-weight:bold}
#pagination { clear:both}

/*****Department View*****/
#department_feature { float:left; background:url(../../images/demostore/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 Detail/View*****/
#productTitle {text-align: left; padding-top: 10px;}
#productTitle h1 {color:#013E7F; font:26px Arial, Helvetica, sans-serif; padding: 0px; margin: 0px;}
#productTitle h1 a {text-decoration:none}
#productView {text-align:center;}
#productImage {float:left; width:50%; }
#productDescription {width:300px; float:right; text-align:left; vertical-align:top;}
#productDescription h1 {color:#013E7F; font:26px Arial, Helvetica, sans-serif; padding: 0px; margin: 0px;}
#productDescription .model {padding-top:4px; display:inline; font-weight: bold; font-size:14px;}
#productDescription .short_description {font-size:10pt; margin-bottom:5px; font-weight:normal}
#productDescription .savings_price { margin:10px 0px}
#productDescription .regPrice {font-size: 18px; }
#productDescription .price {color:#000000; padding-top:5px; padding-left:10px; font-weight:bold; font-size: 16px;}
#productDescription .product_options {padding-left:10px;}
#productDescription .addto_cart {margin-bottom:10px; padding-bottom:5px; padding-left:10px;}
#productDescription .saleprice  {color:#cc0000; 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: 5px;}
productDescription.rating {position:relative; display:block; width:100%; height:100%; }


/*****ProductRotator*****/
#ProductRotator_products ul {list-style:none; margin:5px 0px; padding:0; height:160px }
#ProductRotator_products ul li  {width:125px; font-size:95%; line-height:12px; padding-bottom:5px;}
#ProductRotator_products ul li a { display:block; text-decoration:none; padding: 4px 5px 0px 0px;}
#ProductRotator_products ul li a:hover { display:block; text-decoration:none;}
#ProductRotator_products ul #image {width:125px; height:110px; overflow:hidden; border:solid 1px Silver}
#ProductRotator_products ul #image img {}
#ProductRotator_products ul #description {}
#ProductRotator_products ul #price { font-weight:bold; color:#000000}
#ProductRotator_products div.button {margin:5px 0px; }

/*****Overview*****/
#productOverview { border:solid 1px #e2e2e2; padding:10px 10px 5px 10px;}
#productOverview ul { line-height:1.5em; list-style:none; padding:0px; margin:0px}
#productOverview li {padding-bottom:3px}
#productOverview .heading {color:#0f49ad; font:18px Arial, Helvetica, sans-serif; }
#productOverview .ItemsIncluded { line-height:1.3em; font-weight: bold;}
#productOverview .model { line-height: .8em; }


/***** Related Items *****/
#ProductRotator {border: solid 1px #e2e2e2;  height:270px;}
#ProductRotator h1 { display:block; background:#cccccc; color:#000000; font:14px Arial, Helvetica, sans-serif;  text-transform:uppercase; padding:5px 10px; margin:0px}

/* Product Image viewer */
#productImage_view {padding-top:5px;  margin-right: 5px;}
#thumbimageText {display:block; text-align:left }
#mainimageRotator {padding:0px; margin:0px; padding-bottom:10px; border:solid 0px #e2e2e2; }
#mainimageRotator ul {list-style: none;}
#thumbimageRotator {text-align:left; float:left; clear:both; border: solid 1px #e2e2e2; padding: 8px; margin:0px;}

/*****  Product Review ******/
#productDescription ul .rrtHalf .rrtSelected {padding: 0px;}
#ProductReview { }
#createReview {float: left; padding-top: 25px;}
#createReview ul {text-align:left; list-style:none; padding:5px; margin:0px}
#createReview li {float: left; font-weight: bold; font-size: 12px;}
#createReview .reviewDetails {float: left; height: 400px;  width: 450px;}
#createReview .reviewHeader {font-size: 16px; color: #3165C7; clear: both; width: 400px;}
#createReview .reviewError {color: red; clear: both;}
#createReview .ratingScore {width: 175px; padding: 10px 0px 0px 5px; }
#createReview .ratingScoreList {width: 175px;}
#createReview .ratingEmail {width: 175px; padding: 5px; }
#createReview .ratingEmailList {width: 175px; }
#createReview .ratingAlias {width: 175px; padding: 5px; clear: both;}
#createReview .ratingAliasList {width: 175px;}
#createReview .ratingCity {float: left; width: 175px; padding: 5px; clear: both}
#createReview .ratingCityList {width: 175px;}
#createReview .ratingState {float: left; width: 175px; padding: 5px; clear: both}
#createReview .ratingStateList {width: 175px;}
#createReview .ratingTitle {float: left; width: 175px; padding: 5px; clear: both}
#createReview .ratingTitleList {width: 175px;}
#createReview .ratingReview {float: left; width: 175px; padding: 5px; clear: both}
#createReview .ratingReviewInput {width: 175px; clear: both}
#createReview .reviewInfo {float:right; padding:10px; border: solid 1px Silver; text-align: center; font-weight: bold;}
#createReview .reviewTitle {font-size: 18px; font-weight: bold; color: #3165C7; padding-bottom: 10px;}


/*****  Registration ******/
#registration {float: left; padding-top: 25px;}
#registration ul {text-align:left; list-style:none; padding:5px; margin:0px}
#registration li {float: left; font-weight: bold; font-size: 12px;}
#registration .registration {float: left; height: 400px;  width: 450px;}
#registration .registrationHeader {font-size: 16px; color: #3165C7; clear: both; width: 400px;}
#registration .registrationError {color: red; clear: both;}
#registration .registrationEmail {float: left; width: 175px; padding: 5px; clear: both}
#registration .registrationEmailInput {width: 175px; }
#registration .registrationPassword {float: left; width: 175px; padding: 5px; clear: both}
#registration .registrationPasswordInput {width: 175px; }
#registration .registrationConfirmPassword {float: left; width: 175px; padding: 5px; clear: both}
#registration .registrationConfirmPasswordInput {width: 175px; }
#registration .registrationFirstName {float: left; width: 175px; padding: 5px; clear: both}
#registration .registrationFirstNameInput {width: 175px;}
#registration .registrationLastName {float: left; width: 175px; padding: 5px; clear: both}
#registration .registrationLastNameInput {width: 175px;}
#registration .registrationCity {float: left; width: 175px; padding: 5px; clear: both}
#registration .registrationCityInput {width: 175px;}
#registration .registrationState {float: left; width: 175px; padding: 5px; clear: both}
#registration .registrationStateInput {width: 175px;}
#registration .registrationCountry {float: left; width: 175px; padding: 5px; clear: both}
#registration .registrationCountryInput {width: 175px;}
#registration .registrationCompany {float: left; width: 175px; padding: 5px; clear: both}
#registration .registrationCompanyInput {width: 175px;}
#registration .registrationPhone {float: left; width: 175px; padding: 5px; clear: both}
#registration .registrationPhoneInput {width: 175px;}

/*interior Page */


/*****Product Tabs*****/
#productTabs {clear:both; width:100%; text-align:left; line-height:1.4em; padding-top:10px; height: 270px;  }
#tab_images {float:left; width: 610px;}
#extend {float:right;  width:80px; padding-top:8px; height:24px;}
#productTabs a.rtsLink	{	border:0px; height: 20px; background-image:url(../../images/demostore/tab-productinfo.gif); background-repeat:no-repeat; background-color:#FFFFFF; padding:5px 0px 5px 0px; text-align:center; background-position:center; width:150px; color:#FFFFFF;	}
#productTabs a.rtsLink.rtsSelected	{	border:0px; height: 20px; background-image:url(../../images/demostore/tab-productinfo_active.gif); background-repeat:no-repeat; background-color:#FFFFFF; padding:5px 0px 5px 0px; text-align:center; background-position:center; width:150px; color:#0d347f;	}
#productTabs a.rtsLink.rtsSelected:hover	{	border:0px; height: 20px; background-image:url(../../images/demostore/tab-productinfo_active.gif); background-repeat:no-repeat; background-color:#FFFFFF; padding:5px 0px 5px 0px; text-align:center; background-position:center; width:150px; color:#0d347f;	}
#productTabs a.rtsLink:hover	{	border:0px; height: 20px; background-image:url(../../images/demostore/tab-productinfo.gif); background-repeat:no-repeat; background-color:#FFFFFF; padding:5px 0px 5px 0px; text-align:center; background-position:center; width:150px; color:#e2e2e2;	}
#productTabs .rtsLevel.rtsLevel1	{	background-image:url(../../images/demostore/tab-bkg.gif); background-repeat:no-repeat;	}
#productTabs li {padding-bottom:0px;}
#productTabs .rtsUL {}
#productTabs .rtsLI  { }
#productTabs .rtsFirst {}
#tabInfo {clear:both; border:solid 1px #cccccc; padding:4px; overflow:scroll; overflow-x:hidden;}
#tabInfo #productOverview {border:none}
#tabInfo ul {list-style-type: disc; }


/*****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-decoration: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}


/*****Overview*****/
#productOverview { border:solid 1px #e2e2e2; padding:10px 10px 5px 10px; text-align: left;}
#productOverview ul { line-height:1.5em; list-style:none; padding:0px; margin:0px}
#productOverview li {padding-bottom:3px}
#productOverview .heading {color:#0f49ad; font:18px Arial, Helvetica, sans-serif; }
#productOverview .ItemsIncluded { line-height:1.3em; font-weight: bold;}
#productOverview .model {padding-top:6px; line-height: .8em; }

/***** Related Items *****/
#ProductRotator {border: solid 1px Silver;}
#ProductRotator h1 { display:block; background:#cccccc; color:#000000; font:14px Arial, Helvetica, sans-serif;  text-transform:uppercase; padding:5px 10px; margin:0px}


/***** View Cart *****/
a.viewcart {font-weight:bold}
#shoppingCart { }
#shoppingCart a {cursor:hand;}

#shoppingCart_summary {border-bottom:1px solid #dadada; padding:5px;  }
#shoppingCart_totals { padding: 15px 5px 5px; }

.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; }

#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;}
#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;}
#Total {text-align:center}

#description li.title { font-weight:bold; padding-top:5px}
#description li.short_description {}
#description li.model {}

#promotions { clear: both;}
#grandtotal { text-align:right; background:#eaeaea;padding:5px 0px; font-weight:bold; color:#000; font-size:14px}


/*individual column styles - optional -*/
span.cartTitle {}
span.cartSKU {}
span.cartDescription {}
span.cartPrice {}
span.cartTotal { color:#000000; padding-right:15px}

/* Prices on Cart Summary */
.cartRegPrice {text-decoration:line-through; color:Red;}

#quantity { margin:auto; width:52px;}
#field {float:left}
#remove {float:left}
#addOns { clear: both;}
#addOns ul { margin:0; padding:0px;}
#addOns ul li { clear:both; padding:0px; }
#addOns input { float:left}
#addOns label { display: block; float: left; color:#000000}
#addOns span {color:#000; display:block; float:right}
#addOns .featureText {border:solid 0px orange; clear:both; padding-left:20px;}
#addOnsDiscounts {display:block; clear:both; padding-top:4px}
#clear, .clear {clear:both}
#shippingCharges { float:left; font-size:11px;padding:10px; width: 400px; background-color: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e1e1e1;}
#shippingCharges li { padding:5px 0px}
#shippingCharges input, #shippingCharges select {font-size:10px}
#shippingCharges li.title { font-weight:bold; color:#000}
#shippingCharges  label { color:#000000; padding-right:10px; font-weight: bold;}
#cartTotal { float:right; padding-right: 25px; }
#rightCol #cartTotal {width:170px; padding-right: 1px;}
#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; 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 Controls */
#loginControl {width:auto; margin:5px 0}
#loginControl ul { list-style:none; margin:0px; padding:0}
#loginControl li { text-align:left; padding:3px 0px}
#login {width:auto; margin:5px 0px}
#login ul { list-style:none; margin:0px; padding:15px; border:1px solid #cccccc}
#login li { list-style:none; text-align:left; padding:3px 0px}
#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; padding:25px;}
#checkoutButton input {float:left; cursor:pointer; font:bold 12px Arial,Helvetica,sans-serif; text-align:center; text-transform:uppercase;  }

#errorList { color:#cc0000}

/***** Check Out *****/
#checkOut {width:700px; font-size:12px; text-align:left}
#checkOut h2 {margin:0px; padding:10px; font-size:14px;}
.required { padding: 0px 0px 0px 5px; color:Red; display:inline;}
.requiredBilling {float:left; padding: 0px 0px 0px 5px; color:Red; display:inline;}
#googlepayments {display: inline; padding-right: 20px; float: left;}
#paypalpayments {}

/* 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 }

/**/

/*Billing Info*/
.formFrame {border:solid 1px #cccccc; padding:20px 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%}
.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; margin-left:110px}
.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 input.state {width:160px; float:left }

/*Payment Info */
#divPayment { }
#cardTypeField {display:inline; float:left;}
#cardThumbs {display:inline; border:0; width: 250px;}
#cardThumbs img {float:left; margin-left:3px}
#cardThumbs span {padding-top:5px; font-size:8pt;}
.formFrame label.expire { clear:both; float:left; width:100px}
.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}
#PaymentFields { clear: both;}

/*****PayPal Confirmation Page******/
#confirmation { padding-left:10px; }

/*****Receipt Page******/
#receipt {width:750px}
#summaryTable, #yourOrder {background-color:#cccc9a; margin-bottom:15px}
#summaryTable td {background-color:#fff}
#summaryTable td.title { width: 100px}
tr.summaryHeader td {background-color:#0f49ad !important; color:#fff; font-weight:bold; text-align:center}
table#chargesSummary {background-color:#EFEFEF !important; text-align:left;}
#yourOrder td {background-color:#EFEFEF; text-align:center;}
#yourOrder tr.receiptTitles td {font-weight:bold}
#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 0px; margin:0px}
.orderNumber { font-weight:bold; font-size:120%}
.orderDate {}
#billingInfo {}
#orderSummary label {font-weight:bold; padding-right:5px}
.card_icons {height:30px; width:300px;}
#orderSummary .cardType, #orderSummary .shippingVia  { padding-top:15px}
.cardNumber {}
#shippingInfo {}
.createAccount { display:block; list-style-type:none; padding-left:65px; height: 120px;}
#cartTotals {padding:0; width: 230px; text-align :right;  float:right; background-color: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e1e1e1; padding: 20px;}
#cartTotals ul {margin:0; padding:0; text-align:right; float: right; width:100%;}
#cartTotals li {padding-bottom: 8px;}
#cartTotals label {display:block; float:left; margin-right:20px; text-align:right; font-weight:bold;}
.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 {margin:10px; display:block; text-align:right; padding-right:10px; clear:both;}
#ProductPager a {padding:3px; margin-left:5px; border:1px solid;}
#ProductPager .CurrentPage { color: #800000; font-weight:bold; padding: 3px; margin-left:3px; border:1px solid; }
#ProductPager .Last { color: #000000; }
#ProductPager .Next { color: #000000; }
#ProductPager .First { color: #333333; }
#ProductPager .Prev { color: #000000; }


/******  My Account Control ****/
#MyAccount { text-align:left;
font-size:12px; }
#MyOrder { text-align:left; }
#MyOrder hr {border:0; border-top: 1px solid #dadada; height: 0; background: #cccccc;}
#MyOrder h1 { display:block; background-color: #DAE2E8; color:#104875; font-size:14px;  font-weight:bold; text-transform:uppercase; padding:5px 10px; margin:0px}

/* the end */
