/* @override http://www.priceselfstorage.com.asp1-16.dfw1-2.websitetestlink.com/_assets/theme/style.css */

/*-----------------------------------------------------------------------------------------------*/
/*                                      PRICE SELF STORAGE                                       */
/*                                      CSS AUTHOR: jon cazier                                   */
/*                                      EMAIL: joncazier at gmail                                */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*                                  CSS RESET THANKS TO ERIC MEYER                               */
/*                   http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/                */
/*-----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0 0 0 0px;
    padding: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus
{
    outline: 0;
}
body
{
    line-height: 1;
    color: black;
    background: white;
}
ol, ul
{
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td
{
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '"';
}
blockquote, q
{
    quotes: '"' '"';
}

/*-----------------------------------------------------------------------------------------------*/
/*                                          GENERAL STYLES                                       */
/*-----------------------------------------------------------------------------------------------*/

body
{
    background: #fcfafa url(/_assets/theme/images/bg.png) repeat-x;
    font-family: "Lucida Grande" , Lucida, Verdana, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
    color: #333;
}

h1
{
    color: #2f2f88;
    margin-bottom: 10px;
    font: bold 16px "Lucida Grande" , Lucida, Verdana, sans-serif;
}

h2
{
    color: #2f2f88;
    margin-bottom: 10px;
    font: 16px "Lucida Grande" , Lucida, Verdana, sans-serif;
}


h4
{
    color: #2f2f88;
    font: 12px "Lucida Grande" , Lucida, Verdana, sans-serif;
}

h3
{
    font-weight: bold;
    margin-bottom: 15px;
}

strong, b, em
{
    font-weight: bold;
}

p
{
    margin-bottom: 15px;
}

ul
{
    margin: 0 0 15px 20px;
}

ol
{
    margin: 0 0 15px 20px;
    list-style: decimal;
}

table
{
    width: 100%;
    margin-bottom: 15px;
    
}

table td
{
    padding: 2px 5px;
    vertical-align: top;
}

blockquote
{
    font-style: italic;
}

i, em
{
    font-style: italic;
}

a
{
    text-decoration: none;
    color: #2f2f88;
}
a:hover
{
    color: #373da5;
}

#content a
{
    font-weight: bold;
}

#w3 a.btn
{
    display: block;
    width: 120px;
    height: 20px;
    background: transparent url(/_assets/theme/images/btn.gif) no-repeat top;
    text-align: center;
    color: #FFF;
    line-height: 20px;
    font-weight: normal;
    font-size: 1em;
}

.btn_reserve
{
    display: block;
    width: 127px;
    height: 25px;
    background: transparent url(/_assets/theme/images/reserve_now_btn.png) no-repeat top;
    text-indent: -9999px;
    float: right;
    border: none;
    cursor: pointer; /*margin-top:5px;*/
}

#w3 a.btn:hover
{
    background: transparent url(/_assets/theme/images/btn.gif) no-repeat bottom;
}

.clear
{
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}

.divider
{
    height: 14px;
    background: transparent url(/_assets/theme/images/dividerRight.png) no-repeat right top;
}

.divider span
{
    display: block;
    height: 16px;
    background: transparent url(/_assets/theme/images/dividerLeft.png) no-repeat left top;
}
.dividerzip
{
    height: 16px;
    background: transparent url(/_assets/theme/images/top_border_zip_search.png) no-repeat right top;
}


ul.striped
{
    margin-left: 0px;
}
ul.striped li
{
    line-height: 20px;
    border-bottom: solid 1px #c3c2c2;
    padding-left: 10px;
}
ul.striped li.alt
{
    background: #eceaea;
}
ul.striped li.last
{
    border-bottom: none;
}

.red_validation
{
    color: #2f2f88;
}

.rFloat
{
    float: right;
}
.lFloat
{
    float: left;
}

.twoThird ul li
{
    padding-left: 15px;
    background: transparent url(images/lock.gif) no-repeat left 2px;
    line-height: 18px;
}

strike
{
    font-size: 1.1em;
    font-family: "Lucida Grande" , Lucida, Verdana, sans-serif;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                          GENERAL LAYOUT                                       */
/*-----------------------------------------------------------------------------------------------*/

#w1
{
    width: 930px;
    margin: auto;
    background: transparent url(/_assets/theme/images/lightGrad.png) repeat-y top;
}

#w2
{
    background: transparent url(/_assets/theme/images/bgTop.png) no-repeat top;
}

#w3
{
    background: transparent url(/_assets/theme/images/bgBtm.png) no-repeat bottom;
    padding: 0 35px;
    min-height: 550px;
    height: auto !important;
    height: 550px;
}

#header
{
    height: 48px;
    padding: 15px;
    text-align: right;
    font-size: 1.1em;
    color: #2f2f88;
    font-family: "Lucida Grande" , Lucida, Verdana, sans-serif;
    overflow: hidden;
}

#header h1, #header h1 a
{
    width: 259px;
    height: 48px;
    float: left;
    text-align: left;
}

#header h1 a
{
    display: block;
    text-indent: -3000px;
    background: transparent url(/_assets/theme/images/logo.gif) no-repeat;
}

#header h2
{
    font-size: 18px;
}

#header p
{
    height: 20px;
}
#header p span
{
    display: block;
    width: 435px;
    float: left;
    padding-right: 10px;
    line-height: 20px;
}
#header p a
{
    float: left;
}

#nav
{
    height: 30px;
    line-height: 30px;
    background: transparent url(/_assets/theme/images/navBg.gif) repeat-x;
    overflow: hidden;
    white-space: nowrap;
}
#nav ul
{
    margin-left: 0px;
}

#nav li, #nav a
{
    color: #FFF;
    text-transform: uppercase;
    width: 112px;
    height: 30px;
    display: block;
    float: left;
    text-align: center;
}

#nav a:hover, #nav li.active a
{
    background-color: #3737da;
}

#nav li
{
    border-right: solid 1px #A0AD3A;
    padding-right: 1px;
}
#nav li a
{
    border-right: solid 1px #2f2f88;
    font-weight: bold;
}

#nav li.login, #nav li.login a
{
    border-right: none;
    width: 169px;
}
/*IE 6 Specific*/
#w3 > #nav li.login, #w3 > #nav li.login a
{
    border-right: none;
    width: 175px;
}

#subHeader
{
    overflow: hidden;
    border-bottom: solid 10px #BCD331;
}

.subHeaderFlash, .subHeaderImg
{
    float: left;
}

#content
{
    min-height: 370px;
    height: auto !important;
    height: 370px;
}

#footer
{
    height: 70px;
    padding: 15px 30px 0 30px;
    background: transparent url(/_assets/theme/images/footerBg.png) no-repeat center;
    position: relative;
    line-height: 1.5em;
    font-size: .9em;
    margin-top: 15px;
}

#footer a
{
    padding: 0 8px;
    font-weight: normal;
}
#footer a.first
{
    padding-left: 0;
}

a.centershiftLogo
{
    display: block;
    height: 19px;
    width: 92px;
    text-indent: -5000px;
    background: transparent url(/_assets/theme/images/centershiftLogo.gif) no-repeat;
    position: absolute;
    top: 15px;
    right: 177px;
}

a.footerreferral
{
    display: block;
    height: 30px;
    width: 152px;
    text-indent: -5000px;
    background: transparent url(/_assets/images/button_referral_footer.jpg) no-repeat;
    position: absolute;
    top: 15px;
    right: 15px;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                         CONTENT COLUMNS                                       */
/*-----------------------------------------------------------------------------------------------*/

.column
{
    margin: 15px 0 0 15px;
    float: left;
    overflow: hidden;
    display: inline; /* Fixes IE6 double margin bug */
}
.text
{
    -x-system-font: none;
    color: #2F2F88;
    font-family: "Lucida Grande" ,Lucida,Verdana,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 10px;
    margin-left: 5px;
}

/*.column h1 {white-space: nowrap;}*/

.third
{
    width: 300px;
}

.twoThird
{
    width: 513px;
}

.full
{
    width: 828px;
}

.home1
{
    width: 300px;
    clear: left;
}
.home2
{
    width: 259px;
}
.home3
{
    width: 239px;
}
.locationsgrp
{
    width: 300px;
    margin-left: 545px;
    border-color: Red;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                           UNIT TABLE                                          */
/*-----------------------------------------------------------------------------------------------*/


.unitData
{
    border-collapse: collapse;
}

.unitData tbody td
{
    border-top: solid 1px #c4c2ab;
}
.unitData tbody tr.alt
{
    background: #f1f3df;
}

.unitData td, .unitData th
{
    padding: 5px 10px 5px 0;
    vertical-align: top;
}

.unitData thead th
{
    color: #2f2f88;
    font-weight: bold;
}

.unitData .size
{
    width: 6%;
    text-align: left;
}
.unitData .size1
{
    text-align: left;
}
.unitData .features
{
    width: 16%;
    text-align: left;
}
.unitData .price
{
    width: 55%;
}
#w3 .reserve .price
{
    width: 25%;
}
.unitData .select
{
    width: 20%;
}
.unitData .location
{
    width: 15%;
    text-align: left;
}

.unitData td.special
{
    font-weight: bold;
    background: #bcd331;
    white-space: pre-line;
}

.unitData .selectBtn
{
    text-align: center;
}

.unitPrice
{
}

.unitPrice tr td
{
    padding: 0 3px;
    border: 0;
}
.unitPrice .total td
{
    font-weight: bold;
}
.contactData
{
}
#w3 .contactData td a
{
    font-weight: normal;
}

.contactUsData
{
    border-collapse: collapse;
}

.contactUsData tr.alt
{
    background: #ebeadf;
}
.contactUsData td
{
    border-bottom: solid 1px #c4c2ab;
    padding: 3px 5px;
}
.contactUsData tr.last td
{
    border: 0;
}

.lgroup strong
{
    color: #2f2f88;
    font: 12px "Lucida Grande" , Lucida, Verdana, sans-serif;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                              FORMS                                            */
/*-----------------------------------------------------------------------------------------------*/

.inputStyle
{
    width: 165px;
    height: 20px;
    padding: 0 5px;
}
.inputStylezip
{
    width: 50px;
    height: 20px;
    padding: 0 5px; /*margin-top:-2px;*/
    float: left;
}
* + html .inputStylezip
{
    margin-top: 3px;
    height: 21px;
}
.inputreserve
{
    width: 165px;
    height: 20px;
    padding: 0 5px;
}


.selectStyle
{
    width: 178px;
    height: 25px;
    padding: 0 0 0 5px;
}
.hFormDiv .inputStyle
{
    border: 1px solid #2f2f88;
    background-color: #fcfafa;
}
.vFormDiv .inputStyle
{
    background: #ebeadf;
    border: solid 1px #c4c2ab;
    width: 200px;
    margin: 5px 0;
}
.vFormDiv .selectStyle
{
    width: auto;
    margin: 5px 0;
}

.hFormDiv
{
    height: 30px;
    line-height: 20px;
    width: 524px;
}
.hFormDiv label
{
    display: block;
    width: 120px;
    float: left;
    text-align: right;
}
.hFormDiv input, .hFormDiv select
{
    margin-left: 10px;
}
.submit
{
    padding-left: 130px;
}

.hrFormDiv
{
    height: 30px;
    line-height: 20px;
    width: 262px;
}
.hrFormDivright
{
    height: 30px;
    line-height: 20px;
    width: 262px;
    float: right;
}
.hrFormDivright4
{
    width: 200px;
    float: left;
}
html[xmlns*=""] body:last-child .hrFormDivright4
{
    width: 231px;
    float: left;
    margin-top: 4px;
}
.hrFormDivright4 label
{
    color: Black;
    font-size: 11px;
    margin: 6px 0 3px 0;
}
html[xmlns*=""] body:last-child .hrFormDivright4 label
{
    color: Black;
    font-size: 11px;
    margin: 6px 0 3px 0;
    height: 12px;
}
.hrFormDivright1
{
   float: left;
    position: relative;
    width: 210px;
}
.hrFormDivright1 label, .hrFormDivright4 label
{
    color: Black;
    font-size: 11px;
    margin: 6px 0 3px 0;
    float: left;
}

.hrFormDivleft
{
    height: 30px;
    line-height: 20px;
    width: 262px;
    float: left;
}
.hrFormDivleftreserve
{
    width: 200px;
    float: left;
}
.hrFormDivleftreserve label
{
    color: Black;
    font-size: 11px;
    margin: 6px 0 3px 0;
    float: left;
}
.hrFormDiv label
{
    display: block;
    width: 120px;
    float: left;
    text-align: right;
}
.hrFormDiv input, .hFormDiv select
{
    margin-left: 10px;
}
.submit
{
    padding-left: 130px;
}


.mainreserve
{
    margin: 15px 0 0 15px;
    float: left;
    overflow: hidden;
    display: inline;
    float: left;
    width: 828px;
}
.mainreservercenter
{
    width: 828px;
    border: solid 0px white;
}
.mainreservercenter_left
{
    width: 520px;
    float: left;
    border: solid 0px white;
}
.mainreservercenter_right
{
    width: 300px;
    float: right;
    background-color: green;
     color: #333333;
    font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
    font-size: 11px;
    line-height: 1.5em;
}
.mainreservercenter_header
{
    width: 520px;
    float: left;
    border: solid opx white;
}
.mainreservercenter_leftdiv1
{
    border: 1px solid blue;
    float: left;
    margin: 22px 0 0;
    width: 190px;
}
.mainreservercenter_leftdiv5
{
    width: 207px;
    float: left;
    border: solid 0px white;
}
.mainreservercenter_leftdiv2
{
    width: 263px;
    float: right;
}

.mainreservercenter_leftdiv3
{
    float: left;
    padding: 0 50px 0 0;
    width: 224px;
}

.mainreservercenter_bottom
{
    width: 520px;
    float: left;
    margin: 0px;
}
.mainreservercenter_bottom1
{
    width: 520px;
    float: left;
    margin: 15px 0 0 0;
}
/*
textarea {background: #ebeadf; border: solid 1px #c4c2ab; width: 400px; height: 150px; margin: 5px 0;}

        */


/* additions */
.siteSelectStyle
{
    width: 250px;
}

.error
{
    color: #cc0000;
    margin-bottom: 10px;
}

#admin h3
{
    margin: 0;
    padding: 0;
}
#admin ul
{
    margin: 0;
    padding-bottom: 10px;
}
#admin
{
    padding-bottom: 180px;
}


th
{
    font-weight: bold;
}



.map_page_div
{
    float: left;
    width: 1024px;
    border: 1px solid red;
}
#map_div
{
    float: right;
    width: 250px;
    height: 250px;
    background-color: Red;
}


.main_center_content
{
    width: 850px;
    margin: 0 auto;
    float: left;
}

.site_location_left
{
    float: left;
    padding-left: 12px;
    width: 420px;
}


.map_right_side
{
    width: 400px;
    float: right;
    margin-right: 5px;
}

.site_other_location
{
    width: 330px;
    margin-top: 40px;
    float: right;
    margin-right: 20px;
}
.site_location_bottom
{
    float: left;
    width: 420px;
    margin: 50px 0 0 0;
}
.site_location_bottom img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.site_location_bottom p
{
    text-align: left;
    font-size: 13px;
}

.zipsearchcontrolmain
{
    padding: 0;
    float: left;
    height: 28px;
    width: 300px;
    margin-bottom: 8px;
}
.zipsearchlablel
{
    font-weight: bold;
    float: left;
    color: #373DA5;
    width: 112px;
    font-size: 13px;
    margin-top: 5px;
}
.zipsearchButton
{
    background: url(http://www.priceselfstorage.com/_assets/images/go_btn.png) no-repeat;
    margin: 0 0 0 0px;
    float: right;
    border: 0px;
    height: 25px;
    width: 59px;
}
.zipsearchTextBox
{
    float: left;
}

/*.zipsearchheaderdiv_Main
{
    float: left;
    height: auto;
    margin: -77px 0 0 133px; *margin:212px00-142px;position:absolute;width:121px;z-index:999;}
.zipSearchHeaderDiv_Bottom_Main
{
    margin: -53px 0 0 214px; *margin:239px0px0px-61px;position:absolute;z-index:999;float:left;height:30px;width:30px;}*/
    .zipsearchheaderdiv_Main
{
   float: left;
    height: auto;        
    width: 144px; 
    margin: -88px 10px 0 125px; 
    *margin:200px 0px 0px -150px;position:absolute; *+html position:relative;}
.zipSearchHeaderDiv_Bottom_Main
{
    margin: -53px 0 0 228px;
     *margin:239px 0px 0px -50px;position:absolute; 
     *+html position:relative;*+html margin:239px 0px 0px -51px;float:left;height:30px;width:30px;}
.zipsearchTextBox_Main
{
     background: url("http://www.priceselfstorage.com/_assets/images/zipsearch_inputbox.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    height: 35px;
    margin: 0 10px 0 0;
    padding: 0 0 0 10px;
    width: 78px;
    
    /*border: 1px solid #C3C2C2;
    -moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;*/
	
   *padding:5px 0px 0px 10px;}
.zipsearchButton_Main
{
    background: url("http://www.priceselfstorage.com/_assets/images/button_zipsearch1.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 30px;
    margin: 2px 0 0 0;
    width: 41px;
    *width: 39px;
    *+html width: 39px;}
.zipsearchButton_Main1
{
    background: url("http://www.priceselfstorage.com/_assets/images/button_zipsearch2.jpg") no-repeat;
    margin: 2px 0 0 6px;
     margin /*\**/: 4px 0 0 6px;
     *+html margin: 2px 0 0 6px;
    
    float: right;
    border: 0px;
    height: 30px;
    width: 28px;
}

.main_center_content_search
{
    width: 850px;
    margin: 0 auto;
    float: left;
}
.site_location_left_search
{
    width: 420px;
    float: left;
    padding-left: 5px;
    z-index: 999;
}
.map_right_side_search
{
    width: 400px;
    height: 450px;
    float: right;
    border: 1px solid #999999;
}
.map_display_text_label_search
{
    color: #2F2F88;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 10px;
}

.menuLocationsite
{
    padding: 0 0 0 17px;
}
.menuLocationsite li
{
    display: inline;
    border-color: #D6D5CC;
}
.menuLocationsite li a
{
    background: #EEEDDC;
    padding: 10px;
    float: left;
    border-right: 1px solid #533B27;
    border-bottom: none;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
.menuLocationsite li.active a
{
    background: #F4F3E8;
    color: #533B27;
}
.menuLocationsite_content
{
    float: left;
    clear: both;
    border: 1px solid #ccf;
    border-top: none;
    border-left: none;
    background: #eef;
    padding: 10px 20px 20px;
    width: 400px;
}


#newId th
{
    padding: 0px;
    margin-right: 5px;
    padding: 5px 10px 5px 0;
}


.ddl_splamt
{
    position: absolute;
}

.popclass
{
    float: inherit;
    color: #656565;
    text-align: center;
    border:0px;
  
}

.unitDataLocation table
{
    border-collapse: collapse;
    margin-bottom:5px !important;
}
.unitDataLocation table tbody tr.alt
{
    background: #FCFAFA;
}
.unitDataLocation table th
{
    padding: 5px 10px 5px 0;
    vertical-align: top;
}
.unitDataLocation table td
{
    padding: 0px 5px 1px 0px;
    vertical-align: middle;
    text-align: center;
}           


.unitDataLocation table thead th
{
    color: #2f2f88;
    font-weight: bold;
    text-align: center;
}

.unitDataLocation table  .size
{
    text-align: center;
    width: 27%;
}
.unitDataLocation table .size1
{
    text-align: left;
}
.unitDataLocation table .features
{
    text-align: center;
    width: 20%;
}
.unitDataLocation table .price
{
    width: 43%;
    text-align: center;
}
.unitDataLocation table .webratesp
{
    color: Red;
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    white-space: pre;
}

.unitDataLocation table .select
{
    text-align: center;
    width: 20%;
    
}

.unitDataLocationSelect table
{ 
    text-align: center;
    width: 20%;  
    margin-left: 5px;
    padding: 5px 0px 5px 22px;
    
}
.unitDataLocation table .location
{
    width: 15%;
    text-align: left;
}

.unitDataLocation table td.special
{
    font-weight: bold;
    white-space: nowrap;
    color: #273288;
}

.unitDataLocation table .selectBtn
{
    float: left;
    margin: 10px 0 0 30px;
    text-align: center;
}
.unitPriceLocation table
{
    width: 100%;
}
.unitPriceLocation table .tblunitlist
{
    border-top:solid 1px Red;
}
.unitPriceLocation  table tr td
{
    border: 0;
}
.unitPriceLocation table .total td
{
    font-weight: bold;
}
.tblcol
{
    border-top: 1px solid #C4C2AB !important;
    
}
.webratedisplay table
{
    display: block;
}
.webratestrike table
{
    background: url("http://www.priceselfstorage.com/_assets/images/unit_diagonal_strikeout_h.png") no-repeat scroll center center transparent;
    color: #000000;
    display: block;
}

.webratestrike 
{
    background: url("http://www.priceselfstorage.com/_assets/images/unit_diagonal_strikeout_h.png") no-repeat scroll center center transparent;
    color: #000000;
    display: block;
}
.webratedisplay table
{
    color: #273288;
    
}

.td_bottom_bor{
border-bottom /*\**/:solid 1px #C4C2AB ; width  /*\**/:100%; float /*\**/:left;}

.hpayment
{
    height: 30px;
    line-height: 20px;    
    padding-left:130px;
}
.zipcodevalidtions
{
     float: left;
    margin: 10px 0 0 -4px;
   
}
.addthis_toolbox {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 12px;
}