/* 
===================
TOC 
===================
1. YUI Global Reset
1.2 Misc
2. Body
3. Order Form
4. Search

*/

/* ===================
1. YUI Global Reset
=================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* ===================
1.2 Misc
=================== */
.left { float:left; }
.right { float:right; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.clearBoth { clear:both; }
.hide { display:none; }

/* ====
2. Body
==== */
body { height:100%; font: 0.8125em/1.5em Calibri, Tahoma, Arial, sans-serif; color: #000;  background:#eee url(/images/frame/bckInterior.gif) repeat-x top left; }
       
#wrapper { margin:0 auto; width:930px; background: url(/images/frame/bckHat.jpg) no-repeat top center; }
	a, a:visited { text-decoration:none; outline:none; cursor:pointer; color:#121B2A; }
	a:hover { text-decoration:underline; outline:none; }
	p { margin-bottom:10px; }
	label {font-size:1em; line-height:15px; }	
	h2 { font-size:1.45em; line-height:20px; color:#b30f3b; font-weight:bold; }
	h3 { font-size: 1.2em; font-weight:bold;line-height:22px; }
	h4 { font-size:1.1em; font-weight:bold; }
	h5 { font-size:1em; line-height:1.2em; }
	input,select,textarea { color:#000;}
	textarea { font: 1.01em Verdana, sans-serif;}	
	.clearfix { clear:both; line-height:1px; height:1px; }
	
#header { height:auto; position:relative; }	
#header a.logo { float:left; margin-top:35px;margin-left:100px;}	
#header #nav { float:left; margin-left:65px; margin-top:40px;}
#header #nav a, #header #nav a:visited { margin-left:5px;}
#header #subnav { float:none; clear:left; margin-left:165px; }
#header #subnav a { margin-left:15px; color:#fff; font-weight:bold; }
#header #subnav a:hover { color: #97c9ee; }

#searchBarContainerTop { position:absolute;right:74px;top:5px; }
#searchBarContainerTop #searchBarLftTop { float:left; width:6px; height:49px; /*background:url(/images/searchBarLeft.png) no-repeat;*/  }
#searchBarContainerTop #searchBarTop { float:left; height:30px; padding:5px 0 0 10px; /*background:#2C4C70;url(/images/searchBarBG.png) repeat-x;border:2px solid #5B82AA;*/  }
#searchBarContainerTop #searchBarTop .searchBarInput { float:left; width:115px;background:#FFF;font-size:11px;color:#000; height:13px;margin:5px 0 0 0; padding:3px 0 3px 6px; border:1px solid #CCC; }
#searchBarContainerTop #searchBarTop .watermark { color:#777; }
#searchBarContainerTop #searchBarRtTop { float:left; width:14px; height:49px; /*background:url(/images/searchBarRight.png) no-repeat;*/ }
#searchBarContainerTop .searchBtn { float:left; margin:5px 6px 0; }

#content { margin:0 0 0 108px; }

	#flashHeader { margin-top: 4px; *margin-top:5px; }
	
	.noCols { width:730px; margin-top:40px; min-height:280px; height:auto !important; height:280px; }
	.polarwrap .noCols { min-height:100px; height:auto !important; height:100px; margin-top:20px; background:url(/images/frame/border.gif) repeat-x bottom left; padding:0 10px; width:720px; }
	.polarwrap .noCols h2 { line-height:12px; }
	.polarwrap .noCols p { color:#343434; padding:10px 0; font-size:12px; line-height:16px; }
	
	.contentInner { width:730px; margin-top:10px; min-height:350px; height:auto !important; height:350px; padding-top:20px; }
	.polarwrap .contentInner { border:1px solid #ececec; width:750px; padding-top:0; }
		
		.col-l { width:420px; }
		.hibeam .col-l h2 { color:#555; font-size:20px; font-family:Arial, Sans-Serif; }
		.hibeam .col-l h2, .hibeam .col-l h3, .hibeam .col-l ul { padding-left:15px; }
		.hibeam .col-l h3 { font-size:22px; font-family:Arial, Sans-Serif; color:#b30f3b; padding-left:20px; }
		.hibeam .col-l p { padding-left:15px; }
		.hibeam .col-l ul { color:#b30f3b; list-style-type:disc;margin:5px 0 0 18px; font-size:16px; }
		
		.col-r { float:right; width:300px; margin-left: 8px; border-left:1px solid #e0e0e0; }
		.polarwrap .col-r { padding-left:35px;width:275px; }
		.polarwrap .col-r h2 { margin-top:10px; }
		.hibeam .col-r h2 { margin-left:20px; }
		.hibeam .col-r p { color:#555; padding:0 0 3px 20px; margin:0; line-height:12px; }
		.hibeam .col-r p img { padding-bottom:10px; }
		.polarwrap .col-r p { padding:0; font-weight:normal; color:#343434; }
		.col-l p, .noCols p { font-size:1.2em; line-height:1.6em; color:#b30f3b; padding:10px; }
		.col-r p { font-size:1em; line-height:1.4em;  padding:10px 10px 0 10px; font-weight:bold; }
		.col-r .flashButtons { padding-left:20px;  position:relative; z-index:2;}
	    
	    .item { background:url(/images/frame/bckBoxBody.gif) repeat-y top left; width:380px; position:relative; margin:20px 0 40px 10px; }
	        .item img.cap { position:absolute; top:-20px; right:-25px; }
	        .item p { padding:0; margin:0; font-size:11px; }
	        .item .clearfix { background:url(/images/frame/bckLine.gif) no-repeat top left; margin:15px 0 0 1px; height:27px;clear:left; }
	        .item .top { background:url(/images/frame/bckBoxTop.gif) no-repeat top left; padding:10px 15px; }
	            .item .top h3 { color:#b30f3b; font-size:1.45em; line-height:20px; }
	            .item .top p { float:left; padding-bottom:5px; }	
	            .item .top .itemType { width:70px; }
	            .item .top .itemColor { width: 130px; }      
	        
	        .item .inner { background:url(/images/frame/bckBoxBottom.gif) no-repeat bottom left; padding:10px 45px 10px 15px; margin-top:-25px; }      
	        .item .inner p { color:#343434; font-size:12px; line-height:17px; }	        
	    
	    .colors { margin:0 0 0 10px; }
	        .colors p { float:left; color:#343434; font-size:12px; font-weight:bold; width:80px;line-height:14px; padding:5px 10px 0 0;}
	         
	.wideBox { margin: 5px 0 0 0; background: url(/images/frame/bckLocator.gif) no-repeat left center; height:180px; width:735px; }
	.wideBox div { text-align:right; }
	
	table.browseCatalogs td { padding:0px 20px; text-align:center; }
	table.browseCatalogs td a, table.browseCatalogs td a:visited { font-size:16px; color:#b30f3b;}
	
	.btnSearch { background:none; border:none;color:#fff;cursor:pointer; }
	
	.overlay { background:#000; }
	.mpePopup { background:url(/images/frame/bckPopupTop.gif) no-repeat top left; width:440px; background-color:#fff; display:block; }
	.mpePopupTop { height:60px; padding:15px 20px 5px 30px; }
	.mpePopupTop h2 { font-size:20px; color:#fff; line-height:35px; }
	.mpePopupTop input { float:right; }
	.mpePopupBody { padding:10px 15px 10px 30px; margin-right:20px; height:400px; overflow:auto; }
	.mpePopupBottom { background:url(/images/frame/bckPopupBottom.gif) no-repeat bottom left; height:40px; width:440px; }
	
#footerOuter { background-color:#1F2C3B; }	
#footer { margin: 0 auto; width:930px; padding-top:20px; padding-bottom:15px; text-align:center; color:#fff; }
#footerText { margin-top:25px; }
#footer a, #footer a:visited { color:#fff; }
table.loginForm td{ padding:2px; font-size:1.2em; line-height:1.6em; color:#b30f3b;}

.orderLink a:link, .orderLink a:visited {color: #AB0E3B; font: normal 12px "Trebuchet MS", serif; text-decoration:none; }
.orderLink a:hover { text-decoration:underline; }


/*===========
3. OrderForm
============*/
#orderInformation h2 { font-size: 1.5em; }
#shippingInformation h2 { font-size: 1.3em; margin-top: 23px;}
#shippingInformation a { float:right;
    width: 87px;
}

#bill-to { float:left; width: 200px;}
#ship-to { float:right; width: 200px;}

.addressSelectionPopup div {display:block; clear:both; padding-top:4px;}
#select-to h2 { margin-bottom: 23px; }
#select-to label {display: block; width: 75px; float:left;}
#select-to input {display: block; width: 200px; float:left;}
#select-to a { float: right; padding-right: 100px; padding-top:23px; font-size: 1.3em;}
.orderedItems {  width: 50%; margin-top:23px;}
.XXXorderedItems td { width: 175; }


/*===========
4. Search
============*/
#searchBarContainer { width:746px; margin:0 0 0 114px; *margin-left:40px; }
#searchBarContainer #searchBarLft { float:left; width:6px; height:49px; background:url(/images/searchBarLeft.png) no-repeat;  }
#searchBarContainer #searchBar { float:left; height:47px; padding:2px 0 0 0; background:url(/images/searchBarBG.png) repeat-x;  }
#searchBarContainer #searchBar .searchBarText { float:left; margin:12px 22px 0 20px; font-size:1.2em; *font-size:1.1em; line-height:1.3em; }
.searchBarInput { float:left; width:370px; height:20px; margin:9px 0 0 0; padding:2px 0 2px 6px; font-size:1.em; border:1px solid #CCC; }
#searchBarContainer #searchBarRt { float:left; width:14px; height:49px; background:url(/images/searchBarRight.png) no-repeat; }

.searchResults { width:711px; margin:54px 0 0 1px; padding:12px 0 20px 10px; background:#FDFDFD url(../images/stepContentBG.png) left bottom repeat-x; border:1px solid #C0C1C6; }
.searchResults h2 { margin:0 0 8px 7px; padding:0; font-size:1.3em; }
#searchResultsInner { position:relative; width:726px; padding:4px 4px 24px; background:#FFF; }
#searchResultsInner #capTip { position:absolute; top:-5px; left:1px; width:156px; height:15px; background:url(../images/capTip.jpg); display:inline; }
.searchResult { width:130px; height:140px; margin:6px; padding:10px 0 0 32px; background:#FFF; border:1px solid #CCC; }
.searchResultTitle { padding:0 0 8px 25px; font-size:1.2em; font-weight:bold; }
#searchPager { width:156px; *width:160px; margin:20px auto 0; font-size:1.1em; }
#searchHeader { float:left; width:709px; height:47px; padding:2px 0 0 5px; background:url(../images/stepHeaderBG.png) left top repeat-x; }

#imgButton { margin-top:4px; }
.capDetailThumb { width:105px; margin-bottom:6px; }
ul.capDesc { width:230px; font-size:1.2em; }
ul.capDesc li { padding:0 0 6px 12px; background:url(/images/blueBullet.png) left 4px no-repeat; }
.searchBtn { float:right; margin:9px 236px 0 0; }
.footerSearchBtn { float:left; margin:9px 0 0 10px; }



/*===========
5. CB Order
============*/
#stepContainer { position:relative; width:735px; margin:-35px auto 0; padding:5px; background:#C0C1C6; }
#stepContainer #stepContainerInner { position:relative; width:726px; padding:4px 4px 24px; background:#FFF; }
#stepContainer #stepContainerInner #capTip { position:absolute; top:-5px; left:1px; width:156px; height:15px; background:url(../images/capTip.jpg); display:inline; }

#stepContainer #stepHeaderLeft {float:left; width:6px; height:49px; background:url(../images/stepHeaderLeft.png) left top no-repeat; }
#stepContainer #stepHeaderRight {float:left; width:6px; height:49px; background:url(../images/stepHeaderRight.png) left top no-repeat; }
#stepContainer #stepHeader { float:left; width:641px; height:33px; padding:16px 0 0 73px; background:url(../images/stepHeaderBG.png) left top repeat-x; }
#stepContainer #stepHeader h1 { float:left; font-size:1.8em; color:#FFF; margin:0; padding:0; }
#stepContainer #stepHeader p.stepTotal { float:left; font-size:1.3em; line-height:1em; color:#FFF; margin:0; padding:0px; padding-left:10px; }
#stepContainer #stepHeader p#stepTitle { float:left; font-size:1.3em; line-height:1em; color:#FFF; margin:0; padding:0px; padding-left:24px; }
#stepContainer #stepHeader p.headerLogout { float:right; margin:0; padding:0 18px 0 0; line-height:1em; }
#stepContainer #stepHeader p.headerLogout a.logout{ font-size:1.2em; color:#FFF; }
#stepContainer #stepHeader p.headerLogout a.logout:hover { color:#86C9C9; }


#stepContainer #stepContainerInner .stepContent { width:680px; height:175px; margin:8px 0 0 1px; padding:27px 0 0 42px; background:#FDFDFD url(../images/stepContentBG.png) left bottom repeat-x; border:1px solid #C0C1C6; }
#stepContainer #stepContainerInner .stepContentFluid { width:680px; margin:8px 0 0 1px; padding:27px 0 20px 42px; background:#FDFDFD url(../images/stepContentBG.png) left bottom repeat-x; border:1px solid #C0C1C6; }
#stepContainer #stepContainerInner .stepContentTop { margin-top:54px; }
#stepContainer #stepContainerInner h2 { display:block; margin:0; color:#BA0A3B; font-size:1.5em; line-height:1em; }
#stepContainer #stepContainerInner h2.headerInline { display:inline; margin:0; color:#BA0A3B; font-size:1.5em; line-height:1em; }
#stepComments { padding-bottom:40px; }
#stepContainer #stepContainerInner .stepContentRight { display:inline; float:right; width:550px; }
#stepContainer #stepContainerInner .stepContentRight p { width:410px; margin:0 0 0 12px; padding:0; font-size:1.3em; line-height:1.5em; float:left; }
#stepContainer #stepContainerInner .stepContentLeft { float:left; width:200px; margin-top:20px; font-size:1.25em; font-weight:bold; line-height:1.4em; }

#stepContainer #stepContainerInner .customImagesContent { width:196px; margin:20px 0 0 12px; font-size:1.35em; line-height:1.5em; float:left; display:inline; }
#stepContainer #stepContainerInner .orderNumbersContent { width:600px; margin:20px 0 0 12px; font-size:1.35em; line-height:1.5em; float:left; display:inline; }

#stepContainer #stepContainerInner .orderNumbersContent .size { float:left; width:146px; }
#stepContainer #stepContainerInner .orderNumbersContent .size .selectList { margin-left:8px; }
#stepContainer #stepContainerInner .orderNumbersContent .quantity { width:180px; padding-left:40px; }
#stepContainer #stepContainerInner .orderNumbersContent .propertyLabel { float:left; display:inline; font-size:.95em; line-height:1em; margin:0; padding:0; }
#stepContainer #stepContainerInner .orderNumbersContent .quantity .txtInput { float:left; margin-left:4px; }

#stepContainer #stepContainerInner .property { float:left; display:inline; margin:18px 0 0 18px; }
#stepContainer #stepContainerInner .property li { height:32px; text-align:right; font-size:1.3em; padding-bottom:10px; }
#stepContainer #stepContainerInner .value { float:left; display:block; margin:18px 0 0 12px; }
#stepContainer #stepContainerInner .value li { width:100px; height:32px; text-align:left; font-size:1.3em; padding-bottom:10px; color:#8C8C8C; }
#stepContainer #stepContainerInner .value li.address { width:104px; text-align:left; font-size:1.2em; padding-bottom:9px; color:#8C8C8C; }

#stepContainer #stepContainerInner #capPreviews { padding:50px 0 20px 60px; }

p.orderEmailMsg { font-size:1.4em; }
#playerNumberCont { width:554px; margin:15px auto 20px; }
#playerNumberCont .deleteEntireSize { width:96px; height:16px; }
p#playerNumberInstruction { width:385px; margin:0 0 10px 40px; padding:0; display:none; }
p#playerNumberInstruction span { font-weight:bold; }
.repCustomers { margin:2px 40px 0 0; font-size:1.2em; }
.repCustomers p{ padding:0; }
.inPlayerNumberCont { float:left; width:75px; margin:8px 0 0 8px; padding:2px; background:url(../images/capNumberBG.png) repeat-x; border:1px solid #A9AEB4; }
.inPlayerNumberCont .btnDelete { margin:8px 0 0 6px; }
.inPlayerNumber { float:right; width:43px; height:20px; margin:0; padding:2px; font-size:1.3em; text-align:center; border:1px solid #CBCBCB; }
.specifyAddress { margin:20px 0 0 40px; }
.specifyRoute { margin:-10px 0 0 240px; }
.addressSelectCont, .routeSelectCont { float:right; }
.addressSelect { float:right; width:366px; font-size:1.4em; margin-bottom:12px;}
.addressLabel { width:80px; float:left; text-align:right; padding:5px 18px 0 0; font-size:1.2em; display:inline; }
#btnCsiAdd { width:70px; }
.fileUpload { margin-left:131px; }
td.propertyLabel { float:left; display:inline; font-size:.95em; line-height:1em; margin:0; padding:6px 6px 0 0; white-space:nowrap; }
orderQty { width:50px; }
.checkBox { margin:0 0 10px 18px; }
.checkBox label { font-size:1.2em; padding-left:8px; }
.addressInput { width:280px; margin-bottom:8px; padding:3px 0 0 4px; font-size:1.3em; border:1px solid #CBCBCB; }
.commentArea { width:626px; margin:24px 0 0; padding:5px; font-size:1.3em; line-height:1.4em; border:1px solid #CBCBCB; }
.specificNumbers { margin-bottom:3px; }
#stepContainer #stepContainerInner #stepFooter { margin:30px 0; }
#stepContainer #stepContainerInner #stepFooter .stepMessage { display:inline; margin:4px 0 0 115px; font-size:1.3em; }
#stepContainer #stepContainerInner #stepFooter .stepBtn { width:105px; height:29px; margin:0 35px 0 0; float:right; }
.customImageProperty { float:left; display:block; margin:18px 0 0 18px; font-size:1.35em; }
.reqShipDate { margin:-15px 150px 0 0; }
.validationErrors { float:right; margin:0 160px 15px 0; padding:8px; font-size:1.4em; line-height:1.4em; color:Red; }
p.ciMessage { font-size:1.3em; }