@import url("m_topnav.css");
@import url("m_sidenav.css");
@import url("m_storestyle.css");
@import url("m_footernav.css");

/* Custom CSS Document for SiteLINK7 Mobile Template */

/* Reset styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
ol,ul { list-style:none; }

/* Globals */
body {font-family: Arial, Helvetica, sans-serif;}
p {margin: 10px 0; padding: 0;}
em {font-style: italic;}
strong {font-weight: bold;}
input,select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
hr {height: 1px; color: #cfcfcf; background-color: #cfcfcf;}
.table-layout-fixed {table-layout: fixed;}

/* Structure */
#container {width: 100%; margin: 0 auto;}
	#header {width: 100%; margin: 0 auto; height: 131px; }
	#search {width: 100%; height: 36px; margin: 0 auto; float:left; }
	#topnav {width: 100%; height: auto; margin: 0 auto; float:left; display:block; clear:both; }
	#main {width: 100%; margin: 0 auto; padding: 0; overflow: auto; float: left}
		/* .sidenavbg {padding: 20px 0 0 0;} */
		#sidebar {float: left; width: 100%;}
		/* .pagenavbg {padding: 20px 0 0 0;} */
		#page-content {padding: 6px 10px 6px 10px;}
	#bottomlinks {width: 100%; margin: 0; height: auto; float: left; padding-bottom: 15px;}
	#footer {width: 100%; margin: 0 auto; height: auto; float: left; }

/* Buttons */
.button-group {width: 100%; text-align: center; margin-top: 24px; vertical-align:middle;}
.button-group .button {float: right; display: inline; clear: both; }
.button-group .button a, .button-group .button input {margin: 0 0 10px 0; display:inline-block; vertical-align:middle;}

/* Header */
#header .divlogo {display: table; #position: relative; overflow: hidden; float: left; width: 100%;}
#header ul.search-wrap {clear: right; float: left; height: 24px; list-style: none; margin: 10px 0 0 10px; padding: 0; border-top: 1px solid #7c7c7c; border-left: 1px solid #c2c2c2; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; } /* margin: 88px 10px 0 0; */
#header ul.search-wrap li {float: left; height: 24px;}
#header ul.search-wrap li.searchbox {}
#header ul.search-wrap li.searchbox input {width: 138px; border: 0 none; padding: 0 5px; background: transparent; line-height: 24px; height: 24px; }


/* Top Nav */ 
#topnav ul.topnavmenu {list-style: none; margin: 0 0 0 10px; padding: 0;} /* text-align: center; */
#topnav ul.topnavmenu li {display: inline; float: none; line-height: 30px;}
#topnav ul.topnavmenu li.divide {margin: 0 3px;}

/* Sidebar */
#sidebar ul.sidenavmenu li.sidenavheader {text-align: left; padding: 10px 0 10px 15px; display: block;background: none;}
#sidebar ul.sidenavmenu {margin: 0; padding: 0; list-style: none; border-top: 1px solid #cfcfcf; }
#sidebar ul.sidenavmenu li {padding: 0; margin: 0; border-bottom: 1px solid #cfcfcf; background: url(../../images/m-arrow.jpg) no-repeat 93% 50%;}
#sidebar ul.sidenavmenu li a {padding: 10px 15px 10px 15px; display: block;}
#sidebar ul.account-info {margin: 0; padding: 0; list-style: none;}
#sidebar ul.account-info li {padding: 0; margin: 0; border-bottom: 1px solid #cfcfcf; background: url(../../images/m-arrow.jpg) no-repeat 93% 50%;}
#sidebar ul.account-info li a {padding: 10px 0 10px 15px; display: block; font-weight: normal; color: #6a6969;}

/* Bottomlinks */
#bottomlinks ul {list-style: none; margin: 0; padding: 0;}
#bottomlinks ul li {line-height: 18px; float:left;}
#footer ul li.divide {margin: 0 6px;}
#footer .powered-by {float: left; margin: 6px 0 19px 15px; }

/* Footer */
#footer .copyright {float: left; margin: 0 0 30px 37px; }
#footer ul {width: 95%; float:left; margin: 18px 0 0; padding-left: 15px;}

/* product listing page */
.tdprodimg {padding-right:10px; vertical-align:top;}

/* Static pages */
#page-content.static {}
#page-content.static ol {list-style: decimal; margin: 12px 0; padding: 0 0 0 40px; }
#page-content.static li {color: #484848; font-size: 12px;}
#page-content.static ul {list-style: disc; margin: 12px 0; padding: 0 0 0 40px; }
#page-content.static p {font-size: 12px; color: #484848;}
#page-content.static h1 {margin: 0 0 15px 0; padding: 0;}
#page-content.static h2 {font-weight: normal; font-size: 18px; color: #484848; margin: 0 0 15px 0; padding: 0;}
#page-content.static h3 {font-weight: bold; font-size: 14px; color: #003861; margin: 0 0 10px 0; padding: 0;}
#page-content.static h4 {font-weight: bold; font-size: 14px; color: #484848; margin: 0 0 10px 0; padding: 0;}
#page-content.static h5 {font-weight: bold; font-size: 12px; color: #003861; margin: 0; padding: 0;}
#page-content.static h6 {font-weight: bold; font-size: 12px; color: #484848; margin: 0; padding: 0;}

/* All pages */
#page-content td.nopadding {padding: 0!important;}
#page-content .TopNavRow2Text {padding: 7px 10px; text-align:left;}
#page-content .THHeader {padding: 8px 5px 7px 5px;}
/* #page-content input.txtboxlong, #page-content textarea.txtboxlong {width: 358px;} */
#page-content .smalltextupper {text-transform: uppercase; font-size: 12px;}
#page-content .tab-style-header {background:url("../../images/tab-bg.gif") repeat-x; overflow:hidden; border: 1px solid #cfcfcf; height: 27px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 27px; color: #003861; text-transform:uppercase; padding: 0 14px;}
#page-content .tab-style-header .smalltextblk {line-height: 25px; text-transform:none;}
.lineitem {border-bottom: 1px solid #cccccc;}

/* Breadcrumbs */
.breadcrumbrow {margin-bottom: 10px;}

/* Tabs */
#page-content .tab-container {background: #fff; }
#page-content .tab-panes { margin: 20px 3px 3px 3px;}
#page-content ul .tabb  {height: 27px; width:100px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal;  position:relative; padding:0; margin: 0; color:#888888; text-decoration:none; text-align: left;}

#page-content ul.ptabs {border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;}
#page-content ul.ptabs li {background:url("../../images/tab-bg.gif") repeat-x; height: 27px; line-height: 27px; border-bottom:1px solid #cfcfcf;}
#page-content ul.ptabs li a  {height: 27px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; position:relative; padding:0 14px; margin: 0 -4px 0 0; color:#888888; text-decoration:none; text-transform:uppercase; line-height: 27px; display: inline-block;}
#page-content ul.ptabs li a:hover, #page-content ul.ptabs li a.tab-active {color: #003861; font-weight: bold;} 

/* Reviews */
.reviewtext, a.prodlink {font-size: 11px; color: #484848; }

/* Product Detail Page */
#page-content.prodinfopage .prodinfocell .THHeader {padding: 10px;}
#page-content.prodinfopage .prodinfocell .innerprodcell {padding: 10px; border: 1px solid #ebebeb;}
#page-content.prodinfopage .prodinfocell .innerprodcell .tdRow1Color td {padding: 0 10px;}
img.ProdInfoImage {max-width: 95%;}

/* Product Listing Page */
#pagelinks { font-size: 14px; margin-left: 30px; line-height:17px; }
#pagelinks a { background-color: #cfcfcf; padding: 0 5px; text-decoration: none; border: 1px solid #000; }
#pagelinks a:hover { background-color: #fff; }
#pagelinks a.arrowleft { background: url(../../images/leftarrow.gif) no-repeat 0 center; display: inline-block; vertical-align:bottom; width:10px; height:20px; border: none; }
#pagelinks a.arrowright { background: url(../../images/rightarrow.gif) no-repeat 0 center; display: inline-block; vertical-align:bottom; width:10px; height:20px; border: none; }
#pagelinks a.previous, #pagelinks a.next { font-weight: bold; background: transparent; border: none; }

#page-content img.prodlistimg {border: 1px solid #ebebeb; margin: 3px 0;}
#page-content .grid td {padding: 0;}
#page-content .grid input {margin: 3px 0;}

/* Checkout Pages */
.checkoutsteps {color:#989898; text-transform:uppercase; font-size:15px; line-height: 18px; margin-top:6px;}
.stephighlight {font-weight:bold; color:#1f3660;}
a.smalllink {font-size:12px;}