/*

 	#a7d2ed - background blue
	#810040 - menu maroon
	#c8c9cb - menu dark gray
	#747273 - menu border
	
	#810040 - Maroon Text
*/

body { margin: 0px; padding: 0px; background:#949599; background-image:url(/templates/bashoptheme/images/pagebackground.gif); background-repeat:no-repeat; background-position:0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
input, img, form, ul, li, p, h1, h2, h3, h4, table, fieldset { margin:0; padding:0;}

ul {margin:0 0 0 20px; }

input {border:1px solid #939598; height:17px; }

.textcenter { text-align:center; }
.smallerText {font-size:11px;}
.clear {clear:both; padding:0; margin:0; height:0; font-size:0px;}

a { color:#810040; text-decoration: none; }
a:hover {color:#e07092;}
img {border:none;padding:0;margin:0;}
h1 { color:#810040;padding:0;margin:0 0 5px 0;font-size:24px; line-height:24px;}
h2 { color:#810040;padding:0;margin:0 0 2px 0;font-size:16px;}
h3 { color:#810040;padding:0;margin:0 0 2px 0;font-size:14px;}
h4 { color:#810040;padding:0;margin:0;}
h5 { color:#810040;padding:0;margin:0;}
h6 { color:#810040;padding:0;margin:0;}


table {background:#6D2644; font-size:12px;}
th {background:#6D2644; color:#ffffff; text-align:center; padding:2px 6px;}
td {background:#EDEFEE; vertical-align:top;}

.ulBox {display:block; text-align:left; width:200px; background-color:#ffffff; border:1px solid #810040; padding:7px 6px; margin:5px auto 15px auto;}
.ulBox ul { list-style-type: none; padding-left: 0; margin-left: 4px; }
.ulBox li {background: url(/templates/bashoptheme/images/ba_dot.gif) left center no-repeat; padding:0 0 3px 14px;}



/********************/
/*                  */
/*  Site Structure  */
/*                  */
/********************/

.pageHolder {width:999px; margin-right:auto; margin-left:auto; }

.header { background:#FFFFFF;}

.header .userpanel {float:left; width:200px; min-height:10px; height:auto !important; height:10px;}
.header .userpanel h2 { color:#949599;}
.header .logo {float:left; margin: 34px 0 0 164px;}
.search { float:right; width:150px; text-align:right; border:none; padding:0; margin:50px 0 0 0; }

.search legend {display:none;}
.search fieldset {border:0;margin:0;padding:0;}
.search label {display:none;}
.search input {width:120px; border:1px solid #555456; margin:1px 0 30px 0; padding:4px;}
.search #go {width:30px; height:24px; background:#F0F0F0;vertical-align:top; }
.search #go:hover {background:#c7c8c9;}



.submenu, .submenu li { margin:0px; padding: 0px; list-style:none;}
.submenu a { font-weight:normal; text-decoration:none;}
.submenu a:hover {text-decoration:underline; }



.colcont {margin-top:30px;}
.colmiddle{margin-right:20px; text-align:center; padding:0 0; min-height:500px; height:auto !important; height:500px;}
.content { padding:0 190px; }


.aboutservicepage img {margin:5px 0 5px 0;}

.menu { margin:0 0 0 0; padding:15px 0 0 0px; list-style:none;}
.menu ul, .menu li { margin:0px; padding: 0px; list-style:none;}
.menu li{float:left; }
.menu a { float:left; display:block-inline; width:137px; height:25px; margin:0 6px 0 0; text-align:center; font-weight:normal; line-height:25px; color:#ffffff; background-color:#853850; background-image:url(/templates/bashoptheme/images/menubuttonbg.gif); background-repeat:y; background-position:0 0; text-decoration:none;}
.menu .lastbutton { margin:0 0 0 0; width:141px; }

.menu a:hover { background-position:0 25px; background-color:#8e8f8e;  color:#fff;}
.menu .active { background-position:0 25px; background-color:#8e8f8e;  color:#fff;}



.footer { text-align:left; color:#646263; margin:10px 0 2px 0; padding:10px 0 0 0; border:2px solid #810040; border-width:2px 0 0 0; }
.footer .paymentlogos { float:right; }
.footer .paymentlogos img { margin:0 0 0 15px;}
.logofooter { float:right; margin:0 227px 0 0;}
.copyright {font-size:70%;  }


/********************/
/*                  */
/*  Content Styling */
/*                  */
/********************/

.bodyimage{margin:20px; border:2px solid #810040; padding:5px;}


.error {width:500px; background:#FFCDA4; display:block; padding:5px; border:1px #EB4434 solid; margin:5px 0px;}
.error .noteHeading { font-weight:bold; color:#333333;}
.quoteText { color:#810040; font-size:16px;}


.login {border:none; padding:0; margin:0; }
.login legend {border:none;color:#810040;padding:0;font-size:16px;font-weight:bold;}
.login fieldset {margin:0;padding:0;}
.login label {color:#555456;font-weight:bold;display:block; text-align:center;}

.login input {width:169px; height:20px; border:1px solid #939598; margin:1px 0 6px 0;}
.login .submit { border:none; height:25px;}

.myAccount { text-align:center; width:513px; margin:0 auto; }
.myAccount .login input { width:200px;}


.admin { width:250px; position:absolute; right:0;}

.adminLogin {border:none; padding:0; margin:0; }
.adminLogin legend {display:none;}
.adminLogin fieldset {margin:0;padding:0; border:none;}
.adminLogin label {color:#555456;font-weight:bold;display:block; text-align:center;}
.adminLogin input {width:169px; height:20px; border:1px solid #939598; margin:2px 0 6px 0;}
.adminLogin .submit { border:none; height:25px;}

.links .textwithoutheader ul {list-style:none;}
.links .textwithoutheader li {height:80px;}
.links .textwithoutheader img {}

.offbut a {display:block; width:240px; height:110px; line-height:37px; text-align:center; background:#1737B7; color:#ffffff; font-size:20px; font-weight:normal;}
.offbut a:hover {background:#810040;}


/********************/
/*                  */
/*   Base Buttons   */
/*                  */
/********************/

.button { display:inline-block; width:126px; height:25px; padding:0 5px; line-height:25px; text-align:center; color:#fff; margin:0 6px 0 0; background-image:url(/templates/bashoptheme/images/menubuttonbg.gif); background-repeat:y; background-position:0 0; border:none;}
.button:hover { color:#fff; background-position:0 25px; background-color:#8e8f8e;}
.ff2 .button { display: -moz-inline-box; -moz-box-orient: vertical; width:111px; height:16px; padding:4px 0 5px 15px;}

.buttonBig { display:inline-block; width:226px; height:25px; padding:0 5px; line-height:25px; text-align:center; color:#fff; margin:0 6px 0 0; background-image:url(/templates/bashoptheme/images/menubuttonbg.gif); background-repeat:y; background-position:0 0; border:none;}
.buttonBig:hover { color:#fff; background-position:0 25px; background-color:#8e8f8e;}
.ff2 .buttonBig { display: -moz-inline-box; -moz-box-orient: vertical; width:206px; height:16px; padding:4px 0 5px 20px;}

.submit {width:126px; height:25px; line-height:25px; text-align:center; color:#fff; background-image:url(/templates/bashoptheme/images/menubuttonbg.gif); background-repeat:y; background-position:0 0; border:none;}
.submit:hover { color:#fff; background-position:0 25px; background-color:#8e8f8e;}

.loginButton {float:right; text-align:center; color:#810040; margin:-20px 2px 0 0; border:none; font-size:14px;}
.loginButton:hover { text-decoration:underline;}


/********************/
/*                  */
/*   Page Styling   */
/*                  */
/********************/

.partnerslist {list-style-type:none;}

.contactform {border:none; padding:0; margin:0; }
.contactform legend {display:none;}
.contactform fieldset {border:0;margin:0;padding:0;}
.contactform label {color:#555456;font-weight:bold;width:60px;display:inline-block; text-align:left;}
.contactform input {width:169px; height:20px; border:1px solid #939598; margin:1px 0 6px 0;}
.contactform textarea {width:230px; border:1px solid #939598; margin:1px 0 6px 0;}
.contactform .submit {display:inline-block; width:136px; height:25px; line-height:25px; text-align:center; color:#fff; margin:0 6px 0 0; background-image:url(/templates/bashoptheme/images/menubuttonbg.gif); background-repeat:y; background-position:0 0; border:none;}
.contactform .submit:hover { color:#fff; background-position:0 25px; background-color:#8e8f8e;}

/********************/
/*                  */
/*    BA Shop       */
/*                  */
/********************/

/* BA Shop General */
.bashopbody .colmiddle{margin-right:0px;}

.bashopbody .content { padding:0 0px; }

.productsPage .error { margin:0 auto 5px auto;}


.bashop table {}
.bashop th {text-align:left;padding:5px 3px; }
.bashop td {padding:5px 3px;}

.bashop fieldset{ border:0;font-size:13px;}
.bashop legend {display:none;}
.bashop input {width:130px;margin-top:5px; vertical-align:top;}
.bashop label {margin:2px 0 0 0; vertical-align:top; }



/* Products Page */

.productsHeader { text-align:left; margin:0 0 2px 0;}
.productsHeader h1 { color:#000000; font-size:1.4em; margin:0; padding:0; }
.customLogo { float:left;}


.productsBody {clear:both }
.productsBody .product { float:left; text-align:left; display:block; margin:6px 0 0 6px; padding:9px; width:309px; background-color:#fff; border:1px solid #810040; }
.productsBody .firstItem { margin:6px 0 0 0;}
.productsBody .innerProduct {min-height:503px; height:auto !important; height:503px;}
.productsBody h3 { background:url(/templates/bashoptheme/images/menubuttonbg.gif) repeat-x 0 0 #810040; color:#ffffff; height:25px; line-height:25px; text-align:center; font-size:1.50em; font-weight:normal; margin:0;}
.productsBody .keyfeatures { background-color:#dcddde; padding:10px 10px 14px 10px; margin:1px 0 6px 0; font-size:1.25em; font-weight:bold;}
.productsBody .keyfeatures ul { list-style-type: none; padding-left: 0; margin-left: 0; }
.productsBody .keyfeatures li {background: url(/templates/bashoptheme/images/ba_dot.gif) left center no-repeat; padding:0 0 0 14px;}
.productsBody .description { padding:5px;}
.productsBody .description p { margin:0 2px 12px 1px;}
.productsBody .costs { background-color:#dcddde; border:1px solid #810040; padding:8px; margin:0 0 10px 0;}
.productsBody .costs .annualCost { margin:0 0 5px 0; display:block; font-size:1.25em;}
.productsBody .costs .annualCost .bigger {font-size:1.2em;}
.productsBody .costs .twoYearCost { margin:0 0 4px 0; display:block;  font-size:1.5em;}
.productsBody .costs .twoYearCost .smaller {font-size:0.85em;}
.productsBody .costs .offerCost { margin:0 0 2px 0; display:block; font-size:1.65em; font-weight:bold; color:#ed1c24;}
.productsBody .costs .offerCost .smaller {font-size:0.8em;}
.productsBody .costs .offerCost .smaller2 {font-size:0.8em;}
.productsBody .costs .offerCost .smallerText { color:#000000; font-weight:normal;}

.productsBody .textfieldRequiredState .textfieldRequiredMsg, 
.productsBody .textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.productsBody .textfieldMinValueState .textfieldMinValueMsg,
.productsBody .textfieldMaxValueState .textfieldMaxValueMsg,
.productsBody .textfieldMinCharsState .textfieldMinCharsMsg,
.productsBody .textfieldMaxCharsState .textfieldMaxCharsMsg
{ display: block; float:right; margin:2px 0 0 0; }

.productsBody fieldset{ border:0;}
.productsBody legend {display:none;}
.productsBody input {width:130px; margin:0; vertical-align:top; border:1px solid #5a5758;}
.productsBody label {margin:4px 0 0 0; vertical-align:top; }

.productsBody .row1 {display:block; text-align:right;}
.productsBody .row1 label {float:right; background-color:#dcddde; height:23px; line-height:23px; text-align:center; margin:0 0 5px 0; display:block; width:100px; border:1px solid #5a5758; border-width:1px 0 1px 1px;}
.productsBody .row1 input {float:right; height:15px; width:110px; padding:4px 4px;}

.productsBody .row2 {display:block; text-align:right; clear:both; padding:5px 0 0 0;}
.productsBody .row2 select {padding:2px 2px; height:23px; width:135px; border:1px solid #5a5758; float:left;}
.productsBody .row2 label {padding:2px 2px; height:23px; line-height:23px;}
.productsBody .row2 .qty { width: 26px; height:15px; padding:4px; margin:0 0 0 4px; text-align:right;}
.productsBody .row2 .buy {  width:91px; height:25px; line-height:25px; text-align:center; color:#fff; background-image:url(/templates/bashoptheme/images/menubuttonbg.gif); background-repeat:y; background-position:0 0; }
.productsBody .row2 .buy:hover { color:#fff; background-position:0 25px; background-color:#8e8f8e;}

.productsFooter { clear:left; margin:8px 0 8px 0;}

.compGrid {padding:9px; background-color:#fff; border:1px solid #810040;}
.compGrid h3 { background:url(/templates/bashoptheme/images/menubuttonbg.gif) repeat-x 0 0 #810040; color:#ffffff; height:25px; line-height:25px; text-align:center; font-size:1.50em; font-weight:normal; margin:0;}
.compGrid table {margin:6px 0 0 0; background-color:#a7a9ac; width:100%;}
.compGrid th {background-color:#ffffff; color:#000000; font-weight:normal; padding:1px 4x; text-align:center; vertical-align:middle;}
.compGrid td {background-color:#ffffff; color:#000000; font-weight:normal; padding:2px; text-align:center; vertical-align:middle; font-weight:bold;}
.compGrid .col1 { width:80px;}
.compGrid .productName {display:block; background:url(/templates/bashoptheme/images/menubuttonbg.gif) repeat-x 0 0 #810040; color:#ffffff; height:20px; line-height:20px; text-align:center; font-size:1.15em; font-weight:normal; margin:0; padding:0;}
.compGrid .redText {color:#ed1c24;}
.compGrid .compTableNotes {text-align:right; margin:6px 2px 0 0; font-size:0.85em;}

/*

.productform { border:1px solid #810040; border-width:0 0 1px 0; margin:0 0 10px 0; padding: 0 0 10px 0;}
.productformlast { border:none;  margin:0 0 20px 0;}
.bashop .productform fieldset {padding:0 190px;}
.bashop .productformlast fieldset {padding:0 190px;}



.bashop .price { color:#810040; font-size:13px; font-weight:bold; display:block; margin:5px 0;}
.bashop .qty { width: 40px; padding:2px; margin:0 0 0 4px;}
.bashop .buy {width:126px; height:25px; line-height:25px; text-align:center; color:#fff; margin:0px 6px 0 0; background-image:url(/templates/bashoptheme/images/menubuttonbg.gif); background-repeat:y; background-position:0 0; border:none;}
.bashop .buy:hover { color:#fff; background-position:0 25px; background-color:#8e8f8e;}
*/

/* Rest of BA shop */

.bashop .editprofile .error {margin:5px 0 5px 280px; }

.bashop .termsandconditions {height:175px; border:1px solid #555; overflow:auto; padding:5px; background-color:#CCCCCC; text-align:left;}
.bashop .termsandconditions p {padding:0 0 5px 0;}

.bashop .logRight {width:300px;height:150px;margin-left:300px;border-left:1px solid #810040;padding-left:20px;}
.bashop .logLeft {width:250px;float:left;}
.bashop .logLeft a {font-weight:bold;}

.bashop .register label {width:130px;display:block;float:left;padding-bottom:10px;}
.bashop .register input {padding:0;margin:0;}
.bashop .register fieldset {margin:0;padding:15px 0 10px 0;}
.bashop .register legend {font-size:16px;padding-top:10px;}


.bashop .regLogin {float:right; margin:0 0 0 0; background-color:#fff; border:1px solid #909294; padding:10px 20px 5px 20px; width:220px;}
.bashop .regLogin input {width:170px;margin-top:5px;}
.bashop .regLogin .error {width:209px; margin:0 0 10px 0}

.bashop .addressForm {text-align:left; padding:0 0 0 280px;}
.bashop .addressForm label {width:130px;display:inline-block; padding:0 0 10px 0;}
.ff2 .addressForm label { float:left; padding:0px 0 0 15px;}
.bashop .addressForm input {padding:0;margin:0; width:160px;}


.bashop .forgetPassword { padding:0 190px;}

.bashopbody .orderhistory { padding:0 190px; text-align:left;}

.bashopbody .order { padding:0 190px; }

.bashop .topconforder {padding:10px 0 10px 115px; }
.bashop .topconforder h2 {text-align:left; }

.bashop .label {width:110px; display:inline-block;}
.bashop .confOrderYourdetails { float:left; width:230px; text-align:left;}
.bashop .confOrderProduct {text-align:left; }
.bashop .confOrderProduct .label {width:50px; display:inline-block;}
.bashop .confOrderCont {float:left; width:230px; text-align:left; }
.bashop .confOrderContYears {margin:0 0 0 240px; text-align:left;}


.bashop .confirmOrderForm legend { display:none; visibility:hidden;}
.bashop .confirmOrderForm .checkbox { vertical-align:top; width:auto; margin:0 5px}
.bashop .confirmOrderForm .checkboxRequiredState .checkboxRequiredMsg { display:block; width:420px; margin:5px auto 0 auto; }

.bashop .amendAddress { width:230px; vertical-align:-10px;}

.ff2 .bashop .amendAddress { width:170px; vertical-align:-5px; padding:4px 0 5px 60px;}

.bashop .confsubmit { width:230px; vertical-align:top;}
.bashop .confTotal { font-size:18px; font-weight:bold;}

.bashop .voucherError .error {margin:0 auto;}