/* AT&T */
body {margin:0; padding:0px;
font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:13px}
.bgcolor {background-color:#FFFFFF;background:url(../images/layout/att-background.jpg) no-repeat; background-size: cover;}
#container{margin:0px auto 0 auto; padding:0px; width:1000px; min-height:300px;   height:auto}
#wrapper, #wrappershop, #footer{width:100%; float:left}
#wrapper, #wrappershop {background-color:#FFFFFF; margin:0; padding:0px 0 10px 0; background-repeat:repeat-y; min-height:500px;  height:auto !important;  height:300px}
#headertop {
    background:url(../images/layout/att-logo.jpg) no-repeat;
	background-size: contain;
    height:150px;
    width:100%;
    margin-top: 10px; 
}
#footer {margin:0;height:11px;padding:0px;width:100%}

/*.divider {margin:3px 0 3px 0; float:left;border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:100%}*/
/*#content .divider {margin:3px 0 3px 0; float:left;border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:95%}*/

.divider2 {margin:3px 0 3px 0; border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:100%}

.admindivider {float:left; margin:3px 0 3px 0; border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:100%; height:1px}
.admindivider2 { margin:3px 0 3px 0; border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF;  width:700px; height:1px}

#shoppage {float:left; width:100%; margin:25px 0 0 30px; padding:0px}
#page {float:left; width:100%; margin:25px 0 0 30px; padding:0px}
/*text styles */

a {font-weight:bold; color:#0C9DD4}
a:hover  {color:#AA0767}

p {line-height:20px}
.white {color:#FFFFFF; font-size:11px}

ul {margin:0 0 0 25px; padding:0px;}
li {line-height:22px; list-style:none}


h1, h2, h3, h4, h5{ padding:0px; background-color: inherit}

h1 {margin:0px;font-size:24px; padding:0 0 5px 0; font-weight:normal; color:#0152D9}
h2 {margin:0px;font-size:18px;  font-weight:normal; color:#E83C00}
h3 {margin-top:26px;font-size:16px; font-weight:bold; color:#3F3F3F}
h4 {margin:0px;color:#0C9DD4; font-size:18px; font-weight:bold}
h5 {margin:0px; padding:0px; font-size:13px; color:#3F3F3F}
.newsbordertext h2
{line-height:22px; font-size:18px; color:#30F62}

/*Navbar */

/*#navbar { background:url(../images/layout/navbar.jpg) repeat-x; float:left; margin:0px; height:44px; padding:0px; width:100%}*/
#navbar { 
    background: #3851a2; /* Old browsers */
    height:36px;
    width:100%
}
#navbar > a{color:#FFFFFF; margin-left:10px; line-height:34px}

.bttnmenu, .bttnmenu:link, .bttnlogout, .bttnlogout:link, .bttnservices, .bttnservices:link, .bttnnews, .bttnnews:link,
.bttncontact, .bttncontact:link, .bttnabout, .bttnabout:link, .bttnproducts, .bttnproducts:link, .bttnstock, .bttnstock:link
{margin: 0; display:block; text-decoration: none;float:left; -moz-outline-style:none; height:44px; margin: 0}

.bttnabout, .bttnabout:link {background:url(../images/layout/bttnabout.jpg) no-repeat; width:100px}
.bttnproducts, .bttnproducts:link {background:url(../images/layout/bttnproducts.jpg) no-repeat; width:104px}
.bttnservices, .bttnservices:link {background:url(../images/layout/bttnservices.jpg) no-repeat; width:127px}
.bttnnews, .bttnnews:link {background:url(../images/layout/bttnnews.jpg) no-repeat; width:134px}
.bttnstock, .bttnstock:link {background:url(../images/layout/bttnstock.jpg) no-repeat; width:134px; background-position: -1px 0px}
.bttncontact, .bttncontact:link {background:url(../images/layout/bttncontact.jpg) no-repeat; width:117px}

.bttnlogout, .bttnlogout:link {background:url(../images/layout/bttnlogout.jpg) no-repeat; width:104px}
.bttnmenu, .bttnmenu:link {background:url(../images/layout/bttnmenu.jpg) no-repeat; width:104px}
.bttnlogin, .bttnlogin:link { height:36px; float: right;}


.bttnhome:hover, .bttnmenu:hover,  .bttnlogout:hover, .bttncontact:hover, .bttnabout:hover, .bttnproducts:hover,
.bttnshop:hover, .bttnnews:hover, .bttnbranches:hover, .bttnservices:hover, .bttngallery:hover {background-position: 0 -44px}

 .bttnstock:hover {background-position: -1px -44px}
 
 .bttnlogin:hover{
	background: #4e7ee0; /* Old browsers */
	height:36px;
}

a.bttnlogin{color: #FFFFFF;
line-height: 36px;
text-decoration: none;
font-size:16px;
}
a.bttnlogin:hover{color:#000000;
line-height: 36px;
text-decoration: none;
font-size:16px;
}

.bttnlogin span{padding:10px 7px 10px 7px}
 

/*Sidebar*/

#sidebar {width:170px; float:left; margin-left:0px; padding: 0 20px 0 20px; background-color:#DFDFDF; margin-top: 10px;}
.sidebartop h5 {margin:10px 0 0 0px; float:left; color:#3F3F3F; font-size:17px; border-bottom: 1px #000 solid; width: 100%;}
.sidebartop {height:30px; width:140px; float:left}
.sidebarmiddle {height:auto !important;  height:39px;  width:120px; float:left; padding-bottom:10px}
.sidebarbottom {}

ul.sidebarlinks a, .panelContent a  {text-decoration:none; color:#5E5E5E; font-size:13px; font-weight:normal}
ul.sidebarlinks a:hover, .panelContent a:hover {color:#AA0767}
ul.sidebarlinks a {float:left; margin:2px 0 2px 0; width: 120px}

ul.sidebarlinks {margin:0px}
ul.sidebarlinks li {list-style:none; margin:5px 0 0 0; width: 110px;}
ul.sidebarlinks li img {display:none}
.panelContent ul {margin:0 0 0 10px}

.sidebardivider {width:160px; border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; float:left; margin:0 0 0 0px; height: 1px;}
li .sidebardivider { float:left; margin-left: -14px; }
div.sidebarcontent > div.sidebardivider {display:none}

/*Main Shop Page */
#hellologin {font-size:11px}
.intro {padding: 0 0 15px 0; width:650px; float:left}

/*Basket and Detailed Information Price Layout */
.addtothebasket {float:left; margin: 10px 0 0 500px}
#pricecontainer{float:left;margin:30px 0 0 0; padding: 0 0 10px 0;  width:605px; border:1px solid #DFDFDF}
#priceheader {width:605px;  height:25px; background-color:#2D2D2D; margin:0px; padding:0px}
.pack {float:left; width:250px; margin:4px 0 0 20px}
.price {float:left; width:250px; margin:4px 0 0 0px}

.qty {float:left; width:60px; margin:4px 0 0 0px}
.qtybox {border:1px solid #C1C1C1; width:40px}
span.priceheadings, span.basketheadings  {font-weight:bold;  padding:0px; color:#FFFFFF}

#basketcontainer{font-size:11px; float:left;margin:0px 0 0 0;  width:650px; border:1px solid #DFDFDF}
#basketheader {width:650px;  height:25px; background-color:#2D2D2D;  margin:0px; padding:0px}
.basketitem, .basketqty, .basketprice, .basketimages, .baskettotaldescription
{margin:4px 0 0 10px; float:left}

.basketitem{width:450px}
.basketqty{width:80px}
.basketprice{width:60px}
.basketimages img {height:50px}
.basketimages{width:50px}
.basketdescription{font-size:11px; margin:4px 0 0 15px; float:left; width:385px}
.basketqty input{border:1px solid #DFDFDF; width:50px}
.baskettotal {float:left}
.baskettotaldescription{width:540px}
.baskettotaldescription b, .basketprice b {font-size:12px; color:#003876}

.updatebttn {float:left; margin:10px 0 0 460px}
.basketbuttons, .currentlydeliver {float:left; width:650px}
.checkoutbttn {float:left; margin: 0 0 0 370px}
.returnshopbttn{float:left}
.basketbuttons, .currentlydeliver {margin:30px 0 0 0}

#registercontainer {padding: 0 0 15px 0; width:600px; margin:10px 15px 15px 0;  border:1px solid #DFDFDF; float:left}
.registerheader {width:600px; height:30px; background-color:#2D2D2D}
.registerheader h3 {float:left; color:#FFFFFF; margin:4px 4px 4px 10px; padding:0px; font-size:18px; font-weight:bold}
.registertext {margin:5px 0 0 0; float:left; width:250px}
.registertext input{float:left; margin:5px 0 0 0; border:1px solid #DFDFDF; width:250px}
.registertext p {margin:5px 0 0 15px; line-height:18px; font-weight:bold}

/*Customer Accounts Area */

#content {float:left; width:790px; margin:25px 0 0 30px; padding:0px}

.topBar span {float:left; margin: 0 0 0 10px}
.inputbox {border:1px solid #DFDFDF; width:200px}
.inputboxnews  {border:1px solid #DFDFDF; width:500px}
.dhtmlgoodies_panel li{list-style:none}

tr.bluebar {color:#ffffff; width:100%;  height:25px; background-color:#2D2D2D; width:600px}
td.headingswhite, td.headings {font-weight:bold; font-size:11px; color: #ffffff; height:25px;}
/* admin area */

.adminmenu {text-align:left; margin:0 0 0 360px}
.reportingmenu {text-align:left; margin:0 0 0 230px}
#categoryform {font-size:11px; width:500px; margin: 20px 0 0 20px}


.categoryheader {float:left; color:#FFFFFF; width:100%;  height:25px; background-color:#2D2D2D;  margin:0px; padding:0px}

.category1 {width:120px; float:left; margin: 4px 0 0 10px}
.category2 {width:60px; float:left; margin: 4px 0 0 20px}
.category3 {width:110px; float:left; margin: 4px  0 0 20px}
.category4 {width:80px; float:left; margin: 4px  0 0 30px}
.category5 {width:160px; float:left; margin: 4px  0 0 30px}
.category6 {width:120px; float:left; margin: 4px  0 0 20px}

.category2 img, .maincatalogueheaderimage img, .maincatalogueheadersummary3 img {width:50px}

a.featured {color:#660099}
a.products {color:#FF6600}

.maincategoryspacer {width:20px;float:left}
.maincategorybttns {width:40px;float:left}
.maincategoryheader {width:145px;float:left; margin: 4px 0 0 20px}
.maincategoryimageheader {font-size:11px;width:120px;float:left}
.maincategorydescheader {width:205px; float:left; margin: 4px 0 0 20px}
.maincategorydescheader2 {width:180px; float:left; margin: 4px 0 0 20px}
.maincategorymodifyheader {width:100px; float:left; margin: 4px 0 0 20px}
.maincatalogueheader {width:110px; float:left; margin: 4px 0 0 20px}
.maincatalogueheader2 {width:50px; float:left; margin: 4px 0 0 20px}

.maincatalogueheaderselect {height:auto; width:40px; float:left; margin: 4px 0 0 20px}
.maincatalogueheaderimage {height:auto; width:80px; float:left; margin: 4px 0 0 10px}
.maincatalogueheaderheading {width:120px; float:left; margin: 4px 0 0 20px}
.maincatalogueheadersummary {width:120px; float:left; margin: 4px 0 0 20px}
.maincatalogueheadermoddel {width:50px; float:left; margin: 4px 0 0 20px}
.maincatalogueheadersummary3 {width:105px; float:left; margin: 4px 0 0 20px}

#cSearch, .nextcontainer {width:100%; float:left}
.nextcontainer2 {height:50px; width:800px; float:left}
.h4container {height:50px; width:900px}
label.error, .warning { color: red }
/*gallery admin */

#galleryimages {margin:10px 0 0 50px}
.gallerythumbnail{padding:10px; height:100px; width:100px}
.thumbgalleryimg {padding:10px;border:1px solid #cccccc; margin:10px;float:left }

/*News and Events Page */

.newsborder1 {}
.newsborder2 {margin:10px 0 0 0; min-height:200px;height:auto !important; float:left;border:1px solid #DFDFDF; background-color:#EEFCFE; width:100%;}

.newsborder2 img {width:150px}

.newsbordertext  {line-height:22px; padding: 0 0 15px 0; min-height:200px;height:auto !important; float:left; margin: 0 10px 0 10px; width:95%}


.newsimagebordertext2 {float:left; border:1px solid #DFDFDF;margin: 0 10px 0 0px}
.newsimagebordertext {border:5px solid #FFFFFF}

.onlineborder {padding: 0 0 10px 0; margin:2px 0 2px 0px; border-top:1px solid #DFDFDF; width:100%; height:1px}


.newsborder2 h2 {margin: 2px 0 0 0; padding:5px 0 5px 0}

.newsborder2 h3,
.newsborder2 h4,
.newsborder2 strong,
.newsborder2 b
{font-size:14px;
font-weight:bold;
color:#4C584A;

}

/*Other Pages about us, services etc etc */

.floatright {float:right; margin:0px}
.floatleft {float:left; margin:5px; padding: 0 10px 20px 0}
#page .floatright {padding:3px; background-color:#FFFFFF; border:1px solid #DFDFDF; padding:3px; background-color:#FFFFFF}
.surname {display:none}
.logo {float:left; margin:15px 15px 20px 10px; text-align:center; height:80px}
.logo img {border:1px solid #cccccc}

.floatlogo {float:left; margin:0}

.map {float:right; margin:10px}
.map a {float:left;}

#contactform {width:450px;float:left}

#contactaddress {width:350px;float:left}

/* Contact Page */
.address {float:left; min-height:120px;  height:auto !important;  height:120px;}
.phonefax{float:left; margin: 0 0 0 60px; min-height:120px;  height:auto !important;  height:120px;}
.contactdetails {
    float:left;
    padding: 0;
    color: #333333;
	text-align:right;
}
.contactdetails b {
    line-height: 21px;
}
.contactboxes {margin: 0 0 0 20px; float:left; width:150px}
.contactinputbox {font-size:11px; border:1px solid #333333; width:300px; margin:2px 0 0 0}
.surname {display:none}
.contacttext {margin:0 0 0 10px; width:200px; float:left}
.contactinput{font-size:11px; padding: 0 0 10px 0; width:200px; float:left}
.docdownloads{float:left; margin:10px 0 0 150px; width:300px}

/* Contact Page */

#loginbg {background-color:#FFFFFF; width:100%; height:100%}
#loginpadding {padding:15px}

#logocontainer {width:100%; height:auto; float:left; padding-top: 40px; }

/* News / Featured Pages */
.newsbox {margin:10px 0 0 0; padding:10px; border:2px solid #E8DEE8; float:left ; width:750px; font-size:12px; line-height:20px}
.newsbox b, .newsbox a  {font-weight:bold; font-size:11px}
h1.news {font-size:18px; font-weight:bold}
.newsbox h2 {font-size:16px; color:#EE5600; font-weight:bold}
.newsboximgcontainer {width:120px; height: 120px; float:right; margin:0 10px; padding:0px}
.newsboximg {width:100px; float:right}
.newsboximg2 {width:220px; float:right; margin:0 10px; padding:0px}
.newsboximg3 {width:100px; float:right}
.floatpicture {float:right; margin:10px}
/* News / Featured Pages */

/* Job Page */

.jobtitle, .branchname, .closedate {width:30%; float:left}

.viewjob {width:5%; float:left}

.jobtitle b, .branchname b, .closedate b, .viewjob b {color:#E45439}

.dividerred {margin:3px 0 3px 0; float:left;border-top:2px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:100%}
.dividerred2 {margin:3px 0 3px 0; float:left;border-top:1px solid #FFBC99; height:1px; background-color:#FFFFFF; width:100%}

.viewjobbttn {float:right}

.pagespacer{margin:0 25px 0 20px}
a.noborder {color:#FFFFFF}

.miniloginbttn, .miniloginbttn:link {
    background-color: #DFDFDF;
    display:block;
    float:left;
    height:29px;
    width:122px;
    border: 0;
    margin-left:50px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 50px;
    outline-style:none;
    text-decoration:none;
    font-size:13px; font-family:Tahoma, Helvetica, arial;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; */
    display:block;
}
.miniloginbttn:hover {
    /*background-position: 0 -28px*/
    background-color: red;
}
/*Registration */

.login-box {height:220px; margin:15px 15px 15px 0; width:290px; border:1px solid #DFDFDF; float:left}
.login-boxheader {width:290px; height:30px; background-color:#2D2D2D}
.login-boxheader h3 {float:left; color:#FFFFFF; margin:4px 4px 4px 10px; padding:0px; font-size:18px; font-weight:bold}
.login-boxtext {padding:10px}
.login-boxtext input {width:270px;}
.login-boxtext input {
	margin: 5px 0 0 0; border: 1px #DFDFDF solid;
}
.login-boxtext .miniloginbttn {
	/*background: url(../images/layout/minilogin.jpg) no-repeat; 
	text-indent: -999px;*/
	height: 29px;
	/*margin-left: 100px; */
	border: 0;
}
.login-boxtext .miniloginbttn:hover {
	background-position: 0 -28px;
}

.forgotpass {
	padding-left: 10px;
    margin-top: 20px;
}
#registercontainer {padding: 0 0 15px 0; width:600px; margin:10px 15px 15px 0;  border:1px solid #DFDFDF; float:left}
.registerheader
{
    width:600px;
    height:30px;
    background-color:#2D2D2D;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.registerheader h3 {float:left; color:#FFFFFF; margin:4px 4px 4px 10px; padding:0px; font-size:18px; font-weight:bold}
.registertext {margin:5px 0 0 0; float:left; width:285px}
.registertext input{float:left; margin:5px 0 0 0; border:1px solid #DFDFDF; width:285px}
.registertext p {margin:5px 0 0 15px; line-height:18px; font-weight:bold}
.required {color: red; float: right; font-weight: bold;}
#registerpersonalcontainer {float:left;margin:10px 0 0 0;  width:600px; border:1px solid #DFDFDF}
.registerinput {border:1px solid #C1C1C1; font-size:11px; height:14px; margin:5px 0 0 0}
p.register{font-size:11px; width:500px; text-align:left; line-height:15px; margin:8px 0px 0px 100px; float:left;}
.updatesub {margin-top: 20px; float:left;}

#registerpersonalcontainer {float:left;margin:19px 0 0 0;  width:450px; border:1px solid #F0F0F1}
#registerpersonalheader {width:450px; background-color:black; margin:0px; padding:0px; height: 20px;}
#registerpersonalheader h5{color:white}
.registerinput {border:1px solid #DCDCDE; font-size:11px; height:14px; margin:5px 0 0 0; width:240px;}
div.register{font-size:12px; text-align:right; width:400px}
input[value="Register Account"]{float:left; color:#000000; padding:2px; margin:20px 0 0 220px}
span.basket {float:left;font-size:11px; padding:0; margin:4px 0 4px 0; }
span.required {color:#FF0000}
.required { color:red;}
.registerproductbttn, .registerproduct:link
{
    margin:15px 0 0 500px;
    display:block;
    background:url(../images/img/registerbttn.jpg)
        no-repeat;text-decoration: none;
    float:left; padding:0;
    width: 83px;
    height: 28px;
    text-indent: -3000px;
    text-decoration:none
}
.registerproductbttn:hover{background-position:0 -28px}
.registertext{width:48%; padding-right:2%; float:left}
.registertext p{text-align:right; font-size:12px; margin:3px 0 3px 0}
.registertext input{font-size:12px; margin-top:5px; width:200px; border:#c1c1c1 1px solid}
.registerheader{float:left; width:100%}
.registerheader h3{background-color:black; padding:2px 0 0 10px; color:white}

/* End Registration */
.myacclink {float:left; font-size:15px; width:200px; color:#FFFFFF; line-height:20px; text-decoration:none; display: none;}
.myacclink:hover {color:#017FB4}

.services_p{min-height:80px}

.accountmenuonly {
	display: none;
}

/* Brand Scroller */
#brands{float:left; height: 6px; /* margin-top:110px */}

#brands_slider {
	background-color: #FFFFFF;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    height: 28px;
    left: 0px;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    width: 1000px;
	top: -24px;
}

#scroller {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 2400px;
}

#scroller li {
    float: left;
    height: 28px;
    margin: 0;
	width: 43%;
    font-size: 18px;
    background-color: red;
	padding-top: 2px;
}

#scroller li  img{
    float: left;
    height: 95px;
    margin: 0;
    padding: 0;
    width: 150px;
}

#scroller  a{color:#FFFFFF}
#scroller  a:hover{text-decoration:none}

/*Bootstrap changes*/

.panellogin {
	margin-left: 26.66666667%;
}

.panel-default #heading-statement {
	background-color: #3851a2;
	color: #FFF;
}

#updatedetails .panel-heading {
	background-color: #3851a2;
}

#updatedetails .panel-heading h5 {
	color: #FFF;
}

#requestnewuser .panel-heading {
	background-color: #3851a2;
}

#requestnewuser .panel-heading h5 {
	color: #FFF;
}

/*#dataTable_wrapper {
	margin-right: 20px;
}*/
/*End Bootstrap*/