
.leftcolwrapperColin {
 margin-left:10px;border: 1px solid #9d2b57; padding: 20px; background-color:#ffffff; border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);min-height:0px
}

/*butts 3 'sign-out' mod by clm to make it look different when signed-in*/
.butts3 {
 border-radius: 5px !important;
 line-height: 50px;
 font-family: "Open Sans",sans-serif !important !important;
 white-space: nowrap;
 margin-left: 4px !important;
 padding-bottom: 8px !important
}

 .butts3 a {
 border-radius: 5px !important;
 color: #ffffff!important;
 background-color: #9d2b57!important;
 font-size: 98%;
 font-weight: normal;
 margin-left: 0px;
 margin-top: 2px;
 margin-bottom: 2px;
 margin-right: 4px;
 border-style: none;
 padding: 10px;
 cursor: pointer;
 text-decoration: none;
 }

 .butts3 a:hover {
 transition: all 0.5s ease;
 text-decoration: none;
 color: #9d2b57 !important;
 background-color: #ffffff!important;
 box-shadow: 2px 2px 5px #888888;
 border-style: solid !important;
 border-width: 1px !important;
 border-color: #00abc5 !important;
 }

 .butts3 .fa {
 font-size: 20px !important;
 color: #ffffff!important;
 padding-bottom: 5px;
 padding-left: 5px;
 padding-right: 5px;
 }

 .butts3 .faright {
 padding-left: 10px;
 padding-right: 0px;
 }

 .butts3 a:hover .fa {
 color: #00abc5!important;
 }



/* General (affects entire page) */

body {margin: 0px; padding: 0px; margin-left: auto; margin-right: auto; font-size: 16px; font-family: "Open Sans",sans-serif !important; background-color: #FFFFFF;}
a:hover {text-decoration: underline;}
form {margin: 0px; background-color: transparent;}
p {margin: 5px; padding:0px;}
img {max-width: 100%; height: auto;}
sup {font-size: 50%; padding-right: 2px;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}

/* Main Page Sections added - content2 class for top logo section */
.body_container {width: 100%; margin-top: 0px; margin-left: auto; margin-right: auto; }
.content {margin-left: auto; margin-right: auto; max-width:1280px!important;}
.content2 {
 margin-left: auto;
 margin-right: auto;
 max-width: 100% !important; 
 
}
.columndata_container {margin-top: 0px; margin-left: auto; margin-right: auto; xpadding-bottom: 50px;}

/* Shop Content Sections */
.topbar {text-align: left; padding-bottom: 3px;}
.topsec {width: auto; background-color: transparent; text-align: left;}
.slogan {text-align: left; }
.menutabs {width: auto;}
.imenu {background-color: #9d2b57;}
.topbanner {background-color: transparent;}
.bannertxt {color: #1a2f3e; font-size: 80%; font-weight: bold; text-decoration: none;}
.searchbanner {background-color: #FFFFFF;}
.searchbanner img {position: relative; top: 0px; left: 4px;}
.searchbanner form {margin-top: 0px;}
.area1 {text-align: left; background-color: transparent;}
.area2 {text-align: left; background-color: transparent;}
.maincontent {overflow: hidden;}
.botsec {width: auto; background-color: #9d2b57;}
.botbannermenu {background-color: transparent; text-align: center; padding: 10px; font-size: 100%;}
.botbannermenu A {color: #000000; transition: all 0.5s ease;color:#ffffff!important}
.botbannermenu a:hover {opacity: 0.5;}
.botbannermenu .content {padding: 5px; font-size: 100%;}
.botbanner {text-align: center; background-color: #9d2b57;}
.leftcol {text-align: left; text-align: left; overflow: hidden;}
.middlecol {text-align: left; overflow: hidden;}
.rightcol {text-align: left; overflow: hidden;}
.sectionspacer {width: auto; height: 50px; height:10px!important}
#leftcol_fill {background-color: transparent; display: none; margin-top: 50px;}
#middlecol_fill {background-color: transparent; display: none; margin-top: 50px;}
#rightcol_fill {background-color: transparent; display: none; margin-top: 50px;}
.searchform {float: left; padding: 12px; padding-right: 0px;}
.checkoutbuttons {
 float: right;
 padding: 10px;
 padding-right: 5px;
 padding-bottom: 15px;
 margin-top: 5px !important;
 margin-bottom: 10px !important;
}
.google {float: left; padding-right: 5px;}
.twitter_page {float: left; padding-left: 5px; padding-top: 15px; }
.facebook_page {float: left; padding-left: 5px; padding-top: 15px;}
.twitter_share {float: left; padding-right: 5px; padding-top: 5px; min-height: 25px;}
.facebook_like {float: left; padding-top: 5px; min-height: 25px;}
.pinterest_page {float: left; padding-left: 10px; padding-top: 15px;}
.pinterest_item {float: left; padding-top: 5px; padding-right: 5px; min-height: 25px;}
.googleplus_page {float: left; padding-left: 15px; padding-top: 15px; }
.googleplus_item {float: left; padding-top: 5px; padding-right: 5px; min-height: 25px;}
.minicart {margin-top:-20px; float: right; padding: 5px; vertical-align: text-bottom; text-align: right; color: #000000; font-size: 90%; font-weight: normal; text-decoration: none;}
.minicart A {color: #000000; font-size: 90%; font-weight: bold; text-decoration: underline;}
.currency_div {color: #000000; float: right; padding: 5px; padding-left: 15px; font-size: 90%; font-weight: normal;}
.currency_div select {width: auto !important; background-color: #FFFFFF; color: #000000; border: 1px solid #EEEEEE; font-size: 90%; font-weight: bold;}
.currency_div option {font-weight: bold; }

/* Section Headings */
.headingtextS {text-align: left; padding: 3px; font-size: 80%; font-weight: bold; text-decoration: none;}
.headingtext {text-align: left; padding: 6px; font-size: 90%; font-weight: bold; text-decoration: none;}
.headingtextL {text-align: left; padding: 10px; font-size: 130%; font-weight: normal; text-decoration: none;}
.tabheading {text-align: left; font-size: 80%; font-weight: bold; text-decoration: none;}
.tabheadingL {text-align: left; padding-left: 6px; letter-spacing: 2px; font-size: 95%; font-weight: bold; text-decoration: none;}
.customheading {margin-top:0px; color:#ffffff!important; background-color:#9d2b57!important;background-color: transparent; font-size: 150%; font-weight: normal; padding: 10px; border-color:#CCCCCC; border-style: none; border-width: 1px; text-decoration: none; font-style: normal; letter-spacing: 5px; border-bottom-style: solid; border-bottom-width: 1px; text-transform: uppercase; margin-left:10px;margin-right:10px; max-width:100%!important; text-align:center;}
.rightcol .customheading {font-size: 120%; padding: 10px;}
.leftcol .customheading {font-size: 120%; padding: 10px;}
.headingmessages {text-align: left; padding-left: 10px; padding-top: 10px; font-size: 80%; font-weight: normal; font-style: italic;} 

/* Shop Section Containers */
.section_container {text-align: left; width: 100%; overflow: hidden;}
.section_topdata {width: auto; overflow: hidden; }
.section_messages {margin-left:5px;text-align: left; padding-left: 10px; padding-top: 10px; font-size: 80%; font-weight: normal; font-style: italic;} 
.section_options {float: right; color: #000000; padding-top: 5px; padding-right: 10px; padding-bottom: 20px; font-size: 90%; font-weight: normal;}
.section_options select {width: auto !important; background-color: #FFFFFF; color: #000000; border: 1px solid #EEEEEE; font-size: 90%; font-weight: bold;}
.section_options option {font-weight: bold; }
.section_data {text-align: left; width: auto; margin: 10px; overflow: hidden;}

/* Buttons & Links */
.buttonsstandard {font-size: 90%; font-weight: bold; margin-left: 2px; margin-top: 2px; margin-bottom: 2px; margin-right: 2px;}
.textlinks {padding-left: 2px; font-size: 90%; font-weight: bold;}
.textlinks A { font-size: 90%; font-weight: bold;}
.textlinks A:hover {text-decoration: underline;}
.butttxt {font-size: 85%; font-weight: bold; text-decoration: none;}
.custombutton {
 color: #ffffff;
 background-color: #00abc5;
 
 font-size: 98%;
 font-weight: normal;
 margin-left: 0px;
 margin-top: 2px;
 margin-bottom: 2px;
 margin-right: 4px;
 border-style: none;
 padding: 10px;
 cursor: pointer;
 transition: all 0.5s ease;
 border-radius: 5px !important;
}
 .custombutton:hover {
 border-radius: 5px !important; 
 color:#9d2b57!important;
 color: #00abc5;
 background-color: #ffffff;
 box-shadow: 2px 2px 5px #888888;
 } 
.formbuttons_container .custombutton {padding: 20px; padding-left: 40px; padding-right: 40px; font-size: 100%; }
.classicbutton {white-space: nowrap; display: inline-block; padding: 1px; margin: 1px;}

.modernbutton {border-radius: 5px !important;line-height: 50px; font-family: "Open Sans",sans-serif !important !important;white-space: nowrap;margin-left:4px!important;padding-bottom:8px!important}
 .modernbutton a {
 border-radius: 5px !important;
 color: #ffffff;
 background-color: #00abc5;
 font-size: 98%;
 font-weight: normal;
 margin-left: 0px;
 margin-top: 2px;
 margin-bottom: 2px;
 margin-right: 4px;
 border-style: none;
 padding: 10px;
 cursor: pointer;
 text-decoration: none;
 }
 .modernbutton a:hover {
 transition: all 0.5s ease;
 text-decoration: none;
 color: #9d2b57!important;
 background-color: #ffffff;
 box-shadow: 2px 2px 5px #888888;
 border-style: solid !important;
 border-width: 1px !important;
 border-color: #00abc5 !important;
 
 } 
.modernbutton .fa {font-size: 20px !important; color: #ffffff; padding-bottom: 5px; padding-left: 5px; padding-right: 5px;}
.modernbutton .faright {padding-left: 10px; padding-right: 0px;}
.modernbutton a:hover .fa {color: #00abc5;}

.formbuttons_container .modernbutton {line-height: 75px; }
.formbuttons_container .modernbutton a {padding: 20px; padding-left: 40px; padding-right: 40px; font-size: 110%; }
.formbuttons_container .modernbutton .fa {font-size: 25px !important; }


.classicbuttontext {border-color: #EEEEEE; border-style: solid; border-width: 1px; padding: 10px; font-size: 85%; font-weight: bold; text-decoration: none;}
.classicbuttontext:hover {text-decoration: underline;}
.cartbuttons_container {padding-top: 2px; padding-bottom: 2px; display: inline-block; margin-left:0px }
.cartbuttons_container img {vertical-align: top;}
.formbuttons_container {text-align: center; margin:15px; padding-top: 5px;}
#searchform_div img {position: relative; top: 5px;}

/* Menu Tabs (Small) */
.menutab {margin-right: 1px; margin-left: 1px; float: left; height: 25px; background-color: #EEEEEE;}
.menutabtext A {position: relative; top: 2px; color: #1a2f3e; font-size: 80%; font-weight: bold; text-decoration: none} 
.menutab:hover {background-color: #1a2f3e;}
.menutab:hover a {color: #EEEEEE}

/* Menu Tabs (Large) */
.menutabL {margin-right: 1px; margin-left: 1px; float: left; height: 25px; background-color: #EEEEEE;}
.menutabtextL A {position: relative; top: 2px; color: #1a2f3e; font-size: 100%; font-weight: bold; text-decoration: none} 
.menutabL:hover {background-color: #1a2f3e;}
.menutabL:hover a {color: #EEEEEE}

/* Menu Tabs (Text Links) */
.menutextlink A {padding: 5px; color: #1a2f3e; font-size: 80%; font-weight: normal; text-decoration: underline; transition: all 0.5s ease;}
.menutextlinkL A {padding: 10px; color: #1a2f3e; font-size: 120%; font-weight: normal; text-decoration: underline; transition: all 0.5s ease;}
.menutextlink a:hover {opacity: 0.5;}
.menutextlinkL a:hover {opacity: 0.5;}

.custom_menutab {float: left; background-color: #EEEEEE; margin: 1px; padding: 3px; transition: all 0.5s ease;}
.custom_menutab a {color: #1a2f3e; font-size: 90%; vertical-align: middle; padding-left: 10px; padding-right: 10px; text-decoration: none;}
.custom_menutab:hover {background-color: #1a2f3e;}
.custom_menutab:hover a {color: #EEEEEE}

/* Item Related */
.itemname {color: #000000; font-size: 100%; font-weight: bold; text-decoration: none;}
.itemname A {color: #000000; font-size: 100%; font-weight: bold; text-decoration: none;}
.itemdesc {color: #000000; font-size: 95%;}
.itemdesc A {color: #000000; font-size: 95%;}
.price {color: #000000; font-size: 100%; font-weight: bold;}
.listname {color: #000000; font-size: 100%; font-weight: bold; text-decoration: none;}
.listname A {color: #000000; font-size: 100%; font-weight: bold; text-decoration: none;}
.listname A:hover {color: #000000; font-size: 100%; font-weight: bold; text-decoration: underline;}
.listimage {
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 
}
 /* added by col to put border in feature image */
 .listimage img {
 
 border-style: solid !important;
 border-width: 0px !important;
 border-color: #cccccc;border-radius:0px;background-color:#cccccc!important
 }



.listdesc {padding-top:5px; padding-right:5px; padding-bottom: 10px; color: #000000; font-size: 75%;}
.listprice {color: #000000; font-size: 95%; font-weight: bold;}
.listitemno {color: #000000; font-size: 95%; font-weight: bold;}

/* item Related - i added this to add border around image talks to ID not class */
#largei {
 border-width: 0px;
 border-style: solid;
 border-color: #cccccc;
 margin-top: 20px;
 max-height:150px;
}
/* item Related - i added this to (overide) center or align image(largei within new div */
.imageColin img { float:none;margin-left:auto;margin-right:auto;
}

/* Item Detail Page */
select {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
select option {text-overflow:ellipsis; overflow:hidden;}

.itemdescription {color: #000000; font-size: 90%; font-weight: normal; margin-left:-5px}
.itemqtyinput {
 padding: 10px;
 font-size: 95%;
 background-color: #FFFFFF; color:#9d2b57!important;
 color: #000000;
 font-weight: normal;
 border-style:solid;
 border-width: 2px;
 border-color: #00abc5;
 border-radius: 5px;
}
.itemstockmessage {margin-top: 5px; margin-bottom: 5px; color: #000000; font-size: 90%; font-weight: normal;}
.itemoptions_container {padding-top: 10px; padding-bottom: 5px;}
.itemoptionsgroup {color: #000000; font-size: 100%; font-weight: normal; text-decoration: none;}
.itemoptions {padding: 1px; color: #000000; font-size: 95%; font-weight: bold; text-decoration: none;}
.optionselect {width: auto !important; background-color: #FFFFFF; color: #000000; border: 1px solid #000000; font-size: 100%; font-weight: bold; padding: 10px;}
.optionselect option {font-weight: bold; }
.optiontextinput {margin-left: 5px; padding: 10px; font-size: 95%; font-weight: normal; background-color: #FFFFFF;}
.optiontextarea {margin-left: 5px; padding: 10px; vertical-align:baseline; font-size: 95%; font-weight: normal; background-color: #FFFFFF;}
.optioncheckbox {width: 16px; height: 16px; padding-top: 3px; margin-right: 5px; vertical-align: baseline;}
.optionradiobutton {width: 15px; height: 15px; margin-right: 5px; vertical-align:baseline;}
.optionmonetaryinput {background-color: #FFFFFF; color: #000000; font-size: 90%; font-weight: normal; width: 50px;}

/* Item Reviews Page */
.reviewscolumn_1 {width: 20%; float: left; overflow: hidden;}
.reviewscolumn_2 {width: 60%; float: left; overflow: hidden; padding-bottom: 20px;}
.reviewscolumn_3 {width: 19%; float: left; overflow: hidden; text-align: right;}

/* Category Related */
.catname {color: #000000; color:#9d2b57; font-size: 120%; font-weight: bold; text-decoration: none;margin-bottom:10px!important;}
.catname A {color: #000000; text-decoration: none;}
.catname A:hover {text-decoration: underline;}
.catdesc {margin: 10px; color: #000000; font-size: 85%; text-decoration: none;}
.catdelim {color: #000000; font-size: 85%; text-decoration: none;}
.subcats {color: #000000; font-size: 100%; font-weight: bold; text-decoration: none;}
.subcats td {padding: 5px; color: #000000; font-size: 100%; font-weight: bold; text-decoration: none;}
.subcats a {color: #000000; font-size: 100%; font-weight: bold; text-decoration: none;}
.subcats a:hover {text-decoration: underline;}
.subcatlist_div {width: auto; overflow: hidden; padding: 5px;}
.cattable {width: auto !important ; overflow: hidden;}
.cattable br {clear: both;}
.catlist_div {clear: both; margin-bottom: 10px;}
.catitem_div {padding: 20px; overflow: hidden;}
.catitemlist_div {width: 100%; overflow: hidden; padding: 5px;}
.catitemlist_column1 {float: left; margin-right: 5px; overflow: hidden;}
.catitemlist_column2 {float: left; margin-right: 10px; overflow: hidden;}
.catitemlist_column3 {word-wrap: break-word; text-align: left; float: left; margin-right: 10px; overflow: hidden;}
.catitemlist_column4 {text-align: right; float: left; margin-right: 10px; overflow: hidden;}

/* Top Level Category listing */
.toplevelcat {padding-bottom: 2px; color: #000000; font-size: 90%; font-weight: bold; text-decoration: none;}
.toplevelcat A {color: #000000;color:#9d2b57!important; font-size: 100%; font-weight: bold; text-decoration: none; transition: all 0.5s ease;}
.toplevelcat A:hover {text-decoration: none; opacity: 0.5;}
.toplevelcatdot {color: #000000; color:#9d2b57!important; padding-right: 5px; font-size: 100%; font-weight: normal; text-decoration: none;}
.toplevelcatdes {color: #000000; font-size: 95%; text-decoration: none;}
.toplevelsub {padding-left: 14px; padding-bottom: 7px; color: #000000; font-size: 95%; font-weight: normal; text-decoration: none;}
.toplevelsub A {line-height: 18px; color: #000000; font-size: 95%; font-weight: normal; text-decoration: none;}
.toplevelsub A:hover {text-decoration: underline;}
.toplevelsubdot {color: #000000; font-size: 8px; font-weight: bold; text-decoration: none;}
.toplevelsubdes {color: #000000; font-size: 90%; text-decoration: none;}

/* System Text & Error Messages */
.messages {color: #000000; font-size: 90%; font-weight: normal; padding-top: 2px; padding-bottom: 2px;}
.messages A {color: #000000; font-size: 95%; font-weight: normal;}
.messages2 {color: #000000; font-size: 120%; font-weight: bold;}
.messages3 {color: #000000; font-size: 130%; font-weight: bold; text-align: center;}
.errors {color: red; font-size: 90%; font-weight: bold;}
.paginglinks {line-height: 50px; padding: 10px; padding-top: 25px; text-align: center; color: #000000; font-size: 130%; font-weight: normal;}
.paginglinks A {color: #ffffff; background-color: #00abc5; font-size: 98%; font-weight: normal; margin-left: 4px; margin-top: 2px; margin-bottom: 2px; margin-right: 4px; border-style: none; padding: 10px; cursor:pointer; transition: all 0.5s ease; text-decoration: none;} 
.paginglinks a:hover {color: #00abc5; background-color: #ffffff; box-shadow: 5px 5px 5px #888888;} 


/* Forms */
.form_container {width: auto !important; background-color: transparent; padding-bottom: 15px;padding-top:15px; padding-left: 25px; padding-right: 15px;}
.formheadings {
 color: #000000;
 font-size: 90%;
 font-weight: normal;
 text-decoration: none; text-align:left; margin-bottom:5px;margin-top:10px;
 
}
.formheadings A {color: #000000; font-size: 90%; font-weight: bold; text-decoration: underline;}
.formheadings2 {padding-top: 25px; padding-bottom: 5px; color: #000000; font-style:italic; font-size: 120%; font-weight: normal; text-decoration: none;}
.formordertotal {color: #000000; font-size: 120%; font-weight: bold; text-decoration: none;}
.rowline {height: 1px; border-style: none; border-bottom-style: solid; border-width: 1px; border-color: #EEEEEE;}
.rowline2 {height: 1px; border-style: none; border-bottom-style: solid; border-width: 1px; border-color: #EEEEEE;}
.formfield { font-size: 120%; font-weight: normal; background-color: #FFFFFF; width: 400px; max-width: 80%; padding: 10px; border-bottom-style: solid; border-width: 1px; border-color: #EEEEEE; }
.formfieldColin {
 font-size: 120%;
 font-weight: normal;
 background-color: #FFFFFF;
 width: 90%;
 max-width:90%;
 padding: 10px;
 border-style: solid;
 border-width: 2px;
 border-color: #cccccc;
 border-radius:3px;
}

.formfield2 { font-size: 120%; font-weight: normal; background-color: #FFFFFF; width: 150px; max-width: 80%; padding: 10px;}
.formfield3 { font-size: 120%; font-weight: normal; background-color: #FFFFFF; width: 200px; max-width: 80%; padding: 10px;}
.formfield4 { font-size: 120%; font-weight: normal; background-color: #FFFFFF; width: 375px; max-width: 80%; padding: 10px;}
.formfield5 { font-size: 120%; font-weight: normal; background-color: #FFFFFF; width: 50px; max-width: 50px; padding: 10px; border-style:solid;border-width:2px;border-color:#00abc5;border-radius:5px;color:#9d2b57;}
.formtextarea1 { font-size: 120%; font-weight: normal; background-color: #FFFFFF; width: 400px; max-width: 80%; height: 200px; padding: 3px;} 
.formtextarea2 { font-size: 120%; font-weight: normal; background-color: #FFFFFF; width: 400px; max-width: 80%; height: 200px; padding: 3px;}
.form_container select {font-size: 120%; font-weight: normal; padding: 10px;}
.gatewaylogo {padding: 5px; padding-left: 40px; padding-bottom: 10px;}
.searchselect {margin-right: 3px; background-color: #00abc5; color: #ffffff; border: none; font-size: 95%; font-weight: normal;}
.searchinput { color: #000000; font-size: 95%; font-weight: normal; background-color: #FFFFFF; width: 125px;}
.radiobuttons_container {padding: 1px; color: #000000; font-size: 100%; font-weight: bold; text-decoration: none;}
.radiobuttons {padding-right: 10px; vertical-align:baseline;}
.checkboxes_container {padding: 1px; color: #000000; font-size: 100%; font-weight: bold; text-decoration: none;}
.checkboxes {padding-right: 5px; vertical-align:baseline;}

/* Shopping Cart related */
.cartdata {color: #000000; font-size: 85%; font-weight: bold; text-decoration: none;}
.cartdata A {color: #000000; font-size: 85%; font-weight: bold; text-decoration: none;}
.cartdata2 {color: #000000; font-size: 80%; font-weight: bold; text-decoration: none;}
.cartdata2 A {color: #000000; font-size: 80%; font-weight: bold; text-decoration: none;}
.cartcolumn_1 {width: 50%; float: left; overflow: hidden;}
.cartcolumn_1 img { border-style:solid; border-width:1px; border-color:#cccccc;border-radius:3px;
 
}

.cartcolumn_2 {
 width: 15%;
 float: left;
 overflow: hidden;
}
.cartcolumn_3 {width: 15%; float: left; overflow: hidden; text-align: right;}
.cartcolumn_4 {width: 19%; float: left; overflow: hidden; text-align: right;}
.carttotalcolumn_1 {width: 80%; float: left; overflow: hidden; text-align: right;}
.carttotalcolumn_2 {width: 19%; float: left; overflow: hidden; text-align: right;}

/* Floating Row */
.td {float: left;}
.tdleft {float: left;}
.tdright {float: right;}

/* End/Clear Table Row */
.tr {clear: both; visibility:hidden ; height: 0px !important; font-size: 0; line-height: 0px;}

/* Order Status Page */
.orderstatuscolumn_1 {width: 25%; float: left; overflow: hidden;}
.orderstatuscolumn_2 {width: 25%; float: left; overflow: hidden;}
.orderstatuscolumn_3 {width: 25%; float: left; overflow: hidden;}
.orderstatuscolumn_4 {width: 25%; float: left; overflow: hidden;}
.orderdownloadcolumn_1 {width: 33%; float: left; overflow: hidden;}
.orderdownloadcolumn_2 {width: 33%; float: left; overflow: hidden;}
.orderdownloadcolumn_3 {width: 33%; float: left; overflow: hidden; text-align: center;}

/* Order Receipt Page */
.orderheader {margin-top: 5px; background-color: transparent; font-size: 85%; font-weight: bold; text-decoration: none;}
.orderheader2 { font-size: 100%; font-weight: bold; text-decoration: none;}
.ordertxt {color: #000000; font-size: 85%;}
.ordercolumn_1 {width: 15%; float: left; overflow: hidden;}
.ordercolumn_2 {width: 40%; float: left; overflow: hidden;}
.ordercolumn_3 {width: 15%; float: left; overflow: hidden; text-align: center;}
.ordercolumn_4 {width: 15%; float: left; overflow: hidden; text-align: right;}
.ordercolumn_5 {width: 14%; float: left; overflow: hidden; text-align: right;}
.ordertotalcolumn_1 {width: 85%; float: left; overflow: hidden; text-align: right;}
.ordertotalcolumn_2 {width: 14%; float: left; overflow: hidden; text-align: right;}

/* AFFILIATE REPORT */
.reportcolumn_1 {width: 30%; float: left; overflow: hidden;}
.reportcolumn_2 {width: 14%; float: left; overflow: hidden;}
.reportcolumn_3 {width: 14%; float: left; overflow: hidden; text-align: center;}
.reportcolumn_4 {width: 14%; float: left; overflow: hidden; text-align: right;}
.reportcolumn_5 {width: 14%; float: left; overflow: hidden; text-align: right;}
.reportcolumn_6 {width: 13%; float: left; overflow: hidden; text-align: right;}

/* POPUP BODY STYLE (will override above in the Pop-Up Window) */
.popupbody {width: auto; margin-top:100px!important; margin: 10px !important;  background: none !important; background-color: #FFFFFF; text-align: left; } 
.popupbodydiv {width: 97%; padding: 10px;  background-color: #FFFFFF; margin-left: auto; margin-right: auto;}
.popupmessages {color: #000000; font-size: 100%; font-weight: bold; text-align: center; }
.popupimages {text-align: center;}

/* POPUP CONTAINER STYLES */
#popupMask {position: absolute; z-index: 200; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url('/LMS/img/background-trans.png'); background-repeat: repeat; display: none;}
#popupContainer {position: absolute; z-index: 999; top: 94px; left: 0px; display: none; padding: 0px;}
#popupInner {
 
 margin-top: 10px !important;
 border: 2px solid #CCCCCC;
 background-color: #ffffff;
 width: 100%;
 height: 100%;
}
#popupFrame {width: 100%; height: 100%; position: relative; z-index: 202;}
#popupTitleBar {
 background-color:#9d2b57!important ;background-color: #00abc5;
 color: #ffffff;
 font-weight: bold;
 height: 20px;
 padding: 0px;
 border-bottom: 2px solid #EEEEEE;
 border-top: 1px solid #EEEEEE;
 border-left: 1px solid #EEEEEE;
 border-right: 1px solid #EEEEEE;
 position: relative;
 z-index: 203;

}
#popupTitle {float:left; font-size: 80%;}
#popupControls {float: right; cursor: pointer; cursor: hand;}


/* DROPDOWN MENU */
#pdmenu {height: 48px; background-color: #9d2b57; margin: 0px; position: relative; left: 1px; z-index: 999;}
.pdm {Xwidth: 136px; text-align: left; float: left; background-color: #9d2b57; border-style: none; border-right-color: #CCCCCC; border-right-style: solid; border-right-width: 0px; position: relative; left: -1px; z-index: 9999; transition: all 0.5s ease; padding-left: 15px; padding-right: 15px;}
.pdm:hover {background-color: #00abc5;}
.pdm:hover a {color: #FFFFFF;}
.pdm:hover .pdm_tabdata {display: block;} /* */ /* USE jquery hoverIntent plug-in instead */
.pdm:hover .pdm_tabdata a {color: #00abc5;}
#pdmlast {border-right-style: none;}
.pdm_tab {text-align: center; z-index: 9999; margin-top: 12px; margin-bottom: 12px; background-color: transparent;}
.pdm_tab a {color: #FFFFFF; font-weight: normal!important; font-size: 17px; text-decoration: none;}
.pdm_tab a:hover {color: #FFFFFF; text-decoration: none;}
.pdm_tabdata {padding-right: 20px; padding-bottom: 30px; position: absolute; display: none; background-color: #00abc5; border-color: #CCCCCC; border-style: solid; border-width: 1px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 10px 10px 5px #777; }
.pdm_tabdata a {text-decoration: none; color: #ffffff;}
.pdm_tabdata a:hover {text-decoration: underline; color: #00abc5;}
.pdm_tabdata:hover {display: block; }
.pdm_head {margin: 20px; margin-bottom: 5px; color: #00abc5; font-size: 15px; letter-spacing: 6px; font-style:italic;}
.pdm_head a {text-decoration: none;}
.pdm_head a:hover {text-decoration: underline;}
.pdmenu_col_1 {float: left !important;}
.pdmenu_col_2 {float: left !important;}
.ul_main {clear: left; list-style-type: none; margin: 5px; margin-right: 10px; font-size: 20px; font-weight: normal; padding-top: 5px;}
.ul_sub {margin: 2px; list-style-type: none; padding-left: 10px; font-size: 15px; font-weight: normal;}
.ul_sub li {float: none; }
.ul_sub2 {list-style-type: none; padding-left: 15px; font-size: 12px; font-weight: normal; display: none;}
.ul_subclear {clear: both; height: 5px;}
.pdm .fa {font-size: 15px !important;}
.pdmicon {display: none;}
#pdm_icontabdata {width: 100%; padding-right: 20px; padding-bottom: 30px; display: none; background-color: #9d2b57; border-color: #CCCCCC; border-style: none; border-width: 0px; }
#pdm_icontabdata ul {clear: left; list-style-type: none; margin: 5px; margin-right: 10px; font-size: 110%; font-weight: normal; padding-top: 5px;}
#pdm_icontabdata a {color: #FFFFFF; font-weight: normal; font-size: 110%; font-weight: normal; text-decoration: none;}
#pdm_icontabdata a:hover {color: #FFFFFF; text-decoration: none;}

/* SEARCH RELATED */
.simplesearch_input {background-image: url('/LMS/img/searchicon.png'); background-position: right; background-repeat: no-repeat; padding: 8px; border-color: #CCCCCC; border-width: 1px; border-style: solid; color: #999999; font-size: 13px; font-weight: normal; background-color: #FFFFFF; width: 315px;}
.simplesearch_button {padding: 8px; position: relative; left: -31px; top: 2px; width: 30px; height: 25px; background-color: transparent; background-image: url('/LMS/img/pixel.gif'); background-repeat: no-repeat; border-style: none;}

.modernsearch_input {padding: 5px; padding-left: 8px; padding-right: 8px; border-color: #CCCCCC; border-width: 1px; border-style: none; font-size: 110%; font-weight: normal; color: #ffffff; background-color: #00abc5; width: 250px; min-height:24px;}
#modernsearch_div {float: right; color: #ffffff; background-color: #00abc5; }
#modernsearch_div div {color: #ffffff; background-color: #00abc5; padding-top: 5px; padding-right: 4px;}
#modernsearch_div .tr {width: 0px; margin: 0px; padding: 0px;}
#modernsearch_div div:hover {cursor: pointer;}
#modernsearch_div .fa-search {font-size: 30px !important; color: #ffffff; padding-bottom: 5px;}



/* MISSING CSS BELOW */

/* END MISSING CSS  */

/* START MODIFIED CSS  */
/* MODIFIED: .leftcol - text-align: left */
/* END MODIFIED CSS  */

/* START ADMIN SETTINGS  */
body {}
.buttonsstandard {border-color: #00abc5; border-style: solid; border-width: 1px;}
.custombutton {border-color: #00abc5; border-style: solid; border-width: 1px;}
.classicbutton {border-color: #00abc5; border-style: solid; border-width: 1px;}
.imenu {}
.custom_menutab {}
.topsec {}
.topbanner {}
.headingtextS {}
.headingtext {}
.headingtextL {}
.customheading {}
.section_container {}
/* NO ids DATA */
/* END ADMIN SETTINGS  */

/* END */


